@charset "UTF-8";
/*!
Theme Name: idfcs-company
Description: Simple responsive theme for Company site
Theme URI: http://idcfs.net/wp-theme/
Author: IDCFS
Author URI: http://idcfs.net/
Text Domain: idfcs-company
Version: 5.1
Tags: Company, Design, Simple, Responsive
License: GNU General Public License
License URI: http://www.gnu.org/licenses/gpl-2.0.html
*/

/*-- SATART --*/
ey Color #997c27 */
.wpcf7 form.sent .wpcf7-response-output{border-width:0px}

/*　フォント調整 */
._pp_alert p,._pp_alert{text-align:center !important;}

.noto_jp{font-family:"Noto Serif JP",sans-serif !important;}
.ja ._sec_dsc,.ja .mf .dsc{font-family:"Noto Serif JP",sans-serif;font-weight:400;letter-spacing:0.1em;line-height:1.8em;font-size:20px}
.ja .mf h2{letter-spacing:0.075em;line-height:2em;}


.w_mo_top{margin-top:81px}

.lang_change{border-bottom:1px solid #000;padding-bottom:0px;display:inline-block;}
.centering_box{width:85%;}
header .centering_box{max-width:1200px !important;width:85% !important;}
#office.mf .centering_box{max-width:1200px;width:100%}
.mf a.btn._howto{color:#997c27;font-size:1.2em;margin-top: 2em;display:inline-block;border-bottom: 1px solid #997c27;padding-bottom:0.1em;}
.mf a.btn._howto:hover{opacity:0.5}
a.btn._contact_link{font-size: 1.2em;margin-top: 2em;display: inline-block;border-bottom: 1px solid;padding-bottom: 0.1em;color:#333}
a.btn._contact_link:hover{opacity:0.5}

.w_f_link{text-align:center;}
footer a.f_link{font-size:12px;margin-left:1em;color:#aaa !important}
footer a.f_link:hover{border-color:#aaa;}

.dsc h5{text-align:center;}

._en .lr_set .dsc{height:12em;}
._ja .lr_set .dsc{height:10em;}
.w_left,.w_right{width:42%;text-align:center;}
.w_left{float:left;}
.w_right{float:right}
.mf h4.lr_t{width:100%;text-align: center;text-decoration:none !important;border: 1px solid #bbb;font-size: 1.1em;font-weight:400;margin:5em 0 3em;display:block;line-height:4em;}

._common{margin-top:3em}

._en{display:none;}
._tw{font-family: 'Noto Sans TC', sans-serif;display:none;}
._ja{display:none;font-size:14px;}

.en ._en{display:inline-block;}
.ja ._ja{display:inline-block;}
.tw ._tw{display:inline-block;}

.en ._en_block{display:block;}
.ja ._ja_block{display:block;}
.tw ._tw_block{display:block;}

#w_bg,#w_nbw,#w_dn{padding:6em 0;}
#w_bg,#w_dn{background:#fafafa;}
ol li,ul li{line-height:1.5em;margin:0.7em 0;}
.idcfs div{line-height:1.5em;}
.idcfs section.slider h4{margin-top:2em;border-color:transparent}
.come{text-align:left;color:#282828;margin:2em 0;line-height:1.5em;}
.zu h5.h6{margin-top:2em;border-bottom:1px solid #333;margin-bottom:0.5em;display:inline-block;color:#333;font-weight:500;}
 

.home #office{margin-bottom:4em;}
.btn.menu_open_close.mobile_only{display:none;}
.mf .dsc{text-align:center;margin:0;line-height:1.7em;color:#333}
#ov_area{margin-top:7em;}

.mf h2,.mf h1{font-size:30px;letter-spacing:-0.01em;line-height:1.7em;font-weight:400;color:#333;margin-bottom:2em;text-align:center;}
.mf h2._bk,.mf h1._bk{color:#333}
.mf h3{font-size:1.2em;line-height:1.3em;margin-bottom:0.5em;margin-top:3em;font-weight:600}
.mf h4{font-size:1.2em;color:#333;line-height:1.4em;display:block;font-weight:400;text-decoration:underline;text-underline-position:under;margin: 1.5em 0 0.7em;}



section#contact.mf{margin-top:2em;}
section#contact.mf .centering_box{background-color:#fff}

hr.dn{margin:0 auto;margin-top:6em;margin-bottom:5em;width:70%;}
hr.dn2{margin:10em 0;}
.zu{margin:4em 0 0;text-align:center;}
.zu h5{text-align:center;font-size:0.9em;color:#aaa;line-height:1.5em;}
.zu cite{font-size:0.9em;color:#aaa}

.home #office{margin-bottom:4em;}
.btn.menu_open_close.mobile_only{display:none;}
#ov_area .overview{text-align:left;}
#ov_area.mf{margin-top:4em;}
#ov_area .centering_box{background-color:#fff;}
#ov_area h5{font-size:1.2em;font-weight:500;}
#office h2{font-size:16px;color:#000;}
hr.dr_nano{margin:6em 0;}

.w_sec{padding:8em 0;}
.w_sec.bg{background:#fafafa}
.w_sec.bo{border-top:1px solid #ddd}
._end_bar.centering_box{border-bottom:1px solid #bbb;height:1px;}

.mf_msg{margin-bottom:0.5em;font-size:30px;text-align:left;line-height:1.34em;letter-spacing:-0.01em;font-weight:400;color:#000}
section.mf{max-width:1000px;font-size:16px;margin:0 auto;}
section.mf .centering_box{padding:0em 0em 0;}
.mf form{font-size:14px;text-align:center;color:#000;}

.mf input,.mf textarea{width:100%;margin:0.5em 0 2em;font-size:16px;padding:0.5em 1em;border: 1px solid #bbb;}
.mf input:first-letter,.mf textarea:first-letter{text-transform: capitalize;}
.mf textarea{margin:0.5em 0 0}
.mf input::placeholder{color:#aaa;}
.mf textarea::placeholder{color:#aaa;}
.mf_caution{margin-top: 0.5em;color:#999;font-size:14px;text-align:center;padding:0.25em;}
.mf div.btn{display:block;padding:0 2em;background:#997c27;color:#fff;transition:0.2s;border:0px solid #000;border-radius:2em;width:100%;line-height:2em;}
.mf div.btn:hover{background:#333;color:#fff;}
.mf div.btn:active{transform:scale(0.95);}
.pp{margin:2em 0 4em;text-align:center;}
._cb{text-align:left;}


.wc_img{cursor:pointer}

@media only screen and (max-width:767px){
	#video .centering_box{
		width:100%;max-width:100%;
	}

	
._en .lr_set .dsc{height:unset;}
._ja .lr_set .dsc{height:unset;}	
	.en .dsc{text-align:justify;font-size:12px;}
	.mf a.btn._howto{margin-top:0}

	.mf .dsc._p2{margin-top:2em;margin-bottom:0}
	.w_sec{padding:3em 0}
	.w_left,.w_right{width:100%;float:none;margin-left:0;margin-right:0}
    .mf h3{ margin-top: 2em;}
	#w_bg,#w_nbw,#w_dn{padding:2em 0;}
	.idcfs .mobile_only .header_logo img{margin:30px 0;margin-left: -5px;}
	.center.header_logo{max-width: 85%;margin: 0 auto;}
	.inner_box{padding: 0 0;}
	#ov_area.mf{margin-bottom: 5.5em;margin-top:5em}
	.home #office{margin-top:0em;}
	section.mf .centering_box{padding:0 0.5em}
	.mf h2,.mf h1{border-width:0;line-height:1.7em;font-size:22px;margin-bottom:1em;}
	.ja .mf h2, .ja .mf h1{font-size:20px}
	hr.dn{margin-top:4em;margin-bottom:4em;}
	.mf .dsc{margin-bottom:2em}
	section#contact.mf{margin-top:4em;}
	.zu{margin-bottom:4em}
	.t_rubi{display:none !important}
	.ja ._sec_dsc, .ja .mf .dsc{font-size:14px}
}

.batsu{font-size:1.5em;}
._w{vertical-align:top;}
.c_w_box{margin-bottom:5em;}
header .c_w_box h4{border:0;border-top:1px solid #000;padding-top:5px}


.t_d_text .description{overflow:hidden;transition:0.2s;font-size:0.9em;}
.t_d_text .description a{display:block;border-bottom:1px solid #aaa;text-align:right;margin:0.5em 0 1em;}
.t_d_text .description.off{height:0;}
.description.off.on {background: #f9f9f9;padding: 0 1em;border: 1px solid #dfdfdf;box-sizing:border-box;}
.t_d_text .description.no_ov{display:none;}
.t_d_text a.link_u_b span{border-bottom:1px solid #000;}
.t_d_text a.link_u_b:hover span{border-bottom:1px solid #ccc}
.t_d_text .ex_link{width:1em;}

.home .t_4c .item:hover{box-shadow:rgba(0,0,0,0.7) 0px 0px 10px;}

.g_my_map{background:#fff;position:relative;z-index:10;height:54px;width:100.1%;margin-top:-20px;}
.g_my_map:before{text-align:right;font-size:12px;content:"Google Map ";width:100%;position:absolute;margin-top:20px;height:54px;}


.right.header-category-navi{display:none;}
.archive #news .section_title{margin-left:0;}
.home .t_4c{margin-bottom:2em;}
.home .t_4c .item{padding:10px 10px 0 10px;}
.t_3c.service .bgi{border:1px solid #ccc;background-color:#f5f5f5 !important;}
.t_3c.service .title_set{display:none;}

.none_eye_margin{height:7em;}@media only screen and (max-width:767px){.none_eye_margin{height:4em;}}
.eye_only .cat_text_set{display:none;}
.eye_only hr{display:none;}
.cat_d_more{margin-top:0;}
.cat_d_more hr{margin:4em 0;}
.archive .section_title{max-width:900px;margin:0 auto;margin-top:2em;}
@media only screen and (max-width:767px){.archive .section_title{width:80%;}}
.cat_ov{background-color:#f7f7f7;padding:4em 6em;text-align:justify;margin:2em 0;}
.cat_ov .description{max-width:700px;margin:0 auto;font-size:1.05em;}
.cat_d_more .content{max-width:700px;text-align:justify;width:80%;margin:0 auto;margin-top:2em;margin-bottom:4em;}

/*
.list_area.company .centering_box{display:none;}
.list_area.recruit .centering_box{display:none;}
.list_area.vision .centering_box{display:none;}
.list_area.service {display:none;}
.term-service .cat_ov_area .centering_box{display:none;}
.term-service .cat_ov{display:none;}
.term-vision .cat_ov_area .cat_text_set{display:none;}
.term-vision .cat_ov_area hr{display:none;}
.term-vision .cat_d_more h1{text-align:center;}
.term-recruit .cat_text_set{display:none;}
.term-recruit .cat_ov_area hr{display:none;}
*/
.cat_d_more hr{margin:5em 0 2em;}
.cat_d_more h2{font-size:1.2em;font-weight:700;}
.cat_d_more h3{font-size:1.1em;margin-top:0.5em;margin-bottom:-1em;color:#111;text-decoration:underline;}
.term-vision .cat_ov{display:none;}



#news{background:#fff;}
#news .centering_box{padding:4em 0 7em;}
#news .section_title a{transition:0.2s;font-size:0.7em;font-weight:400;}
#news a:hover{opacity:0.5;}

#sb_instagram a{pointer-events:none;}

.navigation.post-navigation{display:none !important;}
.cat_list_read_more{display:none !important;}
.area_t_ja{padding-bottom: 4px;font-size: 1.6em;font-weight: 400;width: 10em;max-width: 90%;margin: 0 auto;margin-top: 7em;border-bottom: 1px solid #222;line-height: 1.2em;}
.area_t_en{margin:0.1em 0 1.5em;font-weight: 400;font-size: 1.2em;}
@media only screen and (max-width:767px){
	.area_t_ja{margin-top:3em;}	
}

.t_only{margin-bottom:-4em;}
.t_only .section_title{padding-top:4em;padding-bottom:1em;font-weight:400}
.t_d_text  .month{ margin-bottom:2em;}
.t_d_text .year{margin:3em 0;}
.t_d_text h3,.t_d_text h4{color:#f0f0f0;position:absolute;font-size:2.5em;line-height:1em;font-family: 'Roboto', sans-serif;font-weight:500;}
.t_d_text h4{color:#ccc;margin-left:3em;width:1em;text-align:right;}
.t_d_text .item{margin-left:14em;}
.t_d_text .date{margin-right:0.8em;color:#aaa;}
.t_d_text .cat_mark{width:5.5em;margin-right:0.8em;text-align:center;color:#fff;font-size:0.8em;background:#999;line-height:1.5em;margin-top:0.2em;}
.t_d_text .important .cat_mark{background-color:#333;}
.t_d_text .item .title{font-size:1em;color:#555;font-weight:400;}
.t_d_text .item .text_set{width:68%;margin-bottom:0.7em;transition:0.3s;padding:0 1em;}
.t_d_text h5{font-size:12px;margin-top:0.8em;color:#aaa;}

.big_y,.big_m{overflow:visible;font-size:4em;color:rgba(0,0,0,0)}
@media only screen and (max-width:767px){
	.t_d_text h3,.t_d_text h4{opacity:0;}
	.t_d_text .item{margin-left:0;}
	.t_d_text .date{margin-left:1em;}
	.t_d_text .item .text_set{float:none;width:unset;margin-right:1em;margin-bottom:2em;}
}


/* simple_footer */
.simple_footer{margin:0 auto;padding:1em 0}
.simple_footer .copyright{font-size:12px;font-weight:400;color:#aaa;margin:0 auto;text-align:center;margin-top:0em;margin-bottom:1em;}
@media only screen and (max-width:767px){
	.simple_footer .copyright span{display:none;}
}


/* t_text */
.t_text .text_list_item{border-top:2px solid #000;width:100%}
.t_text .title_and_excerpt{vertical-align:middle;display:inline-block;width:93%;font-size:0.9em}@media only screen and (max-width: 767px){ .title_and_excerpt{width:87%;margin-top:0.5em;} }
.t_text .title_and_excerpt span{margin:0 0.5em;}
.t_text .title_and_excerpt h3{overflow:unset;font-size:1em !important;margin-left:0.5em;padding:0.8em 0;font-weight:400;display:inline-block;}
.t_text .excerpt{margin-top:0 !important;height:auto;overflow:hidden;transition:0.2s;margin-left:9.3em;}@media only screen and (max-width:767px){.text_list .excerpt{margin-left:1em;}}
.btn_open_close{vertical-align:middle;transition:0.2s;display:inline-block;font-size:2.5em;line-height:1em;width:6%;text-align:center;}
.text_list_item:hover .btn_open_close{transform:rotate(90deg);}

/* t_d_text */
.t_d_text .item{float:none;}

/* for About */
#page_gallery .inner_box{max-width:100%;padding:4em 0 3em;}
#page_about{font-size:1.5em;}
#page_about .inner_box{max-width:700px;}
#page_about p{text-align:justify;margin:2em 0;}
#page_about h2{font-size:1.3em;font-weight:400;text-align:center;margin-top:1em;}
#page_about hr{margin:3em 0;}


.home #upper_cat_btn .section_title_ja{padding-bottom: 4px;font-size:1.6em;font-weight:400;width:10em;max-width:90%;margin:0 auto;margin-top:7em;border-bottom:1px solid #222;line-height:1.2em;}
.home #upper_cat_btn .section_title{margin-top:0.1em;font-weight:400;}
.home #upper_cat_btn .section_title_set{margin-bottom:2em;}
@media only screen and (max-width:767px){
	.home #upper_cat_btn .section_title_ja{margin-top:3em;}	
}

.eye_catch_area{margin-bottom:3em;}
.cp1 .sub_title{margin-bottom:0.5em;}
.single .slick img{height:60vh;margin:0 10px;}
.single .post .slick img{width:100%;height:auto;margin:0;}
.slick img{background-size:cover !important;}
.slick_thumbnail img{margin:0 5px;}
.cp4 .navigation{display:none;}
.p_icon{background:url(image/icon/p_icon.png);width:3em !important;height:4em;margin-right:1em;}
.category-project .title_box  h1{margin-bottom:3em;border-bottom:1px solid #333;}
.category-project .cat_overview{padding:0 2em;}
.category-project .cat_detail .centering_box{background-color:#fff}

/* cat_t */
.cat_dsc a{border:1px solid #222;line-height:1.2em;}
.cat_dsc a:hover{opacity:0.5;}
.cat_detail .title_box h1{margin-bottom:0em;border-width:0;text-align:center;}
.cat_list_read_more{margin:0 auto;text-align:center;display:block;margin-top:2em;text-decoration:underline;}



/* 20180520 for  G and Marks Market */
.single.postid-1531 .sub_title{display:none;}
.single.postid-1531 h1{margin-bottom:2em;font-size:2em;text-align:center;color:#333;}
.css_btn{background: #333;color:#fff !important;font-size: 1em;width:15em;display: block;text-align: center;cursor:pointer;margin: 0 auto;border-radius: 30px;transition:opacity 0.2s}
.css_btn:hover{opacity:0.5;}
.css_btn_gray{border-bottom:1px solid #fff;color:#fff;display:block;transition:0.2s;text-align:center;width:10em;margin:0 auto;margin-top:2em;}
.css_btn_gray:hover{border-color:black;}
/* TEMP */

header .sns_icon{display:block;}
.sns_btn_set{text-align:left;}
.sns_btn_set img{margin-left:0.2em;height:1.8em;opacity:0.8;width:auto !important;display:inline-block !important;}
.sns_btn_set a{border-width:0;}
.sns_btn_set a:hover{opacity:0.5;}
.icon_title{line-height:2.0em !important;height:2.0em !important;background-position: left !important; padding-left: 3em; margin: 0 auto;}
.icon_title.project{background:url(./image/icon/g_bk.png);width:10em;}
.icon_title.minute{background:url(./image/icon/g_minute_w.png);width:10em;padding-left:5.5em;margin-left:0;}
.icon_title.cast{background:url(./image/icon/g_cast_bk.png);width:9em;padding-left:5.5em;margin-left:0;}

.home .more{transition:0.5s;font-weight:700;color:orange;border-bottom:1px solid orange;display:block;text-align:center;width:12em;margin:0 auto;margin-top:3em;line-height:1.3em;}
.home .more:hover{text-decoration:none;border-color:transparent;opacity:0.7;}
#team h2.icon_title.section_title{float:left;}
#team .more{float:right;margin-top:1.8em;width:11em;}
@media only screen and (max-width:767px){
	#team .more{font-size:0.9em;font-weight:400;}
}
.home section.project{padding:3em 0;}
.home section.project .item{padding:10px;}
.project .eye_catch{background-size:cover !important;}
.minute.section_title{color:#fff;}
.bgc{max-width:1100px;width:95%;background:#424242;margin:0 auto;padding:5% 0;}
.section_title{margin-top:1em;margin-bottom:1em !important;}

/* BODY background color */
.tax-cp1_category{background:#fff;}



/* cp4 tag */
.ja_ls0 .sub_title{letter-spacing:0;}

/* HEADER */
header{font-size:0.9em;font-weight:400;overflow:hidden;}
header .centering_box{width:100%;}
@media only screen and (max-width:767px){header{margin-bottom:0 !important;} header .inner_box{width:100%;} header .inner_box{margin:0;} .menu-item-1099{display:none;}}

/* TPL header | left_logo_fix_ud */
header.pc_only.left_logo_fix_ud  {height:auto;padding-bottom:5px;padding-top:10px;}
.pc_only.left_logo_fix_ud .h_upper_box{border-bottom:1px solid #aaa;margin-bottom:5px;}
.pc_only.left_logo_fix_ud .header_logo{float:left;}
.pc_only.left_logo_fix_ud .menu_left .menu_margin{display:inline-block;}
.pc_only.left_logo_fix_ud .sns_icon{float:right;}

/* TPL header | left_logo */
.pc_only.left_logo .header_logo{float:left;}
header.pc_only.left_logo  {height:auto;padding-bottom:7px;padding-top:12px;}
.pc_only.left_logo .menu_left .menu_margin{display:inline-block;}

/* TPL footer | t_3c */

/* TPL footer | t_3c_area */
.f_t_3c_area .footer_inner_box{width:100%;max-width:100%;}
.f_t_3c_area .footer_left{width:20%}
.f_t_3c_area .footer_center{width:30%}
.f_t_3c_area .footer_right{width:20%;float:left;}
.f_t_3c_area .footer_right_logo{width:30%;text-align:center;border-left:1px solid #999;padding-left:5%;}
.f_t_3c_area .footer_right_logo .f_logo_area{width:70%;padding:2em 0 1.5em;border-bottom:1px solid #999}
.f_t_3c_area .footer_right_logo .f_logo_g_marks{width:40%;padding:1em 0 2em;}


.site_catch_copy{text-align:right;margin-top:2em;margin-bottom:0.3em;color:#999;font-size:0.9em}
.header_logo{background:#fff;} @media only screen and (max-width:767px){}

.pc_only .header_logo img{display:inline-block;height:45px;margin:0 auto;padding:0px 0;margin-top:40px;margin-bottom:22px;}
.mobile_only .header_logo img{display:block;margin:0 auto;height:60px;margin:30px 15px;}

header .centering_box ul li a{display:block;line-height:2.4em;}
.menu_left li{margin-left:0;margin-right:1.8em;}
.sns_icon{width:80px;display: inline-block;}
.sns_icon img{width:30px;padding:5px 3px 0 5px;opacity:1;}
.menu_right li{margin-left:1.8em;}
header.mobile_only{height:auto;}
.btn.menu_open_close{line-height:1em;top:8px;color:#ddd;}
header.pc_only ul li a{line-height:1.2em;font-weight:400;font-size:14px;margin-top:5px;margin-bottom:3px;}


/* FOOTER */
footer{margin-top:4em;width:100%}
footer .centering_box{max-width:800px;width:100%}
@media only screen and (max-width:767px){.footer_right li{margin-left:0;}}
.footer_inner_box{font-size:0.9em;max-width:800px;margin:0 auto;min-width:250px;width:70%;}
footer .copy_right{font-size:0.8em;text-align:center;line-height:3em;float:none;border-top:2px solid #008000;color:#000;font-weight:400;background:#fff;text-align:center;}
footer ul{letter-spacing:0;margin:0 auto;margin-top:2em;margin-bottom:2em;float:left;}
.footer_left{width:30%;}
.footer_center{width:45%;}
.footer_right{width:25%;}
@media only screen and (max-width:600px){
	footer ul{float:none;width:95% !important;margin-top:0;}
	.footer_left{padding-top:3em;}
}
footer ul li{margin-bottom:0em;}
footer{background:#fff;color:#999;margin-bottom:0 !important}
footer a,footer a:visited{color:#ddd;}
footer .centering_box{margin:0 auto !important;color:#fff;text-align: left;max-width:800px;}


/* section */
.idcfs section.slider,.idcfs section.top_section{margin-top:135px;}
@media only screen and (max-width:767px){
	.idcfs section.slider,.idcfs section.top_section{margin-top:81px;}
}
section.centering_box{padding-top:1.5em;}
section.slider{margin:0 auto;margin-top:2em;}
@media only screen and (max-width:767px){.home section{margin-top:3em;margin-bottom:4em;}}

/* eye catch slider */
.slider h4{position:absolute;margin:2em;font-size:3vh;line-height:1.5em;letter-spacing:0.1em;width:23em;}
.slider h5{position:absolute;margin:2em;margin-top:8em;font-size:3vh;line-height:1.5em;letter-spacing:0.1em;width:23em;}


/* Slider */
.slick img.bgi{width:100%;}
.slick.normal img{width:100%;margin:0;}
.slick.l_r_visible img{width:100% !important;margin:0 10px !important;}
.slick-next:before,.slick-prev:before{border-top:2px solid #ccc;border-right:2px solid #ccc;position:absolute;}
.slick-next{transform:rotate(45deg) !important}
.slick-prev{transform:rotate(-135deg) !important}
@media only screen and (max-width:767px){
	.slick.l_r_visible img{height:auto !important;}
	.slick-arrow{display:none !important;}
}


@media only screen and (max-width:767px){.home .slider h4{font-size:1.2em;margin-left:4em;}}
.home .slider h4 span{background:rgba(255,255,255,0.7);}
.home .slider .bgc_yellow{background:rgba(252,248,55,0.7);}
.slider .bgi{background-size:cover !important;}

.list_area .slider .bgi{width:100%;height:auto;}


/* border */
header,.cat_btn .btn,.top_list_set,.home .slider img{border-bottom:0px solid #d4d0c3;}


/* TOP */
.home body,.home .body{background-color:#F4F2E9;}
.home .slider img{margin:0 ;}
@media only screen and (max-width:767px){
	.home .slider{margin:0;}
	.home .slider img{height:80vw;width:auto;}
}


#featured{margin-top:2em;}
#featured dd.info_set{padding:0.7em 0 0.5em 0;width:55%;}
#featured .top_list_set{display:block;float:left;width:49%;margin-bottom:0.5em;background:#fff;}
#featured .odd{margin-right:1%;}
#featured .even{margin-left:1%;}
#featured .left{max-width:40%;}
.top_list_set img{display:block;background-size:cover !important;}
#featured .right{margin:0 2.5%;float:left;overflow:hidden;}
#featured .title{font-size:0.9em;line-height:1.4em;font-weight:400;color:#999;height:auto;margin-bottom: 0.3em}
#featured .sub_title{color:#333;font-size:0.85em;line-height:1.5em;width: 100%;overflow: inherit;text-overflow: ellipsis;height:3em;}
#featured .overview_at_top{text-align:justify;}
#featured .date{margin-top:1.5em;text-align:right;width:100%;/*color:#d4d0c3;*/font-size:0.6em;font-weight: 400;line-height:0em;color:#00AA00}
.home #featured .top_list_set{border-width:0px;margin-bottom:2%;transition:0.3s;;}
.home #featured .top_list_set:hover{box-shadow:0px 0px 10px rgba(255,255,255,1);opacity:0.9;}
@media only screen and (max-width:600px){
	#featured{font-size:1em;}
	#featured .top_list_set{width:100%;background:#fff;margin-left:0 !important;margin-right:0 !important}
	#featured dd.info_set{padding:0.7em 0 0.5em 0;}
	#featured .title{height:auto;font-size:0.9em;margin-bottom:0.2em;}
	#featured .sub_title{font-size:0.9em;height:auto;}
}

#team h2{font-size:1.3em;}
#team .team{font-size:0.8em}
#team .team .top_list_set{width:19%;float:left;margin-left:1.25%;background:#fff;transition:0.3s;}
#team .top_list_set:hover{box-shadow:0 0 15px #333;}
.order1{margin-left:0 !important;}
#team .team .info_set{padding:1em;letter-spacing:0.1em;font-size:0.9em;}
@media only screen and (max-width:767px){#team .team .info_set{display:none;} #team{margin-bottom:3em;}}

.section_title{font-size:1.2em;margin-bottom:0.5em;font-weight:700;}



/* CATEGORY common */
.overview{text-align:justify;}
.cat_text_set{margin:0 auto;padding:2em;max-width:700px;font-size:1.2em;letter-spacing:0.05em;}
.cat_text_set .sub_title{font-size:0.85em;text-align:left;line-height:1.2em;color:#888;font-weight: 400;}
.cat_text_set .title{margin-top:0.3em;font-size:1.5em;line-height:1.5em;color:#333;font-weight:400;}
.cat_text_set .cat_dsc{margin-top:2em;}
.cat_hr{margin-top:10em;border-bottom:1px solid #ddd; }
@media only screen and (max-width:767px){.cat_hr{margin-top:3em;}}

.category .cat_text_set h1.title{text-align:center;}
.category .cat_text_set h2.sub_title{display:none;}
 
/* category_detail */
.cat_detail .cat_eye img{width:100%;}
.cat_detail .slider .centering_box{background:#fff;padding:0;}
.cat_detail .slider img{margin:0;width:100%;}
@media only screen and (max-width:767px){.cat_detail.slider{margin:0;}}
.cat_detail{margin-top:85px;}
.cat_detail.list_area{margin-top:0;}
.home .cat_detail .centering_box{background:#fff;}
.cat_detail .text{text-align:justify}
.cat_detail .bgi{width:100%;}
.cat_detail hr{margin:3em;}
.list_area.has_ov hr{margin:3em;}



/* TPL item common */
.has_ov .item{float:none;}
.item{float:left;background-color:#fff;margin:0 auto;}
.item .bgi{background-size:cover !important;display:block;width:100%;}
.item .text_box{background-color:#fff;color:#333;overflow:hidden;}
.item .title{font-size:1.4em;line-height:1.6em;height:auto;color:#333;overflow:hidden;}
.item .sub_title{font-size:0.9em;line-height:1.4em;height:2.8em;color:#888;overflow:hidden;}
.item a{display:block;}
.item .overview a{display:inline;}

/* TPL common t_list_normal*/
.t_list_normal ul{max-width:1000px;margin:0 auto;}
.t_list_normal .left{width:50%;}
.t_list_normal .text_box{padding:1.5em 3em;font-size:1.2em;;}
.t_list_normal .title{margin-bottom:0.5em;color:#222;}
.t_list_normal .sub_title{color:#333;font-size:1.1em;;}
.t_list_normal .item{width:100%;margin-bottom:1em;box-shadow: rgba(0, 0, 0, 0.3) 0 1px 3px;}
.t_list_normal .icon{width:1em;}

/* TPL common t_2c */
.t_2c .item{width:48.5%;float:left;margin-bottom:1.5%;}
.pc .t_2c .item.odd{margin-right:1.5%;}
.t_2c img.bgi{width:40%;float:left;}
.t_2c .title_set{width:55%;float:right;margin:1em 2.5%;}
.t_2c .title{font-size: 1em;line-height: 1.4em;font-weight: 400;color: #999;height: 2.8em}
.t_2c .sub_title{color: #333;font-size: 0.85em;line-height: 1.5em;width: 100%;overflow: inherit;text-overflow: ellipsis;height: 3em;}
.t_2c .date{margin-top: 0.5em;text-align: right;width: 100%;font-size: 0.6em;font-weight: 400;line-height: 0em;color: #00AA00}
@media only screen and (max-width:767px){
		.t_2c .item{width:100%;margin:0.5em 0;}
	
}

/* TPL common t_3c */
@media only screen and (max-width:767px){section.t_3c{margin-top:1em;}}
.t_3c .item{transition:box-shadow 0.3s;width:32%;padding-bottom:0em;}
.t_3c .item:hover{box-shadow:0 0 20px #333;}
.t_3c .center_at_3c{margin:0 2%;}
.t_3c img{background-size:cover !important;display:block;margin:0 auto;width:100%;margin-top:0em;}
.t_3c h2,.t_3c h3,.t_3c p{text-align:left;}
.t_3c .title{font-size:1.15em;font-weight:400;line-height:1.4em;color:#333;margin-bottom:0.4em;}
.t_3c .sub_title{font-size:0.9em;width:100%;height:3.2em;overflow:hidden;line-height:1.5em;}
.t_3c  .en_title{display:none;font-size:0.8em;line-height:1.4em}
.t_3c .text_box{padding:1em 1em;background:#fff;}
.t_3c .item{float:left;margin-top:2%;}
.t_3c .bgi{width:100%;background-size:cover !important;}
.t_3c .content_set{box-sizing:border-box;width:32%;float:left;background:#fff;border-bottom:2px solid #d4d0c3;margin-bottom:1.2em;}
.t_3c .center_at_3c{margin-left:2%;margin-right:2%;}
.t_3c .title_set{padding:1em;}
.t_3c .icon:before{display:inline-block;background:url("./image/icon/location.png");height:1.5em;width:1.5em;content:"";background-size:contain;}
.t_3c .address_set{display:inline-block;font-size: 0.7em;line-height: 1.2em;color: #999;}
.t_3c .title_set  h2{line-height:1.4em;overflow:hidden;height:1.4em;}
.t_3c .title{font-size:1.1em;color:#888;height:1.3em;}
.t_3c .sub_title{font-size:0.9em;color:#555;line-height:1.5em;height:3em;overflow:hidden;}

.cp4.t_3c .title_set{padding:1em;}
.cp4.t_3c .sub_title{height:2em;}

@media only screen and (max-width:767px){
	.t_3c .item{width:100%;margin:2em 0}
	.t_3c .item.last_item{margin-bottom:2em;}
	.t_3c .item{width:100%;margin:1vh 0;}
	.t_3c .item.center_at_3c{margin:1vh 0;}
	.t_3c img{margin-top:0em;}
	.t_3c .text_box{font-size:1.1em;}
	.t_3c .title{line-height:1.4em;font-size:0.9em;font-weight:400;}
}

/* TPL t_4c*/
.t_4c{font-size:0.95em;}
.t_4c .item{width:24%;margin:0 0.5% 2em;}
.t_4c .text_box{padding:0.8em;}
.t_4c .title{font-size:1em;margin-top:0.2em;}
@media only screen and (max-width:767px){
 .t_4c .item{width:48%;margin:1em 1%;}
}



/* TPL t_5c */
.t_5c .item{width:19%;margin-left:1.25%;margin-top:1em;background:#fff;float:left;font-size:0.9em;}
.t_5c .first_at_5c{margin-left:0;}
.t_5c .item{transition:box-shadow 0.3s;}
.t_5c .item:hover{box-shadow:0 0 20px #333;}
.t_5c .item .title_set{padding:0.2em 0.5em 0.5em 0.5em;}
.t_5c .item .title{height:1.2em;overflow:hidden;font-size:1em;color:#222;margin-top:0.4em;}
.t_5c .item .sub_title{height:2.8em;overflow:hidden;line-height:1.4em;font-size:0.8em;color:#aaa;margin-top:0.2em;}
@media only screen and (max-width:767px){
 .t_5c .item{width:48.75%;}
 .t_5c .odd{margin-left:0 !important;}
 .t_5c .even{margin-left:1.25% !important;}
 .home .last_at_5c{display:none;}
}

/* TPL overview common */
.has_ov.list_area .title{font-size:1.4em;line-height:1.4em;color:#333;font-weight:400;margin-top:0.3em;height:auto;}
.has_ov.list_area .sub_title{font-size:1.02em;line-height:1.4em;color:#888;font-weight:400;height:auto;text-align:left;}
.has_ov.list_area .overview{font-size:1.08em;font-weight:400;color:#333;margin-top:2em;text-align:justify !important;height:auto;}


/* TPL overview t_lr */
.t_lr .left_box,.t_lr .right_box{width:50%;padding:2em;float:left;}
@media only screen and (max-width:767px){.t_lr .left_box,.t_lr .right_box{float:none;width:100%;}}

/* TPL overview t_ud */
.t_ud .lower_box{width:90%;max-width:700px;}
.t_ud .upper_box img{width:100%;}
.lower_box,.upper_box{margin:0 auto;}

/* TPL common t_slider */
.t_slider{padding:2em;background:#fff;}
.t_slider .bgi{background-size:cover !important;}
@media only screen and (max-width:767px){
	.t_slider{padding:0;width:100%;}
	.t_slider .bgi{max-width:100%;width:100%;}
}


/* TPL overview t_2c_ov*/
.t_2c_ov .item{width:48%;margin-bottom:3em;padding:2em;float:left;}
.t_2c_ov .odd{margin-right:4%;}
.t_2c_ov hr{display:none;}
.t_2c_ov .bgi{margin-bottom:1em;}
.t_2c_ov .text_box{height:auto;}
.t_2c_ov .title{font-size:1.6em;margin-top:0.2em;}
.t_2c_ov .overview{height:auto;}
.t_2c_ov .btn{background:#999;color:#fff !important;display:block;margin:1em auto;margin-bottom:0;padding:10px;text-align:center;font-size:1.3em;border-radius:5px;}
.t_2c_ov .numbering{color:#999;font-size:3em;line-height:1.2em;letter-spacing:0em;font-weight:400;font-family:sans-serif}
@media only screen and (max-width:767px){
 .t_2c_ov .item{width:95%;margin:0 auto;float:none;margin-bottom:4em;}	
}

/* TPL overview t_only_2i */
.t_only_2i img.bgi{width:48%;margin:1%;}
@media only screen and (max-width:767px){.t_only_2i img.bgi{width:90%;margin:5%;}}

/* TPL overview t_2i_lr */
.t_2i_lr .centering_box{background:#fff;padding:3em 8%;}
.t_2i_lr .left_box{width:48%;margin-right:2%;}
.t_2i_lr .right_box{width:48%;margin-left:2%;}
@media only screen and (max-width:767px){
	 .t_2i_lr .left_box,.t_2i_lr .right_box{width:100%;margin:0 auto;}
}
.t_2i_lr.item{font-size:1em;padding:1em 2em;}
.t_2i_lr.item.even{background:#fafafa;}
.t_2i_lr.item img.bgi{width:100%;background-size:cover !important;margin-bottom:1em;}
.t_2i_lr .order_title{color:#9c2f1f;font-size:1.5em;font-weight:300;padding:1em 0 0.5em;}
.t_2i_lr .collabo_title{padding-top:1em;border-top:1px solid #ccc;font-size:0.9em;color:#333;text-align:right;margin:1em 0 0 0;}
.t_2i_lr .collabo_title dl dd.name{font-size:0.9em;float:none;}
.t_2i_lr .collabo_title dl dd.name:before{content:"― ";}
.t_2i_lr .collabo_title dl dd.position{font-size:0.8em;float:none;color:#aaa;text-align:right;}
.t_2i_lr .over_view{font-size:1.1em;line-height:1.8em;color:#777;}
.t_2i_lr .lower_image_box{margin-top:1em;}
.t_2i_lr .lower_image_box img.left{margin-top:1em;width:48%;margin-right:2%;float:none;}
.t_2i_lr .lower_image_box img.right{margin-top:1em;width:48%;margin-left:2%;float:none;}


/* TPL overview t_4i */
.t_4i{background:#fff;}
.t_4i {max-width:800px;padding:2em;}
.t_4i{margin:0 auto;}
.t_4s  ul.post_list{padding-top:3em;}
.t_4i .centering_box{max-width:800px;}
.t_4i h1{text-align:center;}
.t_4i h1 img{width:3em;}
.t_4i ul li{margin-bottom:5em;margin-top:5em;border-top:1px solid #eeeada;padding-top:5em;}
.t_4i .title_box{width:50%;padding-left:0.5em;}
.t_4i .title_box h5{font-size:1em;color:#008000;line-height:1.1em;}
.t_4i .title_box h2{font-size:1.2em;font-weight:400;color:#333;margin-bottom:2em;}
.t_4i .title_box p{font-size:1.2em;letter-spacing:0.1em;line-height:1.3em;margin-bottom:1em;color:#008000;}
.t_4i .title_box p span{padding-left:1em;}
.t_4i .mobile_only{margin-bottom:1em;}
.t_4i .overview_box{background:#fafafa;padding:1.5em;margin-top:2em;}
.t_4i .bgi.eye_catch{margin-right:2em;width:40%;background-size:cover !important;float:left;}
.t_4i .text_box{margin-left:1%;width:53%;background:transparent;}
.t_4i .overview{line-height:1.6em;}
.t_4i .four_image_box{display:block;width:50%;}
.t_4i .four_image_box dd{display:inline-block;}
.t_4i .four_image_box .bgi{background-size:cover !important;height:auto;width:48%;margin:0 0% 2% 2%;display:block;float:left;}
@media only screen and (max-width:767px){
	.t_4i{margin:0 1.5em;padding:0;} 
	.t_4i ul li{margin-bottom:3em;}
	.t_4i .title_box{width:100%;padding:0 0.5em;}
	.t_4i .four_image_box{width:100%;}
	.t_4i .overview_box .eye_catch{margin-right:0;margin-bottom:1em;float:none;width:100%;}
	.t_4i .overview_box .text_box{margin:0;width:100%;}
	.t_4i .four_image_box .bgi{margin:1%;}
}

/* TPL overview t_text */
.t_text hr{display:none;}
.t_text .text_list_item{border-top:2px solid #000;width:100%}
.t_text .title_and_excerpt{vertical-align:middle;display:inline-block;width:93%;font-size:0.9em}@media only screen and (max-width: 767px){ .title_and_excerpt{width:87%;margin-top:0.5em;} }
.t_text .title_and_excerpt span{margin:0 0.5em;}
.t_text .title_and_excerpt h3{overflow:unset;font-size:1em !important;margin-left:0.5em;padding:0.8em 0;font-weight:400;display:inline-block;}
.t_text .excerpt{margin-top:0 !important;height:auto;overflow:hidden;transition:0.2s;margin-left:9.3em;}@media only screen and (max-width:767px){.text_list .excerpt{margin-left:1em;}}
.btn_open_close{vertical-align:middle;transition:0.2s;display:inline-block;font-size:2.5em;line-height:1em;width:6%;text-align:center;}
.text_list_item:hover .btn_open_close{transform:rotate(90deg);}

/* TPL overview t_link*/
.t_link{padding:2em;text-align:center;font-size:1.4em;}
.t_link .st{text-align:center;margin-bottom:2em;}
.has_ov.list_area .t_link .overview{text-align:center !important;line-height:1.4em;}
.t_link h4{display:inline-block;}
.t_link a{border-bottom:1px solid #333;}
.t_link a:hover{opacity:0.7;}
.t_link .not_jump{opacity:0.2;}
.t_link .not_jump:after{content:" - Comming soon! - ";display:block;}



/* M_M */
.item_list .inner_box{margin:0;}
.item_list .item_set{width:25%;box-sizing:border-box;border:5px solid #f4f2e9;background:#fff;}
.item_list .info_set{padding:1em 0.5em;}



/* Parent Category */
.m_m .icon:before{opacity:0.5;content:" ";display:inline-block;background:url("./image/icon/g_bag.png");height:1.0em;width:1.1em;background-size:contain;}
.m_m .content_set h3{margin-bottom:1em;}


.t_d5 .inner_box{margin:0;}
.t_d5 .rel{width:19%;margin-left:1.25%;margin-top:1em;background:#fff;float:left;font-size:0.9em;}
@media only screen and (max-width:767px){.t_d5 .rel{width:48.75%;} .t_d5 .rel.odd{margin-left:0;} .t_d5 .rel.even{margin-left:1.25%;}}
.t_d5 .fitst_at_5c{margin-left:0;}
.t_d5 .rel .title_set{padding:1em 1em;}
.t_d5 .rel .title{height:1.5em;overflow:hidden;font-size:1em;color:#999;}
.t_d5 .rel .sub_title{height:2.8em;overflow:hidden;line-height:1.4em}


.eye_catch .bgi{width:100%;}


.category-m_m .slider .centering_box{background:#fff;}
.category-m_m .slider img{margin:0;width:100%;} @media only screen and (max-width:767px){.category-m_m .slider{margin:0;}}
.two_image .centering_box{background:#fff;padding:3em 8%;}
.category-m_m .left_box{width:48%;margin-right:2%;}
.category-m_m .right_box{width:48%;margin-left:2%;}
 @media only screen and (max-width:767px){.category-m_m .left_box,.category-m_m .right_box{width:100%;margin:0 auto;}}
.category-m_m .content_set{background:#fff;font-size:1em;}
.category-m_m .content_set img.bgi{width:100%;background-size:cover !important;}
.category-m_m .order_title{color:#9c2f1f;font-size:1.5em;font-weight:300;padding:1em 0 0.5em;}
.category-m_m .content_set .title{font-size:1em;}
.category-m_m .content_set .sub_title{color:#9c2f1f;font-size:1.2em;line-height:1.4em;margin:2em 0 1.5em;}
.category-m_m .content_set .collabo_title{padding-top:1em;border-top:1px solid #ccc;font-size:0.9em;color:#333;text-align:right;margin:1em 0 0 0;}
.category-m_m .content_set .collabo_title dl dd.name{font-size:0.9em;float:none;}
.category-m_m .content_set .collabo_title dl dd.name:before{content:"― ";}
.category-m_m .content_set .collabo_title dl dd.position{font-size:0.8em;float:none;color:#aaa;text-align:right;}

.category-m_m .content_set .over_view{font-size:1.1em;line-height:1.8em;color:#777;}
.lower_image_box{margin-top:1em;}
.lower_image_box img.left{margin-top:1em;width:48%;margin-right:2%;float:none;}
.lower_image_box img.right{margin-top:1em;width:48%;margin-left:2%;float:none;}
.category-m_m  hr{border-color:#ccc;margin:3em 0;}
.m_m h3{margin-bottom:1.5em;}
.m_m .post_list .overview{padding:0 0.5em;}


/* SINGLE */
/*
.single section{font-weight:400;font-size:1em;margin-top:75px;}@media only screen and (max-width:767px){.single section{margin-top:0;}}
.single section .centering_box{max-width:800px;margin:0 auto;background:#fff;}
.single .thumbnail{width:100%;margin:0;}
.single_contents_box{margin:2em 4em 4em 4em;}@media only screen and (max-width:767px){.single_contents_box{margin:15px;}}
.single .sub_title{font-size:0.85em;text-align:justify;line-height:1.2em;height:2.5em;display:table-cell;vertical-align:middle;}
.single section h1{font-size:1.6em;color:#222;line-height:1.3em;margin-top:0.1em;margin-bottom:1em;padding-bottom:0.2em;}
.single .overview{margin-bottom:2em;}
.single h2{font-size:1.1em;weight:600;margin-top:3em;margin-bottom:1.5em;color:#333;}
.single .sns_btn_set{margin-bottom:2em;}

.single_hr{margin-bottom:3em;border-bottom:1px solid #aaa;}
.single_end_hr{margin:3em 0;border-bottom:1px solid #aaa;}

.d_title{text-align:justify;margin-top:0em;}
.d_image{width:100%;margin-top:2em;}
.d_description{text-align:justify;margin-bottom:2em;}

.link_area{text-align:left;}
.link_area h4{margin-top:1.5em;}
.link_area a{transition:0.2s;display:inline-block;text-align:left;border-bottom:1px solid #222;line-height:1.2em;}
.link_area a:hover{opacity:0.5;}

/* Single cp4 
.single .cp4 div{text-align:left;}

/* Single cp5 
.single .cp5 .d_sub_title{text-align:left;font-size:1.1em;padding-bottom:5em;border-bottom:1px solid #ccc;}


/* SINGLE Goods-Simple
.t_gs{padding-top:2em;}
.t_gs .display_set{width:100%;}
.t_gs .title_set{text-align:left;}
.t_gs .title_set h1{font-size:2em;margin-bottom:0.2em;}
.t_gs .title_set .sub_title{font-size:1.5em;margin-bottom:0.2em;}
.t_gs .desctiption{}
.t_gs .image_set{width:15.5%;margin-left:1.4%;}
.t_gs .image_set0{margin-left:0;}
.t_gs .image_set img{border:1px solid #ddd;box-sizing:border-box;cursor:pointer;}
.t_gs .image_list h2{display:none;}


/* WP Pagenation*/
.post-navigation h2{display:none;}
.post-navigation a{transition:0.2s;display:block;}
.post-navigation a:hover{opacity:0.5;text-decoration:none;}
.post-navigation span{font-size:1.2em;font-weight:700;color:#aaa;display:block;}
.nav-previous,.nav-next{width:40%;overflow:hidden;display:block;height:5em;}
.nav-previous{margin-right:10%;float:left;text-align:left;}
.nav-next{margin-left:10%;float:right;text-align:right;}




/* PAGE */
.page section{margin-top:0;}
.page section p{text-align:justify;}

/* CONTACT */
#page_contact .centering_box{padding:5em 0;}
#page_contact h1{text-align:center;font-size:1.4em;}
#page_contact li{margin-top:2em;margin-left:1em;margin-right:1em;text-align:justify;}
#page_contact h4{margin-left:-1em;margin-bottom:0.5em;}



/*20180320 for mostd-esign.jp*/
body.home.landing,.home.landing .fixed_box,.landing .recent_works,.landing #recent_works_area,.home.landing .container{background-color:rgba(255,240,0,1) !important}
body:not(.landing) .container{height:auto !important}

/* ONLY HOME  */
body.home, .home header{color:#000;}
body.home .top_of_page{ position:static;margin:0;}
body.home .top_of_page img{ display:none; }


/* Works Archive ( Tile List ) --> 他のページの余白も調整する。*/
/* works tag 機能 */

#works-archive ul li.hide_title h3{display:none;}


#works-archive .tile_list li{width:32%;margin:0.6666%;}
.inner_box{margin:0;}

/*1200*/@media only screen and 						  (min-width:1501px){#works-archive .tile_list li{width:24%;margin:0.5%;} .inner_box{margin:0}}
/*1000*/@media only screen and (min-width:1281px) and (max-width:1500px){#works-archive .tile_list li{width:32%;margin:0.6666%;} .inner_box{margin:0}}
/* 300*/@media only screen and (min-width: 361px) and (max-width: 767px){#works-archive .tile_list li{width: 95%;} .inner_box{margin:0}}
/* 260*/@media only screen and (max-width: 360px)						{#works-archive .tile_list li{width: 95%;} .inner_box{margin:0}}

/* Works Single */
/* Page Single */

.page p{text-align:center;}




/*-----------------------------------
	CORE
------------------------------------*/
/* wp-header　非表示 */#wpadminbar{display:none;}
.centering_box p{max-width:960px;}
h1,h2,h3,h4,h5,h6,p,dd,dt,li{text-align:left;}



/* 共通 */
html.idcfs{margin:0 !important;}
body,header{background-color:#fff;color:#000;}
body.home{background-color:#fff;}
a{color:#000;}
a:visited{color:#000;}
h1 a,h2 a,h3 a,h4 a,h5,a{color:#333;}
header{width:100%;height:65px;margin:0 auto;top:0;z-index:100;background-color:#fff;}
header a{font-size:1em;}
.description{font-size:0.9em;font-weight:400;text-align:justify !important;color:#333;}
header .left{text-align:left;}


/*　メニュー　*/
header ul li{display:inline-block;margin-left:0.5em;text-align:center;}
.menu a{border-bottom:2px solid rgba(0,0,0,0);display:block;}
.menu a:hover{text-decoration:none;border-color:#997c27;}
.sub-menu{display:block;position:absolute;opacity:0;transition:0.3s;z-index:-100;}
.sub-menu li{margin-left:0em;display:block;}
.sub-menu .sub-menu{padding-left:1em;}
.sub-menu li:before{content:"- ";}
.sub-menu .sub-menu{position:static;}
.menu li:hover .sub-menu{display:block;opacity:1;z-index:100}
.header-category-navi{margin-right:4em;}
.menu_open_close{font-size:3em;transition:0.2s;z-index:110;position:fixed;top:15px;right:25px;font-weight:400;}
.menu_open_close:hover{transform:rotate(90deg);}
header h4,header h5{border-bottom:1px solid black;font-size:1.2em;padding:0 0 5px 20px;margin-top:50px;}
/* モバイルメニュー */
@media only screen and (max-width: 767px){
	header .left,header .right{float:none;}
	header ul li{display:block;margin:1em 2em 0 35px;border-bottom:0px solid #999;}
	header .navi_box{top:0;padding-top:5%;height:120%;transition:0.2s;width:70%;position:fixed;right:-70%;background-color:rgba(256,256,256,0.9);z-index:99;}
	.header-category-navi{margin-right:4em;width:100%;}

}



/* その他　*/
.top_of_page{display:none; position: fixed;bottom: 0;margin-bottom: 2em;right: 5%;}
.top_of_page img{ display: block;margin: 0 auto;}
section{margin-top:4em;}/* header->> */
footer{margin:4em 0 2em 0;}
@media only screen and (max-width:767px){footer{margin:0;}}

/* INDEX section#introduction */
#introduction .ja{font-size:0.9em;line-height:1.6em;}


/* タイルリスト section　#works-archive, #works-category */
.tile_list li{background:#000;}
.tile_list li a{color:#fff;font-size:1em;background-color:#000;display:block;}
.tile_list li h3{position:absolute;margin:20px;z-index:10;opacity:0;font-size:16px;color:#fff;transition:opacity 0.5s;max-width:250px;}
	@media only screen and (max-width:1000px){.tile_list li h3{max-width:180px;}}
.tile_list li:hover h3{opacity:1;}
.tile_list li a:hover{opacity:0.5;}
.tile_list li img{display:block;transition:0.5s;}
/*.tile_list li a:hover img{opacity:0.5;} -> パーセント指定の時、hover自に微妙にずれる*/


/* サムネイルタイルリスト */

/* single WORKS */
.single .works h2{font-size:1.6em;margin:5em 0 2em;} @media only screen and (max-width: 767px){.single .works h2{margin:0.7em 0 0.5em 0;}}
.single .works dd{line-height:1.7em;}
.single .works .url{margin-bottom:0.2em;}
.single .works .works_categories{margin:2em 0 3em 0;}
.works_footer{text-align:left;margin-top:3em;}


/* Shere buttons https://simplesharingbuttons.com */
ul.share-buttons{ list-style: none;padding: 0; opacity:0.5;text-align:left;}
ul.share-buttons li{ display: inline;}
ul.share-buttons .sr-only {
  position: absolute;
  clip: rect(1px 1px 1px 1px);
  clip: rect(1px, 1px, 1px, 1px);
  padding: 0;
  border: 0;
  height: 1px;
  width: 1px;
  overflow: hidden;
}

/* Plug-in Style */
div.wpcf7{padding:3em 0;}
div.wpcf7 p{margin-top:1em;text-align:left;}
div.wpcf7 textarea{width:80%;line-height:1.7em;}
div.wpcf7 input{line-height:1.7em;}
@media only screen and (max-width:767px){div.wpcf7 input,div.wpcf7 textarea{width:100%;}}
input.wpcf7-form-control.wpcf7-text.wpcf7-validates-as-required { border: 1px solid #999;}
input,textarea{box-sizing:border-box;}


.hukidashi { 
  position: relative;
  display: inline-block;
  margin: 1.5em 0;
  padding: 7px 10px;
  min-width: 120px;
  max-width: 100%;
  color: #555;
  font-size: 16px;
  background: #FFF;
  border: solid 3px #555;
  box-sizing: border-box;
  border-radius:15px;
}

.hukidashi:before{
  content: "";
  position: absolute;
  bottom: -24px;
  left: 50%;
  margin-left: -15px;
  border: 12px solid transparent;
  border-top: 12px solid #FFF;
  z-index: 2;
}

.hukidashi:after{
  content: "";
  position: absolute;
  bottom: -30px;
  left: 50%;
  margin-left: -17px;
  border: 14px solid transparent;
  border-top: 14px solid #555;
  z-index: 1;
}

