@charset "utf-8";
/*
Theme Name:SOURCE
Theme URI:
Description:WordPressテーマ「SOURCE」
Author:Design Plus
Author URI:http://design-plus1.com/tcd-w/
Version:1.4
Text Domain:tcd-w
*/


/* ------------------------------------------------------------------------------------
 web fonts　ウェブフォントファイルを変更した場合はv=1.0の数字を変更（キャッシュ対策）
------------------------------------------------------------------------------------ */
@font-face {
	font-family: 'design_plus';
	src: url('fonts/design_plus.eot?v=1.4');
	src: url('fonts/design_plus.eot?v=1.4#iefix') format('embedded-opentype'),
		url('fonts/design_plus.woff?v=1.4') format('woff'),
		url('fonts/design_plus.ttf?v=1.4') format('truetype'),
		url('fonts/design_plus.svg?v=1.4#design_plus') format('svg');
	font-weight: normal;
	font-style: normal;
}




/* ----------------------------------------------------------------------
 reset css
---------------------------------------------------------------------- */
html,
body,
div,
span,
applet,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
blockquote,
pre,
a,
abbr,
acronym,
address,
big,
cite,
code,
del,
dfn,
em,
img,
ins,
kbd,
q,
s,
samp,
small,
strike,
strong,
sub,
sup,
tt,
var,
b,
u,
i,
center,
dl,
dt,
dd,
ol,
ul,
li,
fieldset,
form,
label,
legend,
table,
caption,
tbody,
tfoot,
thead,
tr,
th,
td,
article,
aside,
canvas,
details,
embed,
figure,
figcaption,
footer,
header,
hgroup,
menu,
nav,
output,
ruby,
section,
summary,
time,
mark,
audio,
video {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
}

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
	display: block;
}

audio,
canvas,
video {
	display: inline-block;
	max-width: 100%;
}

html {
	overflow-y: scroll;
	-webkit-text-size-adjust: 100%;
	-ms-text-size-adjust: 100%;
}

ul,
ol {
	list-style: none;
}

blockquote,
q {
	quotes: none;
}

blockquote:before,
blockquote:after,
q:before,
q:after {
	content: '';
	content: none;
}

a:focus {
	outline: none;
}

ins {
	text-decoration: none;
}

mark {
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title],
dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

button,
input,
select,
textarea {
	outline: 0;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	font-size: 100%;
}

input,
textarea {
	background-image: -webkit-linear-gradient(hsla(0, 0%, 100%, 0), hsla(0, 0%, 100%, 0));
	appearance: none;
	-webkit-appearance: none;
	border-radius: 0;
	/* Removing the inner shadow, rounded corners on iOS inputs */
}

input[type="checkbox"] {
	appearance: checkbox;
	-webkit-appearance: checkbox;
}

input[type="radio"] {
	appearance: radio;
	-webkit-appearance: radio;
}

button::-moz-focus-inner,
input::-moz-focus-inner {
	border: 0;
	padding: 0;
}

img {
	-ms-interpolation-mode: bicubic;
}

/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	font-size: 0.1em;
	line-height: 0;
	visibility: hidden;
	overflow: hidden;
}

.clearfix {
	display: inline-block;
}

/* exlude MacIE5 \*/
* html .clearfix {
	height: 1%
}

.clearfix {
	display: block;
}

/* end MacIE5 */




/* ----------------------------------------------------------------------
 基本設定
---------------------------------------------------------------------- */
body,
input,
textarea {
	font-weight: 500;
	text-size-adjust: 100%;
	font-feature-settings: "palt";
	-webkit-font-smoothing: antialiased;
	font-family: Futura, "Century Gothic", "Segoe UI", Verdana, Arial, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "Hiragino Kaku Gothic ProN", Meiryo, "Helvetica Neue", Helvetica, "Hiragino Sans", "Hiragino Kaku Gothic ProN", Arial, sans-serif;
}

/* .rich_font {
			font-family: "Hiragino Sans", "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
			font-weight: 100;
		} */



body {
	font-size: 14px;
}



#post_title {
	font-size: 32px;
}

.post_content {
	font-size: 14px;
}

#related_post li a.image,
.styled_post_list1 .image,
.work_list_widget .image,
.work_list .box .image,
.blog_list .box .image {
	overflow: hidden;
}

#related_post li a.image img,
.styled_post_list1 .image img,
.work_list_widget .image img,
.work_list .box .image img,
.blog_list .box .image img {
	-webkit-transition: all 0.75s ease;
	-moz-transition: all 0.75s ease;
	transition: all 0.75s ease;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}

#related_post li a.image:hover img,
.styled_post_list1 .image:hover img,
.work_list_widget .image:hover img,
.work_list .box .image:hover img,
.blog_list .box .image:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.index_archive_link,
#work_navigation a,
.page_navi p.back a {
	background-color: #3496E2;
}

.pc #global_menu ul ul a {
	background-color: #fff;
}

#footer_bottom {
	background-color: #40c6ec;
	color: #000;
}

/* .header_fix #header,
		.mobile .header_fix #header {
			background-color: rgba(60, 104, 138, 0.7);
		} */

.pc .header_fix #global_menu ul ul a {
	background-color: #fff;
}

#header a,
mobile a.menu_button:before {
	color: #FFFFFF;
}

#footer_top,
#footer_top a {
	color: #FFFFFF;
}

.pc #global_menu ul ul li.menu-item-has-children>a:before {
	border-color: transparent transparent transparent #000;
}

.pc #global_menu ul ul a:hover {
color: #fff;
}

.pc #global_menu ul ul li.menu-item-has-children>a:hover:before {
	border-color: transparent transparent transparent #000;
}

#post_title,
#page_header .headline,
#work_category_list .current_category .name,
#work_footer_data .link,
.blog_list .box .title a:hover,
#footer_menu a:hover,
#related_post li .title a:hover,
.side_widget .styled_post_list1 .title:hover,
/* .pc .home #global_menu li.current-menu-item>a, */
.pc .home #global_menu>ul>li>a:hover {
	color: #40c6ec;
}

a:hover,
.pc #header .logo a:hover,
#comment_header ul li a:hover,
.pc #global_menu>ul>li.active>a,
.pc #global_menu>ul>li>a:hover,
#header_logo .logo a:hover,
#bread_crumb li.home a:hover:before,
#bread_crumb li a:hover,
.color_headline,
#footer_bottom a:hover,
.pc .home.header_fix #global_menu li.current-menu-item>a,
.pc .home.header_fix #global_menu>ul>li>a:hover {
	/* background: rgba(255, 255, 255, 0.25); */
	background: rgb(64 198 236 / 39%);
}

.pc #global_menu>ul>li>a:hover{
	color: #fff;
}

.pc #global_menu li.current-menu-item>a{
  color: #fff !important;
  background-color: #40c6ec !important;

}

#return_top a:hover,
.next_page_link a:hover,
.collapse_category_list li a:hover .count,
.slick-arrow:hover,
.page_navi a:hover,
.page_navi p.back a:hover,
#wp-calendar td a:hover,
#wp-calendar #prev a:hover,
#wp-calendar #next a:hover,
.widget_search #search-btn input:hover,
.widget_search #searchsubmit:hover,
.side_widget.google_search #searchsubmit:hover,
#submit_comment:hover,
#comment_header ul li a:hover,
#comment_header ul li.comment_switch_active a,
#comment_header #comment_closed p,
#post_pagination a:hover,
#header_slider .slick-dots button:hover::before,
#header_slider .slick-dots .slick-active button::before,
.work_list .box .title a:hover,
#work_navigation a:hover,
#work_side_content a:hover,
#work_button a:hover,
#blog_list .category a:hover,
#post_meta_top .category a:hover,
.box_list .link_button:hover {
	background-color: #40c6ec !important;
}

#footer_top,
.pc #global_menu ul ul a:hover,
.news_list .category a:hover,
.work_list .category a:hover,
.blog_list .category a:hover,
#related_post .headline,
#comment_headline,
.side_headline,
.mobile #global_menu li a:hover,
.index_archive_link:hover,
.mobile #footer_social_link {
	background-color: #000 !important;
	color: #fff;
}

.mobile a.menu_button:hover{
  background-color: #0096c1 !important;	
}

.pc #global_menu ul ul a:hover {
	background-color: #40C6EC !important;
}

#comment_textarea textarea:focus,
#guest_info input:focus,
#comment_header ul li a:hover,
#comment_header ul li.comment_switch_active a,
#comment_header #comment_closed p,
.page_navi a:hover,
.page_navi p.back a:hover {
	border-color: #3C688A;
}

#comment_header ul li.comment_switch_active a:after,
#comment_header #comment_closed p:after {
	border-color: #3C688A transparent transparent transparent;
}

.collapse_category_list li a:before {
	border-color: transparent transparent transparent #000000;
}

@media screen and (min-width:600px) {
	#header_slider_nav .slick-current .label {
		background-color: #3C688A !important;
	}
}

.post_content a,
.post_content a:hover {
	color: #FFFFFF ;
}

#footer_image .button {
	background-color: #FFFFFF;
	color: #333333;
	margin: 0;

}

#footer_image .button:hover {
	background-color: #333333;
	color: #FFFFFF;
}

#site_loader_spinner {
	border: 4px solid rgba(60, 104, 138, 0.2);
	border-top-color: #3C688A;
}

/* Footer bar */

body {
	/* font-family: Arial, sans-serif; */
	/* color: #333; */
	color: #111111;
	line-height: 1;
	width: 100%;
	background: #fff;
}

.pc .admin-bar {
	padding-top: 33px;
}

a {
	color: #333;
	text-decoration: none;
}

a,
a:before,
a:after,
input {
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: 0.2s;
	-webkit-transition-timing-function: ease;
	-moz-transition-property: background-color, color;
	-moz-transition-duration: 0.2s;
	-moz-transition-timing-function: ease;
	-o-transition-property: background-color, color;
	-o-transition-duration: 0.2s;
	-o-transition-timing-function: ease;
	transition-property: background-color, color;
	transition-duration: 0.2s;
	transition-timing-function: ease;
}

a:hover {
	text-decoration: underline;
}

.clear {
	clear: both;
}

.hide {
	display: none;
}


/* レイアウト */
#main_contents {
	/* background: #14202b; */
	background: #fff;
	width: 100%;
	position: relative;
	z-index: 10;
}

#main_col {
	width: calc(100% * 1150 / 1280);
	max-width: 1150px;
	margin: 0 auto;
	padding: 20px 0 60px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#left_col {
	width: calc(100% * 800 / 1150);
	float: left;
}

#side_col {
	width: calc(100% * 300 / 1150);
	float: right;
}

.pc .layout2 #left_col {
	float: right;
}

.pc .layout2 #side_col {
	float: left;
}

.pc .no_side_content #left_col {
	width: auto;
	float: none;
}




/* ----------------------------------------------------------------------
 トップページ
---------------------------------------------------------------------- */
.home #top {
	width: 100%;
	height: auto;
	position: relative;
	margin: 0 0 0 0;
	overflow: hidden;
}

/* スライダー */
#header_slider {
	width: 100%;
	height: auto;
	position: relative;
}

#header_slider.no_slider_nav {
	padding-bottom: 0;
}

#header_slider .item {
	width: 100%;
	height: auto;
}

#header_slider .item img {
	width: 100%;
	height: auto;
	display: block;
}

#header_slider .item .overlay {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 0px;
}

#header_slider .slick-dots {
	display: block;
	position: absolute;
	z-index: 2;
	bottom: 180px;
	left: 0;
	right: 0;
	margin: auto;
	text-align: center;
}

#header_slider .slick-dots li {
	display: inline-block;
	width: 13px;
	height: 13px;
	margin: 0 6px;
	position: relative;
}

#header_slider .slick-dots button {
	cursor: pointer;
	border: none;
	color: transparent;
	width: 13px;
	height: 13px;
	display: block;
	font-size: 0;
	background: none;
}

#header_slider .slick-dots button::before {
	content: '';
	display: block;
	width: 13px;
	height: 13px;
	line-height: 13px;
	background: #ddd;
	border-radius: 20px;
	position: absolute;
	top: 0;
	left: 0;
}

#header_slider .slick-dots button:hover::before,
#header_slider .slick-dots .slick-active button::before {
	background: #000;
}

.pc #header_slider .slick-dots {
	display: none !important;
}

/* スライダーナビゲーションリンク */
#header_slider_nav {
	bottom: 0px;
	left: 0px;
	border-bottom: 1px solid #ddd;
	position: relative;
	width: 100%;
	width: -webkit-calc(100% + 1px);
	width: -moz-calc(100% + 1px);
	width: calc(100% + 1px);
}

/* ここから */
#header_slider_nav .slick-track {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: stretch;
	-webkit-align-items: stretch;
	-ms-flex-align: stretch;
	-ms-grid-row-align: stretch;
	align-items: stretch;
}

/* ここまで */
#header_slider_nav .item {
	background: linear-gradient(rgba(36, 62, 83, 1), rgba(36, 62, 83, 0));
	padding: 38px;
	border-right: 1px solid #ddd;
	cursor: pointer;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-align: center;
	-ms-flex-align: center;
	-ms-grid-row-align: center;
	align-items: center;
	height: inherit;
}

#header_slider_nav .item:last-child {
	border: none;
}

#header_slider_nav .label {
	width: 60px;
	height: 60px;
	text-align: center;
	color: #fff;
	border-radius: 50%;
	font-size: 11px;
	margin: 0 20px 0 0;
	position: relative;
	flex: none;
	display: table;
}

#header_slider_nav .label span {
	line-height: 1.3;
	display: table-cell;
	vertical-align: middle;
}

#header_slider_nav .catch {
	font-size: 16px;
	line-height: 2;
}

#header_slider_nav .slick-current,
#header_slider_nav .item:hover {
	background: #f7f7f7;
}


/* スライダーのキャッチコピー */
#header_slider .caption,
#header_video .caption,
#header_youtube .caption {
	position: absolute;
	text-align: center;
	z-index: 5;
	width: calc(100% * 1150 / 1280);
	max-width: 1150px;
	margin: auto;
	left: 0;
	right: 0;
	top: 50%;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#header_slider .caption .title,
#header_video .caption .title,
#header_youtube .caption .title {
	font-size: 36px;
	line-height: 1.4;
}

/* #header_slider .caption .title span {
	font-size: 0.7em;
} */

#header_video .caption .desc,
#header_youtube .caption .desc {
	margin-top: 20px;
}

#header_slider .caption .button,
#header_video .caption .button,
#header_youtube .caption .button {
	font-size: 14px;
	text-decoration: none;
	padding: 0 45px;
	height: 45px;
	line-height: 45px;
	display: inline-block;
	margin: 25px 0 0 0;
	text-align: center;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}


/* スライダーのキャッチコピーのアニメーション */
.pc #header_slider .caption .title,
.pc #header_video .caption .title,
.pc #header_youtube .caption .title,
.pc #header_slider .caption .button,
.pc #header_video .caption .button,
.pc #header_youtube .caption .button {
	opacity: 0;
}

.pc #header_youtube .caption .title,
.pc #header_video .caption .title {
	-webkit-transform: translateY(-100%);
	transform: translateY(-100%);
}

.pc #header_youtube .caption .button,
.pc #header_video .caption .button {
	-webkit-transform: translateY(100%);
	transform: translateY(100%);
}

.pc #header_slider .slick-active .caption .title,
.pc #header_slider .caption .button {
	-webkit-animation: opacityAnimation 1.0s ease forwards 1.0s;
	animation: opacityAnimation 1.0s ease forwards 1.0s;
}

.pc #header_slider .first_active .caption .title,
.pc #header_youtube .caption.first_active .title,
.pc #header_video .caption.first_active .title,
.pc #header_slider .first_active .caption .button,
.pc #header_youtube .caption.first_active .button,
.pc #header_video .caption.first_active .button {
	-webkit-animation: opacityAnimation 1.0s ease forwards 2.0s !important;
	animation: opacityAnimation 1.0s ease forwards 2.0s !important;
}

.pc #header_youtube .caption.first_active .title,
.pc #header_video .caption.first_active .title {
	-webkit-animation: moveUp 1.0s ease forwards 2.0s !important;
	animation: moveUp 1.0s ease forwards 2.0s !important;
}

.pc #header_youtube .caption.first_active .button,
.pc #header_video .caption.first_active .button {
	-webkit-animation: moveUp 1.0s ease forwards 2.1s !important;
	animation: moveUp 1.0s ease forwards 2.1s !important;
}


/* 動画 */
#header_video {
	width: 100%;
	height: 100vh;
	position: relative;
	background: #000;
}

#header_video .overlay {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 0px;
}


/* Youtube 動画 */
#header_youtube {
	width: 100%;
	height: 100vh;
	position: relative;
	background: #000;
}

#header_youtube .overlay {
	display: block;
	width: 100%;
	height: 100%;
	z-index: 2;
	position: absolute;
	left: 0px;
	top: 0px;
}


/* ３点ボックスコンテンツ */
#index_3box {
	/* width: calc(100% * 1150 / 1280); */
	/* max-width: 1150px; */
	padding: 60px 20px;
	background-color: #40c6ec;
	background-image: url(/wp_2025/wp-content/uploads/2025/12/top_desc_bg.png);
	background-position: center;
	background-size: cover;
	background-repeat: no-repeat;
	box-sizing: border-box;
}

#index_3box_header .headline {
	margin: 0 15px 25px;
	font-size: 42px;
	line-height: 1.4;
	text-align: center;
}

#index_3box_header .desc {
	/* margin: 0 0 60px 0; */
	font-size: 16px;
	line-height: 2.2;
	text-align: center;
}

#index_3box_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	margin: 0 auto;
	width: 100%;
}

#index_3box_list .box {
	width: calc(100% / 3);
	position: relative;
	padding: 40px 40px 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#index_3box_list .icon {
	width: 170px;
	height: 170px;
	border-radius: 50%;
	background: rgba(0, 0, 0, 0.2);
	margin: 0 auto 35px;
	position: relative;
	overflow: hidden;
}

#index_3box_list .icon span {
	text-indent: -200px;
	display: block;
}

#index_3box_list .icon span:before {
	font-family: "design_plus";
	font-size: 40px;
	width: 40px;
	text-align: center;
	display: block;
	position: absolute;
	top: 70px;
	left: 164px;
}

#index_3box_list .three_box_icon1 span:before {
	content: "\e91b";
}

#index_3box_list .three_box_icon2 span:before {
	content: "\e149";
}

#index_3box_list .three_box_icon3 span:before {
	content: "\e91e";
}

#index_3box_list .three_box_icon4 span:before {
	content: "\e91f";
}

#index_3box_list .three_box_icon5 span:before {
	content: "\e953";
}

#index_3box_list .three_box_icon6 span:before {
	content: "\e320";
}

#index_3box_list .three_box_icon7 span:before {
	content: "\e924";
}

#index_3box_list .three_box_icon8 span:before {
	content: "\e920";
}

#index_3box_list .three_box_icon9 span:before {
	content: "\e921";
}

#index_3box_list .three_box_icon10 span:before {
	content: "\e5c3";
}

#index_3box_list .three_box_icon11 span:before {
	content: "\e147";
}

#index_3box_list .three_box_icon12 span:before {
	content: "\f012";
}

#index_3box_list .three_box_icon13 span:before {
	content: "\f080";
}

#index_3box_list .three_box_icon14 span:before {
	content: "\f201";
}

#index_3box_list .three_box_icon15 span:before {
	content: "\e0c6";
}

#index_3box_list .three_box_icon16 span:before {
	content: "\eb3f";
}

#index_3box_list .three_box_icon17 span:before {
	content: "\e0b7";
}

#index_3box_list .three_box_icon18 span:before {
	content: "\e87d";
}

#index_3box_list .three_box_icon19 span:before {
	content: "\f0ac";
}

#index_3box_list .three_box_icon20 span:before {
	content: "\f0ae";
}

#index_3box_list .three_box_icon21 span:before {
	content: "\f0eb";
}

#index_3box_list .three_box_icon22 span:before {
	content: "\e7f4";
}

#index_3box_list .three_box_icon23 span:before {
	content: "\e838";
}

#index_3box_list .three_box_icon24 span:before {
	content: "\f110";
}

#index_3box_list .three_box_icon25 span:before {
	content: "\e88a";
}

#index_3box_list .three_box_icon26 span:before {
	content: "\f135";
}

#index_3box_list .three_box_icon27 span:before {
	content: "\f1b2";
}

#index_3box_list .three_box_icon28 span:before {
	content: "\e2c0";
}

#index_3box_list .three_box_icon29 span:before {
	content: "\f013";
}

#index_3box_list .three_box_icon30 span:before {
	content: "\e869";
}

#index_3box_list .three_box_icon31 span:before {
	content: "\e0c6";
}

#index_3box_list .three_box_icon32 span:before {
	content: "\e7f4";
}

#index_3box_list .three_box_icon33 span:before {
	content: "\e91e";
}

#index_3box_list .catch {
	font-size: 18px;
	line-height: 2;
	margin: 0 0 20px 0;
	text-align: center;
}

#index_3box_list .desc {
	font-size: 14px;
	line-height: 2.3;
	margin: 0 0 30px 0;
	overflow: hidden;
}

#index_3box_list .link {
	position: absolute;
	right: 0px;
	bottom: 0px;
}

#index_3box_list .link a {
	background: rgba(0, 0, 0, 0.2);
	display: inline-block;
	height: 50px;
	line-height: 50px;
	color: #fff;
	padding: 0 50px;
	text-decoration: none;
}

#index_3box_list .link a:hover {
	background: rgba(0, 0, 0, 0.6);
}

/* アニメーション */
.use_animation #index_3box_header.animation_element .headline {
	opacity: 0;
}

.use_animation #index_3box_header.animation_element .desc {
	opacity: 0;
}

.use_animation #index_3box_header.animation_element.animated .headline {
	-webkit-animation: opacityAnimation 1.0s ease forwards 0.5s;
	animation: opacityAnimation 1.0s ease forwards 0.5s;
}

.use_animation #index_3box_header.animation_element.animated .desc {
	-webkit-animation: opacityAnimation 1.0s ease forwards 1.0s;
	animation: opacityAnimation 1.0s ease forwards 1.0s;
}

.use_animation #index_3box_list.animation_element .box {
	opacity: 0;
}

.use_animation #index_3box_list.animation_element .box.active {
	-webkit-transform: translateY(120px);
	transform: translateY(120px);
	-webkit-animation: moveUp 0.65s ease forwards 1.5s;
	animation: moveUp 0.65s ease forwards 1.5s;
}


/* ３点ボックスコンテンツの下の画像　詳細は.wide_image部分に記載 */
#index_center_image {
	margin: 0 0 0 0;
}

/* アニメーション */
.use_animation #index_center_image .title {
	opacity: 0;
}

.use_animation #index_center_image .desc {
	opacity: 0;
}

.use_animation #index_center_image .button {
	opacity: 0;
}

.use_animation #index_center_image.animated .title {
	-webkit-animation: opacityAnimation 1.0s ease forwards 1.0s;
	animation: opacityAnimation 1.0s ease forwards 1.0s;
}

.use_animation #index_center_image.animated .desc {
	-webkit-animation: opacityAnimation 1.0s ease forwards 1.5s;
	animation: opacityAnimation 1.0s ease forwards 1.5s;
}

.use_animation #index_center_image.animated .button {
	-webkit-animation: opacityAnimation 1.0s ease forwards 2.0s;
	animation: opacityAnimation 1.0s ease forwards 2.0s;
}


/* ４点ボックスコンテンツ */
#index_4box {
	width: calc(100% * 1150 / 1280);
	max-width: 1150px;
	margin: 0 auto 100px;
	overflow: hidden;
}

#index_4box_list {
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

#index_4box_list .box {
	width: 50%;
	background: #f7f7f7;
	border: 1px solid #ddd;
	margin: 0 0 -1px 0;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#index_4box_list .box.num1,
#index_4box_list .box.num3 {
	border-right: none;
}

#index_4box_list .box.num3,
#index_4box_list .box.num4 {
	margin-bottom: 0;
}

#index_4box_list .box .link {
	display: block;
	text-decoration: none;
	width: 100%;
	height: 100%;
	padding: 50px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#index_4box_list .box a.link:hover {
	background: #eee;
}

#index_4box_list .box .image {
	width: 160px;
	height: 160px;
	display: block;
	position: relative;
	float: left;
	margin: 0 35px 0 0;
}

#index_4box_list .box .image img {
	display: block;
	width: 100%;
	height: 100%;
	border-radius: 100%;
}

#index_4box_list .box.num3 .image,
#index_4box_list .box.num4 .image {
	float: right;
	margin: 0 0 0 35px;
}

#index_4box_list .box .catch {
	font-size: 18px;
	line-height: 1.6;
	margin: 0 0 20px 0;
}

#index_4box_list .box .desc {
	font-size: 14px;
	line-height: 2.1;
	margin: 0;
	overflow: hidden;
}

/* アニメーション */
.use_animation #index_4box_list .box {
	opacity: 0;
}

.use_animation #index_4box_list .box.num1.active,
.use_animation #index_4box_list .box.num2.active {
	-webkit-transform: translateX(120px);
	transform: translateX(120px);
	-webkit-animation: moveRight 0.65s ease forwards 0.5s;
	animation: moveRight 0.65s ease forwards 0.5s;
}

.use_animation #index_4box_list .box.num3.active,
.use_animation #index_4box_list .box.num4.active {
	-webkit-transform: translateX(-120px);
	transform: translateX(-120px);
	-webkit-animation: moveRight 0.65s ease forwards 1.0s;
	animation: moveRight 0.65s ease forwards 1.0s;
}


/* 一覧の見出し */
.index_list_header {
	margin: 0 auto 40px;
	position: relative;
}

.index_list_header .headline {
	float: left;
	font-size: 36px;
	line-height: 1.25;
}

.index_archive_link {
	font-size: 14px;
	float: right;
	display: inline-block;
	background: #bbb;
	color: #fff;
	text-decoration: none;
	height: 45px;
	line-height: 45px;
	padding: 0 40px;
	min-width: 170px;
	box-sizing: border-box;
	text-align: center;
}

.index_archive_link:hover {
	color: #fff;
	text-decoration: none;
}

.mobile_archive_link .index_archive_link {
	display: none;
}


/* お知らせ一覧 */
#index_news_list {
	width: calc(100% * 1150 / 1280);
	max-width: 1150px;
	margin: 0 auto 100px;
	overflow: hidden;
}

.news_list li {
	border-bottom: 1px solid #ddd;
	margin: 0 0 -1px 0;
	padding: 0 25px;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;
	display: flex;
	/* flex-wrap: wrap; */
}

.news_list li:hover {
	background: #fafafa;
}

.news_list li:last-child {
	margin-bottom: 0;
}

.news_list .date {
	/* float: left; */
	line-height: 58px;
	/* font-weight: bold; */
	margin: 0 22px 0 0;
	font-size: 12px;
}

.news_list .category {
	/* float: left; */
	margin: 0 20px 0 0;
	line-height: 58px;
}

.news_list .category a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	/* color: #fff; */
	font-size: 12px;
	min-width: 70px;
	text-align: center;
	padding: 0 20px;
	border-radius: 30px;
	text-decoration: none;
	background-color: #40c6ec;
}

/* .news_list .category a:hover {} */

.news_list .title {
	/* float: left; */
	font-size: 14px;
	font-weight: normal;
	width: 800px;
}

.news_list .title a {
	display: block;
	line-height: 58px;
	height: 58px;
}

.news_list .title a:hover {
	/* text-decoration: none; */
	background-color: rgb(255 255 255 / 0%);
}

/* アニメーション */
.use_animation #index_news_list .index_list_header .headline {
	opacity: 0;
}

.use_animation #index_news_list .index_archive_link {
	opacity: 0;
}

.use_animation #index_news_list.animated .index_list_header .headline {
	-webkit-animation: opacityAnimation 1.0s ease forwards 0.5s;
	animation: opacityAnimation 1.0s ease forwards 0.5s;
}

.use_animation #index_news_list.animated .index_list_header .index_archive_link {
	-webkit-animation: opacityAnimation 1.0s ease forwards 1.0s;
	animation: opacityAnimation 1.0s ease forwards 1.0s;
}

.use_animation #index_news_list li {
	opacity: 0;
}

.use_animation #index_news_list li.active {
	-webkit-transform: translateX(120px);
	transform: translateX(120px);
	-webkit-animation: moveLeft 0.65s ease forwards 1.5s;
	animation: moveLeft 0.65s ease forwards 1.5s;
}


/* 制作実績は制作実績項目にまとめて記述 */


/* ブログ一覧 */
#index_blog_list {
	margin: 0 auto;
	width: calc(100% * 1150 / 1280);
	max-width: 1150px;
}

#index_blog_list .blog_list {
	margin-bottom: 70px;
}

.blog_list {
	margin: 0 auto 120px;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.blog_list .box {
	width: calc(100% * 360 / 1150);
	border: 1px solid #ddd;
	margin: 0 calc(100% * 35 / 1150) 30px 0;
	background: #fff;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.blog_list .box:nth-child(3n) {
	margin-right: 0;
}

.blog_list .box .title {
	font-size: 14px;
	line-height: 1.8;
	padding: 20px 0;
}

.blog_list .box .title a {
	padding: 0 20px;
	display: block;
	overflow: hidden;
}

.blog_list .box .title a:hover {
	text-decoration: none;
}

.blog_list .box .image {
	width: calc(100% + 2px);
	display: block;
	margin: -1px auto 20px -1px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.blog_list .box .image img {
	width: 100%;
	height: auto;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	max-width: none;
}

.blog_list .box .meta {
	padding: 0 20px;
	line-height: 30px;
}

.blog_list .box .meta li {
	float: left;
}

.blog_list .box .category {
	text-align: center;
	margin: 0;
}

.blog_list .box .category a {
	background: #000;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	padding: 0 20px;
	border-radius: 30px;
}

.blog_list .box .category a:last-child {
	display: none;
}

.blog_list .box .category a:only-child {
	display: inline-block;
}

.blog_list .box .date {
	font-size: 14px;
	color: #888;
	margin: 0 15px 0;
}

.blog_list .box .meta li:first-child.date {
	margin: 0;
}

/* アニメーション */
.use_animation #index_blog_list .index_list_header .headline {
	opacity: 0;
}

.use_animation #index_blog_list .index_archive_link {
	opacity: 0;
}

.use_animation #index_blog_list.animated .index_list_header .headline {
	-webkit-animation: opacityAnimation 1.0s ease forwards 0.5s;
	animation: opacityAnimation 1.0s ease forwards 0.5s;
}

.use_animation #index_blog_list.animated .index_list_header .index_archive_link {
	-webkit-animation: opacityAnimation 1.0s ease forwards 1.0s;
	animation: opacityAnimation 1.0s ease forwards 1.0s;
}

.use_animation #index_blog_list .box {
	opacity: 0;
}

.use_animation #index_blog_list .box.active {
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-animation: moveUp 0.65s ease forwards 1.5s;
	animation: moveUp 0.65s ease forwards 1.5s;
}


/* 料金システム表/機能比較表 */
#index_price_function {
	width: calc(100% * 1150 / 1280);
	max-width: 1150px;
	margin: 0 auto 60px;
}

.index_price_function+.index_price_function {
	margin-top: 30px;
}

#index_price_function td,
#index_price_function th {
	line-height: 1.7;
	font-size: 16px;
}

#index_price_function table.pb_price_table td.pb_price_table_price {
	line-height: 0.8;
}

/* アニメーション */
.use_animation #index_price_function .index_price_function {
	opacity: 0;
}

.use_animation #index_price_function.animated .index_price_function {
	-webkit-animation: opacityAnimation 1.0s ease forwards 1.0s;
	animation: opacityAnimation 1.0s ease forwards 1.0s;
}


/* フリースペース */
/* .index_free_content {
	width: 1150px;
	margin: 0 auto 100px;
} */

.index_free_content> :last-child {
	margin-bottom: 0;
}

/* アニメーション */
.use_animation .index_free_content {
	opacity: 0;
}

.use_animation .index_free_content.animated {
	-webkit-animation: opacityAnimation 1.0s ease forwards 1.0s;
	animation: opacityAnimation 1.0s ease forwards 1.0s;
}

/* トップページのみフッターの画像をアニメーションさせる */
.home.use_animation #footer_image .title {
	opacity: 0;
}

.home.use_animation #footer_image .desc {
	opacity: 0;
}

.home.use_animation #footer_image .button {
	opacity: 0;
}

.home.use_animation #footer_image.animated .title {
	-webkit-animation: opacityAnimation 1.0s ease forwards 1.0s;
	animation: opacityAnimation 1.0s ease forwards 1.0s;
}

.home.use_animation #footer_image.animated .desc {
	-webkit-animation: opacityAnimation 1.0s ease forwards 1.5s;
	animation: opacityAnimation 1.0s ease forwards 1.5s;
}

.home.use_animation #footer_image.animated .button {
	-webkit-animation: opacityAnimation 1.0s ease forwards 2.0s;
	animation: opacityAnimation 1.0s ease forwards 2.0s;
}




/* ----------------------------------------------------------------------
 アニメーションの動作設定
---------------------------------------------------------------------- */
/* 透過 */
@-webkit-keyframes opacityAnimation {
	0% {}

	100% {
		opacity: 1;
	}
}

@keyframes opacityAnimation {
	0% {}

	100% {
		opacity: 1;
	}
}


/* 左から右へ */
@-webkit-keyframes moveLeft {
	0% {}

	100% {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}

@keyframes moveLeft {
	0% {}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}


/* 右から左へ */
@-webkit-keyframes moveRight {
	0% {}

	100% {
		-webkit-transform: translateX(0);
		opacity: 1;
	}
}

@keyframes moveRight {
	0% {}

	100% {
		-webkit-transform: translateX(0);
		transform: translateX(0);
		opacity: 1;
	}
}


/* 下から上へ */
@-webkit-keyframes moveUp {
	0% {}

	100% {
		-webkit-transform: translateY(0);
		opacity: 1;
	}
}

@keyframes moveUp {
	0% {}

	100% {
		-webkit-transform: translateY(0);
		transform: translateY(0);
		opacity: 1;
	}
}




/* ----------------------------------------------------------------------
 大きな画像　トップページの中央画像、フッター画像、アーカイブページ上部など
---------------------------------------------------------------------- */
.wide_image {
	width: 100%;
	height: 350px;
	position: relative;
	background-color: #000;
}

.post-type-archive-news .wide_image,
.news-template-default .wide_image {
	height: 250px;
	color: #000;
	background-color: #40c6ec;
}

.sample_image {
	width: 100%;
	height: 1193px;
	position: relative;
}

.wide_image a.link {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}

.wide_image .caption {
	width: calc(100% * 1150 / 1280);
	max-width: 1150px;
	margin: auto;
	text-align: center;
	padding: 0 50px;
	position: absolute;
	top: 55%;
	left: 0;
	right: 0;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}

.wide_image.post_content-mv .caption {
	text-align: left;
}

.post-type-archive-news .wide_image.post_content-mv .caption,
.news-template-default .wide_image.post_content-mv .caption {
	text-align: center;
}

.wide_image .caption .title {
	font-size: 42px;
	line-height: 1.4;
	margin: 0 0 15px 0;
}

.wide_image .caption .desc {
	font-size: 16px;
	line-height: 2.2;
}

/* .wide_image.post_content-mv .caption .title,
.wide_image.post_content-mv .caption .desc {
	width: 40%;
} */

.wide_image .button {
	font-size: 16px;
	text-decoration: none;
	padding: 0 45px;
	height: 50px;
	line-height: 50px;
	display: inline-block;
	margin: 25px 0 0 0;
	border-radius: 50px;
	min-width: 230px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

@media screen and (max-width: 767px) {
	.wide_image {
		height: 250px;
	}
	
	.wide_image.post_content-mv .caption .title,
	.wide_image.post_content-mv .caption .desc {
		width: 100%;
	}

	.wide_image.post_content-mv .caption .title {
		font-size: 32px !important;
	}

	.wide_image.post_content-mv .caption .desc p {
		font-size: 18px;
		line-height: 1.5;
		font-weight: bold;
	}
	.wide_image .caption {
		padding: 0 10px;
		filter: drop-shadow(0px 0px 10px black);
	}
}



/* ----------------------------------------------------------------------
 制作実績一覧
---------------------------------------------------------------------- */
#work_header_image {
	height: 400px;
}

#index_work_list {
	width: calc(100% * 1150 / 1280);
	max-width: 1150px;
	margin: 0 auto;
}

#index_work_list #work_list_wrap {
	width: 100%;
	margin-bottom: 70px;
}

#work_list_wrap {
	width: calc(100% * 1150 / 1280);
	max-width: 1150px;
	margin: 0 auto 150px;
	overflow: hidden;
}

.work_list {
	position: relative;
	display: -webkit-box;
	display: -webkit-flex;
	display: -ms-flexbox;
	display: flex;
	-webkit-flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	flex-wrap: wrap;
}

.work_list .box {
	float: left;
	width: calc(100% * 360 / 1150);
	border: 1px solid #ddd;
	margin: 0 calc(100% * 35 / 1150) 30px 0;
	background: #f7f7f7;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.work_list .box:nth-child(3n) {
	margin-right: 0;
}

.work_list .box .title {
	width: calc(100% + 2px);
	font-size: 14px;
	height: 45px;
	line-height: 45px;
	text-align: center;
	margin: 0 0 20px 0;
	font-weight: normal;
	position: absolute;
	top: -1px;
	left: -1px;
	background: #000;
}

.work_list .box .title a {
	color: #fff;
	display: block;
	text-decoration: none;
}

.work_list .box .image {
	border-radius: 160px;
	width: 160px;
	height: 160px;
	display: block;
	margin: 65px auto 20px;
	overflow: hidden;
	position: relative;
	z-index: 2;
}

.work_list .box .image img {
	width: 100%;
	height: 100%;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	max-width: none;
}

.work_list .box .category {
	text-align: center;
	margin: 0 0 20px 0;
}

.work_list .box .category a {
	background: #000;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	padding: 0 20px;
	border-radius: 30px;
}

.work_list .box .category a:last-child {
	display: none;
}

.work_list .box .category a:only-child {
	display: inline-block;
}

.work_list .box .catch {
	margin: 0 30px 10px;
	line-height: 1.8;
}

.work_list .box .date {
	font-size: 14px;
	color: #888;
	margin: 0 30px 27px;
}

/* アニメーション */
.use_animation #index_work_list .index_list_header .headline {
	opacity: 0;
}

.use_animation #index_work_list .index_archive_link {
	opacity: 0;
}

.use_animation #index_work_list.animated .index_list_header .headline {
	-webkit-animation: opacityAnimation 1.0s ease forwards 0.5s;
	animation: opacityAnimation 1.0s ease forwards 0.5s;
}

.use_animation #index_work_list.animated .index_list_header .index_archive_link {
	-webkit-animation: opacityAnimation 1.0s ease forwards 1.0s;
	animation: opacityAnimation 1.0s ease forwards 1.0s;
}

.use_animation #index_work_list .box {
	opacity: 0;
}

.use_animation #index_work_list .box.active {
	-webkit-transform: translateY(50px);
	transform: translateY(50px);
	-webkit-animation: moveUp 0.65s ease forwards 1.5s;
	animation: moveUp 0.65s ease forwards 1.5s;
}


/* カテゴリ―ボタン */
#work_category_list {
	width: calc(100% * 1150 / 1280);
	max-width: 1150px;
	margin: 80px auto;
}

#work_category_list li {
	float: left;
	width: 25%;
	height: 80px;
	margin: 0 -1px -1px 0;
}

#work_category_list li a {
	display: block;
	border: 1px solid #ddd;
	width: 100%;
	height: 100%;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#work_category_list li a:hover {
	background: #eee;
}

#work_category_list li .image {
	display: block;
	float: left;
	margin: 10px 15px 0 15px;
}

#work_category_list li .image img {
	width: 60px;
	height: 60px;
	display: block;
	border-radius: 60px;
}

#work_category_list li .name {
	display: block;
	position: absolute;
	top: 50%;
	left: 85px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}




/* ----------------------------------------------------------------------
 製作実績ページ
---------------------------------------------------------------------- */
/* 見出し */
#work_header {
	background: #000;
	width: 100%;
	height: 80px;
}

#work_header_inner {
	width: calc(100% * 1150 / 1280);
	max-width: 1150px;
	margin: 0 auto;
}

#work_header .category {
	float: left;
	margin: 25px 30px 0 0;
}

#work_header .category a {
	background: #000;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	padding: 0 20px;
	border-radius: 30px;
}

#work_header .title {
	float: left;
	font-size: 16px;
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	color: #fff;
	margin: 25px 0 0 0;
}


/* 詳細ページ　下部 */
#work_footer_data {
	position: relative;
	background: #f7f7f7;
	padding: 40px 40px 0;
	margin: 0 0 50px 0;
}

#work_footer_data .image {
	width: 160px;
	height: 160px;
	display: block;
	position: absolute;
	top: 50%;
	left: 35px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
}

#work_footer_data .image img {
	display: block;
	width: 100%;
	height: auto;
	border-radius: 100%;
}

#work_footer_data .data {
	margin: 0 0 0 200px;
}

#work_footer_data .title {
	font-size: 16px;
	margin: 0 0 20px 0;
	line-height: 1.8;
}

#work_footer_data .link {
	margin: 0 0 20px 0;
	display: block;
}


/* ボタン */
#work_footer_data .link_button {
	margin: 0 0 20px 0;
}

#work_footer_data .link_button a {
	font-size: 12px;
	text-decoration: none;
	display: inline-block;
	padding: 0 20px;
	height: 35px;
	line-height: 35px;
	text-align: center;
}




/* ----------------------------------------------------------------------
 アーカイブページ
---------------------------------------------------------------------- */
#page_header {
	margin: 74px 0 70px 0;
}

#page_header .headline {
	line-height: 1.25;
	text-align: center;
	margin: 0 0 10px 0;
}

#page_header .desc {
	line-height: 2.2;
	text-align: center;
	margin: 0;
}

/* ページング */
.page_navi {
	margin: 0;
}

.page_navi ul {
	margin: 0;
	text-align: center;
	font-size: 0;
}

.page_navi li {
	display: inline;
	margin: 0 -1px -1px 0;
}

.page_navi a,
.page_navi a:hover,
.page_navi span {
	font-size: 12px;
	padding: 14px 16px;
	line-height: 1;
	margin: 0;
	background: #fff;
	display: inline-block;
	border: 1px solid #ccc;
}

.page_navi a:hover {
	color: #fff;
	background: #222;
	text-decoration: none;
}

.page_navi span.dots {
	background: none;
}

.page_navi span.current {
	color: #fff;
	background: #333;
	border-color: #333;
}

.page_navi p.back {
	margin: 0;
	text-align: center;
}

.page_navi p.back a {
	background: #bbb;
	color: #fff;
	text-decoration: none;
	display: inline-block;
	width: 200px;
	height: 50px;
	line-height: 50px;
	text-align: center;
	font-size: 12px;
	position: relative;
	padding: 0;
}

.page_navi p.back a:hover {
	color: #fff;
}

.page_navi p.back a:hover:before {
	color: #fff;
}




/* ----------------------------------------------------------------------
 NEWS 
---------------------------------------------------------------------- */
#archive_news .news_list {
	margin-bottom: 40px;
}

/* TOP共通箇所上書き用 */
/* #archive_news .news_list li {
	border-top: 1px solid #555;
	border-right: none;
	border-bottom: 1px solid #555;
	border-left: none;
	margin: 0 0 -1px 0;
	padding: 0 25px;
	box-sizing: border-box;
	width: 100%;
	overflow: hidden;

}

#archive_news .news_list li:hover {
	background: rgba(255, 255, 255, 0.1);
	color: #fff;
}

#archive_news .news_list li:last-child {
	margin-bottom: 0;
}

#archive_news .news_list .date {
	float: left;
	line-height: 58px;
	font-weight: bold;
	margin: 0 22px 0 0;
	font-size: 12px;
}

#archive_news .news_list .category {
	float: left;
	margin: 0 20px 0 0;
	line-height: 58px;
}

#archive_news .news_list .category a {
	display: inline-block;
	height: 30px;
	line-height: 30px;
	color: #fff;
	font-size: 12px;
	min-width: 70px;
	text-align: center;
	padding: 0 20px;
	border-radius: 30px;
	text-decoration: none;
	background-color: #5ea5db;
}

#archive_news .news_list .category a:hover {
	background-color: #333;
}

#archive_news .news_list .title {
	float: left;
	font-size: 14px;
	font-weight: normal;
	width: 800px;
}

#archive_news .news_list .title a {
	display: block;
	line-height: 58px;
	height: 58px;
	color: #fff;
}

#archive_news .news_list .title a:hover {
	text-decoration: none;
	color: #5ea5db;
} */

/* ページャー */
/* #archive_news .page_btn {
	overflow: hidden;
}

#archive_news .page_btn ul {
	list-style: none;
	position: relative;
	left: 50%;
	float: left;
	margin: 0 0 60px;
}

#archive_news .page_btn ul li {
	margin: 0 5px;
	position: relative;
	left: -50%;
	float: left;
	border: none;
	color: #fff;
}

#archive_news .page_btn ul li span,
#archive_news .page_btn ul li a {
	display: block;
	border-radius: 3px;
	padding: 0.6em 1em;
}

#archive_news .page_btn ul li a {
	background: #fff;
	color: #333;
	text-decoration: none;
}

#archive_news .page_btn ul li a:hover {
	background: #5ea5db;
	color: #fff;
}
 */

/* ----------------------------------------------------------------------
 NEWS 記事エリア
---------------------------------------------------------------------- */
#article {
	position: relative;
}

.post_content a:hover {
	text-decoration: underline;
}


/* アイキャッチ画像 */
#post_image {
	padding: 0;
	margin: 0 0 50px 0;
	position: relative;
}

#post_image img {
	width: 100%;
	height: auto;
	display: block;
	margin: 0;
	z-index: 1;
}


/* カテゴリー */
#post_meta_top {
	margin-bottom: 20px;
}

#post_meta_top li {
	float: left;
	margin: 0;
}

#post_meta_top .category {
	text-align: center;
	margin: 0;
}

#post_meta_top .category a {
	background: #40c6ec;
	color: #000;
	text-decoration: none;
	font-size: 12px;
	text-align: center;
	height: 30px;
	line-height: 30px;
	display: inline-block;
	padding: 0 20px;
	border-radius: 30px;
}

#post_meta_top .category a:last-child {
	display: none;
}

#post_meta_top .category a:only-child {
	display: inline-block;
}

#post_meta_top .date {
	font-size: 14px;
	color: #000;
	margin: 0 15px;
	line-height: 30px;
}


/* 記事タイトル */
#post_title {
	padding: 0;
	margin: 0 0 50px;
	font-size: 32px;
	line-height: 1.6;
}

.pc .no_side_content #post_title {
	text-align: center;
}


/*  記事本文*/
#single_news {
	background: #f5f6f8;
	padding: 65px 65px;
	margin: 0 0 50px 0;
}

#single_news #post_title {
	/* margin-bottom: 10px; */
}

#single_news_list {
	margin: 80px 0 0 0;
}

#single_news .post_content {
	overflow: hidden;
	font-size: 16px;
	line-height: 1.5;
}

#single_news .post_content p {
	/* line-height: 2.3; */
	/* 	margin: 0 25em 2em 0 !important; */
	/* 	position: absolute; */
	/* margin: 0 !important; */
	/* position: relative; */
}

#single_news .post_content .news_ph {
	width: 30%;
	float: right;
}

@media screen and (max-width: 767px) {

	#post_title {
		margin: 0 0 30px;
	}
	#single_news {
		background: #f5f6f8;
		padding: 25px;
		margin: 0 0 50px 0;
	}

}

/* 詳細ページ　ナビゲーション */
#work_navigation {
	text-align: center;
	font-size: 0;
	margin-bottom: 50px;
}

#work_navigation a {
	padding: 0 60px;
	height: 50px;
	line-height: 50px;
	color: #fff;
	font-size: 14px;
	display: inline-block;
	background: #bbbbbb;
	vertical-align: top;
	text-decoration: none;
	position: relative;
}

#work_navigation a:hover {
	background: #000;
}

#work_navigation a.prev {
	margin: 0 8px;
	border-radius: 3px;
}

#work_navigation a.next {
	margin: 0 8px;
	border-radius: 3px;
}

#work_navigation a.prev:before {
	content: '';
	width: 15px;
	height: 20px;
	font-family: 'design_plus';
	color: #fff;
	font-size: 16px;
	display: block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\e90f';
	position: absolute;
	top: 2px;
	left: 15px;
}

#work_navigation a.next:before {
	content: '';
	width: 15px;
	height: 20px;
	font-family: 'design_plus';
	color: #fff;
	font-size: 16px;
	display: block;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	content: '\e910';
	position: absolute;
	top: 2px;
	right: 15px;
}

#work_navigation a.prev:before {
	content: ' ';
	font-size: 6px;
	display: block;
	position: absolute;
	left: 15px;
	top: 15px;
	background-image: url(../../uploads/2017/03/arrow.svg);
	background-size: cover;
}

#work_navigation a.prev:before {
	transform: rotate(-180deg);
}

#work_navigation a.next:before {
	content: ' ';
	font-size: 6px;
	display: block;
	position: absolute;
	left: 175px;
	top: 15px;
	background-image: url(../../uploads/2017/03/arrow.svg);
	background-size: cover;
}

/* SNSボタン */
#single_share_top {
	margin: -10px 0 15px;
}

#single_share_top #share_top1 {
	padding-top: 0;
}


/* ページ分割 */
#post_pagination {
	margin: 0 0 50px 0;
	clear: both;
	font-size: 0;
	text-align: center;
}

#post_pagination h5 {
	margin: 0 0 10px 0;
	font-size: 12px;
}

#post_pagination a,
#post_pagination p {
	font-size: 12px;
	display: inline-block;
	background: #fff;
	margin: 0 -1px 0 0;
	width: 40px;
	height: 40px;
	line-height: 40px;
	text-align: center;
	text-decoration: none;
	color: #333;
	border: 1px solid #ccc;
}

#post_pagination p {
	background: #000;
	color: #fff;
}

#post_pagination a:hover {
	color: #fff;
}


/* メタ情報 */
#post_meta_bottom {
	margin: 0 0 50px;
	background: #fafafa;
	padding: 25px;
}

#post_meta_bottom li {
	display: inline;
	margin: 0 10px 0 0;
	padding: 0 15px 0 20px;
	border-right: 1px solid #ddd;
	font-size: 12px;
	line-height: 1.8;
	position: relative;
}

#post_meta_bottom li:last-child {
	border: none;
	margin: 0;
}

#post_meta_bottom li:before {
	font-family: 'design_plus';
	color: #aaa;
	font-size: 13px;
	display: block;
	position: absolute;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#post_meta_bottom li.post_category:before {
	content: '\e92f';
	top: -2px;
	left: 0px;
}

#post_meta_bottom li.post_tag:before {
	content: '\e935';
	top: -1px;
	left: 0px;
}

#post_meta_bottom li.post_author:before {
	content: '\e90d';
	top: -2px;
	left: 0px;
}

#post_meta_bottom li.post_comment:before {
	content: '\e916';
	font-size: 16px;
	top: -2px;
	left: 0px;
}


/* 次の記事、前の記事 
#previous_next_post { margin:0 0 50px 0; }
#previous_next_post .prev_post, #previous_next_post .next_post { float:left; width:50%; }
#previous_next_post .prev_post { margin-right:-1px; }
#previous_next_post .next_post { }
#previous_next_post a { width:100%;
  display:block; border:1px solid #ddd; padding:0 25px 0 60px; color:#333; font-size:14px; line-height:1.8; height:97px; color:#333; text-decoration:none; position:relative; display:table;
  -moz-box-sizing:border-box; -webkit-box-sizing:border-box; -o-box-sizing:border-box; -ms-box-sizing:border-box; box-sizing:border-box;
}
#previous_next_post a span { display:table-cell; vertical-align:middle; ; height:50px; overflow:hidden; }
#previous_next_post span.nav { display:none; }
#previous_next_post .next_post a { padding:0 60px 0 25px; }
#previous_next_post a:hover { background:#f7f7f7; color:#333; }
#previous_next_post .prev_post a:before {
  content:''; width:15px; height:20px;
  font-family:'design_plus'; color:#aaa; font-size:16px; display:block;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  content:'\e90f'; position:absolute; top:0px; bottom:0px; left:20px; margin:auto; 
}
#previous_next_post .next_post a:before {
  content:''; width:15px; height:20px;
  font-family:'design_plus'; color:#aaa; font-size:16px; display:block;
  -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale;
  content:'\e910'; position:absolute; top:0px; bottom:0px; right:20px; margin:auto;
}*/


/* 広告 */
#single_banner_area {
	margin: 0 0 50px;
	text-align: center;
}

#single_banner_area .single_banner_left {
	display: inline-block;
	margin: 0 10px 0 0;
}

#single_banner_area .single_banner_right {
	display: inline-block;
	margin: 0 0 0 10px;
}

#single_banner_area img {
	max-width: 100%;
	height: auto;
	display: block;
}

#single_banner_area.one_banner .single_banner_left {
	float: none;
	margin: 0 auto;
}

#single_banner_area.one_banner img {
	margin: 0 auto;
}


/* 広告（ページ下部） */
#single_banner_area_bottom {
	margin: 0 0 50px;
	text-align: center;
}

#single_banner_area_bottom .single_banner_left {
	display: inline-block;
	margin: 0 10px 0 0;
}

#single_banner_area_bottom .single_banner_right {
	display: inline-block;
	margin: 0 0 0 10px;
}

#single_banner_area_bottom img {
	max-width: 100%;
	height: auto;
	display: block;
}

#single_banner_area_bottom.one_banner .single_banner_left {
	float: none;
	margin: 0 auto;
}

#single_banner_area_bottom.one_banner img {
	margin: 0 auto;
}


/* 広告（ショートコードver） */
#single_banner_area2 {
	margin: 0 0 30px 0;
	text-align: center;
}

#single_banner_area2 .single_banner_left {
	display: inline-block;
	margin: 0 10px 0 0;
}

#single_banner_area2 .single_banner_right {
	display: inline-block;
	margin: 0 0 0 10px;
}

#single_banner_area2 img {
	max-width: 100%;
	height: auto;
	display: block;
}

#single_banner_area2.one_banner .single_banner_left {
	float: none;
	margin: 0 auto;
}

#single_banner_area2.one_banner img {
	margin: 0 auto;
}


/* 関連記事 */
#related_post {
	margin: 0 0 20px 0;
}

#related_post .headline {
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	margin: 0 0 35px 0;
	padding: 0 25px;
	background: #000;
	color: #fff;
}

#related_post ol {
	margin: 0;
	position: relative;
	font-size: 0;
}

#related_post li {
	width: calc(100% * 240 / 800);
	margin: 0 calc(100% * 40 / 800) 25px 0;
	display: inline-block;
	vertical-align: top;
}

#related_post li:nth-child(3n) {
	margin-right: 0;
}

#related_post li .image {
	margin: 0 0 15px 0;
	display: block;
	width: 100%;
	/*height:150px;*/
	overflow: hidden;
}

#related_post li a.image img {
	width: 100%;
	height: auto;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

#related_post li .image:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

#related_post li .title {
	font-size: 14px;
	line-height: 1.8;
	font-weight: 400;
}

#related_post li .title a {
	display: block;
}

#related_post li .title a:hover {
	text-decoration: none;
}

/* ----------------------------------------------------------------------
 テクノロジーページ
---------------------------------------------------------------------- */
.content_area {
	padding: 80px 55px 0 55px;
	color: #fff;
	background-color: rgba(40, 71, 99, 0.7);
	background-repeat: no-repeat;
	background-size: auto;
	margin-bottom: 50px;
}

.content_area-05 {
	background-image: url(../../uploads/2017/03/teh_bak5.png);
}

.content-inner {
	margin-bottom: 70px;
}

.content_area h5 {
	font-size: 22px;
	color: #80c5ff;
	margin: 2rem 0;
}

.col-2_tx-long {
	display: flex;
	justify-content: space-between;
}

.col-2_tx-long p {
	width: 75%;
	font-size: 16px;
}

.col-2_tx-long_img {
	width: 25%;
}

.col-2 {
	display: flex;
	justify-content: space-between;
}

.col-2>.col-2_50 {
	width: 50%;
	font-size: 16px;
}

.col-2 p {
	width: 50%;
	font-size: 16px;
}

.col-2_img {
	width: 50%;
}

.tx-bg {
	display: flex;
	justify-content: space-between;
	line-height: 1;
	vertical-align: middle;
}

.tx-bg span {
	display: inline-block;
	color: #000000;
	background-color: #ffd800;
	padding: 0.5rem 2rem;
}

.tx-bg span:nth-child(4) {
	background-color: transparent;
	color: #ffffff;
}

.col-2_tx-long_circle {
	width: 25%;
	position: relative;
}

.circle {
	position: absolute;
	top: -5rem;
	right: 0;
	width: 200px;
	height: 200px;
	-webkit-border-radius: 50%;
	-moz-border-radius: 50%;
	border-radius: 50%;
	background-color: rgba(255, 255, 255, 0.1);
	box-sizing: border-box;
	padding: 3rem 2rem;
	font-size: 16px;
	line-height: 25px;
	text-align: center;
	text-shadow: 1px 1px 2px #000000;
}

.circle span {
	color: #63bbff;
}

/* ----------------------------------------------------------------------
 リンクボタン
---------------------------------------------------------------------- */
.link-btn {
	background: -moz-linear-gradient(to top, #3f79a5 0%, #5aaded 100%);
	background: -webkit-linear-gradient(to top, #3f79a5 0%, #5aaded 100%);
	background: linear-gradient(to top, #3f79a5 0%, #5aaded 100%);
	border-radius: 10rem;
	padding: 1px;
	display: inline-block;
	width: fit-content;

}

.link-btn a {
	display: block;
	padding: 0 2rem 0 4rem;
	background-color: #3496e2;
	border-radius: 10rem;
	width: fit-content;
	height: 2.5rem;
	position: relative;
}

.link-btn a:before {
	content: "";
	display: -moz-inline-box;
	display: inline-block;
	width: 0.8rem;
	height: 0.8rem;
	background: no-repeat center;
	position: absolute;
	top: 0.8rem;
	left: 2rem;
	background-image: url(../../uploads/2017/03/ic_arrow_right_white.svg);
}

.link-btn a:hover {
	text-decoration: none;
	background-color: rgba(52, 150, 226, 0.3);
}

/* ----------------------------------------------------------------------
 オプションマーク
---------------------------------------------------------------------- */
.option-mark {
	background: -moz-linear-gradient(to top, #3f79a5 0%, #5aaded 100%);
	background: -webkit-linear-gradient(to top, #3f79a5 0%, #5aaded 100%);
	background: linear-gradient(to top, #3f79a5 0%, #5aaded 100%);
	border-radius: 10rem;
	padding: 1px;
	display: inline-block;
	width: fit-content;
	float: right;
	margin-right: 40px;
}

.option-mark p {
	display: block;
	padding: 0 2rem 0 2rem;
	background-color: #3496e2;
	border-radius: 10rem;
	width: fit-content;
	height: 2.5rem;
	position: relative;
}

/* ----------------------------------------------------------------------
筋電図とは
---------------------------------------------------------------------- */

#about_emg .tcd-pb-row.row1 .tcd-pb-col.col2 {
	width: 50%;
}

#about_emg .tcd-pb-row.row1 .tcd-pb-col.col2 .tcd-pb-widget.widget1 img {
	width: 100%;
	height: auto;
}

/* ----------------------------------------------------------------------
アクセサリー
---------------------------------------------------------------------- */
.accessories01,
.accessories02,
.accessories03,
.accessories04,
.accessories05 {
	padding-left: 1px;
	background-color: rgba(40, 71, 99, 0.7);
	background-repeat: no-repeat;
	background-size: contain;
}

.accessories01 h4,
.accessories02 h4,
.accessories03 h4,
.accessories04 h4,
.accessories05 h4 {
	font-size: 30px;
	text-align: left;
}

.accessories01 .col1 {
	/*	background-image: url(wp-content/uploads/2017/03/teh_bak1.png); */
	padding: 80px 0 0px 80px;
}

.accessories01 .col2 {
	padding: 60px 0 0 80px;
}

.accessories02 {
	/*	background-image: url(wp-content/uploads/2017/03/teh_bak2.png);*/
	padding: 80px 70px 0 0;
}

.accessories03 {
	/*	background-image: url(wp-content/uploads/2017/03/teh_bak3.png);*/
	padding: 80px 0 0 80px;
}

.accessories03 .col2 {
	padding: 60px 0 0 80px;
}

.accessories04 {
	/*	background-image: url(wp-content/uploads/2017/03/teh_bak4.png);*/
	padding: 80px 70px 0 0;
}

.accessories05 {
	/*	background-image: url(wp-content/uploads/2017/03/teh_bak5.png);*/
	padding: 80px 0 0 15px;
}

.accordion {
	font-size: 16px;
	overflow: hidden;
	background: linear-gradient(#474747, #000000);
	padding: 20px 0 20px;
	clear: both;
}

.accordion h5 {
	text-align: center;
}

.accordion div {
	margin: 20px auto;
}

@media screen and (max-width: 767px) {

	.accessories01 .col1,
	.accessories01 .col2 {
		padding: 20px;
	}

	.accessories01 .col1 ul {
		margin: 0;
	}

	.accessories02 {
		padding: 20px;
	}

	.accessories03 {
		padding: 20px;
	}

	.accessories03 .col2 {
		padding: 0;
	}

	.accessories04 {
		padding: 20px;
	}

	.accessories05 {
		padding: 20px;
	}
}

/* ----------------------------------------------------------------------
 Software
---------------------------------------------------------------------- */
.contents {
	box-sizing: border-box;
	padding: 65px 0 0;
	background-color: rgba(40, 71, 99, 0.7);
	margin: 40px 0;
	color: #ffffff;
}

.contents .tit-center {
	text-align: center;
	width: 100%;
}

.contents .tit-center h4 {
	font-size: 26px;
	margin-bottom: 1em;
}

.contents .tit-center {
	font-size: 16px;
	line-height: 2.3;
}

.box4_list {
	box-sizing: border-box;
	padding: 0 25px !important;
}

.box4_list ul {
	width: 100% !important;
}

.box4_list ul li {
	width: 24% !important;
	padding: 0 20px !important;
}

.contents_block {
	margin: 40px 20px;
}

/* ----------------------------------------------------------------------
 ヘッダー
---------------------------------------------------------------------- */
#header {
	width: 100%;
	height: 90px;
	position: relative;
	z-index: 20;
}

#header_inner {
	height: 90px;
	width: calc(100% * 1150 / 1280);
	max-width: 1150px;
	margin: 0 auto;
	position: relative;
}

.home #header,
#header {
	position: absolute;
	-webkit-background: linear-gradient(rgba(36, 62, 83, 1), rgba(36, 62, 83, 0));
	background: linear-gradient(rgba(0, 0, 0, 0.4), rgba(36, 62, 83, 0));
}

.sub #header {
	background: linear-gradient(rgb(0, 0, 0), rgba(36, 62, 83, 0));
}

/* 固定ヘッダー */
.pc .header_fix #header {
	position: fixed;
	top: 0px;
	left: 0px;
	z-index: 200;
	box-shadow: 0 0 5px 0 rgba(0, 0, 0, 0.4);
	animation: slideDown 0.5s ease;
	-ms-animation: slideDown 0.5s ease;
	-webkit-animation: slideDown 0.5s ease;
	-moz-animation: slideDown 0.5s ease;
	backdrop-filter: blur(15px);
	-ms-backdrop-filter: blur(15px);
	-webkit-backdrop-filter: blur(15px);
	-moz-backdrop-filter: blur(15px);
}

@-webkit-keyframes slideDown {
	0% {
		top: -50px;
	}

	100% {
		top: 0px;
	}
}

@keyframes slideDown {
	0% {
		top: -50px;
	}

	100% {
		top: 0px;
	}
}


/* ロゴ */
.pc #logo_text,
.pc #logo_image {
	position: absolute;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}

.pc #header_logo .logo {
	font-size: 20px;
	margin: 0;
}

.pc #header_logo .logo a {
	text-decoration: none;
}

.pc #logo_image img.pc_logo_image {
	display: block;
	max-width: 150px;
}

.pc #logo_image img.mobile_logo_image {
	display: none;
}


/* グローバルメニュー */
.pc #global_menu {
	float: right;
}

.pc #global_menu>ul {
	height: 90px;
	font-size: 0;
	position: relative;
}

.pc #global_menu>ul>li {
	font-size: 1%;
	position: relative;
	display: inline-block;
}

.pc #global_menu>ul>li>a {
	font-size: 14px;
	text-decoration: none;
	height: 90px;
	line-height: 90px;
	display: block;
	padding: 0 23px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

/* .pc #global_menu>ul>li>a:hover {} */

.pc #global_menu ul ul {
	display: none;
	width: 200px;
	position: absolute;
	top: 90px;
	left: 10px;
	margin: 0;
	padding: 0;
}

.pc #global_menu ul ul ul {
	left: 100%;
	top: 0;
	margin: 0;
	border: none;
}

.pc #global_menu ul ul li {
	line-height: 1.5;
	padding: 0;
	margin: 0;
	text-align: left;
	position: relative;
	display: block;
}

.pc #global_menu ul ul a {
	display: block;
	font-size: 14px;
	border: none;
	position: relative;
	padding: 15px 20px 14px 20px;
	height: auto;
	line-height: 1.6;
	margin: 0;
	text-align: left;
	box-shadow: none;
	color: #000;
	border-bottom: solid 2px #eee;
}

.pc #global_menu ul ul a:hover {
	text-decoration: none;
}

.pc #global_menu ul ul li.menu-item-has-children>a:before {
	margin: 0;
	display: block;
	top: 20px;
	right: 10px;
	position: absolute;
	content: "";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 4px 0px 4px 4px;
	border-color: transparent transparent transparent #fff;
}

.pc #global_menu li li.current-menu-item>a {}


/* パンくずリンク */
#bread_crumb {
	margin: 0;
	height: 80px;
	line-height: 80px;
	overflow: hidden;
	border-bottom: none;
	background-color: #000;
	display: flex;
	align-items: center;
}

#bread_crumb ul {
	width: calc(100% * 1150 / 1280);
	max-width: 1150px;
	margin: 0 auto;
	display: flex;
	align-items: center;
}

#bread_crumb li.home {
	padding: 0;
	margin: 0;
}

#bread_crumb li.home a {
	/* float: left; */
	height: 15px;
	width: 13px;
	line-height: 15px;
	display: block;
	position: relative;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

#bread_crumb li.home a span {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

#bread_crumb li.home a:before {
	font-family: 'design_plus';
	color: #fff;
	font-size: 14px;
	display: block;
	position: absolute;
	top: 0;
	left: 0px;
	width: 17px;
	height: 17px;
	line-height: 17px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#bread_crumb li.home:after {
	display: none;
}

#bread_crumb li.home a:before {
	content: '\e90c';
}

#bread_crumb li.home a:hover:before {
	color: #fff;
}

#bread_crumb li {
	color: #fff;
	font-size: 12px;
	display: inline;
	padding: 0 15px 0 20px;
	margin: 0 0 0 15px;
	line-height: 1.6;
	position: relative;
	flex-shrink: 0;
}

#bread_crumb li:after {
	font-family: 'design_plus';
	content: '\e910';
	color: #fff;
	font-size: 9px;
	display: block;
	position: absolute;
	left: 0;
	top: 3px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#bread_crumb li a {
	color: #fff;
}

@media screen and (max-width: 767px) {
	#bread_crumb {
		height: 20px;
		line-height: 20px;
	}
	#bread_crumb ul {
		margin: 0 ;
	}
}


/* ----------------------------------------------------------------------
 ヘッダーキャプション
---------------------------------------------------------------------- */
.caption {
	font-size: 42px;
}

.caption h3 {
	font-size: 42px;
	text-shadow: 1px 1px 2px #333333;
	color: #FFFFFF;
}

.post-type-archive-news .wide_image.post_content-mv .caption h3,
.news-template-default .wide_image.post_content-mv .caption h3 {
	text-shadow: none;
	color: #000;

}

.caption p {
	text-align: center;
	font-size: 16px;
	color: #FFFFFF;
	line-height: 1.7;
}

.wide_image.post_content-mv .caption p {
	text-align: left;
}
@media screen and (max-width: 767px) {
.caption span {
	font-size: 30px;
}
}


/* ----------------------------------------------------------------------
 フッター
---------------------------------------------------------------------- */

/* フッター上部 */
#footer_top {
	background: #000;
}

#footer_top_inner {
	width: calc(100% * 1150 / 1280);
	max-width: 1150px;
	margin: 0 auto;
	padding: 75px 0 75px;
	color: #fff;
}

#footer_top a {
	color: #fff;
	padding: 0.1em 1em;
	box-sizing: border-box;
}

/* メニュー */
#footer_menu {
	margin: 0 0 0 0;
	width: 100%;
	font-size: 0;
	text-align: center;
}

#footer_menu ul {
	display: inline-block;
	vertical-align: top;
	margin: 0;
	width: 180px;
	text-align: left;
	margin: 0 30px 0 0;
}

#footer_menu ul:last-child {
	margin: 0;
}

#footer_menu li {
	margin: 0 0 7px 0;
	font-size: 12px;
	line-height: 2.0;
}

#footer_menu li:last-child {
	margin: 0;
}

#footer_menu a {
	display: block;
}

#footer_menu a:hover {
	text-decoration: none;
}
@media only screen and (max-width:991px){
	#footer_menu { margin:0 0 0 20px; width:auto; font-size:0; text-align:left; }
	#footer_menu ul, #footer_menu ul:last-child {
  	display:block; vertical-align:top; float:left; width:50%; text-align:left; margin:0 20px 40px 0;
  	width:-webkit-calc(50% - 20px); width:-moz-calc(50% - 20px); width:calc(50% - 20px);
	}
}

/* 住所 */
#footer_address {
	margin: 0;
	text-align: center;
}

#footer_address .logo {
	margin: 0 0 20px 0;
}

#footer_address .logo a {
	display: inline-block;
}

#footer_address .logo img {
	display: block;
	margin: 0 auto;
}

#footer_address .info {
	line-height: 180%;
	font-size: 0;
}

#footer_address li {
	font-size: 12px;
	display: inline;
	margin: 0 0.5em;
}


/* フッター下部 */
#footer_bottom {
	width: 100%;
	height: 60px;
}

#footer_bottom_inner {
	width: calc(100% * 1150 / 1280);
	max-width: 1150px;
	margin: 0 auto;
	height: 60px;
	position: relative;
}

/* #footer_bottom a {} */


/* SNSボタン */
#footer_social_link {
	position: absolute;
	left: 0px;
	top: 14px;
}

#footer_social_link li {
	float: left;
	margin: 0 5px 0 0;
	position: relative;
}

#footer_social_link li a {
	display: block;
	text-indent: -200px;
	overflow: hidden;
	width: 30px;
	height: 30px;
	position: relative;
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-o-transition-property: none;
}

#footer_social_link li:before {
	font-family: 'design_plus';
	color: #fff;
	font-size: 17px;
	display: block;
	position: absolute;
	top: 10px;
	left: 9px;
	width: 17px;
	height: 17px;
	line-height: 17px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#footer_social_link li.twitter:before {
	content: '\e904';
}

#footer_social_link li.facebook:before {
	content: '\e902';
}

#footer_social_link li.insta:before {
	content: '\ea92';
	top: 11px;
}

#footer_social_link li.rss:before {
	content: '\e90b';
}

#footer_social_link li.twitter:hover:before {
	color: #16b9dc;
}

#footer_social_link li.facebook:hover:before {
	color: #3B5998;
}

#footer_social_link li.insta:hover:before {
	color: #8a3ab9;
}

#footer_social_link li.rss:hover:before {
	color: #ffcc00;
}


/* コピーライト */
#copyright {
	/* text-align: center; */
	height: 60px;
	line-height: 60px;
	padding: 0 10px;
}

#copyright a {
	color: #000;
}


/* ページ上部へ戻るボタン */
#return_top {
	position: fixed;
	right: 20px;
	bottom: 10px;
	z-index: 10;
	-webkit-transform: translate3d(0, 120%, 0);
	transform: translate3d(0, 120%, 0);
	-webkit-transition: -webkit-transform 0.35s;
	transition: transform 0.35s;
}

#return_top.active {
	-webkit-transform: translate3d(0px, -20px, 0);
	transform: translate3d(0px, -20px, 0);
}

#return_top a {
	display: block;
	height: 60px;
	width: 60px;
	text-decoration: none;
	background: #000;
	border-radius: 60px;
	z-index: 100;
}

#return_top span {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	display: block;
}

#return_top a:before {
	font-family: 'design_plus';
	color: #fff;
	font-size: 18px;
	display: block;
	position: absolute;
	width: 23px;
	height: 23px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

#return_top a:before {
	content: '\e911';
	top: 23px;
	left: 21px;
}

/* ローディングアイコン */
#site_wrap {
	display: none;
}

#site_loader_overlay {
	position: fixed;
	background: #fff;
	background: rgba(255, 255, 255, 1);
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 99999;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

#site_loader_spinner {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	margin-top: -30px;
	margin-left: -30px;
	border: 4px solid #ccc;
	border-top-color: #666;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	animation: loading 1.2s linear infinite;
	-webkit-animation: loading 1.2s linear infinite;
}

@keyframes loading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}

/* ローディングアイコン */
#site_wrap {
	display: none;
}

#site_loader_overlay {
	position: fixed;
	background: #fff;
	background: rgba(255, 255, 255, 1);
	top: 0px;
	left: 0px;
	bottom: 0px;
	right: 0px;
	z-index: 99999;
	opacity: 1;
	-webkit-transition: opacity 0.3s;
	transition: opacity 0.3s;
}

#site_loader_spinner {
	width: 60px;
	height: 60px;
	border-radius: 100%;
	margin-top: -30px;
	margin-left: -30px;
	border: 4px solid #ccc;
	border-top-color: #666;
	box-sizing: border-box;
	position: absolute;
	top: 50%;
	left: 50%;
	animation: loading 1.2s linear infinite;
	-webkit-animation: loading 1.2s linear infinite;
}

@keyframes loading {
	0% {
		transform: rotate(0deg);
	}

	100% {
		transform: rotate(360deg);
	}
}

@-webkit-keyframes loading {
	0% {
		-webkit-transform: rotate(0deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}




/* ----------------------------------------------------------------------
 サイドコンテンツ
---------------------------------------------------------------------- */
/* 基本設定 */
.side_widget {
	margin: 0 0 50px 0;
	font-size: 12px;
	position: relative;
}

.side_widget:last-child,
.side_widget:only-child {
	margin: 0;
}

.side_headline {
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	margin: 0 0 20px 0;
	background: #333;
	color: #fff;
	padding: 0 20px;
}

.side_widget ul {
	margin: 0;
}

.side_widget li ul {
	margin: 10px 0 0 0;
}

.side_widget li {
	line-height: 2;
	padding: 2px 0;
	margin: 0 0 10px 0;
}

.side_widget a {}

.side_widget a:hover {}

.side_widget img {
	height: auto;
	max-width: 100%;
}


/* 広告 */
.ml_ad_widget {
	margin: 0 0 50px 0;
	border: none;
	padding: 0;
	background: none;
}

.ml_ad_widget img {
	height: auto;
	max-width: none;
	margin: 0 auto;
	display: block;
}


/* カレンダー */
.widget_calendar {
	border: 1px solid #ddd;
	padding: 15px;
}

.widget_calendar .side_headline {
	margin: -16px -16px 20px;
	position: relative;
}

#wp-calendar {
	margin: 0 auto;
	width: 100%;
	font-size: 11px;
	border-collapse: separate;
	table-layout: fixed;
}

#wp-calendar th,
#wp-calendar td {
	color: #333;
	padding: 2px;
	line-height: 3.4;
	text-align: center;
}

#wp-calendar td a {
	display: block;
	margin: 0;
	padding: 0;
	text-decoration: none;
	color: #333;
	background-color: #eee;
}

#wp-calendar td a:hover {
	text-decoration: none;
	color: #fff;
	background: #ccc;
}

#wp-calendar caption {
	padding: 7px 0;
}

#wp-calendar thead th,
#wp-calendar tfoot td {
	border: none;
	padding: 0;
	line-height: 2;
}

#wp-calendar #prev,
#wp-calendar #next {
	line-height: 3;
}

#wp-calendar #prev a,
#wp-calendar #next a {
	text-decoration: none;
	background: none;
	color: #333;
}

#wp-calendar #prev a:hover,
#wp-calendar #next a:hover {
	color: #fff;
	background: #ccc;
}

#wp-calendar td#today {
	font-weight: bold;
}


/* デザインされた記事一覧１ */
.styled_post_list1_widget {}

.styled_post_list1 {
	margin: 0;
	padding: 0;
}

.styled_post_list1 li {
	margin: 0 0 20px 0;
	padding: 0;
	background: none;
}

.styled_post_list1 li:last-child {
	border: none;
	padding: 0;
	margin: 0;
}

.styled_post_list1 .image {
	float: left;
	display: block;
	margin: 0 20px 0 0;
	overflow: hidden;
	width: 100px;
	height: 100px;
	position: relative;
	z-index: 2;
}

.styled_post_list1 .image img {
	width: 100px;
	height: 100px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
	max-width: none;
	-webkit-transition: all 0.35s ease-in-out;
	-moz-transition: all 0.35s ease-in-out;
	transition: all 0.35s ease-in-out;
	-webkit-transform: scale(1);
	-moz-transform: scale(1);
	-ms-transform: scale(1);
	-o-transform: scale(1);
	transform: scale(1);
}

.styled_post_list1 .image:hover img {
	-webkit-transform: scale(1.2);
	-moz-transform: scale(1.2);
	-ms-transform: scale(1.2);
	-o-transform: scale(1.2);
	transform: scale(1.2);
}

.styled_post_list1 .info {}

.styled_post_list1 .title {
	font-size: 14px;
	margin: 0;
	padding: 0;
	display: block;
	font-weight: 400;
	line-height: 1.6;
}

.styled_post_list1 .title:hover {
	text-decoration: none;
}

.styled_post_list1 .date {
	margin: 0 0 10px 0;
	position: relative;
	display: block;
	line-height: 1;
	color: #888;
}


/* タブ記事 */
.tab_post_list_widget .styled_post_list1 li {
	padding: 20px 20px 20px;
	margin: 0;
}

.widget_tab_post_list_button a {
	display: inline-block;
	padding: 15px 0;
	width: 50%;
	text-align: center;
	border: 1px solid #ddd;
	float: left;
	margin-bottom: -1px;
	position: relative;
	background: #f7f7f7;
	text-decoration: none;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.widget_tab_post_list_button a.tab1 {
	border-right: 0;
}

.widget_tab_post_list_button a.active {
	background: #fff;
	border-bottom: 1px solid #fff;
}

.widget_tab_post_list {
	border: 1px solid #ddd;
}

.widget_tab_post_list2 {
	display: none;
}


/* 開閉式カテゴリー一覧 */
.tcdw_category_list_widget {
	border-bottom: none;
}

.tcdw_category_list_widget .side_headline {
	margin: 0;
}

.collapse_category_list ul {
	margin: 0;
	padding: 0;
}

.collapse_category_list li ul {
	margin: 0;
	padding: 0;
}

.collapse_category_list li {
	margin: 0;
	padding: 0;
}

.collapse_category_list li li {
	margin: 0;
	padding: 0;
}

.collapse_category_list li a {
	border-bottom: 1px solid #ddd;
	display: block;
	padding: 12px 20px;
	margin: 0;
	text-decoration: none;
	position: relative;
	color: #333;
	overflow: hidden;
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-o-transition-property: none;
}

.collapse_category_list li a .count {
	float: right;
	top: 0px;
	position: relative;
	background: #f2f2f2;
	padding: 0 10px;
	min-width: 15px;
	text-align: center;
	font-size: 11px;
	border-radius: 2px;
}

.collapse_category_list li li a .count {
	background: #ccc;
	color: #fff;
}

.collapse_category_list li li li a .count {}

.collapse_category_list .parent_category a.active {
	margin: 0;
}

.collapse_category_list .children {
	display: none;
	margin-top: -4px;
}

.collapse_category_list .children a {
	padding-left: 22px;
	margin: 0;
	background: #f6f6f6;
}

.collapse_category_list ul .children a {
	padding-left: 33px;
}

.collapse_category_list li a:hover {
	background: #e2e2e2;
}

.collapse_category_list li a:hover .count {
	background: #000;
	color: #fff;
}


/* 検索 */
.widget_search label {
	display: none;
}

.widget_search #search-box,
.widget_search #s,
.side_widget.google_search #s {
	width: calc(100% - 40px);
	height: 40px;
	margin: 0;
	border: none;
	background: #f2f2f2;
	padding: 0 10px;
	box-sizing: border-box;
}

.widget_search #search-btn input,
.widget_search #searchsubmit {
	border: none;
	width: 40px;
	height: 40px;
	background: #000 url(img/common/icon_search.png) no-repeat center;
	cursor: pointer;
	display: block;
	float: right;
	text-indent: -300%;
	overflow: hidden;
}

.side_widget.google_search #searchsubmit {
	font-family: 'design_plus';
	color: #ddd;
	font-size: 18px;
	border: none;
	width: 40px;
	height: 40px;
	background: #222;
	cursor: pointer;
	display: block;
	float: right;
	overflow: hidden;
}

.widget_search #search-btn input:hover,
.widget_search #searchsubmit:hover,
.side_widget.google_search #searchsubmit:hover {
	background-color: #666;
}

.pc .three_column .widget_search #search-box,
.pc .three_column .widget_search #s,
.pc .three_column .side_widget.google_search #s {
	width: 176px;
}


/* アーカイブ、カテゴリードロップダウンメニュー */
.widget_archive,
.widget_categories,
.tcdw_archive_list_widget {
	background: #fff;
	padding: 17px 17px 15px;
}

.widget_archive {
	border: 1px solid #ddd;
	border-bottom: none;
	padding: 17px 0 0;
}

.widget_archive ul {
	margin: 0;
	padding: 0;
}

.widget_archive ul li {
	border-bottom: 1px solid #ddd;
	margin: -17px 0 15px;
	display: block;
	padding: 12px 17px;
	margin: 0;
	text-decoration: none;
	position: relative;
	color: #333;
	overflow: hidden;
	-webkit-transition-property: none;
	-moz-transition-property: none;
	-o-transition-property: none;
}

.widget_archive .side_headline,
.widget_categories .side_headline,
.tcdw_archive_list_widget .side_headline {
	margin: -17px -17px 15px;
	position: relative;
}

.widget_archive .side_headline {
	margin: -17px 0 0;
}

.widget_archive select,
.widget_categories select,
.tcd_archive_dropdown select {
	border: 1px solid #ddd;
	padding: 12px 10px;
	width: 100%;
	margin: 0;
	font-size: 14px;
}

.widget_archive select {
	border: none;
	border-bottom: 1px solid #ddd;
	padding: 12px;
}

.widget_archive label,
.widget_categories label {
	display: none;
}

.widget_archive select option,
.widget_categories select option,
.tcd_archive_dropdown option {
	background: #fff;
	color: #333;
}

.widget_categories li {
	font-size: 14px;
}

/* デフォルトの最近の記事 */
.widget_recent_entries li {
	border-bottom: 1px dotted #ccc;
	padding: 0 0 15px 0;
}

.widget_recent_entries li:last-child {
	border: none;
	padding: 0;
}


/* 制作実績 */
.work_list_widget {
	overflow: hidden;
}

.work_list_widget .side_headline {
	margin-bottom: 5px;
}

.work_list_widget ol {
	position: relative;
}

.work_list_widget li {
	float: left;
	margin: 0 2% 2% 0;
	padding: 0;
	width: 32%;
	height: 32%;
	overflow: hidden;
}

.work_list_widget li:nth-child(3n) {
	margin-right: 0;
}

.work_list_widget .image {
	display: block;
}

.work_list_widget .image img {
	display: block;
	max-width: initial;
	width: 100%;
	height: auto;
}


/* 制作実績カテゴリ― */
.tcd_work_category .side_headline {
	margin: 0;
}

.work_category_list_widget li {
	height: 80px;
	margin: 0 0 -1px 0;
	padding: 0;
}

.work_category_list_widget li a {
	display: block;
	border: 1px solid #ddd;
	width: 100%;
	height: 100%;
	position: relative;
	padding: 10px 10px 10px 15px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

.work_category_list_widget li a:first-child {
	border-top: none;
}

.work_category_list_widget li a:hover {
	background: #eee;
}

.work_category_list_widget li .image {
	display: block;
	float: left;
	margin: 0 15px 0 0;
}

.work_category_list_widget li .image img {
	width: 60px;
	height: 60px;
	display: block;
	border-radius: 60px;
}

.work_category_list_widget li .name {
	display: block;
	position: absolute;
	top: 50%;
	left: 88px;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-transform: translate3d(0, -50%, 0);
	transform: translate3d(0, -50%, 0);
	font-size: 14px;
}




/* ----------------------------------------------------------------------
 コメント
---------------------------------------------------------------------- */
/* 基本設定 */
#comments {
	font-size: 12px;
	margin: 0;
}

#comment_headline {
	height: 50px;
	line-height: 50px;
	font-size: 14px;
	margin: 0 0 25px 0;
	padding: 0 25px;
	background: #000;
	color: #fff;
}

#comment_area,
#trackback_area {
	margin: 15px 0 20px;
	padding: 0 0 5px 0;
}

#trackback_area {
	display: none;
}


/* コメント・トラックバックのタブ */
#comment_header {
	position: relative;
	margin: 0 0 25px;
}

#comment_header ul {
	margin: 0;
}

#comment_header ul li {
	float: left;
	text-align: center;
	margin: 0;
	width: 50%;
}

#comment_header ul li a,
#comment_header ul li p {
	font-size: 11px;
	padding: 15px 15px;
	line-height: 1.8;
	display: block;
	color: #333;
	text-decoration: none;
	border: 1px solid #ccc;
}

#comment_header ul li a:hover {
	color: #fff !important;
	background: #333;
}

#comment_header ul li.comment_switch_active a,
#comment_header #comment_closed p {
	color: #fff;
	position: relative;
	background: #333;
}

#comment_header ul li.comment_switch_active a:after,
#comment_header #comment_closed p:after {
	position: absolute;
	bottom: -17px;
	left: 195px;
	content: "";
	width: 0;
	height: 0;
	border-width: 10px;
	border-style: solid;
	border-color: #333 transparent transparent transparent;
}


/*  コメントの基本部分 */
.commentlist {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

.comment {
	border: 1px solid #ccc;
	color: #777;
	margin: 0 0 15px;
	padding: 15px 20px 0;
	background: #fff;
}

#comments .post_content {
	margin: 20px 0 0;
	padding: 0;
	background: none;
}

.admin-comment {}


/* コメントの情報部分 */
.comment-meta {
	position: relative;
	margin: 0 0 10px 0;
}

.comment-meta-left {
	float: left;
	width: 400px;
}

#comments .avatar {
	float: left;
	margin: 0 10px 0 0;
	background: #fff;
	width: 40px;
	height: 40px;
}

.comment-name-date {
	padding: 3px 0 0 0;
	height: 37px;
}

a.admin-url {
	text-decoration: underline;
}

a.guest-url {
	text-decoration: underline;
}

.comment-name-date {
	margin: 0;
}

.comment-date {
	font-size: 11px;
	color: #757676;
	margin: 10px 0 0 0;
}

.comment-act {
	background: url(img/common/arrow3.gif) no-repeat left;
	font-size: 11px;
	position: absolute;
	right: 0px;
	padding: 0 0 0 10px;
	margin: 5px 0 0 0;
}

.comment-act li {
	display: inline;
	margin: 0;
}

.comment-reply a,
.comment-reply a:visited {
	border-right: 1px solid #aaa;
	padding: 0 10px 0 0;
	margin: 0 6px 0 0;
}

.comment-edit a,
.comment-edit a:visited {
	border-left: 1px solid #aaa;
	padding: 0 0 0 10px;
	margin: 0 0 0 6px;
}


/* コメント本文 */
#comments .post_content p {
	margin: 0 0 15px 0;
}

#comments .post_content blockquote span {
	margin: 0 0 -1em 0;
	display: block;
}


/* メッセージ、警告文 */
.comment-note {
	display: block;
	font-size: 11px;
	margin: 0 0 1em 0;
	color: #33a8e5;
	border: 1px solid #94ddd4;
	padding: 10px 15px;
	background: #d6f4f0;
}

.comment_closed {
	border: 1px solid #ccc;
	text-align: center;
	margin: 0 35px 15px 0;
	padding: 15px;
	background: #fefefe;
}

.no_comment {
	padding-bottom: 15px;
}


/* トラックバック */
.trackback_time {
	font-size: 11px;
	color: #757676;
	margin: 0 0 7px 0px;
}

.trackback_title {
	margin: 2px 0 8px 0;
	margin: 0 0 10px 0px;
	line-height: 1.6;
}

#trackback_url_area {
	margin: 0;
}

#trackback_url_area label {
	display: block;
	margin: 0 0 10px 0;
	font-size: 11px;
}

#trackback_url_area input {
	border: 1px solid #ccc;
	background: #fafafa;
	padding: 10px;
	width: 100%;
	font-size: 11px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* ページナビ */
#comment_pager {
	margin: 0 0 10px;
	height: 24px;
}

#comment_pager a,
#comment_pager span {
	display: inline;
	float: left;
	margin: 0 10px 0 0;
}

#comment_pager .current {
	text-decoration: underline;
}


/* コメントフォーム */
.comment_form_wrapper {
	border: 1px solid #ccc;
	margin: 0 0 0px;
	padding: 15px;
	background: #fff;
}

.comment .comment_form_wrapper {
	margin: 0 0 20px;
}

#cancel_comment_reply {
	background: url(img/common/arrow3.gif) no-repeat left center;
	margin: 0 0 1em 0;
	padding: 0 0 0 10px;
}

#comment_user_login p {
	padding: 0 0 0 1px;
	margin: 0;
	line-height: 1;
}

#comment_user_login span {
	margin: 0 0 0 40px;
}

#comment_login {
	margin: 0;
	padding: 3px 30px 10px 30px;
}

#comment_login p {
	margin: 0;
	padding: 12px 0 11px 36px;
	line-height: 1;
}

#comment_login a {
	margin: 0 0 0 20px;
	padding: 0 0 0 20px;
	background: url(img/common/arrow3.gif) no-repeat 10px 3px;
}

#guest_info {
	padding: 0;
	width: 100%;
}

#guest_info div {
	margin: 0 0 12px 0;
	text-align: left;
}

#guest_info input {
	margin: 0;
	padding: 5px 0;
	border: 1px solid #ccc;
	width: 100%;
	background: #fff;
	color: #777;
}

#guest_info input:focus {
	border: 1px solid #e48898;
}

#guest_info label {
	display: block;
	margin: 0 0 5px 0;
	padding: 0 0 0 0;
	font-size: 11px;
	color: #888;
}

#guest_info span {
	color: #666;
	margin: 0 10px 0 0;
}

#comment_textarea textarea {
	margin: 15px 0 0;
	width: 100%;
	height: 150px;
	border: 1px solid #ccc;
	background: #fff;
	color: #777;
	font-size: 11px;
	overflow: auto;
}

#comment_textarea textarea:focus {
	border: 1px solid #e48898;
}

#submit_comment_wrapper {
	text-align: center;
}

#submit_comment {
	background: #aaa;
	border: none;
	cursor: pointer;
	color: #fff;
	font-size: 14px;
	width: 200px;
	height: 50px;
	margin: 15px auto 0;
	display: block;
	-webkit-transition: background-color 200ms ease-in-out;
	-moz-transition: background-color 200ms ease-in-out;
	-o-transition: background-color 200ms ease-in-out;
	-ms-transition: background-color 200ms ease-in-out;
	transition: background-color 200ms ease-in-out;
}

#submit_comment:hover {
	background: #e48898;
}

#input_hidden_field {
	display: none;
}


/* パスワード保護 */
.password_protected {
	text-align: center;
	margin: 0 38px 30px;
	padding: 10px 20px;
	color: #fff;
	background: #3db4b2;
	border-radius: 5px;
}

.password_protected p {
	font-size: 12px;
	margin: 0;
	line-height: 1.6;
}




/* ----------------------------------------------------------------------
 WordPress プリセットスタイル
---------------------------------------------------------------------- */
/* alignment */
.post_content .alignright {
	float: right;
}

.post_content .alignleft {
	float: left;
}

.post_content .aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 7px;
}

.post_content blockquote.alignleft,
.post_content img.alignleft {
	margin: 7px 24px 7px 0;
}

.post_content .wp-caption.alignleft {
	margin: 7px 14px 7px 0;
}

.post_content blockquote.alignright,
.post_content img.alignright {
	margin: 7px 0 7px 24px;
}

.post_content .wp-caption.alignright {
	margin: 7px 0 7px 14px;
}

.post_content blockquote.aligncenter,
.post_content img.aligncenter,
.post_content .wp-caption.aligncenter {
	margin-top: 7px;
	margin-bottom: 7px;
}


/* text and headline */
.post_content p {
	line-height: 1.7;
	margin: 0 0 2em 0;
	font-size: 16px;
}

.post_content h1,
.post_content h2,
.post_content h3,
.post_content h4,
.post_content h5,
.post_content h6 {
	clear: both;
	line-height: 1.4;
	/* font-weight: 400; */
	font-weight: 700;
	padding: 10px 0 0 0;
}

.post_content h1 {
	font-size: 150%;
}

.post_content h2 {
	font-size: 200%;
	margin: 1.5em 0;
}

.post_content h3 {
	font-size: 130%;
	margin: 1em 0;
}

.post_content h4 {
	font-size: 120%;
}

.post_content h5 {
	font-size: 22px;
}

.post_content h6 {
	font-size: 100%;
}

.post_content h1 .s-tx,
.post_content h2 .s-tx,
.post_content h3 .s-tx,
.post_content h4 .s-tx,
.post_content h5 .s-tx,
.post_content h6 .s-tx {
	clear: both;
	line-height: 1.2;
	font-size: 0.7em;
	display: block;
}

@media screen and (max-width: 767px) {
	.post_content h2 {
		font-size: 140%;
		margin: 1em 0;
	}

	.post_content h3 {
		margin: 0.5em 0;
	}

	.post_content p {
		font-size: 15px;
	}

}


/* image */
.post_content img[class*="align"],
.post_content img[class*="wp-image-"],
.post_content img[class*="attachment-"],
.post_content img.size-full,
.post_content img.size-large,
.post_content .wp-post-image,
.post_content img {
	height: auto;
	max-width: 100%;
}

/* list */
.post_content li,
.post_content dt,
.post_content dd {
	line-height: 2.2;
	font-size: 16px;
}

.post_content ul,
.post_content ol,
.post_content dl {
	margin-bottom: 24px;
}

.post_content ol {
	list-style: decimal outside none;
	margin-left: 1.5em;
}

.post_content ul {
	margin-left: 1.3em;
}

.post_content li>ul,
.post_content li>ol {
	margin-bottom: 0;
}

.post_content dt {
	font-weight: bold;
}

.post_content dd {
	margin-bottom: 1em;
}


/* table */
.post_content table {
	margin: 0 0 24px 0;
	width: 100% !important;
}

.post_content tr:nth-of-type(2n) {
	background-color: rgb(255, 255, 255);
}

.post_content td,
.post_content th {
	/* border-bottom: 1px solid #bbb; */
	padding: 10px 15px;
	line-height: 2.2;
	/* background: #fff; */
	color: #fff;
}

.post_content td {
	color: #000;
	/* text-align: center; */
	width: calc(100% - 16em);
	padding: 10px 40px;
}

.post_content td {
	border-left: 1px solid #ebebeb;
}

.post_content th {
	/* background: #000; */
	font-weight: 700;
	width: 16em;
	color: #000;
	text-align: left;
}

/* table style */
.post_content table.table_no_border th,
.post_content table.table_no_border td {
	border: none;
	padding-left: 0;
}

.post_content table.table_border_horizontal th,
.post_content table.table_border_horizontal td {
	border-left: none;
	border-right: none;
	padding-left: 0;
}

@media screen and (max-width: 767px) {

	.post_content table,
	.post_content table thead,
	.post_content table tbody,
	.post_content table tr,
	.post_content table th,
	.post_content table td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	.post_content table tr {
		padding: 5px 10px;
	}

	.post_content table th,
	.post_content table td {
		padding: 0;
		border: none;
	}

	.post_content table th {
		border-bottom: 1px dotted #ebebeb;
	}
}

/* block quote */
.post_content blockquote {
	margin: 0 0 25px 0;
	padding: 27px 30px 0;
	border: 1px solid #ccc;
	box-shadow: 0px 4px 0px 0px #f2f2f2;
	position: relative;
}

.post_content blockquote:before {
	content: '"';
	font-style: italic;
	font-size: 30px;
	font-weight: normal;
	line-height: 40px;
	width: 30px;
	height: 30px;
	position: absolute;
	top: 5px;
	left: 10px;
	color: #5cbcd7;
}

.post_content blockquote:after {
	content: '"';
	font-style: italic;
	font-size: 30px;
	font-weight: normal;
	text-align: left;
	line-height: 60px;
	width: 30px;
	height: 30px;
	position: absolute;
	bottom: 7px;
	right: -2px;
	color: #5cbcd7;
}

.post_content blockquote cite {
	border-top: 1px dotted #aaa;
	display: block;
	padding: 20px 0 0 0;
	font-style: italic;
	text-align: right;
	font-size: 90%;
}


/* captions */
.post_content .wp-caption {
	margin-bottom: 24px;
	background: #fff;
	border: 1px solid #ccc;
	padding: 5px;
	max-width: 100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.post_content .wp-caption-text {
	text-align: center;
	font-size: 12px;
	font-style: italic;
	line-height: 1.5;
	margin: 9px auto;
}

.post_content .wp-caption img[class*="wp-image-"] {
	display: block;
	margin: 0 auto;
}


/* gallery */
.gallery {
	margin-bottom: 20px;
}

.gallery a img {
	border: 0 !important;
}

.gallery-item {
	float: left;
	margin: 0 4px 4px 0;
	overflow: hidden;
	position: relative;
}

.gallery-columns-1 .gallery-item {
	max-width: 100%;
}

.gallery-columns-2 .gallery-item {
	max-width: 48%;
	max-width: -webkit-calc(50% - 4px);
	max-width: calc(50% - 4px);
}

.gallery-columns-3 .gallery-item {
	max-width: 32%;
	max-width: -webkit-calc(33.3% - 4px);
	max-width: calc(33.3% - 4px);
}

.gallery-columns-4 .gallery-item {
	max-width: 23%;
	max-width: -webkit-calc(25% - 4px);
	max-width: calc(25% - 4px);
}

.gallery-columns-5 .gallery-item {
	max-width: 19%;
	max-width: -webkit-calc(20% - 4px);
	max-width: calc(20% - 4px);
}

.gallery-columns-6 .gallery-item {
	max-width: 15%;
	max-width: -webkit-calc(16.7% - 4px);
	max-width: calc(16.7% - 4px);
}

.gallery-columns-7 .gallery-item {
	max-width: 13%;
	max-width: -webkit-calc(14.28% - 4px);
	max-width: calc(14.28% - 4px);
}

.gallery-columns-8 .gallery-item {
	max-width: 11%;
	max-width: -webkit-calc(12.5% - 4px);
	max-width: calc(12.5% - 4px);
}

.gallery-columns-9 .gallery-item {
	max-width: 9%;
	max-width: -webkit-calc(11.1% - 4px);
	max-width: calc(11.1% - 4px);
}

.gallery-columns-10 .gallery-item {
	max-width: 7%;
	max-width: -webkit-calc(9.4% - 0px);
	max-width: calc(9.4% - 0px);
}

.gallery-columns-1 .gallery-item:nth-of-type(1n),
.gallery-columns-2 .gallery-item:nth-of-type(2n),
.gallery-columns-3 .gallery-item:nth-of-type(3n),
.gallery-columns-4 .gallery-item:nth-of-type(4n),
.gallery-columns-5 .gallery-item:nth-of-type(5n),
.gallery-columns-6 .gallery-item:nth-of-type(6n),
.gallery-columns-7 .gallery-item:nth-of-type(7n),
.gallery-columns-8 .gallery-item:nth-of-type(8n),
.gallery-columns-9 .gallery-item:nth-of-type(9n),
.gallery-columns-10 .gallery-item:nth-of-type(10n) {
	margin-right: 0;
}

.gallery-caption {
	background-color: rgba(0, 0, 0, 0.7);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #fff;
	font-size: 12px;
	line-height: 1.5;
	margin: 0;
	max-height: 50%;
	opacity: 0;
	padding: 6px 8px;
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: left;
	width: 100%;
}

.gallery-caption:before {
	content: "";
	height: 100%;
	min-height: 49px;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
}

.gallery-item:hover .gallery-caption {
	opacity: 1;
}

.gallery-columns-7 .gallery-caption,
.gallery-columns-8 .gallery-caption,
.gallery-columns-9 .gallery-caption,
.gallery-columns-10 .gallery-caption {
	display: none;
}


/* etc */
.post_content .wp-smiley {
	border: 0;
	margin-bottom: 0;
	margin-top: 0;
	padding: 0;
}

.post_content address {
	margin: 0 0 24px 0;
	line-height: 2.2;
}

.post_content pre {
	border-left: 5px solid #7fc120;
	font-size: 12px;
	margin: 0 0 27px 0;
	line-height: 25px;
	background: url(img/common/pre.gif) repeat left top;
	padding: 0 17px;
	overflow: auto;
}

.post_content .sticky {}

.post_content .mejs-container {
	margin: 12px 0 25px;
}

.archivetips_link {
	background-image: url(//cometa.archivetips.com/wp/wp-content/uploads/2017/02/logo-archive.png);
	background-repeat: no-repeat;
	background-position: 5px 45%;
}

/* menu ic */
#global_menu ul ul li.menu_ic a {
	padding: 20px 20px 19px 70px;
}

#global_menu ul ul li.menu_ic a::after {
	content: "";
	position: absolute;
	top: 50%;
	left: 5px;
	transform: translate(0, -50%);
	background-repeat: no-repeat;
	background-size: contain;
	background-position: center;
	width: 55px;
	height: 55px;
	border: none;
}

#global_menu ul ul li.menu_ic.ic_WavePlus a::after {
	background-image: url(/wp_2025/wp-content/uploads/2025/12/menu_waveplus-1.png);
}

#global_menu ul ul li.menu_ic.ic_emg a::after {
	background-image: url(/wp_2025/wp-content/uploads/2025/12/menu_miniwave_pico.png);
}

#global_menu ul ul li.menu_ic.ic_imu a::after {
	background-image: url(/wp_2025/wp-content/uploads/2025/12/menu_wavetrack.png);
}

#global_menu ul ul li.menu_ic.ic_uw a::after {
	background-image: url(/wp_2025/wp-content/uploads/2025/12/menu_miniwave_waterproof.png);
}

#global_menu ul ul li.menu_ic.ic_wavex a::after {
	background-image: url(/wp_2025/wp-content/uploads/2025/12/menu_WaveX-1.png);
}

#global_menu ul ul li.menu_ic.ic_picox a::after {
	background-image: url(/wp_2025/wp-content/uploads/2025/12/menu_picoX.png);
}

#global_menu ul ul li.menu_ic.ic_minix a::after {
	background-image: url(/wp_2025/wp-content/uploads/2025/12/menu_miniX.png);
}

#global_menu ul ul li.menu_ic.ic_trackx a::after {
	background-image: url(/wp_2025/wp-content/uploads/2025/12/menu_trackX.png);
}

#global_menu ul ul li.menu_ic.ic_minix_waterproof a::after {
	background-image: url(/wp_2025/wp-content/uploads/2025/12/menu_miniX_waterproof.png);
}

#global_menu ul ul li.menu_ic.ic_PicoLite a::after {
	background-image: url(/wp_2025/wp-content/uploads/2025/12/menu_PicoLite.png);
}

#global_menu ul ul li.menu_ic.ic_picoblue a::after {
	background-image: url(/wp_2025/wp-content/uploads/2025/12/menu_picoblue.png);
}

#global_menu ul ul li.menu_ic.ic_myowise a::after {
	background-image: url(/wp_2025/wp-content/uploads/2025/12/menu_myowise.png);
}

#global_menu ul ul li.menu_ic.ic_InsoleXRF a::after {
	background-image: url(/wp_2025/wp-content/uploads/2025/12/menu_isolexrf.png);
}

#global_menu ul ul li.menu_ic.ic_InsoleXBT a::after {
	background-image: url(/wp_2025/wp-content/uploads/2025/12/menu_isolexbt.png);
}

@media only screen and (max-width:1199px) {
	#global_menu ul ul li.menu_ic a {
		padding: 5px 15px 5px 70px;
	}
}


/* vimeo動画の場合 */
.vimeo.movie {
	width: 100%;
	height: auto;
	max-height: 600px;
	position: relative;
	z-index: 0;
	overflow: hidden;
	background-color: #000;
}

.vimeo.movie iframe {
	width: 100%;
	height: 100%;
	z-index: 0;
}

@media only screen and (min-width:1440px) {
	.vimeo.movie .playerWrap {
		transform: translate(0, -25%);
	}
}


/* .vimeo.movie::after {
	content: '';
	display: block;
	width: 100%;
	height: 100%;
	position: absolute;
	left: 0;
	top: 0;
	z-index: 1;
	background-color: rgba(0, 0, 0, 0.7);
	background: linear-gradient(0deg, #0e0e0e00 2%, #0e0e0e8f 50%, #0e0e0e 98%);
} */

/*　TOP 特徴アイコン */

.feature_listWrap.not_link {
	background-color: #40c6ec;
	padding: 20px 10px;
	margin: 30px 0;
}

.feature_listWrap ul {
	width: 100%;
	max-width: 1300px;
	padding: 0 25px 30px;
	margin: auto;
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
	box-sizing: border-box;
}

.feature_listWrap li {
	width: calc(100%/6);
	transition: box-shadow 0.2s;
	box-sizing: border-box;
}

.feature_listWrap.not_link li {
	width: calc(100%/5);
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: baseline;
	text-align: center;
	padding: 10px;
}

.feature_listWrap:not(.not_link) li:hover {
	box-shadow: 0px 20px 20px 0px #ccc;
}

.feature_listWrap a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: baseline;
	width: 100%;
	height: 100%;
	color: #333;
	text-align: center;
	padding: 10px;
	box-sizing: border-box;
}

.feature_listWrap a:hover {
	text-decoration: none;
	color: #333;
	background-color: #fff;
}

.feature_listWrap img {
	width: 100%;
	max-width: 100px;
	max-height: 100px;
	margin: 0 0 20px;
}

.feature_listWrap .list_headline {
	width: 100%;
	font-weight: 700;
	font-size: 18px;
	line-height: 1.4;
	margin: 0;
}

.feature_listWrap span.s-tx {
	font-size: 13px;
	line-height: 1.2;
}

.feature_listWrap .list_description {
	width: 100%;
}

.feature_listWrap .list_headline+.list_description {
	margin: 15px 0 0;
}

@media screen and (max-width: 1366px) {
	.feature_listWrap li {
		width: calc(100%/3);
	}
}

@media screen and (max-width: 767px) {

	.feature_listWrap.not_link li,
	.feature_listWrap li {
		width: calc(100%/2);
	}
}

@media screen and (max-width: 599px) {
	.feature_listWrap.not_link {
		margin: 30px 0 70px;
	}

	.feature_listWrap.not_link li,
	.feature_listWrap li {
		width: 100%;
	}

	.feature_listWrap li+li {
		margin-top: 30px;
	}
}

/* TOP　製品ブロック */
.products_sec {
	background-color: #ebebeb;
	padding: 25px 25px 50px;
	box-sizing: border-box;
	margin: 0 0 -2vw;
}

.products_sec h2 {
	text-align: center;
}

.products_wrap+.products_wrap {
	margin: 50px 0 0;
	padding: 50px 0 0;
	border-top: solid 1px #bcbcbc;
}

.products_wrap ul {
	width: 100%;
	max-width: 1300px;
	padding: 0 25px;
	margin: auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	box-sizing: border-box;
}

.products_wrap li:not(.plus_ic) {
	width: calc(94%/3);
	transition: box-shadow 0.2s;
	margin: 1%;
	box-shadow: 0px 10px 20px 0px #ccc;
}

.page-template-page_new .products_wrap li:not(.plus_ic) {
	width: calc(92%/4);
}

.products_wrap li.w100 {
	width: 98%;
}

li.plus_ic {
	text-align: center;
	font-size: 50px;
	line-height: 1;
}

.products_wrap a {
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: baseline;
	width: 100%;
	height: 100%;
	color: #333;
	text-align: center;
	padding: 25px;
	box-sizing: border-box;
	background-color: #fff;
}

.products_wrap .w100 a {
	flex-wrap: nowrap;
	justify-content: center;
	align-items: center;
	background-color: #000000;
	color: #fff;
}

.products_wrap a:hover {
	text-decoration: none;
	color: #333;
	background-color: #16b9dc;
}

.products_wrap img {
	width: 100%;
	max-width: 170px;
	max-height: 170px;
	margin: 0 0 10px;
}

.products_wrap .product_name {
	width: 100%;
	font-weight: 700;
	font-size: 16px;
	line-height: 1.4;
}

.products_wrap .w100 .product_name {
	width: auto;
}

.products_wrap .product_name em {
	font-style: normal;
	font-weight: normal;
	font-size: 15px;
	display: block;
}

.products_wrap .product_name span+em {
	margin: 10px 0 0;
}

.products_wrap .product_name span {
	display: block;
	width: 100%;
	font-size: 1.5em;
	line-height: 1.1;
}


@media screen and (max-width: 1366px) {
	.products_wrap li {
		width: calc(100%/3);
	}
}

@media screen and (max-width: 767px) {
	.products_sec {
		padding: 25px 0 50px;
	}

	.products_wrap ul {
		padding: 0 10px;
	}

	.products_wrap li {
		width: calc(100%/2);
	}

	.products_wrap li:not(.plus_ic) {
		width: calc(94%/2);
	}

	.page-template-page_new .products_wrap li:not(.plus_ic) {
		width: calc(96%/2);
	}

	.products_wrap li.w100 {
		width: 98%;
	}

	.products_wrap a {
		padding: 15px 5px;
	}

	.products_wrap .product_name span {
		font-size: 1.1em;
	}
}

@media screen and (max-width: 599px) {
	.page-template-page_new .products_wrap li:not(.plus_ic) {
		width: 98%;
	}
}

/* TOP　会社概要 */
.img_wide {
	display: block;
	width: 100%;
}

#company h2 {
	/* text-align: center; */
	padding: 10px 15px;
}

@media screen and (max-width: 767px) {

	.company_table,
	.company_table thead,
	.company_table tbody,
	.company_table tr,
	.company_table th,
	.company_table td {
		display: block;
		width: 100%;
		box-sizing: border-box;
	}

	.company_table tr {
		padding: 10px 0;
		border-bottom: 1px solid #ebebeb;
	}

	.company_table th,
	.company_table td {
		padding: 0;
	}

	.company_table td {
		border: none;
	}
}


/* TOP */
.btnWrap {
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.btnWrap.center {
	justify-content: center;
}

.btnWrap a {
	display: block;
	text-align: center;
	background-color: #000;
	border: solid 1px #000;
	color: #fff !important;
	padding: 1em 4em 1em 2em;
	margin: 10px;
	font-size: 16px;
	position: relative;
	font-weight: bold;
	line-height: 1.2;
}

.btnWrap a::after {
	font-family: 'design_plus';
	content: "\e910";
	position: absolute;
	top: 50%;
	right: 15px;
	transform: translate(-50%, -50%);
}

.btnWrap a:hover {
	background-color: #fff;
	color: #000 !important;
	text-decoration: none;
}

@media only screen and (max-width:767px) {
	.btnWrap a {
		width: 100%;
	}

	.btnWrap a {
		margin: 10px 0;
		font-size: 15px;
	}
}


/* ----------------------------------------------------------------------
 固定ページスタイル
---------------------------------------------------------------------- */

/* list */
.post_content .list_style01 {
	margin-left: 0;
}

.post_content .list_style01 li {
	position: relative;
	padding: 0 0 0 2em;
	line-height: 1.4;
}

.post_content .list_style01 li+li {
	margin: 10px 0 0;
}

.post_content .list_style01 li::before {
	content: "";
	width: 1.4em;
	height: 1.4em;
	background-color: #16b9dc;
	border-radius: 100%;
	position: absolute;
	left: 0;
	top: 0;
}

.post_content .bg-blue .list_style01 li::before {
	background-color: #fff;
}


/* 横並び */
.post_content .col2 {
	display: flex;
	align-items: center;
	justify-content: center;
	flex-wrap: wrap;
	margin: 30px 0;
}

.post_content .col2.reverse {
	flex-direction: row-reverse;
}

.post_content .col2 .boxWrap {
	width: calc(96%/2);
	box-sizing: border-box;
	margin: 1%;
	text-align: center;
}

.post_content .col2 .imgWrap,
.post_content .col2 .movieWrap {
	width: 48%;
}

.post_content .col2 .boxWrap .imgWrap,
.post_content .col2 .boxWrap .movieWrap {
	width: 100%;
}

.post_content .col2 .movieWrap iframe {
	width: 100%;
}

.post_content .col2 .imgWrap img {
	display: block;
	width: 100%;
	height: auto;
}

.post_content .col2 .txWrap {
	width: 52%;
	box-sizing: border-box;
	padding: 20px 40px;
}

.post_content .col2 .boxWrap .txWrap {
	width: 100%;
}

@media screen and (max-width: 767px) {
	.post_content .col2 {
		margin: 0 0 70px;
	}

	.post_content .col2 .imgWrap,
	.post_content .col2 .movieWrap {
		width: 100%;
	}

	.post_content .col2 .txWrap {
		width: 100%;
		padding: 0px 10px;
	}
}


.post_content .col3 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 30px 0;
}

.post_content .col3 .boxWrap {
	width: calc(94%/3);
	box-sizing: border-box;
}

.post_content .col3 p {
	line-height: 1.8;
}

.post_content .col3 h3 {
	line-height: 1.7;
}

@media screen and (max-width: 767px) {
	.post_content .col3 .boxWrap {
		width: 100%;
	}

	.post_content .col3 .boxWrap+.boxWrap {
		margin: 30px 0 0;
	}
}

.post_content .col4 {
	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	margin: 30px 0;
}

.post_content .col4 .boxWrap {
	width: calc(92%/4);
	box-sizing: border-box;
	border: solid 1px #c3c3c3;
}

.post_content .col4 p {
	line-height: 1.8;
}

.post_content .col4 h3 {
	line-height: 1.7;
}

@media screen and (max-width: 767px) {
	.post_content .col4 .boxWrap {
		width: 100%;
	}

	.post_content .col4 .boxWrap+.boxWrap {
		margin: 30px 0 0;
	}
}


/*  */
.post_content .col3-2 {
	display: flex;
	margin: 50px 0;
	background-color: #f5f6f8;
}

.post_content .col3-2.bg-blue {
	background-color: #16b9dc;
}

.post_content .col3-2.reverse {
	flex-direction: row-reverse;
}

.post_content .col3-2 .txWrap {
	width: 70%;
	padding: 10px 40px;
	box-sizing: border-box;
}

.post_content .col3-2 .imgWrap {
	width: 30%;
	background-size: cover;
	background-position: center;
}

@media screen and (max-width: 767px) {
	.post_content .col3-2 {
		flex-wrap: wrap;
		flex-direction: column-reverse;
	}

	.post_content .col3-2.reverse {
		flex-direction: column-reverse;
	}

	.post_content .col3-2 .txWrap {
		width: 100%;
		padding: 15px 20px;
	}

	.post_content .col3-2 .imgWrap {
		width: 100%;
		height: 180px;
	}
}

/* 背景画像 */
.post_content .section-img {
	background-size: cover;
	background-position: center right;
	padding: 40px 30px;
}

.post_content .section-img .txWrap {
	width: 60%;
}

@media screen and (max-width: 767px) {
	.post_content .section-img {
		padding: 0;
	}

	.post_content .section-img .txWrap {
		width: 100%;
		padding: 20px 20px;
		background-color: #f5f6f8c4;
		box-sizing: border-box;
	}
}

.youtubeWrap {
	width: 100%;
	height: 0;
	padding-bottom: 56.25%;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 40px;
	margin-bottom: 40px;
}

.youtubeWrap iframe {
	width: 100%;
	height: 100%;
	position: absolute;
	left: 50%;
	top: 50%;
	transform: translate(-50%, -50%);
}

.pageLinkWrap {
	margin: 0 0 30px;
}

.pageLinkWrap ul {
	width: 100%;
	display: flex;
	justify-content: flex-start;
	align-items: center;
	flex-wrap: wrap;
	margin: 0;
}

.pageLinkWrap ul li {
	margin: 5px 5px 5px 0;
}

.pageLinkWrap a {
	display: block;
	padding: 0.7em 2em;
	line-height: 1.2;
	color: #000;
	border: solid 1px #000;
	font-size: 14px;
}

.pageLinkWrap a:hover {
	color: #000;
	background-color: #16b9dc;
}

#article .logoWrap {
	display: flex;
	flex-wrap: wrap;
	margin: 0;
}

#article .logoWrap li {
	width: 25%;
	padding: 20px;
	display: flex;
	align-items: center;
	box-sizing: border-box;
}

#article .logoWrap img {
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	margin: auto;
}

/* -------------
------------- */
.uw_link-btn {
	position: fixed;
	right: 0;
	bottom: 110px;
	text-align: center;
	z-index: 100;
}

.uw_link-btn img {
	z-index: 9;
	width: 50px;
	margin-top: -40px;
	margin-bottom: 5px;
}
.uw_link-btn a:hover {
	text-decoration: none;
	background: rgba(64, 199, 236, 0);
}

.uw_link-btn span {
	color: #000;
	background: #ffffffbf;
	display: block;
	padding: 30px 8px 8px;
	margin-top: -35px;
	border: 1px solid #eee;
	font-size: 11px;
	line-height: 1.2;
}

.uw_link-btn:hover span {
	background: rgba(64, 199, 236, 0.8);
}

.g-recaptcha.wpcf7-recaptcha {
	display: flex;
	justify-content: center;
}

div.wpcf7-mail-sent-ok,
div.wpcf7-spam-blocked{
	font-size: 16px;
	padding: 0.2em 1em 6em;
	border:none;
}

span.wpcf7-not-valid-tip,
div.wpcf7-spam-blocked{
	text-align: center;
}


/* TOP insole x */
#index_4 {
  padding: 60px 20px;
  background-color: #00899d;
  background-image: url(/wp_2025/wp-content/uploads/2025/02/top_insolex_bg.png);
  background-position: center;
  background-size: cover;
  background-repeat: no-repeat;
  box-sizing: border-box;
}

#index_4_header .headline {
  margin: 0 15px 25px;
  font-size: 37px;
  line-height: 1.4;
  text-align: center;
  color: #fff;
}

#index_4_header .desc {
  color: #fff;
  max-width: 490px;
  margin-left: auto;
  margin-right: auto;
  line-height: 2.2;
  text-align: center;
}

@media only screen and (max-width:767px){
#index_4 { width:auto; margin:0 auto;padding: 50px 0; }
#index_4_header { padding:0 20px;}
#index_4_header .headline { font-size:24px !important; }
#index_4_header .desc { text-align:left; font-size:14px!important; }
}