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

/*-- SATART --*/
/*
.yellow_blue img{background:url("./image/pattern/yellow_blue_line.png");width:100%;height:100px;background-size:60%;}
.pink_blue img{background:url("./image/pattern/yellow_blue_line.png");width:100%;height:100px;background-size:60&;}
*/
.partner a:hover{border-bottom:1px solid black;}
.partner a{border-color:transparent}

#friends{margin:0em 0;}
#friends .slick-dots{position:static}
.i_w{width:32%;margin:0 0.5% 0.5% 0.5%;transition:0.3s;}
.i_w:hover{opacity:0.5;}
#friends .item{border-bottom: 2px solid #d4d0c3;}
#friends .text_box{padding:0.5em 1em 0;}
#friends  h4.title{text-align:right;color:#666;margin-top:0.5em;font-weight:400;font-size:12px;}
#friends .description{line-height:1.4em;color:#999;margin-top:0.5em;height:5.7em;overflow:hidden;}
#friends .addr{font-size:12px;text-align:justify;font-weight:400;color:#666;margin-top:0.5em;}
#friends .addr:before{display: inline-block; background: url(./image/icon/location.png);height: 1.5em;width: 1.5em;content: "";margin-bottom:-3px;background-size: contain;}

.sdgs img{width:100px;margin-right:10px;}
@media only screen and (max-width:768px){
	.sm_cat.slp h5{font-size:1.8em}
	.i_w{margin:10px;opacity:0.5}
	
	.i_w.slick-current{opacity:1;}
	.sdgs img{width:65px}
	#friends .addr{font-size:10px;}
	#friends h4.title{font-size:10px;}
	#friends h2.contact{margin-left: 7.5%;}
	#friends .description{height:6.5em}
}
.sdgs .title{border-bottom:1px solid #fff;}
.sdgs_link{display:block;margin-top:1.2em;}
.sdgs:hover .title{border-bottom:1px solid #000;}

.slick .ja{font-size:0.83em;font-weight:200;line-height:1.5em}
.slick .en{font-size:0.85em;font-weight:200;}

.cb.p_pre{max-width:70vw;}
.card_set h4{margin-bottom:1em;line-height:1.5em;font-weight:600}
.card_set .ja{font-size:0.83em;line-height:1.5em;}

.slp .sub{font-weight:700;font-size:0.8em}

.p_dsc{width:50%;max-width:480px;padding:1em 0;font-size:1.2em}

.pattern_line{margin-bottom:1em;}
.slick_top{overflow:hidden;}
.slick_top button{display:none !important;}

.t_box{padding:2em;}
.t_box a{border-bottom:1px solid #000;}
.t_box a:hover{opacity:0.5;}

.card_set{margin:5em 0}
.card{width:22%;margin:1.5%;font-size:1em}
.card img{margin-bottom:2em;}

.sm_cat .line{width:4em;margin:0 auto;margin-top:1em;}

.home .sm_cat{background:#eef3ee;margin-top:5em;padding:5em;margin-bottom:5em;}
.sm_cat h3{width:40vw;margin:0 auto;margin-bottom:2em;max-width:500px}
.sm_cat .cb{text-align:center;max-width:1600px;margin:0 auto;}
.sm_cat .drop img{width:15%;max-width:200px;margin:5em 0 2em}

@media only screen and (max-width:768px){
	.slick_top{margin:4em 0}
	.card{width:45%;margin:2.5% 2.5% 4em 2.5%;}
	.card .ja{height:8em;}
	.p_dsc{width:100%;}
	.cb.slp h5{font-size:1.3em;}
	.t_box{padding:3em 0em;}
	.home .sm_cat{padding:2.5vw 2.5vw 0 2.5vw;}
}


.proj{margin:4vw 0;text-align:center;background:#ddd;padding:4vw 0 6vw}
.proj h3{width:20vw;margin:0 auto;margin-bottom:0.5em;}
.proj .line{width:4em;margin:0 auto;margin-top:1em;}
@media only screen and (max-width:768px){.proj h3{width:30vw;padding:1em 0}}
.cb.slp{font-size:1em;margin-top:5em;}
.slp{margin-top:5vw;}
.slp h3{width:40vw;max-width:500px;}
.slp h5{margin:1em 0;font-weight:700;font-size:2em;}
.slp .line{width:80px}

.line{border-bottom:2px solid #000;margin:3em 0;}

.s_box{width:100%;height:100px;overflow:hidden;margin-top:200px}
.stripe{margin-top:-100px;background:#ccc}
.s{
	width: 100px;
    background: yellow;
    height: 300px;
    float: left;
    border: 0px solid black;
    transform: rotate(45deg);
    margin:0 100px;
}
.sm01{background-size:cover !important}
.sm01 .right{background:#fff;padding:15px;margin:8% 0;width:35%;}
a.link_btn{display:block; background:#b91a27;color:#fff;text-align:center;padding:0.2em;margin:2em 0 1em;}


.now_on_bar{background:#000;color:#fff;font-size:50px;line-height:1em;font-weight:700;text-align:center;padding:0.5em 0}
.pop_up{border:1px solid black;position:absolute;margin:0 auto;left:0;right:0;background:#fff;width:400px;display:none;}


section .cb{width:100%;}
section.project{background:#f0f0f0;}

.p_set{margin:30px 0;background:#fff;cursor:pointer;}
.p_image{width:42.5%;}
.p_image img{display:block;}
.p_text{width:55%;margin:15px 0}
.p_text h3{font-weight:600;font-size:35px;line-height:1.1em;}
.p_text h4{font-weight:600;font-size:25px;}
.cb .p_text .dsc{font-size:1.1em;line-height:1.4em;font-weight:400;}

.bgi{width:100%}
.logo img{background:url("./image/logo/logo.png?ver1.1")}
.sl{background:url("./image/logo/s_l.png")}
.mail{background:url("./image/content/mail.png")}

.p_0{background:url("./image/pattern/pink_v.jpg")}
.p_1{background:url("./image/pattern/yellow.png")}
.pt img{display:none;}
.pt img.p_0{display:block;}

.dsc{text-align:justify;}
.cb{margin:0 auto;width:85%;max-width:1000px;padding:2em;}
.sl{position:fixed;width:10vw;right:4vw;top:4vw;z-index:100;min-width:50px}
.logo{width:20vw;min-width:200px;margin:5vw 0;}
.cb h2{font-size:40px;font-weight:600;}
.cb h2.contact{margin-top:4em;}

.cb .dsc{font-size:1.2em;margin-bottom:3em}
.cb .dsc.pvc{font-size:1.0em;color:#000}
.cb .dsc.pvc h4{margin-top:1em;}
@media only screen and (max-width:768px){
	.cb h2{font-size:20px;}	
	/*.cb .dsc{font-size:16px;}*/
	.logo{width:50vw}
}
/*-- top slider --*/
.en{text-align:left !important;line-height:1.3em !important;}
.home .slider{margin-top:14vw;}
.home .slick-list{overflow:visible}
.home .slick_wrapper{overflow:hidden;}
.home .slider h4{text-align:justify;padding:2em;font-size:1.2em;color:#000;margin-top:10em;margin:0 auto;line-height:1.4em;font-weight:600;background:#fff;margin-top:-50vw;margin-left:3em;}
.home .slider h5{font-size:1em;color:#fff;bottom:2vw;padding-left:4vw;margin:0 auto;}
.o_logo{position:fixed;bottom:0;right:0;margin:0px 15px;width:60px;}
.overview a,.description a{border-bottom:1px solid gray;color:gray;}
@media only screen and (max-width:768px){
	.home .slider h4{position:static; margin:0 auto;padding:2em 0;width:78vw}
	.home .slick-dots{position:static;}
	.cb{padding:1em;}
}
/*---------*/
.t_d_text .description{overflow:hidden;transition:0.2s;font-size:0.9em;}
.t_d_text .item .description a.more_d_link{display:block;border-bottom:1px solid #aaa;text-align:right;margin:0.5em 0 1em;}
.t_d_text .item .description a{display:inline-block;border-bottom:1px solid gray}
.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:46px;width:101%;margin-top:-20px;}
.g_my_map:before{content:"Google マップ";position:absolute;margin-top:20px;}
iframe{margin-top:-46px;}

.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:768px){.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:768px){.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;}
.cat_d_more .content a{border-bottom:1px solid #65318e}
.cat_d_more .content a:hover{opacity:0.5;}
/*
.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:768px){
	.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:#666;}
.t_d_text .item .title{font-size:1em;color:#555;font-weight:200;}
.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:768px){
	.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;background:#000}
.simple_footer .copyright{font-size:0.8em;font-weight:400;margin-left:0em;color:#fff;}
.simple_footer .copyright a{color:#fff;}
@media only screen and (max-width:768px){
	.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: 768px){ .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:768px){
	.home #upper_cat_btn .section_title_ja{margin-top:3em;}	
}

.mobile .page .centering_box{padding:0 2em;}
.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-bottom:1px solid #222;line-height:1.2em;}
.cat_dsc a:hover{opacity:0.5;}
.cat_t_nomal{color:unset;}
.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;text-align:center;}
.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:768px){
	#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:200;overflow:hidden;}
header .centering_box{width:100%;}
@media only screen and (max-width:768px){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:0px;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:768px){}
.header_logo h1{}
.pc_only .header_logo img{display:inline-block;height:40px;margin:0 auto;padding:0px 0;}
.mobile_only .header_logo img{display:block;margin:0 auto;height:20px;margin-top: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:45px;}
.btn.menu_open_close{line-height:1em;top:8px;color:#ddd;}
header.pc_only ul li a{line-height:30px;font-weight:400;font-size:14px;margin-top:5px;margin-bottom:3px;}


/* FOOTER */
footer{margin-top:4em;}
.footer_right li{} @media only screen and (max-width:768px){.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 .nigyoume{margin-left:3em;color:#ddd;font-size:0.9em;}
footer{background:#fff;color:#333;margin-bottom:0 !important}
footer a,footer a:visited{color:#333;}
footer a:hover{text-decoration:underline;}
footer .centering_box{margin:0 auto !important;color:#fff;}



/* COLOR */
.centering_box{}


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

/* 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:70vw !important;margin:0 3vw !important;}
.slick-next:before,.slick-prev:before{font-size:0;width:50px;height:50px;border-top:2px solid #666;border-right:2px solid #666;position:absolute;z-index:999;}
.slick-next{transform:rotate(45deg) !important;right:12vw !important;z-index:999;margin-top:-35px;}
.slick-prev{transform:rotate(-135deg) !important;left:12vw !important;z-index:999;margin-top:35px}
@media only screen and (max-width:768px){
	.slick.l_r_visible img{height:auto !important;width:100vw !important;}
	.slick-arrow{display:none !important;}
	#slider02 .slick-arrow{display:block !important;}
	.slick-next:before,.slick-prev:before{width:25px;height:25px;border-top:2px solid #fff;border-right:2px solid #fff}
	#slider02 .slick-prev{margin-top:-118px;}
	#slider02 .slick-next{margin-top:-160px}
}


/*@media only screen and (max-width:768px){.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:768px){.home .slider{margin:0;}}


#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:200;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: 200;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 #666;}
.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:768px){#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: 200;}
.cat_text_set .title{margin-top:0.3em;font-size:1.5em;line-height:1.5em;color:#666;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:768px){.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:768px){.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:#666;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:#666;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: 200;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: 200;line-height: 0em;color: #00AA00}
@media only screen and (max-width:768px){
		.t_2c .item{width:100%;margin:0.5em 0;}
	
}

/* TPL common t_3c */
section.t_3c{}@media only screen and (max-width:768px){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 #666;}
.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:#666;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:768px){
	.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:768px){
 .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 #666;}
.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:768px){
 .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:#666;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:200;height:auto;text-align:left;}
.has_ov.list_area .overview{font-size:1.08em;font-weight:200;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:768px){.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 .overview{}
.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:768px){
	.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:768px){
 .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:768px){.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:768px){
	 .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:#666;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:768px){
	.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: 768px){ .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 #666;}
.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:768px){.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:768px){.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:768px){.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:200;font-size:1em;margin-top:75px;}@media only screen and (max-width:768px){.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:768px){.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;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:#282828;}
.home header{background-color:unset;}
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 0.6666%;}
/*1200*/@media only screen and 						  (min-width:1501px){#works-archive .tile_list li{width:24%;margin:0.5%;} .inner_box{margin:0 0.5%}}
/*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 0.6666%}}
/* 300*/@media only screen and (min-width: 361px) and (max-width: 768px){#works-archive .tile_list li{width: 95%;} .inner_box{margin:0 2.5%}}
/* 260*/@media only screen and (max-width: 360px)						{#works-archive .tile_list li{width: 95%;} .inner_box{margin:0 2.5%}}

/* Works Single */
/* Page Single */
.page section .centering_box{background:#fff;padding:0 2%}
.page .inner_box{max-width:600px;margin:0 auto;}
.page p{text-align:center;}


/* Recent works */
#recent_works_area .centering_box{text-align:right;border-bottom:2px solid #fff;}
#recent_works_area{}
.landing #recent_works_area{display:block;}
#recent_works_area .english{font-size:40px;line-height:1.2em;color:black;padding:50px 0;font-weight:400;}
#recent_works_area .japanese{font-size:14px;color:black;font-weight:200;line-height:1.7em;}
.recent_works{display:inline-block;height:100%;border-bottom:2px solid #fff;padding:4em 0 2em 0;width:900px;font-size:14px;font-weight:200;}
.recent_works h3{font-size:12px;}
.recent_works{overflow:hidden;}
.recent_works p{margin:0.5em 0 0.5em 0;color:#282828;}
.recent_works p,#recent_works_area h2,h3{text-align:left;}
.recent_works .date{margin:0 0 1em 0;color:#666;}
.recent_works .sub_title{font-size:1em;margin:0 0 2em 0;color:#666;}
#recent_works_area h2{font-size:1.6em;color:#000;border-bottom:2px solid #fff;margin-bottom:10px;margin-top:50px;}
.recent_works h3{font-size:1.6em;color:black;text-decoration:underline;margin:0.8em 0 0 0 ;}
.recent_works img{margin:1em 0 0 0;}
.recent_works .description{font-size:1em;line-height:1.6em;margin:1.6em 0;} 
#recent_works_area .url{font-size:14px;margin:0.1em 0;color:#666;}
.url a{text-decoration:underline;color:#666;}

.recent_works:last-child{border-width:0;margin-bottom:2px;}
.landing_footer{margin:0;border-top:2px solid #fff;color:#282828 !important;font-size:14px;padding:1em 0;}

@media only screen and (min-width:1280px) and (max-width:1600px){ .recent_works{}}
@media only screen and (min-width: 768px) and (max-width:1279px){ .recent_works{width:600px;}}
@media only screen and (min-width: 360px) and (max-width: 767px){ .recent_works{width:100%;}}
@media only screen and (max-width: 767px){.recent_works{width:100%;}}




/*-----------------------------------
	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:#444;}
body.home{background-color:#fff;}
a{color:#333;}
a:visited{color:#333;}
h1 a,h2 a,h3 a,h4 a,h5,a{color:#282828;}
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:300;text-align:justify !important;color:#333;}
header .left{text-align:left;}


/*　メニュー　*/
header ul li{display:inline-block;margin-left:0.5em;}
.menu a{border-bottom:2px solid rgba(0,0,0,0);display:block;}
.menu a:hover{text-decoration:none;border-color:gray;}
.menu .current-menu-item a{border-color:#000;}
.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:200;}
.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: 768px){
	header .left,header .right{float:none;}
	header ul li{display:block;margin:1em 2em 0 35px;border-bottom:1px solid #999;}
	header .navi_box{top:0;padding-top:5%;height:120%;transition:0.2s;width:70%;position:fixed;right:-70%;background-color:rgba(255,255,255,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:768px){footer{margin:0;}}

/* INDEX section#introduction */
#introduction .en{font-size:2.1em;line-height:1.2em;color:black;}
#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: 768px){.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;}
.single .works .description{}
.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;
}