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

/*-- SATART --*/
/* Pitten------------------------------- */
/* pitten color
yellow #FFDA00 255,218,0
blue   #005099
red    #FF3300
gray   #C6C6C6
green  #006638 0,102,56
*/
/* リニューアル・メンテ中のメッセージ */
#mainte_msg{display:none;font-size:14px;text-align:center;background:#000;color:#fff;line-height:3em}
/*.pt_tool.pt_game #mainte_msg{display:block;}*/
.pt_tool #mainte_msg{display:none;}
@media only screen and (max-width:767px){
	#mainte_msg{font-size:10px;line-height:2.2em;position:absolute;width:100%}
	.pt_game .end_area{ padding-top: 40px;}
}

@media only screen and (max-width:767px){
	#pre_footer .pr_area .w_banner img{ width:80%;}
}




.d_dsc a{border-bottom:1px solid #000;}
img.yt_btn{border-radius:0px !important;}

.travel_only,.zoo_only{display:none}

/* TRAVEL */
.trv_tag{font-size:12px;line-height:1em;padding:2px 5px;position:absolute;color:#fff;font-weight:500}
.trv_tag.europe{background:#ffda00}
.trv_tag.asia{background:#6414FF}
.trv_tag.americas{background:#F50000}

/* PIEXLシリーズ*/
.p_p{background:url("./image/content/pixel/p_p.png")}
.p_p_slp{background:url("./image/content/pixel/p_p_slp.png")}
.p_p_dwn{background:url("./image/content/pixel/p_p_dwn.png")}
.p_p_spz{background:url("./image/content/pixel/p_p_spz.png")}

.pa_bear{background:url("./image/content/pixel/pa_bear.png")}
.pa_cheetah{background:url("./image/content/pixel/pa_cheetah.png")}
.pa_gorilla{background:url("./image/content/pixel/pa_gorilla.png")}
.pa_elephant{background:url("./image/content/pixel/pa_elephant.png")}
.pa_giraffe{background:url("./image/content/pixel/pa_giraffe.png")}
.pa_hippopotamus{background:url("./image/content/pixel/pa_hippopotamus.png")}
.pa_kangaroo{background:url("./image/content/pixel/pa_kangaroo.png")}
.pa_koala{background:url("./image/content/pixel/pa_koala.png")}
.pa_monkey{background:url("./image/content/pixel/pa_monkey.png")}
.pa_ostrich{background:url("./image/content/pixel/pa_ostrich.png")}
.pa_polar-bear{background:url("./image/content/pixel/pa_polar-bear.png")}
.pa_tiger{background:url("./image/content/pixel/pa_tiger.png")}


.yt_btn{border-radius:0}

.c_info{display:none;}

.md_arrow{font-family: 'Manrope', sans-serif;;}
/*
.archive #menu-item-3987,.archive #menu-item-3989{display:none}
*/
.top_banner_text{text-align:center;margin-top:2em;font-weight:400;}
.slick_af{margin:2em 0;}
.item._af{width:33%;margin:0 0.15%;}
.item._af .eye{pointer-events:none}
.a_fun_t{font-size: 12px; height: 1.5em;line-height: 1.5em; margin:20px 0 5px 0;width:calc(100% - 7em);;overflow: hidden;}
._af .v_link{margin-top:-2px;}
._af .v_link a{font-size:12px;}
._af .info_set{position:relative;top:-20px;padding:0 1em}
#animal_fun .slick-dots {}


.tpl_anaume ._q b,.tpl_anaume .c_ans b{border-bottom:2px solid #fff;font-weight:400;padding-bottom:15px}
.access_vol{color:#fff !important}
#pre_footer div { color: #666 !important;}
.hatsuon{opacity:0;z-index:999;cursor:pointer}
#st_st.btn{color:rgba(0,0,0,0) !important}

.option_area .gear{display:none;}
.pt_ footer .copyright,.pt_ footer .copyright a{color:#666 !important}

.pt_tool .archive .f_btn_belt{opacity:1}
.f_btn_belt .left .share_fb img{transform:scale(0.9);margin-right:7px}

.tpl_marubatsu .a_area ._p{max-width:300px;}

section.gear_slider{margin-top:2em;}
section.gear_slider h2{margin:3em 0;}
section.gear_slider .w_gear_btn{margin:3em 0}
.idcfs #body section.bottom_slider{margin-top:3em}

@media only screen and (max-width:767px){
	section.gear_slider h2{margin:2em 0;}
	section.gear_slider .w_gear_btn{margin:2em 0}
	.idcfs #body section.bottom_slider{margin-top:2em !important}
}

/*大画面用　1450　～　*/
/*
@media only screen and (min-width:1451px){
	.muzukanji .tool_html,.tpl_marubatsu .tool_html,.tpl_anaume .tool_html,.tpl_tango .tool_html,.tpl_keisan .tool_html{margin-top:4vw;margin-bottom:9vw;}

}
*/

/*ipad　用*/
.ipad .hbg_menu{margin-top:0px;}
.p_a_t{width:90%;margin-top:2em;}
.p_a_t_ja{text-align:center;margin-top:-1em;}


#p_animals{margin-top:0em;margin-bottom:1em;border-radius:10px;}

@media only screen and ( max-width:767px){
	
	#animal_fun .slick-dots{margin-bottom:0}
.top_banner_text{font-size:12px;margin-top:1em;}
.ipad.pt_tool .type_2c textarea.input_area,.ipad.pt_tool .type_1c textarea.input_area{height:10em;margin-top:30px}
.ipad.pt_tool .type_2c textarea.result_area{height:5em;margin-top:30px;margin-bottom:30px}
.ipad .type_2c .p_btn,.ipad .type_1c .p_btn{max-width:120px;margin-top:30px;}
.ipad.pt_tool .type_1c{margin-bottom:2em;}
.ipad .slick_for_clock{margin-top:9em;margin-bottom:12em}
.ipad .hbg_menu .tool_menu{max-width:60%}
.ipad .p_counter{max-width:50%;}
.ipad .dentaku{margin-top:7em;margin-bottom:3em;}
.ipad.pt_tool .bar_and_copy,.ipad.pt_tool .single_hr{display:block;}
.ipad .open_window.btn{display:none;}
.ipad .p_timer{width:40vw;height:45vw}
.ipad #lap_btn,.ipad #start_btn{height:0.5em;line-height:calc(0.5em - 8px);border-radius:20px}
.ipad #lap_btn{margin-left:1.2em;} .ipad #start_btn{margin-right:1.2em;}
.ipad .p_timer.p4{width:200px;height:150px}
.ipad .tpl_marubatsu ._q,.ipad .tpl_anaume ._q{font-size:35px;margin-top:1em;height:8em}
.ipad .tpl_marubatsu .a_area img,.ipad .tpl_anaume .a_area img{max-width:90%}
.ipad .tpl_marubatsu .under,.ipad .tpl_anaume .under, .ipad .tpl_keisan .under{margin-top:3em;}
.ipad .tpl_tango .under{margin-top:5em;}
.ipad .muzukanji ._q,.ipad .tpl_keisan ._q{font-size:120px;}
.ipad .tpl_tango .pittan ._q{font-size:90px;font-weight:500;}
.ipad .muzukanji .a_area,.ipad .tpl_anaume .a_area, .ipad .tpl_tango .a_area, .ipad .tpl_keisan .a_area{max-width:300px}
.ipad .end .star { margin-top: 2em;margin-bottom: 4em;}
	.ipad .w_az_h_banner{display:none;}
	.w_az_h_banner{display:none;}
	.ipad .hbg_menu{margin-top:-33px}
	.ipad .home .ad_set.ut_me {margin-top: 0em;}	
	.ipad .home .ad_set.af_item{width:48%;margin:0 1%}
	.ipad .ut_me .ad_bgi{width:50%;margin:25%;}
	.ipad .af_item.ad_set{width:48%;margin:0 1%;float:left;}
	.ipad .af_3c .af_item.c_af_3c{margin:0 1%;}
}
/*ipad おわり*/
@media only screen and ( min-width:768px){
.home #ehon_zukan{padding:5px 30px }
.top_cat_slider .slick-slider{margin-top:0}
.p_items .cs_t{margin-top:0;}
}

a.under_bar{display:inline-block;border-bottom:2px solid #000 !important;}
.o_kan{width:60px;}

.ranking_t{margin-top:0 !important;}
.items_link{opacity:0.7;display:inline-block !important;width:100%;text-align:right;position:relative;top:-2.7em}
.items_link:hover{opacity:1}
.real .item_set .item{width:100%;}
.real .item_set{max-width:400px;margin:0 15px}

.tpl_q_and_a ._q{font-size:45px;height:4em;margin-top:2em;}
@media only screen and (max-width:767px){
.pt_tool .header_logo img{transform:scale(0.9)}
.home .af_item{width:32%;margin:0;float:left;}
.af_3c .af_item.c_af_3c{margin:0 2%}
.af_tag img{height:15px;margin:0 5px 5px}
.right_col .yt_logo{width:70%;margin-bottom:2em}
.tpl_tango .q_area, .tpl_tango .a_area{margin-top:0.5em;}
}
@media only screen and (max-width:600px){
.home .af_item{width:49%;margin:0 0.5%;}
.af_3c .af_item.c_af_3c{margin:0 0.5%;}	
	
}

.animal_quiz_list h4{dispaly:inline-block;font-size:22px;font-weight:600;}
#set_q_vol{display: inline-block;border: 0;border-radius: 5px;margin-left: 10px;margin-top: -4px;font-weight: 500;background: transparent;font-size: 20px;text-align:center;line-height:2em;height: 30px;transition:0.2s;}
._end.end_gif{z-index:999;opacity:1;display:block;}
.end_gif{background:#000 !important;transition:0.2s;z-index:999;}
.end_gif img{max-width:100% !important;}
.movie_logo{display:none;height:50px;position:fixed;left:70px;top:-30px}
.tax-zukan a.zukan_top_link{text-align:center !important;line-height:3em; width: 18em;border: 2px solid #000;border-radius: 43px;background: #666;color: white;display:inline-block;}

.ipad #ad_htw{display:none !important;}


@media only screen and (max-width:1200px){
	.home #body header.left_logo{margin-bottom:1em;}
	header .pc_only,.menu_box .right,.update_info,header .h_clock{display:none !important}
	header .mobile_only{display:block !important}
	header .hbg_menu{position:relative;top:25px;}
	.pt_ header .header_logo img.bgi{height:45px }	
}
@media only screen and (max-width:1100px){
	#ad_htw{display:none;}
}
@media only screen and (max-width:900px){
	header .hbg_menu{right:-90px;top:65px;margin-top:-30px}
}

@media only screen and (max-width:767px){
	#set_q_vol{width:50px;height: 30px;margin: 0;border: 1px solid #000;font-size: 14px;margin-left: -4px;}
	.tpl_q_and_a ._q{font-size:25px;height:6em;margin-top:1em;line-height:1.65em;}
	.tax-zukan a.zukan_top_link{font-size:12px;}
	.pt_ header .header_logo img.bgi{height:30px}	
	.pc .douga_zukan_banner{margin-top:60px}
	header .hbg_menu{position:absolute;width:20%}
}
.ex_link_eye{background:url("https://pitten.jp/image/ex_link_eye_back.png");border-radius:10px;}
.ex_link_eye:hover img{opacity:0.1;}
.w_real_items{margin:3em 0}
a.intro_site_logo{text-align:right;display:block;}
.intro_site_logo img{height:14px;border-radius:0 !important;}
span.intro_site{color:#fff !important;font-size:12px;text-align:right;position:relative;top:-200px;margin-bottom:-2em;display:block;padding-right:20px;}
.intro_core{text-transform:uppercase;margin-right:10px;}
#zoo_in_japan{margin:2em 0 -1em}
.description.zoo_ov{height:7em;line-height:1.4em;overflow:auto;margin-top:10px;font-size:14px;color:#666}
.real .item{width:31%;margin-bottom:45px;}
.real .item img{border-radius:10px;transition:0.2s;}
.real .center_at_3c{margin-left:3.5%;margin-right:3.5%;}
.real h4{font-size:18px;line-height:1em;height:1em;overflow:hidden;margin-top:18px;}
.real h5{font-size:12px;margin-top:3px;color:#666}
.real .z_item{float:left;font-size:12px;font-weight:400;width:47%;margin:5px 0 10px}
.real .z_item._hp{margin-right:3%;}
.real .z_item._ticket{margin-left:3%}
@media only screen and (max-width:767px){
.description.zoo_ov{font-size:12px;height:12em;overflow:hidden;}
.intro_site_logo img{height:10px;display:inline-block;position:relative;top:-28px;}
.real .z_item{width:4em;line-height:1.7em;margin-bottom:0;}
.real .item{margin-bottom:0}
.real h4{font-size:16px;margin-top:10px}
span.intro_site{top:-170px;padding-right:5px;}
.real .item_set{margin:0 7px}

}
/*------------af update -------------------*/
.af_cat{background: #bbb;color: #fff;padding: 2px 15px;border-radius: 7px;margin:3em 0 1em}
.af_t_s{padding: 0 2px;font-size: 14px;font-weight: 500;margin-bottom: 1em;height:1.5em;overflow:hidden;font-size:12px;}
.r_az_ad .af_item .ad_mark{background:#fff;color:#000;border:1px solid #000;top:-30px;}
.af_item.ad_set{margin-bottom:2em;}
.af_tag{border-top:2px solid #ccc;padding-top:10px;text-align:left;}
.af_tag img{height:20px;margin:0 5px;}

@media only screen and (min-width:768px){
	.af_3c .af_item{width:32%;margin:20px 0;float:left;}
	.af_3c .af_t_s{height:1.6em;overflow:hidden;}
	.af_3c .c_af_3c{margin-left:2%;margin-right:2%;}
}
/*------------af update -------------------*/

#pre_footer .pr_area .w_az_ad img{border: 2px solid #000;box-sizing: border-box;filter: grayscale(1);}
#pre_footer .pr_area .w_az_ad img:hover{filter:grayscale(0);opacity:1;}
#pre_footer .pr_area .f_other_list .f_i{margin:0; }
.f_other_list{padding:1.5em 1em;border:2px solid #ccc;background:#fafafa;border-radius:10px;}
.f_other_list ._t{text-align:center;border-bottom:1px solid #aaa;margin:0 2em 1em;padding-bottom:5px;}
.f_other_list li{margin:2px 0;padding:7px 0 0 12px;font-size:14px;}
.f_other_list li:hover{background:rgba(0,0,0,0.1);}
.f_other_list .st_tag{margin-right:5px;top:-2px;}
.f_other_list .in_ja{display:block;position:absolute;margin-top:-27px;font-size:14px;margin-left:125px;height:28px;overflow:hidden;}
.term_tag{font-size: 12px;background: black;color: #fff;padding: 5px 7px;line-height: 1em;opacity: 0.5;top: -2px;display: inline-block;position: relative;margin-right: 14px;border-radius: 7px;}

.ad_bgi{width:50%;margin:25%;box-sizing:border-box;border:0px solid #ccc;border-radius:10px;transition:0.2s;}
.ut_me .ad_bgi,.clothe .ad_bgi,.suzuri .ad_bgi{width:80%;margin:10%}
.ut_me img.bgi.ad_bgi:hover{transform:scale(1.1)}
.ad_archive .ad_bgi{width:80%;margin:10%;}
.rb_radius{border-radius:0 0 0;}
.r_az_ad .ad_mark{top:-61px;background:#000;color:#fff;font-weight:600;}

#links .ad_mark{top:0;color:#fff;background:#000;font-weight:600;}
.w_f_gg_ad{margin-bottom:2em;}

.w_az_h_banner{text-align: center;background: #f0f0f0;padding: 20px 0 13px;}
.w_az_ad{background: #fff;border:3px solid rgba(0,0,0,0.1);border-radius:10px;padding:1em;background:rgba(0,0,0,0.05);margin-bottom:2em;}
.f_az_ad h4{text-align:left;font-size:12px;}
.f_az_ad img{width:80%;margin:10%;}
.f_az_ad .az_dsc{font-size:12px;text-align:justify;font-weight:400;position: relative;top: -2em;height: 5em;overflow:auto;}
.az_after{font-size: 12px;border-top: 2px solid #aaa;}
@media only screen and (max-width:1000px){
 .real .z_item{font-size:12px;}	
}
@media only screen and (max-width:767px){
	
	.f_az_ad{display:none;}
}


ins{background:transparent}
*:focus{outline: none!important;}
.a_ul{border-bottom:1px solid #000;}
.t_img_btn{display:inline-block;border-bottom:2px solid transparent;}
.t_img_btn:hover{}
#pitten_view .centering_box{height:auto;margin-bottom:30px;}
#pitten_view .t_mark{height:120px;position:relative;margin-right:20px;top:10px;}
#pitten_view{width:100%;height:calc(100vw * 8.8/16 + 190px)}
.img_text_set{display:inline-block;}
.sub_text_title{font-weight:400;}
/*AD*/
/*AD homt top wide*/
#ad_htw{background:#f5f5f5;padding:30px 0}
#ad_htw .ad_set{width:970px;height:250px;display:block;}
#ad_htw .ad_mark{top:-32px}
#ad_za .ad_set{width:92%);margin:7.8% 4%;}

/*AD zoo area*/
#zoo_panel .s_item #ad_za img{margin: 11%;margin-bottom: 10.38%;width: 76%}

/* AD right vertical */
#ad_rv .ad_mark{top:-32px;margin-bottom: -32px;}



/*AD middle square mobile*/
#ad_ms{background:#ddd;padding:50px 0;margin:125px 0 0;position:relative;bottom:-35px;margin-top:-35px;}
#ad_ms .ad_set{width:300px;height:250px;display:block;}
#ad_ms .ad_mark{top:-32px;}


/*AD home bottom square*/
#ad_bs{background:#ddd;padding:50px 0}
#ad_bs .ad_set{width:300px;height:250px;display:block;} 
#ad_bs .ad_mark{top:-32px;}

/*AD common*/
.ad_set{margin:0 auto;}
.ad_set .cs_t{border-width:0;text-align:center;}
.ad_mark{text-align:center;z-index: 990;position:relative;font-size:12px;font-weight:300;border-width:0;padding: 5px;line-height: 1em;margin:0;background:rgba(255,255,255,0.7);border:1px solid rgba(0,0,0,0.3);top: -40px;width:4em;float:right;}
.ad_mark.ut_me,.ad_mark.suzuri{width:5em}
.ad_mark.ut_me{margin-top:0}

@media only screen and (max-width:970px){}
@media only screen and (max-width:767px){
	#ad_htw{margin-top:90px}
	#ad_rv{display:none;}
	#ad_za{display:none;}
	.home .ad_set.ut_me{margin-top:1em}
	.ad_mark.ut_me,.ad_mark.suzuri{width:5em;margin-top:10px}
}

section.back_to_home{padding:2em 0;border-top:2px solid #000;border-bottom:0 !important;margin-top:2em !important;}

/*zoo AREA(panel)*/
.t_ja{margin-top:0.5em}
#zoo_panel .s_item{box-shadow:2px 2px 7px rgba(0,0,0,0.3);margin:10px 10px;border-radius:5px;}
#zoo_panel .s_item img{width:90%;margin:5%;transition:0.2s;max-width:500px;}

#zoo_panel h4{width:86%;margin:10px 7%;border-top:2px solid #ccc;padding-top:5px;height: 1.7em;overflow: hidden;}
#zoo_panel h2{text-align:center;margin-bottom:1em;}
#zoo_panel .t_img{margin:0 auto;}
.zg_hr{margin-bottom:4em;}

/*Animal quiz*/
.aq_area{background:#fff;padding:5% 5%;border-radius:10px;margin:1em 0 6em}
.aq_area .t_dsc{text-align:center;margin-top:1em;}
.aq_area .t_img{margin:0 auto;}

/*右カラム*/
.ranking .cs_t{border-bottom:0;}
.right_col._tax{margin-top:3em;}
.c_up .cs_t{border-width:0;}
.c_up_item img.bgi{background-size:101% !important;width:100%;border-radius:10px;}
.rk_item{text-align:left;margin:5px 0}
.rk_item h4{position:relative;top:-7px;display:inline-block;font-size: 1em;font-weight: 700;background:#ffda00;width: 1em;line-height:1em;height: 1em;text-align: center;border-radius: 10px;padding: 0.25em 0.5em;}
.rk_item .t{display:inline-block;margin-left:1em;width:8em;overflow: hidden;height: 1.6em;}
.rk_item .st{display:none;}
.rk_item a{display:inline !important}
.rk_item b{font-weight:500;width: 100%;display:block;position: relative;top: -2em;margin-bottom: -2em;text-align:right;font-family:"Noto Sans JP"}
.right_col_hr{margin:1.5em 0;height:2px;background:#ccc;width:100%;}
.right_col{border-top:0px solid #ccc;}
.pr_right_zoo{background:#f0f0f0;border-radius:10px;padding:20px 20px;text-align:left;margin:10px 0 20px;}
.pr_right_zoo .cs_t{border-width:0;}
.zoo_eye_t{border-top:2px solid #ddd}

@media only screen and (max-width:1300px){.rk_item .t{font-size:14px;}.rk_item h4{top:-3px}}
@media only screen and (max-width:1000px){.rk_item .t{font-size:12px;width:8em;} .rk_item h4{top:-1px} .rk_item b{top: -1.7em;margin-bottom: -1.7em;}}
@media only screen and (max-width:767px){.rk_item .t{font-size:16px;width:8em;} .rk_item h4{top:-7px}}


/*コース表示*/
.btn_suffle{font-size:16px;text-align:center;border:0px solid #000;border-radius:10px;padding:1em 0;margin:3.5em 0 2em;background:#ccc;color:#fff}
.btn_suffle:hover{opacity:0.5}
._c{display:none !important;opacity:0;}
._c.not_hide{display:block !important;opacity:1;}
.course_1 .course_1._c, .course_2 .course_2._c, .course_3 .course_3._c{display:block;}
.course_1 .course_1.btn,.course_2 .course_2.btn,.course_3 .course_3.btn{border-color:#000;}

.tax_ma{height:75px;}
section.type_zoo{margin-bottom:0px;}
.type_zoo .item img.bgi{border-radius:10px;background-size: 101% !important;}
.btn:active{transform:scale(0.95)}
.d_menu{transition:0.2s;overflow:hidden;margin-bottom:15px;}
.d_menu._close{height:0 !important;}
.d_menu hr{opacity:0;margin:1em 0 0 0}
.st_kana{font-size:14px;margin:5px 0 10px;}
.maru_btn{font-size:16px;display:block;margin:0 auto;width:15em;height:3em;line-height:3em;text-align:center;border:1px solid rgba(0,0,0,0.7);border-radius:4em;margin-top:1em;margin-bottom:1em;}
.pls_click{font-weight:400;height:2em;overflow:hidden;}

.maru_btn:hover{background:#333;color:#fff !important;}
#pitten_kan{background:#EDEDED;padding:50px 0 40px}
.t_img{height:50px;width:auto;display:block;margin:50px 0 10px;}

.type_zoo .t_img{margin:0 auto;}
.type_zoo h2{text-align:center;}
.r_course{font-size:30px;line-height:1em;text-align:left;}
.pt_zoo_video .r_course{margin-top:48px}
.t_dsc{text-align:left;margin-bottom:1.6em;font-weight:300}
.p_items{transition:0.2s;opacity:1;margin-top:30px;}
.p_items .item{width:49%;padding:10px 2% 20px;border-radius:10px;margin:0;} 
.p_items.trv .item{width:calc(94% / 3);margin:0 1% !important }
.p_items.trv .item.not_hide.odd{margin-right:1% !important}
.p_items .item:hover{opacity:0.5;}
#pitten_kan .p_items .item{width:49%;padding:15px 3.5% 15px;border-radius:10px;margin-bottom:4%;}
#pitten_kan .p_items .item.p_b_odd{margin-right:2%}
@media only screen and (max-width:767px){
	.zoo_item a{padding:0 40px 20px !important}
	.pr_right_zoo{padding-bottom:5px;}
	.pr_right_zoo .cs_t{display:inline-block;margin-left:1em;position:relative;top:-7px;}
	.zoo_eye_t{display:none;}
	._af .info_set{margin-top:-5px}
	.item._af .eye{pointer-events:auto}	
	.sub_text_title{font-size:14px;margin-top:7px}
	.p_items .cs_t{font-size:12px;}
	#pitten_kan .p_items .dsc{font-size:10px;}
	#pitten_kan .p_items .item.p_b_odd{margin-right:2%;}
	#pitten_kan .p_items .item{padding:0 10px 5px;width:49%}
	#pitten_kan .cs_t{margin-top:5px;}
	.right_col .ranking{margin-bottom:3em}
	.p_items.trv .item{width:48%;margin:0 1% !important }	
	.p_items.trv .item.not_hide.odd{margin-right:1% !important}
}


.item.not_hide.odd{margin-right:2% !important;}
.type_zoo .p_items .item{padding:0;margin-bottom:20px;}
.p_items .dsc{font-size:14px;font-weight:400;text-align:justify;height:3.6em;overflow:hidden;}
.pitten_ippai{width:calc(100% - 2px);border:0px solid #999;border-radius:10px;}
.p_hr{margin:75px  0;}
#ehon_zukan{padding:40px 30px 30px;border-radius:10px;background:#fff;margin-top:1em}
.all_zukan{border-top:1px solid #000;margin:1em 0;padding-top:1em;}
.z_item{display:inline-block;margin:2% 1%;border:0px solid #000;width:calc(86% / 5);min-width:5em;border-radius:20px;color:#fff !important;background:#ccc;}
.d_menu .z_item{margin:5px 1%;line-height:2em;height:2em;overflow:hidden;}
.z_item:hover{background:#4DD0E1;color:#fff !important;}

@media only screen and (min-width:1281px){.d_menu .z_item{font-size:16px}}
@media only screen and (max-width:1280px){.d_menu .z_item{font-size:15px}}
@media only screen and (max-width: 960px){.d_menu .z_item{font-size:14px}}
@media only screen and (max-width: 767px){.d_menu .z_item{font-size:12px;margin:2px 5px !important} #zoo_panel h2{margin-bottom:10px}}




.hr100{height:1px;margin:50px 0}
.hr100 hr{position:absolute;left:0;height:1px;width:100%;margin:0}

.tax_obi{background:#ddd;}
.video_share_btn a.fb_share_btn{display: inline-block;margin: 0 10px;background: #1B74E4;color: #fff !important;font-weight: 500;border-radius: 15px; padding: 3px 15px;line-height: 1em;letter-spacing: 0.05em;position: relative;top: -6px;font-size: 14px;}
.video_share_btn{float:right;margin-top:20px;opacity:0;}
.tax_v_path{float:left;color:#fff;margin:1em 0 !important;}
.tax_v_path a,.tax_v_path span{color:#fff !important;border-color:transparent !important;font-weight:500 !important;;}
.sc_w{overflow:auto;}

.sc_w table{background:#fff}
.tpl_mojihen table tr:nth-child(2n+1) {background-color: rgba(0, 0, 0, 0.1);}
.tpl_mojihen td{text-align:center;border:1px solid #999;width:3em;height:3em;vertical-align:middle;font-size:12px}
.conv_table{width:calc(30 * 3.05em);overflow-x:auto;font-size:12px;}


.scroll_none{overflow:hidden;}

.gear{max-width:50px;}
.f_i{height:1.2em;margin-bottom:-0.3em;width:unset !important}

.c_ans:after{display:none !important}
.w_ans_dsc{ position: absolute;bottom: 30px;text-align: center !important;width: 100%;left: 0;}
.ans_dsc{display:none;}
.w_ans_dsc span{font-size: 16px;background: none;border: none;}

.pt_ .btn_ossm_close{width:11em}

.post-type-archive-tool .tool_item.teiban{margin:2em 0;}
/*.post-type-archive-tool .tool_item.teiban h2{font-size:28px;}*/
.post-type-archive-tool .btn_white{background:transparent;margin:1em 0 1em}
.post-type-archive-tool .btn_white:hover{background:#000}
/* サイト内コンテンツをiframeで見る */
#osusume_layer{padding:0;}
iframe#in_dsp{width:80vw;max-width:1200px;position:absolute;height:calc(80vw * 9/13);max-height:calc(1200px * 9/16);top:0;bottom:0;left:0;right:0;margin:auto;}
.in_dsp header,.in_dsp footer,.in_dsp section,.ex_info{display:none}
.in_dsp br{display:none !important}
.in_dsp .top_video{display:block;padding:0;border-radius:10px;margin-top:0 !important}
.in_dsp body{background:transparent;}
.in_dsp .centering_box{max-width:100%;width:100%;}
.in_dsp h3{display:none;}
.in_dsp .iframe_wrap{background:rgba(0,0,0,0.1) !important;}

.home #osusume_layer._open{background:rgba(0,0,0,0.7);}
.in_dsp.top .top_section{display:block;}
.in_dsp.top .q_a_set{margin-top:100px;height:100vh;}
.in_dsp .q_core{font-size:30px;margin:0 auto;width:80%;max-width:600px;text-align:left;line-height:1.4em;}
.in_dsp.top .under,.in_dsp.top .start_bar,.in_dsp.top .game_footer,.in_dsp.top .btn_option,.in_dsp.top .sound_btn,.in_dsp.top .tool_link_belt{display:none !important;}
.in_dsp.top .end_bar,.in_dsp.top .copyright{display:none !important;}
.in_dsp.top #result, html.in_dsp.top, .in_dsp.top body,.in_dsp.top .centering_box,#osusume_layer{background:#FFDA00}
.home #osusume_layer{background:#4dd0e1}
iframe#in_dsp.top{max-width:750px;max-height:600px;border-radius:10px;}
.in_dsp.top .c_ans {font-size: 50px;height: 200px;margin-top: 50px;}
@media only screen and (max-width:767px){
	iframe#in_dsp.top{width:90%;height:65vh;}
	.in_dsp.top .q_a_set{margin-top:50px;}
	.in_dsp .q_core{font-size:25px}
}



.dz_t{border-width:0px}
.dz_dsc{margin-top:0;border-radius: 20px;}
.pitten_ippai{margin-top:0;}
.cs_t{border-color:#333}	

.back_to_home_btn{display:inline-block;color:#000 !important;border-bottom:2px solid transparent;}
.back_to_home_btn:hover{border-color:#000;}
.osusume{display:none !important}
@media only screen and (max-width:767px){
	.pre_zoo_guide{margin:4em 0}
	.tax_v_path.path{width:100%;text-align:center;margin-bottom:0;}
	.video_share_btn{width:100%;float:left;text-align:center;margin-bottom:10px;margin-top:0}
	.d_menu{} .d_menu_btn{margin:0 10px;}
	.r_course{margin:0em 0;font-size:16px;} .btn.shuffle{width:22px;height:22px;}
	.p_items{margin-top:1em;}	
	.type_zoo .p_items .item{margin-top:7px;margin-bottom:0}
	#zoo_area .p_items .item{}
	.st_kana{margin:5px 0 5px;font-size:12px;}
	.z_item{width:calc(88% / 3);margin:2% !important;font-size:14px;}
	.home .top_cat_slider .item{margin:0 5px;}
	#ehon_zukan{padding:15px 20px 10px;}	
	.zoo_type .top_video.slick_v .centering_box{width:95%;margin-top:0;max-width:95%;}	
/*
	.cat_slider_t_wrap{max-width:85%;margin:0 auto;}
	#ehon_zukan{padding:20px 0;border-radius:0;position:absolute;width:100%;left:0;margin-top:2em}
*/
	.home .simple_footer{}
	#pitten_view{margin-top:2em;margin-bottom:-80px;}
	#pitten_view .t_mark{height:60px;margin-right:10px;top:1px;}
	.t_img{height:27px;margin-top: 50px;margin-bottom:0px;}
	.pitten_ippai{height: 30vw; object-fit: cover;}
	.t_dsc{margin-bottom:1em;font-size:14px;line-height:1.5em;}
	#pitten_kan{margin-top:0px}
	.post-type-archive-tool .tool_item.teiban h2{font-size:20px}
	.post-type-archive-tool.archive .all_tools{margin-bottom:1em}
	

	iframe#in_dsp{width:95vw;height:calc( 95vw * 9/13)}
	.in_dsp .centering_box{width:100% !important;max-width:100% !important;}
	.w_ans_dsc{margin:0 !important;bottom:3em;padding:0 1em;position:fixed;}
	.hr100{margin:25px 0;}
}
@media only screen and (max-height:568px){
	#result h3.layer_t{font-size:20px;margin-top:0;}
	.w_ans_dsc{font-size:12px;bottom:2em;}
	.t_img{height:20px;margin-top: 30px;margin-bottom:0px;}
}
html.capture_window{overflow:hidden;}
.capture_window .access_vol,.capture_window .quiz_cat_menu_open, .capture_window .sound_btn{display:none !important;}
.capture_window .q_pre_text, .capture_window .a_area div{font-size:20px;}
.captrue_window .q_area{margin-top:20px;}
.capture_window .q_core{position:static !important}
.capture_window .muzukanji ._q{font-size:80px;font-weight:500;letter-spacing:0.1em;margin-top:20px;}
.capture_window .a_area{max-width:unset;width:180px;margin-top:20px;}
.capture_window .stars h5{margin-top:2em;}
.capture_window .stars img{width: 55px !important;margin: 0 3px;}
.capture_window .stars{margin-bottom:30px;}
.capture_window .ans_comment{height:280px}
.capture_window .a_pre_text{font-weight: 500;font-size: 20px;margin-top:0 !important}
.capture_window .c_ans{font-size: 36px;font-weight: 600;height: 3.3em;letter-spacing: 0.1em;}
.capture #result{background:#ffda00;position:absolute;width: 600px;height: 600px !important;margin: 0 auto; left: 0;right: 0;/*padding-right:10px;*/}
.capture .c_c{margin-top:-50px;width:auto;}
.capture_only{display:none;}
.capture .capture_only{display:block;}
/*.capture_window #capture_area{width:600px;height:600px;margin:0 auto;padding:50px 0 100px 0;border:0px solid #000;}*/
.capture_window #capture_area{position: fixed;width: 600px;height: 600px;margin: 0 auto;padding:75px 0;/* 50px 0 100px 0*/margin: auto;left: 0;right: 0;top: 0;bottom: 0;transform: scale(1.6);}
.capture header,.capture footer,.capture #pre_footer,.capture .quiz_title,.capture .single_hr,.capture .title.left,.capture .tool_link_belt,.capture .osusume{display:none !important;}
.capture .q_order, .capture .w_next{display:none !important;}
.capture .tool_html{margin:0 auto !important;}
#r_shot{display:none;z-index:9999;position:relative;}
._open #r_shot{display:inline-block;}
._open #s_shot{display:none;}
.ssbtn{border-bottom:1px solid #000;}
.menu_core{min-height:60vh}
img#preview{display:block;margin:0 auto;width:600px;border:1px solid #666;}
.capture_window .capture_only, .capture_window .middle_copy{display:none !important;}
@media only screen and (max-width:767px){
.capture .c_c{margin-top:0;height:unset;}
.capture_only{margin-top:-5em}
.cpt_close{font-size:30px;font-weight:700;position: absolute; display: inline-block;text-align: center;width: 1em; color: white; margin-top: 10px;border: 4px solid #fff;border-radius: 20px;margin-left: -18px;}
/*.capture #capture_area,.capture #result{margin-left:-107px;}*/
.capture .centering_box{max-width:100% !important;width:100% !important;}

.pv_area{top: 0;position: absolute;left: 0;z-index: 999;border: 50px solid rgba(0,0,0,0.5);}
#preview{display: block;margin: 0 auto;width: 600px;border: 10px solid #fff;box-sizing: border-box;}
#capture_dl{font-weight:600;display: block;position: absolute;background: #fff;width: 5em;margin: 0 auto;left: 0;right: 0;margin-top:-2em;border:2px solid #000;border-radius:15px;line-height:1.5em;}
.capture .ans_comment{ width: 70%;}
}

/*単体アプリケーションとして別窓で開く*/
.ssbar{transition:0.2s;}
.ssbar::-webkit-scrollbar {width: 5px;height: 10px;}
.ssbar::-webkit-scrollbar-track {background:transparent;}
.ssbar:hover::-webkit-scrollbar-track {background:rgba(0,0,0,0.05);}
html.ssbar:hover::-webkit-scrollbar-track {background:#ccc;}
.ssbar::-webkit-scrollbar-thumb {background: rgba(0,0,0,0);border-radius:5px;}
.ssbar:hover::-webkit-scrollbar-thumb {background:rgba(0,0,0,0.1);}
html.ssbar:hover::-webkit-scrollbar-thumb {background:#999;}
.open_window_w{text-align:center;margin-top:2em;}
.open_window.btn{display:inline-block;font-size:14px;line-height:14px;font-weight:400;padding: 5px 15px;border: 2px solid rgba(0,0,0,0.9);border-radius: 15px;}
.open_window.btn:hover{background:#000;color:#fff}
.app #body{padding-bottom:4em;height:100vh}
.app .tool_html{height:100vh;}
.app_open{width:25px;margin-left:10px;margin-top:3px;opacity:0.3;transition:0.2s;display:none;margin-bottom:-2px;}
.tool h1:hover .app_open{opacity:1;}
.tool h1.app{cursor:pointer;}
.app .app_open{display:inline-block;}
.app header,.app footer,.app .sound_btn,.app .single_hr,.app .bar_and_copy,.app .tool_link_belt,.app #pre_footer,.app .open_window, .app br{display:none;}
.app .centering_box{max-width:100% !important;}
.app .tool_html{margin:0 !important;height: calc(100vh - 10px);}
html.app{overflow:hidden;}
/*同上　アプリ別設定*/
.app .dentaku{margin:auto;margin-top:10px;width:95% !important;}
.mobile.app #setting_display div{font-size:16px}
.mobile.app #setting_display input{font-size:16px}
.mobile.app .dentaku{margin:auto;width:95% !important;margin: auto;height: 515.15px;position: absolute;top: 0;bottom: 0;left: 0;right: 0;}
.mobile.app #memory{position:absolute !important;bottom:0;margin-top:calc(100vh - 250px);background:#ccc;height:180px;width:95%;}
@media only screen and (max-width:767px){
 .app .single section .centering_box{width:100%;max-width:100%;}
 .pt_tool .single .tool_tag-w100 .centering_box{width:100%;max-width:100%;}	
 .tool_tag-w100 .single_hr{width:85%;margin:0 auto;}
 .tool_tag-w100 .tool_html{margin-bottom:1em;}
}
.sc_w{overflow:auto;}
.open_detail{border-bottom: 2px solid #000;padding-bottom: 4px;font-weight: 500;display:inline-block;}
.seo_contents{background:#f0f0f0 !important;font-size:14px;padding-top:0em;color:#666;transition:height 0.5s}
.seo_contents{padding-right:20px;overflow:hidden;resize:vertical}
.seo_contents h2{margin-top:1em;}
.seo_contents h3{margin:2em 0 1em}
.seo_contents h4{display:inline-block;border-bottom:1px solid #aaa;margin-bottom:0.5em;}
.seo_contents .yomi{display:none !important;}
.seo_contents .cell{padding:2px 10px;border:1px solid #999;background:#fff;}

.seo_list li{font-size:14px;margin-bottom:0.2em;margin-top:10px;padding-top:10px;border-top:1px solid #999}
.seo_list b{font-weight:500;}
.muzukanji .seo_list b{font-weight:400 !important;font-size:1.2em;}
.muzukanji .seo_list b:before{content:"「";}
.muzukanji .seo_list b:after{content:"」   "}
.seo_list .ques{font-size:14px;font-weight:600;}
.seo_list .ques:before{content:"Q. "}
.seo_list .ans_ox{font-size:20px;font-weight:600;font-family:"Yu Gothic"}
.seo_list .ans_ox:before{content:"A. ";font-family:"Noto Sans JP";position:relative;top:-2px;font-size:14px;}
.seo_list li a{font-size:12px;color:#000;background:#FFDA00;border:2px solid #000;border-radius:5px;font-weight:400;padding-right:6px;display:inline-block;margin-left:1em;}
.seo_list li a:hover{background:#999;color:#fff;}
.seo_list .dsc{font-size: 14px;color: #666;padding:0.5em 1em;background: rgba(0,0,0,0.05);}
.seo_list li .dsc a {border: 0;background: transparent;font-size: 12px;padding: 0 0.5em;margin-left: 0;border-bottom:1px solid #000;border-radius:0;}
.seo_list li .dsc a:hover{background:#999}
.seo_dsc{text-align:justify;font-size:12px;color:#fff;padding:5px 15px;background:#999;margin-bottom:6em}
.btn_seo_close{font-size:30px;margin-bottom:-0.5em;color:#666;text-align:right;}
.btn.btn_seo_close:after {content: "とじる";font-size: 14px;position: relative;top: -4px;}
.free_area h2{margin: 1em 0 0.5em;font-weight:600;color:#999;font-size:20px}
.free_area h3{border-left:10px solid #000;border-bottom:1px solid #000;padding-left:10px;margin-bottom:1em;display:block;font-size:20px;}
.free_area{font-size:14px;margin:0 auto;font-weight:400;color:#666;}

.pittan .c_ans{font-size:50px;height:264px;}
.pt_ .osusume{height:12em;margin-top:0;margin-bottom:1em;overflow-y:auto;position:absolute;width:100%;margin:auto;left:0;right:0;margin-top:100px;}
.pt_ .osusume a{display:block;margin-bottom:5px;height: 1.5em;overflow: hidden;}
.pt_ .osusume a:hover{background:rgba(0,0,0,0.1)}
.pt_ .osusume h4{display:none;}
.pt_ .tpl_tango .fc_result, .pt_ .tpl_anaume .fc_result{display:none;}
.pt_ .tpl_tango .end_comment{margin-bottom:1em}
@media only screen and (max-width:767px){
	.pt_ osusume{height:8em}
	.pt_ .tpl_tango .end_comment{margin-bottom:0}
	.seo_contents{padding-right:0;}
}

.st_tag{font-size:12px;border: 1px solid rgba(0,0,0,0.7);opacity:0.7;padding: 5px;border-radius: 5px;top: -4px;display: inline-block;line-height: 1em;position: relative;left: -4px;}
.title .st_tag{left: 0;margin-right: 10px;}
.game_footer .st_tag{top: 0;left: 0;margin-right: 5px;}

/* tpl */
/* GAME */
.all_tools .bar{border-top:2px solid #000;margin:0 auto;max-width:500px;margin-top:3em;margin-bottom:4em;}
.p2_set{width: 400px;margin: 0 auto;text-align: center;max-width:90%;margin-top:3em;}
.p2_set .tool_item.p2{font-size:12px;display:inline-block;}
.p2_set .acv_eye{margin-top:170px;}

/* TPL tpl_marubatsu */
.tpl_marubatsu .tool_html{margin-top:0;}
.tpl_marubatsu .q_area{margin-top:0;}
.tpl_marubatsu #capture_area{margin-top:8em;}
.tpl_marubatsu .qa_chg_btn{display:none !important}
/*　新メニュー　*/
.pt_tool body, .pt_tool header,.pt_tool .centering_box{background:#FFDA00}
.title_logo{width:80%; max-width:420px; margin-top:2em;}
.b_btn{width:200px;cursor:auto;margin-bottom:2em;}
.update{display:none;}
.hide{display:none !important}
.w_select{background:#fff;}
.p_title{margin:auto;display:block;text-align:center;margin-top:1em;}
.p_order1{margin-top:0;}
.archive .tool_item.quiz_menu{display:inline-block}
.tool_item.child:hover h2{border-color:#000}
.w_parent{margin-top:0.5em}
.w_children{display:inline-block;}
.w_children:before{font-size:20px;content:"(";opacity:0.7} .w_children:after{font-size:20px;content:")";opacity:0.7}
.en .w_parent{display:none;}
.tool_item.child:before {content: "・";opacity:0.7}
.tool_item.quiz_menu.child:nth-child(1):before {content: "";}
.tool_item.child h2{font-size: 18px;margin:0 5px;opacity:0.7}
.tool_item .w_select h4{font-size:25px;border-bottom:2px solid #000;margin:0;line-height:1.5em;display:block;}
.group_list{padding:20px 0 0;border:0px solid #ddd;background: rgba(0,0,0,0);border-radius: 5px;height:19em;overflow:auto;margin-top:10px}
.m_wrapper{transition:0.2s;width:100%;height:100%;}

.ten{margin:1em;opacity:0;}
.osusume{display:none;}
.end .osusume{display:block;}
.tpl_marubatsu .end_comment{font-size:1.4em;}
.tpl_marubatsu .end .star{margin-top:-1em;}
.tpl_marubatsu .ten{opacity:1;margin:0;}
.tpl_marubatsu .ans_rate{line-height:0.9em;font-size:8em;}
.tpl_marubatsu .osusume{height:5em;}
.btn_more{background:#fff;opacity:0.3}
.btn_more:hover{opacity:1}
.layer{display:none;}
.layer h4 span{width:5%;opacity:0.3;font-size:16px;display:inline-block;}
.layer .t_core{width:90%;display:inline-block;font-size:18px;opacity:0.7;}
.layer h4 span:hover{opacity:1;}
.layer h4 span:active{transform:scale(0.95)}
.layer .btn_close{border:2px solid #000;line-height:1em;display:inline-block;border-radius:15px;padding:4px 15px;position:relative;top:-2em;}
.layer .btn_close:hover{background:#000;color:#fff}
.layer .btn_close:active{transform:scale(0.95)}
.layer._open{opacity:1;z-index:999;display:block;}
.q_vol2{display:none !important;}
.quiz_menu .full_screen{background:transparent}
.btn_my_menu_open{border-bottom: 2px solid rgba(0,0,0,0.2);padding-bottom: 5px;}
.btn_my_menu_open:hover{border-color:#000;}
.tpl_ .quiz_title{display:none;}
.option_area{height:0;float:right;margin-top:-5px;}
.option_btn_area{transition:0.2s;border: 2px solid #000;text-align: center;padding: 20px;width: 85px;position: absolute;margin-left: -60px;margin-top: -180px;border-radius: 5px;display:none;opacity:0;}
.option_btn_area._open{display:block;opacity:1;}
.option_btn{margin:0 auto;}
.back_to_home{border-bottom:2px solid transparent;}
.back_to_home:hover{border-color: #000}
.qa_changed .qa_chg_btn{transform: rotate3d(0, 1, 0, 180deg);}
.under .under_menu .gear{margin-left:100%;}
.game_footer{display:none;}
.game_footer{text-align:left;font-size:14px;position:absolute;margin-top:-56px;}
@media only screen and (max-width:767px){
	.p2_set{line-height:1.6em}
	.p2_set .tool_item.p2{margin:0;}
	.p2_set .tool_item h2{font-size:14px !important;}
	.tpl_marubatsu #capture_area{margin-top:0;}
	.tool_item .w_select h4{font-size:20px;}
	.child h2{font-size:16px;}
	.btn_my_menu_open{font-weight: 500;background: rgba(0,0,0,0.05);padding: 7px 5px;border-radius: 5px;border-color:transparent}
	.btn_my_menu_open:hover{background:rgba(0,0,0,0.7);color:#fff}			
	.option_area{margin-top: -58px;}
	.option_area .option_btn{margin:5px}
	.quiz .game_footer{display:block;font-size:12px;}
	.layer .t_core{font-size:16px}
	.group_list{height:15.5em;padding-top:5px;}
	.pt_ .quiz_menu .group_list li{margin-bottom:5px;line-height:1.5em}
	.layer .btn_close{font-size:14px;top:-2em;}

}
@media only screen and (max-width:420px){
	.st_tag{top:-3px;padding:3px 5px;margin-right:5px}
}

/* もじへん */
.w_select .in_ja{font-size: 12px;line-height:1em;display:inline-block;opacity: 0.5;position:relative;top:-5px}
.in_ja{display:none;font-size:16px;margin-left:0.5em;opacity:0.7;}
.in_ja.font_ss{font-family:'system-ui'}
h1 .in_ja{display:inline-block;}
.input_area::placeholder{color:rgba(0,0,0,0.5);font-size:14px;}
select{-webkit-appearance: none;-moz-appearance: none;appearance: none;}
select:focus {outline: none;}
.tpl_mojihen .quiz_title{font-size:12px;margin-top:-74px;opacity:0.7;position:absolute;display:block;}
.tpl_mojihen .btn_my_menu_open{border:0;padding:0}
.w_parent h2{border-bottom:2px solid transparent;}
.p_title_tag{font-size: 12px;line-height: 1em;color: red;display: none;position: relative;top: -12px;left: -1.5em;margin-right: -2.5em;}

#mojihen:before {content: "・";display: block;margin: 1em;}
.hide_children{cursor:pointer;}
.hide_children h2:hover{border-color:#000;}
.hide_children .w_children{transition:0.2s;height:0;overflow:hidden;display:block;}
.hide_children._open .w_children{height:3em;margin-top:0} 
.pt_tool .tpl_mojihen.type_2c textarea{height:200px;padding:15px 20px}
.tpl_mojihen textarea#result_area{font-size:2em;line-height:1.2em;}
.tpl_mojihen.font_small  textarea#result_area{font-size:1em;line-height:normal}
.tpl_mojihen select{background:transparent;border:0;font-size:14px;padding: 5px 10px 5px 10px;background: rgba(0,0,0,0.05);border-radius: 5px;border: 1px solid rgba(0,0,0,0.2);}
option{background:#fff}

.conversion_table td{border:1px solid #999;width:3em;text-align:center;}
@media only screen and (max-width:767px){
.all_tools .bar{margin:2.5em 0 1.7em 0}
.pt_tool .archive .all_tools .bar{margin-top:2.5em;margin-bottom:1.7em;max-width:100%;}
.pt_tool .tpl_mojihen.type_2c textarea.input_area{height:4.6em;}
.pt_tool .tpl_mojihen.type_2c textarea.result_area{height:4em;}
.type_2c.tpl_mojihen .tool_html{margin-bottom:0;}
select{font-size:14px; margin-left:15px;}
}
@media only screen and (max-width:320px){
	select{font-size:12px;margin-top:-2px;}
}
/*ul.all_tools.single_cat_menu li:first-child {display: none;}*/
.in_link .link_item{background:#FFDA00}
.pt_game .p_menu .anime{display:none;}
.help_v_btn{width: 30px;background:url("./image/icon/youtube_icon.png");position:absolute;margin-top:55px;margin-left:-30px}
.help_v:active{transform:scale(0.95);}
.help_video_open .layer.w_h_v{opacity:1;z-index:999;display:block;}
iframe.help_v{position: absolute;left: 0;right: 0;margin: auto;top: 0;bottom: 0;width: 60vw;height: calc(60vw * 9/16);}
@media only screen and (max-width:767px){
	.help_v_btn{margin-top: -44px;margin-left: -65px;z-index: 99;display:none;}
	iframe.help_v{width:95vw;height:calc(95vw * 9/16);}
	.pitten .c_ans{font-size:24px;height:9.3em;}
    .pitten .muzukanji .c_ans{font-size:30px;height:3.3em;}
}

/* tpl END */
.tax-zukan .ex_info{text-align:left;margin-top:1em;font-size:14px;line-height:1.6em;transition:0.2s;overflow:hidden;}
.ex_info .creator a{border-bottom:2px solid #333}
.ex_info .creator a:hover{background:#000;color:#fff}
.video_dsc{text-align:right;margin-top:-2em;}
.video_dsc div{font-size:14px;}
.video_dsc .btn{display:inline-block;}
.video_dsc.close .c_btn{display:none;}
.video_dsc.open .o_btn{display:none;}
.video_dsc .w_content{margin:0 auto;}
.video_dsc ._content{text-align:left;margin-top:2em;overflow:auto;transition:0.3s;}
.video_dsc.open ._content{height:40em;}
.video_dsc.close ._content{height:0;}
.item .bgi.center{background-size:60% !important;}
.item .bgi.square{background-size:cover !important;}
.item .bgi.horizonal{background-size:contain !important;}
.ex_video_link{font-style:normal;display:block;text-align:left;font-weight:400;font-size:12px;padding-left:0em;height:2em;overflow:hidden;}
@media only screen and (min-width:1260px){
	#links .centering_box,#big_footer .centering_box{max-width:1800px;width:90%;}

}
/*1702 .single h2 を削除　.single h2{font-size:1.1em;font-weight:600;margin-top:3em;margin-bottom:1.5em;color:#333;}*/
.quote{text-align:right;font-size:14px;font-weight:400;display:none;}
.video_tag-ex_creator .quote{display:block;}
.single cite{font-style:normal;}
.single .meta_en{text-align:left;}
.single .ex_link{border-bottom:1px solid #000;font-weight:500}
.single .v_credit{text-align:left;}
.ex_image{transition:opacity 0.2s;position:relative;opacity:0;height:0;width:0}
.ex_image:hover{opacity:1;}
.archive .ex_image{border-radius:10px;}
.ex_site{display:none;text-align: right;font-size: 12px;margin: 5px;}
.artgrid .ex_site{display:block;}
.artgrid .v_link{display:none;}

.menu-item-has-children{cursor:pointer !important}
.menu-item-has-children:hover .sub-menu{height:auto;border-color:#000;}
.sub-menu li{margin-left:1em;}
.tool_menu div{max-height:70vh;overflow:auto;}
#setting{width:0;}
.setting_menu{height:0}
#setting:checked ~ .setting_menu{height:100px;}


.pt_ ._open .full_screen{z-index:81;}
.start_bar{z-index:81;position:relative;opacity:1;transition:0.2s;}
._open .start_bar{opacity:0;}
.temp_hide{z-index:-1 !important;opacity:0 !important;transition:0.3s !important;}
.option_btn_area{}
._date{display:none !important}
.info_set .update{display:none;}



/* Pittan */
.a_yomi{font-size:16px !important;} .a_yomi:before{content:"[ ";} .a_yomi:after{ content:" ]"}
.pitten .c_ans .bar{font-size: 20px;display: block;height: 1em;top: -1.5em;position: relative;}
.tpl_keisan .pittan .c_ans{font-size:90px;}
.tpl_keisan.quiz .kana_btn,.tpl_keisan.quiz .qa_chg_btn{display:none;}
.tpl_anaume.quiz .qa_chg_btn{display:none;}
.tpl_tango .pittan ._q{font-size:85px;}
.tpl_tango .kanji .c_ans{font-size:80px;line-height:1.5em;}

.tpl_anaume .c_ans{height:2em;font-size:115px}

@media only screen and (max-width:767px){
 .pitten .c_ans .bar{top:-0.7em}
.tpl_keisan .pittan .c_ans{font-size:75px;height:3em;margin-top:0.2em}
.tpl_tango .pittan ._q{font-size:50px;height:3.5em;}
.tpl_tango .kanji.pittan .c_ans{font-size:65px;height:3.7em;}
.tpl_anaume .c_ans{font-size:90px;height:2.5em}
.tpl_anaume ._q{height:7.5em;margin-top:1em}
.tpl_anaume .a_area{margin-bottom:3em}

}
@media only screen and (max-height:568px){
 .pt_ .osusume{height:6em;margin-top:6em}
 .tpl_tango .pittan ._q{font-size:40px;height:2.2em;} 
 .tpl_tango .kanji.pittan .c_ans{font-size:55px;height:3em;}
 .pittan .cans{height:7em;}
 .tpl_anaume .c_ans{height:2em; font-size:60px}
}


/* Quiz */
.hatsuon{color:rgba(0,0,0,0.5);transition:0.2s;}
.hatsuon:hover{color:#000;}
.hatsuon:before,.hatsuon:after{color:rgba(0,0,0,0.7);}
.q_yomi{display:none !important}
.q_pre_text,.a_pre_text{display:none;}
.muzukanji .option_btn_area{display:none !important;}
.muzukanji .q_pre_text,.muzukanji .a_pre_text{display:block;text-align:center;}
.muzukanji .a_pre_text{margin:-1em 0 1em;}
.muzukanji .hatsuon{display:none;}
.muzukanji ._q{letter-spacing:0}
.muzukanji .q_core{position:absolute;width:100%;text-align:center;left:0;}
.end .stars{display:none;}
.stars div,.lv0,lv1,lv2,lv3,lv4,lv5{display:none;}
.stars h5{text-align:center;font-weight:600;color:#000;margin:5em 0 1em;}
.full_screen .stars img{width:15%;}

#lv1 .lv1{display:block;}
#lv2 .lv2{display:block;}
#lv3 .lv3{display:block;}
#lv4 .lv4{display:block;}
#lv4 .lv4{display:block;}
#lv5 .lv5{display:block;}
.seo_list br{display:none !important}
.q_vol{}
.q_vol2{color: #aaa;font-size:16px;display:inline-block;margin-left: 0.5em;position:relative;top: -5px}
.ud_tag{font-size: 12px;display: inline-block;padding: 2px 5px;background: red;color: #fff;line-height: 1.5em;position: relative;left: 10px;top: -5px;font-weight: 600;}
.seo_q_core{border-bottom: 2px solid #000;}
/*.pt_ ._q{text-align:justify;}*/

.qa_changed .muzukanji .w_ans{font-size:2em;}
.qa_changed .muzukanji .hatsuon{font-size:16px;line-height:2em;}
.qa_changed .muzukanji .q_font_s,.qa_changed .kanji .q_font_s{font-size:1.2em}
.qa_changed .pittan.kanji .c_ans, .qa_changed .pittan.muzukanji .c_ans{font-size:40px;}
.q_font_s{font-size:0.7em;display:inline-block;line-height:1.5em}
.capture .btn_option{display:none;}
@media only screen and (max-width:767px){
 .q_vol2{display:none;}
 .ud_tag{font-size:10px;padding:1px 2px;}
 .stars h5{margin-top:2em}
 .muzukanji .a_pre_text{margin-top:0.5em;}
 .capture ._q{height:2.5em;}
 .capture .muzukanji ._q{height:2em;margin-top:0.1em;}
 html.capture .tool_html{margin-top:1em;}
 html.capture .option_btn_area{margin-top:2em;}
 .capture section{height:100vh}
 .capture .under{border-top:0px;}
 .capture .under .btn.gear{position:relative;top:3.5em;}
 html.capture header, .capture .sound_btn, .capture .start_bar,  .capture .under .left,.capture #pre_footer{display:none;}
 .capture .q_order,.capture .w_next{display:none !important;}
 .capture .stars h5{margin-top:0.5em;font-size:20px;font-weight:400;}
 .q_fonts_s{font-size:0.7em;}
}

._open ._p{opacity:0;}
._p{opacity:1;transition:0.2s;}
.p_menu .w_btn{position:absolute;width:10em;left:0;right:0;margin:auto;margin-top:-85px;border:2px solid #000;border-radius:2em;}

.archive_t_ma{height:0.72em}
.under .left{text-align:left;width:18em;height:1.4em;overflow:hidden;display:none;}
.search_cont{background:#FFDA00;}
.cat_top{border-top:2px solid #000;border-bottom:2px solid #000;padding:15px 0 7px;margin-top:-5px;}
.cat_top .batsu{width:20px;margin-top:3px;}
.cat_top_title{float:left;}
.all_tools.single_cat_menu{margin:3.5em 0 2em;}
.quiz .quiz_title{position:static;font-size:14px;font-weight:400;margin: -10px 0 60px;width:auto;}
.quiz .pittan .quiz_title, .quiz.muzukanji .quiz_title{top:-2.45em;}
.migi{font-size:10px;opacity: 0.7;position: relative;top: -1px;margin: 0 5px;}

.p_b_set{margin:3.15em 0 3em;}
.p_b_set ._p{display:inline-block;width:120px;margin:0 15px;}
.pittan .quiz_cat_menu_open.pc_only{top:-3.3em}
.pt_tool .single.quiz h1.title{margin: 0;font-size: 25.6px;font-weight: 500;position: relative;padding: 0;bottom: -0.1em;}
.quiz_title,.quiz_menu_open,.quiz_cat_menu_open{display:none;}
.quiz .quiz_title,.quiz .quiz_menu_open,.quiz .quiz_cat_menu_open{display:block;}
.quiz .title_logo{width:80%; max-width:420px; margin:1.25em;}

.p_menu{transition:0.2s;opacity:0;z-index:-1;height:auto;position: absolute;text-align: center;left: 0;right: 0;margin: 0 auto;overflow: auto;margin-top: -18px;}
.p_menu.p_menu_open{z-index:80;opacity:1;}
.p_menu.p_menu_open .centering_box{}
.p_menu a.top_link{width:100%; margin-left:0;margin-right:0;}
.p_menu .centering_box{padding:0;font-weight: 500;font-size:24px;border-top:2px solid #000;}
.p_menu li{text-align:center;}
.p_menu a{width:20em;line-height: 1.4em;border-bottom: 2px solid rgba(0,0,0,0);display: inline-block;margin: 1em 0;font-size: 1.6em;vertical-align: middle;margin: 0 1em;font-weight: 500;color: #000;}
.w_pmt{font-size:25.6px;margin-top:1em;}

.quiz_cat_menu_open.pc_only,.close_cat_menu.pc_only{position: relative;top: -3em;text-align: right;font-size: 16px;font-weight: 400;margin-left:50%;}
.close_cat_menu.pc_only{top:-7.2em}
.org_q{display:none !important}
.game_mode.full_screen{opacity:1;z-index:999;padding:0;display:block;background:transparent;transition:0.2s;}
._open .game_mode.full_screen{z-index:1000;}
.game_mode.full_screen._close{opacity:0;z-index:-1;}

.layer_open .tool_link_belt,.layer_open #pre_footer{display:none;}

.close_area{position:fixed;top:0;left:0;width:100vw;height:100vh;}
.quiz_menu .w_select {overflow: hidden;margin:auto;position:absolute;top:0;left:0;right:0;bottom:0;background:#fff;width:20em;width:85%;max-width:420px;height:32em;border-radius: 10px;border: 2px solid #000;padding: 2.5em;text-align:center;}
.quiz_menu .w_select li{overflow:hidden;height:auto;display:block;margin-bottom:10px;text-align:center;}
.group_list .yomi{display:block !important;margin:0;line-height:1.2em}
.quiz_menu a{font-size:24px;}
.quiz_menu a{border-bottom:2px solid transparent;display:inline-block;}
.quiz_menu li:hover{ background: rgba(0,0,0,0.1);}
.quiz_menu li{padding: 5px 0 2px;}

.quiz_menu li.current-menu-item:before{opacity:1 ;}
.quiz_menu li:hover:before{opacity:1;}
.quiz_menu .sub-menu{height:0em;background:#fff !important;opacity:1;position:absolute;overflow-y:auto;border: 2px solid transparent;border-radius: 10px;width:240px;max-height: 10em;}

.hatsuon{cursor:pointer}
.hatsuon:before{content:"　[ ";}
.hatsuon:after{content:" ]　 ";background-image:url("./image/button/sound_on.png");width:32px;background-size:15px 15px;display:inline-block;background-repeat:no-repeat;background-position:14px;}

.pt_ .coin_times{display:none;}

.pt_game .all_tools{height:18em;overflow-y:auto;}
.w_st{opacity:0;}
.thumb_st{width:18em;overflow: hidden;display: inline-block;height:auto; position:relative;bottom: -3px;}
.ex_info .st{display:inline;}
.c_ans .yomi,.ans_comment .yomi{font-size:14px;}
@media only screen and (max-width:767px){
	.muzukanji ._q{height: 2.3em;}
	.pc_inline{display:none;}
	.tax-zukan .ex_info{font-size:12px;}
	#tool_menu_area{overflow-y:auto;}
	/*div,li,span{transition:none !important;}*/
	.p_menu .tool_menu h2, .w_pmt,.quiz_menu a{font-size:20px;}
	.cp_top.all_tools{height:13.2em}
	.pt_game .all_tools{height:15em}
	.b_btn{width:100px !important;margin-bottom:1em !important;}
	.quiz_menu .w_select{margin-top:95px;height:27.2em;padding:2em 1.5em;width:85%;}
	.quiz_menu .w_select li{width:auto}
	.p_b_set{margin:2em 0 1.7em;}
	.p_b_set ._p{width:80px;margin:0 10px;}
	.all_tools.single_cat_menu{margin:4em 0 1em;height:10em;}
	.cat_top{width:85%;margin:0 auto;position: relative;top:-58px;background:#FFDA00}
	.c_ans .yomi,.ans_comment .yomi{font-size:14px;}

}
@media only screen and (max-height:568px){
 .p_menu h2, .w_pmt,.quiz_menu a{font-size:16px;}	
 .game .all_tools{margin-top:1em;margin-bottom:1em;height:10em;}
 .pt_ .quiz_menu .w_select li{}
 .quiz_menu .w_select{height:22.5em;padding:1em 1.5em;margin-top: 70px;}
 .game .under .left{width:14em}
 .game .p_b_set{margin-top:0}
 .game .b_btn{width:80px;}
 .game .tool_item span.tag{font-size:10px;}
 .game .tool_item h2{font-size:16px;margin:0;}
}

/*個別*/
/*三目ならべ*/
.pw.btn{background-repeat: no-repeat !important;background-position: 50% 50% !important;}

/*文字変換*/
span.option_area{margin-top:0;float:none;}


/*多言語*/
.link_en,.link_ja{position: relative;top: -4px;}
.en .link_en,.ja .link_ja{display:none;}
.en .tool_item.quiz{display:none;}
.quiz .title_box .s_chg_lang{display:none;}
.quiz .chg_lang{display:none;}
.quiz .pitten.btn:active,.quiz .batten.btn:active{transform:scale(1);background-size:95% !important}
._open #pre_footer, ._open footer, ._open .tool_link_belt{display:none;}
.quiz div::selection,.quiz span::selection,.quiz a::selection{background:rgba(0,0,0,0);}
*::selection{background:rgba(0,0,0,0.2)}
.quiz img.gear{width:25px;transition:0.5s;filter:invert(0)}
.end img.gear,.end img.play_again{width:25px;position:relative;top:7px;margin-right:7px;}
.star_1{background-image:url(./image/content/star_1.png)}
.star_2{background-image:url(./image/content/star_2.png)}
.star_3{background-image:url(./image/content/star_3.png)}
.star_5{background-image:url(./image/content/star_5.png)}
.star{width:100% !important;height:auto !important;display:none;max-width:100% !important;}
.end .star{display:block;margin:0 auto;margin-top:4em}
.yomigana .yomi{display:unset;}
.yomi{font-size:0.5em;font-weight:400;margin-top:-0.5em;opacity:0.7;display:none;}

.yomi:before{content:"(";margin-left:2px;}
.yomi:after{content:")";margin-right:2px;}
._yomi{background-color: rgba(0,0,0,0.07);padding: 0 0.1em;border-radius: 0.2em;margin: 0 0.1em;}

.c_c .maru{background-image:url(./image/icon/maru.png) !important}
.c_c .batsu{background-image:url(./image/icon/batsu.png) !important}

@media only screen and (max-width:767px){
.end .star{margin-top:2em}	
.link_en,.link_ja{font-size: 16px;position: relative;top:0px;}	
}
@media only screen and (max-width:767px){
.end .star{margin-top:-1em}	
}


/* 背景色設定　*/
html.pt_tool,.pt_tool body{background-color:#FFDA00;}
html.pt_game,.pt_game body,.pt_game header, .pt_game .centering_box{background-color:#06C755 !important}
.dz_dsc .cs_t{border-bottom:0px;text-align:center;margin-top:0em;font-size:30px;font-weight:700;margin-bottom:0.5em}
.dz_dsc{margin:4em 0 2em;}

.archive .dz_dsc{display:none;}
.archive.term-enjoyment .dz_dsc{display:block;margin-top:0}

@media only screen and (max-width:767px){
	.dz_dsc .cs_t{font-size:20px;font-weight:600;margin-bottom:0.5em;}
}


/* 多言語対応　*/
.ja ._en{display:none !important;}
.en ._ja{display:none !important;}
.chg_lang{display:none;opacity:1;text-align:right;line-height:1em;margin-bottom:0.2em;margin-top:-0.25em;}
.title_box .chg_lang{display:block;font-size:1.6em;text-align: right;position: relative; height: 0; top: -27px}
.title_box .s_chg_lang{display:block;font-size:1.6em;text-align: right;position: relative; height: 0;top:-5px;right:50px;z-index:999}
.s_chg_lang a:hover{text-shadow:1px 1px 5px rgba(0,0,0,0.3), -1px -1px 5px rgba(0,0,0,0.3)}

@media only screen and (max-width:767px){
	.archive .title_box{display:none;}
	.title_box .s_chg_lang{display:none;}
	.chg_lang{display:block;margin-right:1.25em;overflow:hidden !important}
}

/* intro_menu */
#intro_menu{display:none;}
#intro_menu .centering_box{height:auto !important;}
.home #intro_menu{display:block;}
#intro_menu._x{display:none !important;}
#intro_menu::-webkit-scrollbar {width: 0px;height: 10px;}
#intro_menu::-webkit-scrollbar-track {background: rgba(0,0,0,0);}
#intro_menu::-webkit-scrollbar-thumb {background: rgba(0,0,0,0.1);border-radius:5px;}
#intro_menu{transition:opacity 0.2s;position:fixed;top:0;z-index:99999;background:#fff;width:100%;padding-top:85px;overflow:auto;height:100vh}

._im .ib span{display:block;}
.home ._im div{font-size:14px;font-weight:400}
.home ._im a.sns_tv img{filter:none}
.home ._im a.sns_tv.sns_yt img{margin-bottom:7px}
.home ._im h5{text-align:center;}
.home ._im .ib{margin-bottom:1.5em;display: block;}
.home ._im .ib:hover{opacity:0.5}
.home ._im a._cs{opacity:0.3;}
.home ._im footer{display:none;}
.home ._im .home_pitten{max-width:90px;margin:5em 0 6em}
.home ._im h1{text-align:center;margin-top:3em;}
.home ._im .home_copy{text-align:center;margin-bottom:5vh;font-weight:400;}
.home ._im ._sns img{width:50px;filter:invert(100%);}
.home ._im ._sns a{display:inline-block;margin:0 5px}
.home ._im ._sns a:hover{opacity:0.5}
.home ._im ._sns a:before{display:none;}
.home ._im .t_logo{height:45px;}
@media only screen and (max-width:767px){
	#intro_menu{padding-top:55px;padding-bottom:20vh}
	
	.po .archive ._im h2{margin:0 auto;max-width:85%;}
	 ._im .po_t_box{margin:0 auto;max-width:85%;}
	.po .archive ._im .single_contents_box{padding-left:0em;padding-right:0em}
	.po.pitten .archive section ._im .centering_box{max-width:100% !important;width:100% !important}
	.po.pitten .archive ._im h1{margin:0 7.5% 2em;}	
	.po.pitten .archive ._im .image_box{margin:0 5% 2em;}
	.home ._im ._sns a{margin:0 5px;}
	.home ._im .home_pitten{max-width:70px;margin:2em 0 3em}
	.home ._im ._sns img{width:40px}	
	.home .ib .t_logo{height:30px;display:block;margin:0 auto;}
}
/* intro_menu END */
.w_btn{border: 2px solid black;background:transparent;border-radius:2em;transition:0.2s;cursor:pointer;}
.w_btn:hover{background:#fff;}
.w_btn_w{border: 2px solid black;background: #fff;border-radius:2em;transition:0.2s;cursor:pointer;}
.w_btn_w:hover{background:transparent}
h2.centering_box{margin-top:3em;}
._comment{margin-top:6em}
.p_comment{margin:0.5em 0 5em;}
.pitten_y.zzz{background-image:url(image/content/pitten/pitten_nb.png) !important}
.pr_right_pitten img{border-radius:10px;}
.tool_item span.tag{display:none;color:#fff;padding:0;border:0;vertical-align:super;width:3em;margin-right:-3em;}
.tool_item .new .tag.update{display:inline-block;}
span.tag.update {background: red;width: 4em;padding: 4px 5px;line-height:1em;font-size: 12px;font-weight: 700;margin-right: calc(-4em - 20px);}
.tool_item .update .tag.update{display:inline-block;}
.form_link{border-bottom:1px solid #333;}
.f_ma{height:2em;}
.pc_inline{display:inline-block}
.archive .news.top_section{margin-bottom:6em;}
.term-enjoyment a.short_film_link.tax_single_link{display:inline-block;;}
a.short_film_link.tax_single_link{display:none}
.term-enjoyment .path{opacity:0;}
.enj_t{margin-top:1em;text-align:center;font-size:24px;font-weight:600}
.enj_t span{border-bottom:2px solid transparent;padding-bottom:5px;}
.now_viewing .enj_t span{border-color:#000}
.tax_single_link{display:none}

.term-enjoyment .tax_single_link{margin-top:2em;opacity:0}
.term-enjoyment #recommended{display:none !important;}
.term-enjoyment .item .update{display:none;}
.term-enjoyment .sub_title{display:none;}
.cat_d_more.enjoyment{display:none;}
#enjoyment.t_3c .center_at_3c{margin-left:2%;margin-right:2%;}
#enjoyment.t_3c .item{width:32%;}
.enjoyment_t_st{font-size:16px;}
.t_slider_t{font-size:22px;font-weight:600;}
h3.big_t,.big_t2{text-align:center;font-size:20px;font-weight:700;margin-top:2em;margin-bottom: 1em;}
h3.big_t2{margin-top:1em;margin-bottom:0.5em;}
#highlight h3.big_t2{margin:0.5em 0 2em;display: inline-block;border: 2px solid #000;font-weight: 500;padding: 0.5em 2em;border-radius: 10px;}
#highlight .item .info_set{margin-top:0.5em}
.dz_dsc{padding:2em 2.5em;font-size:20px;border:2px solid #333;text-align:justify}
textarea:focus{outline:none !important;}
textarea,input{outline:none !important;}
.menu-tool-menu-container{max-height:70vh ;overflow-y:auto;}
.menu-tool-menu-container::-webkit-scrollbar {width: 10px;height: 10px;}
.menu-tool-menu-container::-webkit-scrollbar-track {background: rgba(0,0,0,0);}
.menu-tool-menu-container::-webkit-scrollbar-thumb {background: rgba(0,0,0,0.1);border-radius:5px;}

/* tool調整*/
@media only screen and (max-width:767px){
	.tool_item span.tag{font-size:12px;font-weight:600;margin-left:0em;vertical-align:unset;position:relative;top:-7px;margin-right:-4.5em;}
	.home section#enjoyment{margin-top:0}
	.pc_inline{display:none;}
	.enj_t{font-size:16px;}
	.term-enjoyment #new_videos{margin-bottom:2em;}
	.enjoyment_t_st{font-size:14px;}
	#highlight h3.big_t,#highlight h3.big_t2{font-size:16px;padding:0.5em 1em;margin:0em 0 2em;}
	.dz_dsc{font-size:14px;padding:1em 1.5em;border-radius:10px !important;}
	.t_slider_t{font-size:16px;font-weight:500;}
	.pt_tool .single .single_hr.end_bar{margin-bottom:1em;}
	.pt_tool .single .middle_copy.copyright{margin-top:0}
	.pitten_ippai{margin:0 !important}
}

.right_col .dsc{color:#666;font-size:14px;text-align:justify;}

/* GAME */
.pt_game .hbg_menu .tool_menu{background:#06C755}
.full_screen .bgi.pitten{background:url(image/content/pitten/pitten.png);width: 80%;margin-top: 10%;}
.full_screen .bgi.batten{background:url(image/content/pitten/batten.png);width: 80%;margin-top: 10%;}
.home .all_tools .menu-item-3773{display:none;}
.b_btn{background:url(image/content/pitten/batten.png);}
.field.p_turn.gm2 .btn{cursor:url(image/cursor/pitten_cursor_64.png), auto}
.field.b_turn.gm2 .btn{cursor:url(image/cursor/batten_cursor_64.png), auto}
.full_screen{transition:0.2s;opacity:0;padding:10vh 0; top: 0; left: 0; position: fixed; z-index: -1; background: rgba(0,0,0,0.5);}
.full_screen img{width:100%;}
.home .all_tools .menu-item-3773{display:none;}
.btn_label{pointer-events:none;}
.btn,.c_num,.pitten_y{
	user-select:none;user-select: none; /* CSS3 */
	-moz-user-select: none; /* Firefox */
	-webkit-user-select: none; /* Safari、Chromeなど */
	-ms-user-select: none; /* IE10かららしい */
}
.game_footer .st_tag{display:none;}
.game_footer .btn{border:0;}
._p{background-image:url(image/content/pitten/pitten_nb.png);transition:0.2s;display:block;background-size:100% !important;}
img._p{width:100%;}
._p.batten{background-image:url(image/content/pitten/batten_nb.png)}

/* NEWS */
news .header_logo a{display:inline-block;}
.pt_news .header_logo a:hover{text-decoration:none;opacity:0.5;}
.pt_news .header_logo{float:left;}
.pt_news .center_part{text-align:center;width:calc(100% - 105px);float:left;}
.pt_news .center_part img{max-height:40px;margin-top:10px;}
.pt_news .archive .image_box{background:#fff;padding:2em 0;margin:0 0 2em;}
.pt_news .archive .single_contents_box{cursor:default !important;transition:0.2s;overflow:hidden;border-top:0px solid black;padding:4em 2em 5em 2em;margin:-5px 0 2.3em;background:#f6f6f6;}
/*.po .archive .overview{cursor:url(./image/cursor/close.png),crosshair}*/
.pt_news .overview .thumbnail{width:50%;min-width:250px;margin:0 auto;margin-top:1em;margin-bottom:2em;display:block;}
.pt_news .overview .thumbnail.eye_small{width:50%;}
.pt_news .overview .thumbnail.eye_middle{width:75%;}
.pt_news .overview .thumbnail.eye_large{width:100%;}
.pt_news .archive section.news .centering_box{border-bottom:0px solid #000}
.pt_news .archive footer hr{border-color:transparent}
.pt_news .pager.overview{text-align:center;}

.pt_news .overview a{border-bottom:2px solid #333;font-weight:600;}
.pt_news .overview a:hover{opacity:0.5;}
.pt_news .archive section,.pt_news .single section{padding-top:0em;}
.pt_news h3.t_en:before{content:" ";display:inline-block;width:10px;height:16px;background:#666;margin-right:5px;margin-bottom:-2px;}
.pt_news .ov_ja{line-height:1.5em;text-align:justify;}
.pt_news .ov_en{line-height:1.5em; margin-top:2em;font-size:14px;}
.pt_news .archive .en_set{margin-top:2em;}
.pt_news .archive .ov_en{margin-top:0.2em;text-align:left;}
.pt_news body,.pt_news div,.pt_news span,.pt_news section{font-size:14px;}
.pt_news header div {font-size: 16px;}
.pt_news .single section h1{font-size:20px;font-weight:500;color:#555}
.pt_news .archive section h2{font-size:16px;font-weight:400;color: #222;line-height: 1.5em;margin-top: 0.1em;}
.pt_news .archive section h3.t_en{font-size:16px;font-weight:600;text-align:left;}
.pt_news .post-type-archive-news .update{display:block;text-align:right;border-bottom:1px solid #aaa;}
.pt_news .sigle section,.pt_news .single{font-weight:400;}
.pt_news .post-meta{text-align:right;font-size:12px;color:#999;}
.pt_news .post-date{display:inline-block;font-size:12px;}
.pt_news .post-date.update{color:#666;display:none;}
.pt_news .t_en{text-align:left;color:#666}

.pt_news.pitten .single section .centering_box,.pt_news.pitten .archive section.news .centering_box{width:85% !important;max-width:600px !important;}
.pt_news .s_h_t{font-size:18px;font-weight:600;display:inline-block;line-height:1.4em;margin:3px 0 3px;}
/*.po header{height:60px;padding:20px 0 10px 0;}
.header_text{top:0;position:fixed;}
.pt_news .header_logo .s_h_t{transition:0.2s;border-bottom:0px solid rgba(0,0,0,0)}
.pt_news .header_logo .s_h_t:hover{border-color:#000}
*/
.po_t_box div {font-weight: 400; color: #333;}
@media only screen and (max-width:767px){
	.pt_news .archive h2{margin:0 auto;max-width:85%;}
	.po_t_box{margin:0 auto;max-width:85%;}
	.pt_news .archive .single_contents_box{padding-left:0em;padding-right:0em}
	.pt_news.pitten .archive section.news .centering_box{max-width:100% !important;width:100% !important}
	.pt_news.pitten .archive h1{margin:0 7.5% 2em;}	
	.pt_news.pitten .archive .image_box{margin:0 5% 2em;}
}

/*.pc .v_list.centering_box{overflow:hidden;}*/
.btn_label{pointer-events:none;}
.btn,.c_num,.pitten_y{
user-select:none;user-select: none; /* CSS3 */
-moz-user-select: none; /* Firefox */
-webkit-user-select: none; /* Safari、Chromeなど */
-ms-user-select: none; /* IE10かららしい */}


.zzz{background-image:url(image/content/pitten/pitten_zzz.png) !important}
.p_unit,.ts{transition:0.2s;width:calc(90% / 10 );margin:0.5%;cursor:pointer;
	background-position: 50% 50% !important;background-repeat: no-repeat !important;
}
.p_unit{background-image:url(image/content/pitten/pitten.png);background-size: 100%;}
.ts{position:absolute;background-image:url(image/icon/coin.png);background-size:60%;}
.i_got_it{transform:rotateY(270deg)}
#score{position:absolute;margin-top:1.4em;font-size:25px;}

@media only screen and (max-width:767px){
 .p_unit,.ts{width:calc(94% /3);margin:1%;}	
	
}


*::selection{background-color:rgba(0,0,0,0)}
img{ -ms-user-select: none; /* IE 10+ */
   -moz-user-select: -moz-none;
   -khtml-user-select: none;
   -webkit-user-select: none;
   user-select: none;
}


body{touch-action: manipulation}
a,.btn,.p_btn,.p_btn_set {
  -webkit-tap-highlight-color:rgba(0,0,0,0);
  cursor:pointer;
}
@media (hover: hover) and (pointer: fine) {
	.sound_btn:hover, .help_v_btn:hover{opacity:0.5}
}
.no_q{font-family:'Roboto','Noto Sans JP',sans-serif;display:inline;font-weight:500;}

.coin_times{opacity:0;transition:0.2s;margin-top:1.5em;}
.coin_times.coin_on{opacity:1;}
.coin_times img{margin-bottom:-8px;}
.coin_times span{font-size:20px;font-weight:700;}

.f_btn_belt .left img{width:35px;filter:invert(1)}
.option_btn{width:30px;margin-right:7px;position:relative;filter:brightness(0);display:none;}
.quiz .option_btn,.pittan .option_btn{display:inline-block;margin:0 auto;}

.auto_play_btn.option_btn{background:url(./image/button/auto_play.png);display:none;}
.auto_play_btn:hover{opacity:0.5;}
.kana_btn{background:url(./image/button/kana.png);opacity:0.3;}
.yomigana .kana_btn{opacity:1;}
.qa_chg_btn{background:url(./image/button/qa_chg.png);display:none;}
.can_qa_chg .qa_chg_btn{display:inline-block;}
.sound_btn{width:30px;background:url(./image/button/sound_on.png);margin-right:3px;position:relative;}
.sound_btn.muted{background:url(./image/button/sound_off.png)}
.p_menu .option_btn_area{display:none;}

@media only screen and (max-width:767px){
	.option_btn_area{display:none;}
	.option_btn{width:25px;margin:5px 0 5px 5px}
	.p_menu .option_btn_area{display:block;text-align:right;}
	.pt_tool .type_1c .tool_html .centering_box{margin-top:4em;}
	.pt_tool .type_2c .tool_html .centering_box{margin-top:0em;}	
	.type_1c .tool_html{margin-bottom:2em}
	.type_2c .tool_html{margin-bottom:2em;}
}

/* CLOCK and Timer */
.bgi.pitten{background:url("./image/content/pitten/pitten_nb.png");}
.bgi.tool_logo{background:url("./image/logo/logo_tool.png")}

/* SNS */
.tool_link_belt ._sns img{width:30px;}
.tool_link_belt ._sns a{display:inline-block;margin:0 15px}
.tool_link_belt ._sns a:before{display:none;}
@media only screen and (max-width:767px){.tool_link_belt ._sns a{margin:0 5px;}}

section.hello{display:none;}
.post-type-archive-tool .update_info,.post-type-archive-game .update_info{display:none;}
.post-type-archive-tool .excerpt,.post-type-archive-game .excerpt{overflow:hidden;}
/*h1,h2,h3,li a{font-family:"Roboto","Noto Sans Japanese"}*/
body,#body,.centering_box{overflow:hidden;}
.pt_tool label{cursor:pointer;}
.home h5.title{text-align:center;font-size: 1.8em;color: #000;line-height: 1.3em;padding-bottom: 0.2em;font-weight: 600;margin: 2.8em 0 0.3em;margin-left: 0;}

.d_seo_area{height:2em;}
.cat_d_more h2.seo_t{font-size:16px;margin-bottom:2em;width:8em;text-align:center;border-bottom:2px solid #000;}
.seo_detail{font-size:16px;line-height:1.5em;font-weight:300;text-align:justify;max-width:600px;margin:0 auto;}
.cat_d_more .seo_detail h2{border-left: 10px solid #666;padding-left: 10px;border-bottom: 1px solid;background: #f0f0f0;}
.cat_d_more .seo_detail a{border-bottom:1px solid blue;color:blue !important;display:inline-block;font-weight:600}

.tax-zukan #new_videos .slick-slide ._ul{display:inline-block;border-bottom:2px solid transparent;    line-height: 1.05em;}
.tax-zukan #new_videos .now_viewing ._ul{border-color:#333}
._ul b{font-weight:400;}
.top_cat .jump_link{margin:1em 0;}
.top_cat .jump{transition:0.2s;font-weight:400;padding:5px 10px;}
.jump:hover{background:gray;color:#fff;}
.archive .t_3c .item{transition:0.3s;}
.HL .item img._cover{position:absolute;cursor:pointer;z-index:999;display:none;}
.HL .item .eye:hover img._cover{background:rgba(0,0,0,0.5)}

.click_area{display:inline-block;}
a.s_vimeo_link{display:block;margin-top:-2em;text-align:right;}
.top_cat .cs_t{font-weight:400;}
.t_and_ov{margin-top:2em;}
.archive .t_and_ov h1{margin-bottom:0.5em;font-weight:600;border-bottom:1px solid #333;font-size:2.5em}
.top_cat_st{text-align:left;font-size:1.1em;line-height:1.6em;font-weight:400;font-size:1.1em;}
.eye_catch_area._tax_eye{text-align:right;margin-top:-2em;}
.cat_mark{display:inline-block;position:relative;width:12%;right:3%;margin-bottom:-38%;z-index:9}
.HL .date{color:#999;}
.all_link{display:block;float:right;}
.all_link a{transition:0.2s;border-bottom:1px solid transparent;}
.all_link a:hover{opacity:0.5}



.dz_t{border-bottom:1px solid #000;margin-top:5em;padding-bottom: 0.2em;}
.dz_t .cs_t{border:0;margin:0;font-size:1.4em;font-weight:600;line-height:1.3em;}
.HL .item .v_link._ex{margin:-2.2em -3em 0;text-align:right}
._ex img{height:2em;margin-left:0.5em}
._ex a.yt_link{padding:0}

.top_cat_eye{display:block;width:100%;background-size:cover !important;background-position:50% 50% !important}
.top_cat .pan{display:none;}
.top_cat .title_set{display:none;}
.top_cat .t_3c .center_at_3c{margin-left:1%;margin-right:1%}
.top_cat .t_3c .item{margin-top:1%;width:calc(98% / 3)}
.top_cat .item .info_set{display:none;}
.pc_inline{display:inline-block;}
@media only screen and (max-width:1110px){.pc_inline{display:none;}}
@media only screen and (max-width:767px){
	.tax-zukan #new_videos .slick-slide ._ul{font-size:14px;font-weight:500}	
	.pc .item .sub_title{font-size:12px;}
	.pc_inline{display:none;}
	.cat_eye .bgi{height:calc(85vw * 9 / 16)}
	.cat_eye{margin-top: 0.5em;}
	.top_cat .jump{padding:5px 6px;font-size:12px;}
	._ex img{height:19px;padding-top:4px;margin-left:10px;}
	.top_cat .cs_t{font-size:12px;}
	.archive .t_and_ov h1{margin-top:2.5em;text-align:center;font-size:1.5em;}
	.top_cat_st{font-size:12px;line-height:1.5em;font-weight:400;margin-bottom:-1em;}
	.cat_mark{width:26%;margin-bottom:-55%;right:2.5%}
	.eye_catch_area._tax_eye{margin-bottom:1em;}
	section.top_cat{margin-top:85px !important;}
	section#main_area{margin-top:0;margin-top:-30px}
    .top_cat .t_3c .item{width:calc(50% - 5px);margin: 5px 0;}
	.top_cat .t_3c .item.odd{margin-right:10px !important;}
	.top_cat .t_3c .item.center_at_3c{margin:5px 0}
	.dz_t{margin-bottom:1em;margin-top:2em;}
}
.pitten section{margin-top:0;}
.slick_screen .slick-dots{bottom:-50px;}
.right_col a:hover{opacity:0.5;}
.right_col a{display:block;transition:0.3s;}
.top_cat_slider{overflow:hidden;}
.top_cat_slider .item{width:0;margin:0 10px;border-radius:10px;}
.top_cat_slider img.bgi{border-radius:10px;}
.slick_v .item{width:0;}
.top_cat_slider .centering_box{width:100%;max-width:100%;}
.main_col{width:70%;float:left;}
.right_col{width:27%;float:right;margin-left:3%;}
.pitten .HL .item .title{font-weight:400;width: calc(100% - 5em);font-size:1em;}
.HL .cs_t{font-size: 1.4em;font-weight: 600;line-height: 1.3em;margin-top:0.5em;margin-bottom:1em;}
.HL .dsc_kana{font-weight:400;line-height:1.5em;font-size:12px;margin-top:0.3em}
.HL .item{width:48.5%;margin-bottom:1em;}
.HL .item ._link {transition:0.2s;border-bottom:2px solid transparent;display:inline-block;}
.HL .item:hover ._link{border-color:#333}

.HL iframe{position:absolute;z-index:10;border-radius:20px;}
.HL .item img{transition:0.2s;border-radius:20px;}
.HL ._sc_eye{transform:scale(0.99)}
.HL ._sc_eye:hover{transform:none;}
.HL .item.odd{margin-right:3%}
.HL .item h3{margin-top:0.5em;}
.HL .item .v_link{float:none;margin:1em 0;text-align:left;}
@media only screen and ( max-width: 767px ){
	.main_col,.right_col{border:none;margin-top:2em;width:100%;}	
	.top_cat_slider img.bgi{border-radius:7px;}
/*
	.mobile .slick_v .item{opacity:0.3}
	.mobile .slick_v .item.slick-current{opacity:1}	
*/
	.home section.HL{margin-top:0;} 
	.main_col{width:100%;float:none;}
	.HL .cs_t,.dz_t .cs_t{font-size:22px;}
	.pitten .HL .item .title{font-size:12px;}
	.HL .dsc_kana{font-size:12px;}	
	.HL .item{width:100%;}
	.HL .item.odd{margin-right:0}
	.HL ._sub_title{}

	.HL iframe{border-radius:10px;}
	.HL .item img{border-radius:10px;}
}

#new_videos .slick-dots{margin-bottom:-2em}
.slick-dots{transform: scale(0.6);}
.slick-dots li button:before{display:inline-block;background:#000;border-radius: 12px;width: 12px;height: 12px;content:' ';}
#recommended .slick-next:before,#recommended .slick-prev:before{border-color:#fff}
.tax-zukan .item .sub_title{height:1.8em;}
.item .v_tag{display:none;font-size:12px;margin-top:5px;margin-left:10px;color:red;font-weight:600;}
.item.new .v_tag{display:block;}
.cat_tag{height:2em;font-size:14px;color:red;font-weight:500;}
.pickup.cat_tag{}
/*TEMP 2022.1.11 */.link_wrap{position:relative;width:48%;margin:0 1%;float:left;}
.link_hover{transition:0.2s;width: 100%; height:auto;position: absolute;background:rgba(255,218,0,0.95);opacity: 0;color:#fff;font-weight:600;display:block;}
.link_hover a{color:#fff !important;display: block;top: 0;bottom: 0;height: 40px;position: static;color: #fff;padding-top: 3em;font-size: 20px;width: 100%;height: 100%;}
.link_hover:hover{opacity:1}
#links h2._re_{font-size:2em;margin-top:1em;margin-bottom:1em;color:#333;font-weight:600;text-align:center}
.link_text{color:#000;font-size:12px;line-height:1.4em;height:4.2em;overflow:hidden;font-weight:400}
.link_t{font-weight:600;font-size:18px;margin: 0.7em 0 0.5em;height:1.5em;display:block;overflow:hidden;}
.link_tag{color:#fff;padding:0 10px;margin-right:10px;margin-bottom:5px;font-size:14px;font-weight:600;display:inline-block;}
._tag1{background:#005099}
._tag2{background:#006638}
.link_pitten{width:35%;}
.link_item .content{width:65%;padding:2em 2em 1em 1em;}
.link_set.item{width:100%;margin:0;}
.link_item{margin:0 0 2em 0;background:#f0f0f0;padding:0;text-align:left;}

@media only screen and ( min-width:1400px){
	.link_text{font-size:14px}
	.link_t,.link_hover a{font-size:1.4em;}
}
@media only screen and ( min-width:1600px){
	.link_text{font-size:16px;}
	.link_t,.link_hover a{font-weight:600;font-size:1.7em;}
	.link_hover img{margin-top:0.5em}
}
@media only screen and ( min-width:1800px){
	.link_text{font-size:16px;}
	.link_t,.link_hover a{font-weight:600;font-size:2em;}
	.link_hover img{margin-top:1em}	
}
/* MAX */
@media only screen and ( max-width:1260px){
	.link_item img{height:180px;}
}
#recommended{text-align:center;margin:0 0 0;}
#recommended a.short_film_link{color:#fff;border-color:#fff}
#recommended .top_cat_slider{padding:4em 0 5em;background:#005099}
#recommended h2._re_{font-size:2em;font-weight:600;text-align:center;margin-bottom:2em;color:#fff}
#recommended .item{margin: 0 10px;padding: 10px 15px;}
.archive .slick_screen{}
.tag_area{margin-bottom:1em;font-size:22.4px;font-weight:600;}
.d_meaning{background:#000;color:#fff;padding:0.2em 1em;margin:1em 0;margin-right:1.5em;border-radius:2px;}
.d_type{}
._yt,._wiki{display:inline-block;font-weight:500;font-size:16px;padding:0 0.5em;line-height:1.5em;}
._yt{color:blue !important;border:2px solid blue;}
._yt:hover{color:#fff !important;background:blue;}
._wiki{color:red !important;border:2px solid red;margin-left:1em;}
._wiki:hover{color:#fff !important;background:red;}

.path{margin-bottom:1em;}
.path span,.path a{display:inline-block;font-size:14px;line-height:1.2em;padding-bottom:4px;border-bottom:1px solid #000;font-weight:600;}
.archive .top_video iframe{width:100%;height:100%;position:absolute;top:0;right:0;}
.archive .iframe_wrap{width:100%;margin:0 auto;padding-top:56.25%;position:relative;}
/*角丸*/
.archive iframe,.pt_video .archive .cat_list img.bgi{border-radius:10px;}
.pt_news .archive iframe{border-radius:0;}
.archive .iframe_wrap.bgi{border-radius:12px !important;background-size:99% !important}

.pt_ .sns_btn_set{ float: right; margin-top: -2em;transform: scale(1.3);margin-right:7px;}
.s_cb.centering_box{max-width:600px;}
.cat_d_more h2.tax_sec_t{font-size:3em;margin-top:1em;margin-bottom:0;font-weight:600;line-height:1.2em;border-bottom:1px solid #000;color:#000}

.h_clock,.update_info{display:none;}
.home .h_clock,.home .update_info{display:block;}
.idcfs .tax-zukan section.top_section{margin-top:5em;}
iframe{transition:opacity 0.5s}

.p_dz_pre{margin-bottom:-1em}
/*.slick-prev.slick-disabled:before, .slick-next.slick-disabled:before { opacity:0.5 !important;}*/
._gs{ pointer-events:none;}
#mid_screen{margin:4em 0 2em;}
#mid_screen iframe{width:70vw;height:calc(70vw * 9/16);max-width:1000px;max-height:calc(1000px * 9/16)}
.mid_iframe_wrap{margin:4em 0 4em;width:100%;height:calc(100% * 9/16);}
@media only screen and ( min-width:1260px ){
	.link_wrap {width: 49%;margin:0% 0.5%;}
}
@media only screen and ( max-width: 767px ){
	.path span,.path a{font-size:14px;font-weight:500}
	.link_wrap{float:none;width:100%;margin:0;}
	.archive iframe,.archive .iframe_wrap.bgi,.pt_video .archive .cat_list img.bgi{border-radius:10px;}
	.pt_video .archive .top_cat .cat_list img.bgi{border-radius:10px;}

	.cat_tag{font-size:12px;}
	.v_list.centering_box{width:100%;max-width:100%;}
	.tax-zukan .centering_box{width:85%;}
	.tax-zukan section#recommended .centering_box{max-width:100%;width:100%}
	.tax-zukan #links .centering_box{max-width:100%;width:95%;}
	#mid_screen .centering_box{max-width:100%;}
	.mid_iframe_wrap{width:100%;}
	#mid_screen iframe{width:100%;height:calc(100vw * 9/16)}
	.s_cb.centering_box{max-width:85%;}
	.pt_ .cat_d_more .content{margin-bottom:1em;font-size:14px;font-weight:500;padding-bottom:1em;border-bottom:1px solid #000}
	.tag_area{font-size:1em;}
	.tax_sec_t{font-size:1.6em;line-height:1.5em;}
	.pt_ .sns_btn_set{transform:scale(1);}
	.top_video.slick_v .centering_box{width:85%;margin-top:0;max-width:85%;}
	#links h2._re_ {margin-top:2em;font-size:1.2em;}
	.link_set.item{width:100%;float:none;margin:0}
	.link_pitten{width:35%;}
	.link_item .content{width:65%;}
	.tax-zukan #recommended section .centering_box{width:90%;}
	.link_tag{font-size:12px;}
	.link_item{margin:10px 0;padding:0;}
	.link_hover{height:9.2em}
	.link_hover a{pointer-events:none;padding-top:3em;font-size:16px;}
	.link_hover img{transform:scale(0.8)}
	#recommended a.short_film_link{margin:2.5em 0;}
	#recommended .top_cat_slider{padding:3em 0 2em}
	#recommended h2._re_{margin-bottom:0.7em;font-size:1.6em;}
	#recommended .item {margin: 0 5px;padding: 5px 10px;}
	.archive.tax-zukan section.cat_d_more{margin-top:2em;}
	._yt, ._wiki{font-size:12px;}
	._wiki{margin-left:5px;}
	.ex_link_area{text-align:right;}
	.cat_d_more h2.tax_sec_t{font-size:1.4em;line-height:1.7em}
	#pitten_cat .title{display:inline}
	#pitten_cat .slug{display:inline;margin-left:0.5em;font-size:12px;color:#999}
	#pitten_cat a{text-align:left;}
	/*.v_list.centering_box{overflow-x:scroll;}
	.v_list .item{width:70vw}*/

}
a.short_film_link{display:inline-block;border:1px solid #000;margin:5em 0 0}
a.short_film_link:hover{opacity:0.5;}
a.short_film_link span{display:inline-block;margin:1em 2em;line-height:1em;}
a.short_film_link img{height:1em;}

#douga_zukan_cat{margin-top:0em;}
/*#douga_zukan_cat .centering_box{max-width:1000px;width:90%}*/
.douga_zukan_banner{transition:background 0.3s;padding:4em 0 3em;margin-top:0}
._banner_box{max-width:800px;width:80%;min-width:300px;margin:0 auto;}
.p_dz_t{text-align:center;margin-bottom:2em;}
.p_dz_i{width:85%;margin:0 auto;}
.pitten5{text-align:center;}

.tcs_wrapper{margin-top:4em;}
.p_tv{color:#00509F;font-weight:600;margin-right:0.5em;}
.top_cat_slider._selected{opacity:1;border-bottom:2px solid #000;padding-bottom:15px;}
._selected .cs_t{display:none;}

.select_cat_t{font-size:16px;font-weight:600;line-height:1.1em;text-align:center;width:10em;margin:0 auto;margin-top:2em;margin-bottom:2em;border:1px solid #000;padding:15px 0 10px}
.sct_en{font-size:14px;font-weight:400;}
.cs_t{margin-top:1em;margin-left:0px;margin-bottom:1em;border-bottom:1px solid #333;font-weight:500}
.cs_t .centering_box{text-align:left;}
section{overflow:hidden;}
#update_area a{border-bottom:2px solid transparent}
#update_area a:hover{border-color:#000;}
.item a:focus{outline:unset}
.top_cat_slider .slick-slider{margin: 10px 0 15px;}
.top_cat_slider .item .eye{margin:0/*10px 5px 0 5px;*/}
.top_cat_slider .item .eye:hover{opacity:0.5}
.top_cat_slider .item a:focus{background:transparent}
.top_cat_slider{margin-top:0;}
.item.up_coming a{pointer-events:none;}


.pitten5_t{text-align:center;font-size:12px;font-weight:500;margin-top:4em;}
.pitten_set{display:inline-block;width:17.5%;margin:0 0.25% 0.5em;text-align:center;}
.pitten_set.btn h3{transition:0.2s;border-bottom:2px solid transparent;display:inline-block;}
.pitten_set.btn:hover h3{border-color:#333}
.pitten_set.btn:active h3{transform:scale(0.9)}
.pitten_set .p_name{font-size:12px;font-weight:500;margin-top:1em;text-align:center;}
.update_info_set{width:calc(49% - 30px);margin:15px;display:inline-block;}

#selected_cat_area{margin-top:1em;}
.slick_cat .slick-slide:hover{opacity:0.6;}
/*.slick_cat .slick-slide.slick-current{opacity:1;}*/
.slick_cat h3.title{font-size:1em;}
.all_video{margin-top:2em;width:100%;position:static;}
.all_video .item{display:none;width:calc(96% * 1/3 );display:block;margin:0 0 1em 0}
.cat_group{display:none;}
.cat_group._cat_on{display:block;}

.cat_en{display: inline-block; text-transform: uppercase;font-size:14px;font-weight:400;}
.selected_cat{line-height:1.1em;width:10em;font-size:1.4em;display:block;margin:0 auto;margin-top:2em;border:2px solid #000;font-weight: 700; color: #000;padding:0.2em 2em}
.video_cat h3.title{margin-top:0.5em;}

.top_video,.iframe_wrap{font-size:0;}
.item{transition:0.3s;}
body{touch-action: manipulation}


@media only screen and ( min-width:768px){
	.all_video .item._on.c_at_3c{margin:0 2%;}
}

@media only screen and ( max-width:767px ){
	.pitten_set{width:16.5%;margin:0 1% 0.5em}
	.pitten5{margin-top:10px;}
	.p_dz_i{width:130%;margin-left:-15%;}
	.douga_zukan_banner{padding:3em 0 2em;}	
	#douga_zukan_cat{margin-top:0}
	.p_dz_t{font-size:12px;}
	.cst_c_inbox { max-width: 80%;margin: 0 auto;}
	.douga_zukan_banner{margin-top:80px;}
	a.short_film_link{margin:4em 0 2em;}
}

/* -- 20210506 END --*/


#new_videos .item{transition:0.2s;padding:5px;}
#new_videos .item .eye:hover{opacity:0.6}
.idcfs .slick-prev{margin-top:0px;}
.idcfs .slick-next{margin-top:-31px;}

.archive.tax-zukan section{margin-top:0;}
section.hello{display:none;}
/*
.post-type-archive-tool .update_info{display:none;}
.post-type-archive-tool .excerpt{overflow:hidden;}
*
/*h1,h2,h3,li a{font-family:"Roboto","Noto Sans Japanese"}*/
body,#body,.centering_box{/*overflow:hidden;*/}
.pt_tool label{cursor:pointer;}

@media only screen and ( max-width:767px ){
 .idcfs.pitten header{height:75px;padding:0 !important;z-index:9999}
 .idcfs.pitten header h1{display:inline-block;} 
 .idcfs.pitten header header_logo a{width: 141px;margin:0 auto;display:block;}
 .idcfs.pitten .left_logo .header_logo{text-align:center;}
 .idcfs.pitten.pt_ section.top_section{margin-top:90px }
 .idcfs.pitten.pt_ .tax-zukan section.top_section{margin-top:105px;}
 .idcfs.pitten.pt_tool section.top_section{margin-top:0;}
 .tax-zukan .cat_list{margin-top:2em !important;}
 .idcfs.pitten.pt_ .home section.top_section{margin-top:60px } 
 .home section.top_cat_slider{margin:0;}
 #new_videos .centering_box{max-width:100%;width:100%;}
 #new_videos .item{padding:5px 0;margin:0 5px !important;opacity:0.3}
 .pc #new_videos .item{opacity:1}
 #new_videos .item.slick-center{opacity:1;}
 #new_videos .title{display:none;}
 .archive .slick_screen{width:unset;margin-left:unset;}
}



/* TOOL archive START */
.post-type-archive-tool .copyright,.post-type-archive-game .copyright{font-size: 12px;background: transparent;font-weight:400;display: inline-block;position:relative;top:-42px}
.archive section h1{font-size:1.6em;color:#222;line-height:1.3em;margin-top:0.1em;margin-bottom:1em;padding-bottom:0.2em;}
.all_tools{margin:2em 0 3em}
.archive .all_tools{margin:2em 0 4em;position:relative;z-index:9}
.tool_item{margin:0.2em 0 0.7em;text-align:center;}
.archive #mojihen{margin-bottom:0.7em}
.tool_item.maniac h2{font-size:1.2em;}
.tool_item:hover h2{border-color:#000;}
.acv_eye{z-index:11;opacity:0;transition:0.5s;border:2px solid rgba(0,0,0,0.2);position:absolute;top:0;bottom:0;right:0;left:0;margin:auto;margin-right:10%;width:40%;max-width: 200px;border-radius:25px;}
.tool_item:hover .acv_eye{opacity:1;}
.pt_game .acv_eye{display:none !important}
/*.tool_item span{display:none;border:2px solid #fff;color:#fff;padding:2px 5px;font-family:sans-serif;font-weight:700;}*/
.tool_item h2,.p_title{transition:0.2s;line-height:1.2em;border-bottom:2px solid rgba(0,0,0,0);display:inline-block;font-size:1.5em;vertical-align:middle;margin:0 0.5em;font-weight:500;color:#000}
.tool_item h3{display:none;margin:5px;line-height:1em;color:#fff;padding-bottom:5px;border-bottom:2px solid #fff;}
.tool_item h4{text-align:center;display:inline-block;margin-bottom:2em;border-bottom:2px solid transparent;color:#000;font-weight:500}
.tool_item h4:hover{border-color:#000;}
@media only screen and (min-width:1300px){
	.pt_tool .archive .title_logo{margin-top:4vw;}
	.pt_tool .archive #tool_menu_area{margin-bottom:4vw;}
	.pt_tool .archive .bar{margin-top:3vw;margin-bottom:3vw;}
}
@media only screen and ( max-width:900px){

.all_tools{margin:1em 0 1.5em}
.tool_item{margin:0 0 0.5em}
.tool_item h2,.p_title{font-size:18px;font-weight:500;}
.tool_item h3{display:none;}
.tool_item h4{font-weight:500;margin-bottom:1em}
.p_btn_set{margin:0em 0 -3em}
.p2_set .tool_item h2{font-size:16px;}

}

@media only screen and ( max-width:767px){
	
	.acv_eye{display:none !important}
	.home h5.title{font-size: 1.6em;margin-top: 0em}
}
/* TOOL archive END*/


.tool_dsc{width:90%;max-width:600px;text-align:justify;word-break:break-all;margin:0 auto;padding:6em 0;font-size:14px;font-weight:400;}
.single .tool_dsc h2{margin-top:2.5em;margin-bottom:0.5em}

.c_ma{margin-top:6em}@media only screen and (max-width:767px){.c_ma{margin-top:3em;}}

.video_cat .item{margin:30px;}@media only screen and (max-width:767px){.video_cat .item{margin:10px}}
.video_cat .title{text-align:center;font-size:0.9em;}


#page_privacy-policy .description{font-size:14px;font-weight:200;color:#333;line-height:1.6em;}
#page_privacy-policy h2{margin-top:1em;font-size:1.1em;font-weight:400;color:#666}
#page_advertising h2{margin-top:1em;font-size:1.1em;font-weight:400;color:#666;margin-bottom:-1em;}
#page_advertising .description{font-size:14px;font-weight:200;color:#333;line-height:1.6em;}

.pt_tool .tool_f_menu{display:block;}
.tool_f_menu,.tool_f_menu a{color:#666 !important;font-weight:200;font-size:12px;display: inline-block;}

/* Hamburger menu*/
.pt_tool .hbg_menu{margin-top:25px;position:static;}
.hbg_menu{float:right;margin-top:10px}
.hbg_input{display:none;}
.hbg_label{display:block;position: relative;padding: 2px;width: 30px;height: 20px;cursor:pointer;}
.hbg_label::before{ width: 8em;height: 20px;position: absolute;left: -8em;transition:0.2s;overflow:hidden}
.ja .hbg_label::before{content:"";}
.en .hbg_label::before{content:"";}
/*.hbg_menu:hover .hbg_label:before{color:#666}*/
.hbg_bar,.hbg_bar::before,.hbg_bar::after{content: "";position: absolute;top: 15px;height: 2px;width: 30px;opacity: 1;background: #121212;transition: 0.14s ease-in-out;}
.hbg_bar::before{top:-8px;left:0}
.hbg_bar::after{top:8px;left:0}
.hbg_input:checked ~ .hbg_label::before{width:4em;left:-4em;}
.ja .hbg_input:checked ~ .hbg_label::before{content:"";}
.en .hbg_input:checked ~ .hbg_label::before{content:"";}
.hbg_input:checked ~ label .hbg_bar{width:0;}
.hbg_input:checked ~ label .hbg_bar::before{transform: rotateZ(45deg);top: 0;}
.hbg_input:checked ~ label .hbg_bar::after{transform: rotateZ(-45deg);top: 0;}
.hbg_menu .tool_menu{transition: /*0.22s ease-in-out*/ 0.1s;display:none;position:fixed;right:7.5%;/*right:-40%;*/top:100px;padding:20px 40px;background:#FFDA00;z-index:-1;opacity:0;width:40%;border:2px solid #000;border-width:2px;border-radius:15px;max-width:30em}
@media only screen and (min-width:768px){.home .hbg_menu .tool_menu{top:220px}}
.hbg_menu .tool_menu.top_mo_menu{background:#fff}
.hbg_menu .tool_menu ul li{display:block;margin:10px 0;}
.hbg_menu .tool_menu ul li a{display:block;padding:10px 25px;border:2px solid #000;color:#666;background:#fff;border-radius:50px;font-size:18px;}
.hbg_menu .tool_menu ul li a:hover{color:#000;background:#fff}
.hbg_menu .tool_menu ul li span.mo{display:none;}
.hbg_menu .tool_menu ul li.current-menu-item a{color:#000;background:#fff}
.hbg_menu .tool_menu ul li.current-menu-item a::before{content:"";display:inline-block;width:15px;height:15px;background:#FFD402;border:1px solid #000;border-radius:15px;position:relative;top:4px;left:-3px;}
.hbg_input:checked ~ .tool_menu{z-index:9999;opacity:1;display:block/*right:0*/}
@media only screen and (min-width:1300px){ .hbg_menu .tool_menu{right:unset;margin-left:-445px;}} 
@media only screen and (max-width:900px){
	.pt_tool .hbg_menu{position: relative;top: 57px;margin-top: -31px;margin-left:-10px}
	.hbg_bar{margin-top: 30px;}
	.hbg_label{padding:50px 44px 30px;top:-38px;left:-48px;}
	.hbg_label::before{display:none;}
	.hbg_menu .tool_menu{width:90%;top:72px;padding:30px 20px;}
	.horizonal .hbg_menu .tool_menu ul{text-align:left;}
	.horizonal .hbg_menu .tool_menu ul li{display:block;margin:0 auto;}
	.horizonal .hbg_menu .tool_menu ul li a{display:inline-block;width:100%;max-width:20em}
	.hbg_menu .tool_menu ul li span.mo{display:inline-block;}
	.hbg_menu .tool_menu ul li{text-align:center;}	
}
@media only screen and (max-width:767px){
	.hbg_menu,.pt_tool .hbg_menu{position:absolute;left:7.5%;top:30px;margin-top:0;height:20px;margin-left:0;max-width:90%;}
	.hbg_label{transform:scale(0.75)}
	.hbg_menu .tool_menu{max-width:unset;left:5%;}
}

/*
.pitten .info_set .overview{display:none;}
*/
*::selection{background:rgba(0,0,0,0.2)}
.p_btn_set{width:20%;text-align:center;display:inline-block;cursor:pointer}
.p_btn{width:50%;max-width:80px;height:auto;display:block;margin:0 auto;transition:0.5s;}
/*.p_btn_set:hover .p_btn{transform:scale(1.05);transition:0.2s;}*/
.p_btn::selection{background:transparent}
.p_btn_text{font-weight:400;display:inline-block;border-bottom:2px solid transparent;transition:0.2s;font-size:16px;margin-top:10px;}
/*.p_btn_set:hover .p_btn_text{animation:none;border-color:#000;}*/


.one_rotation{animation:0.3s linear 0s 1 gyuin !important;}
.pochitto{animation:0.1s linear 0s 1 pochitto !important;}

.pitten_y{background:url(image/content/pitten/pitten_nb.png)}
.pitten_g{background:url(image/content/pitten/p_green.png)}
.pitten_r{background:url(image/content/pitten/p_red.png)}
.pitten_b{background:url(image/content/pitten/p_blue.png)}


@keyframes howan{
  0%{ transform:scale(1);}
  50%{ transform:scale(0.85);}
  100%{ transform:scale(1); }
}

@keyframes gyuin{
  0%{ transform:rotate(0) scale(1)}
  15%{ transform:rotate(0) scale(0.8)}
  50%{transform:rotate(180deg) scale(0.65)}
  75%{ transform:rotate(450deg) scale(0.8) }
  100%{transform:rotate(380deg) scale(1)}
}

@keyframes pochitto{
  0%{ transform: scale(1)}
  50%{ transform: scale(0.97)}
  100%{ transform:scale(1)}	
}

@media only screen and (min-width:1801px){
	section .centering_box{max-width:1260px;}

	.pt_tool .centering_box,.pt_game .centering_box{width:85%;max-width:85%;}	
}
@media only screen and (min-width:1401px) and (max-width:1800px){
	section .centering_box{max-width:960px;}
	.pt_tool .centering_box,.pt_game .centering_box{width:85%;max-width:85%;}
	/*font*/
	header{}
	header .header_logo img.bgi{height:60px;/*8vw*/}
	.menu_right.right{margin-top:2em}
	.idcfs body,.idcfs header ul li a{}
	.h_clock{margin-top:0.2vw;/*2vw*/}
	.h_clock #clock div{font-size:20px;/*1.5vw;*/}
	.update_info{margin-top:8em}
	.idcfs section.top_section.top_video{margin-top:14px;/*1vw;*/}
/*
	.top_video iframe{width:1400px !important;height:calc(1400px * 0.5625) !important;}
*/
	.pitten .item .update{font-size:14px;/*1.2vw;*/}
	.pitten .item .overview{font-size:16px;/*1.2vw;*/}
	.pitten .hello img{max-width:630px;padding:70px 0 /*5vw 0*/}

	section, .centering_box, div, p, h1, h2, h3, h4, h5, header, footer, li, dt, dd{font-size:16px}
}

.pitten_set .waku{position:absolute;left:0;right:0;}
.anime_on{animation:0.1s linear 0.2s 5 rotation;display:block;}
.maru_pitten{max-width:300px !important;}
@keyframes rotation{
  0%{ transform:rotate(0);}
  100%{ transform:rotate(360deg); }
}
@media only screen and (min-width:768px) and (max-width:1400px){
	section .centering_box{width:85%;max-width:960px;}
	.pt_tool .centering_box,.pt_game .centering_box{width:85%;max-width:85%}
}
@media only screen and (max-width:767px){
	.post-type-archive-tool .p_btn,	.post-type-archive-game .p_btn{max-width:70px}
	.p_btn_set{width:60%;margin:1.5em 0 0em}
	textarea.input_area,textarea.result_area{width:100%;margin:1em 0}
}

footer .bold{font-weight:600;}
footer a.bold{border-bottom:1px solid #000;display:inline-block;}
.f_text{text-align:left;}
.footer_main{ font-size:14px;text-align:left;font-weight:400;}
.h_logo_tool{background-image:url(./image/logo/pitten_tool_bk.png) !important}
.h_logo_game{background-image:url(./image/logo/pitten_game_w.png) !important}
header.left_logo{margin-bottom:1em}
.home header.left_logo{margin-bottom:2em;}
.header_logo{max-width:350px;margin-top:1.5em}/*max-width:250px;margin-top:2em;*/
.pt_tool .header_logo{margin-top:0px;}
.header_logo img.bgi{background:url(./image/logo/bgi_logo.png?ver=1.5)}

header .header_logo img.bgi{height:60px;}/*60px*/
.pt_tool header .header_logo img.bgi,.pt_game header .header_logo img.bgi{height:45px;margin-top:15px;}
.menu_right.right{margin-top:2em}
.update_info{margin:0 auto;margin-top:85px;}
#update_area .update_info{margin-top:3em;}
.update_date{display:inline-block;background:#fff;padding:0 1em;font-size:18px}
.update_dsc{border:2px solid #000;padding:1.5em 1em ;text-align:center;margin-top:-1em;border-radius:10px}
.h_clock{margin-top:20px;}/*0.5em*/
.h_clock #clock div{text-align:left;font-size:16px;font-weight:400;line-height:1.2em;}
.idcfs section.top_section.top_video{margin-top:1vw;}
.top_video iframe{width:100%;height:calc(100vw * 0.554);}

.pitten .item .info_set{margin-bottom:0em;}
.top_video.slick_v .item .info_set{margin-top:1em;}
.pitten .item .title{font-weight:400;color:#000;height:1.7em;}
.pitten .item .update{font-size:14px/*1.2vw*/;margin:0 0 0.5em 0;}
.pitten .item .overview{font-size:16px/*1.2vw*/;border:1px solid #000;background:#fff;overflow:hidden;}
.pitten #short_film .item .overview{height:9em !important}
.pitten .item .overview .ov_inbox{margin:1em 1.5em;height:7.1em;overflow:hidden;text-align:left;}
.v_link{text-align:right;font-size:12px;margin:5px;}
.v_link .yt_link,.v_link .vimeo_link{font-size:12px;display:inline-block !important;border-width:0 ;line-height:1em;}
.yt_link.not_jump{text-decoration:line-through;}
.vimeo_link{text-decoration:line-through;}
.vimeo_link.v_on{text-decoration:none;}
.vimeo_link.v_on:hover{opacity:0.5}
.pitten #up_coming .item{margin-bottom:0.5em;}
.pitten #up_coming .item .info_set{margin-bottom:0;}

#pitten_cat a:hover{opacity:0.5;}
#pitten_cat .title{font-size:16px;letter-spacing:-0.05em;line-height:2em;height:auto;margin-bottom:0;}
.pitten #pitten_cat .item .overview .ov_inbox{height:3.4em}

@media only screen and (max-width:767px){
	.pc .v_link .yt_link,.pc .v_link .vimeo_link{font-size:10px;}
	#pitten_cat .title{font-size:14px;}
	#pitten_cat .cs_t{margin-bottom:2em;}
	#pitten_cat .item{margin-top:0.5em;}
}


h2.pitten_top_sec_t{border-bottom:2px solid #000;margin-bottom:2em;}
h2.pitten_top_sec_t .centering_box{font-weight:500;text-align:left;}
.eye{transition:0.2s;}

.pitten .hello img{width:45%;display:block;margin:0 auto;padding:5vw 0;transition:0.2s;}



.single .thumbnail{display:block;}
.single .video{font-size:0;}
.single .video iframe{opacity:1;transition:0.2s;width:100%;}
.single-video .description{font-size:1em;font-weight:400;}
.single-video .t_area{max-width:600px;margin:0 auto;}
.single-video h1{font-weight:600;}
.single-video hr{margin:3em 0}
.single .big{font-size: 20px;font-weight: 500;}
.meta_en{line-height:1.5em;font-weight:400;font-size:14px}
.v_credit{line-height:1.35em;font-weight:400;margin-bottom:6em;}

.menu_box.right{min-width:45%;}
.pt_tool .menu_box.right{width:calc(100% - 420px)}
 /* font */
 .idcfs body,.idcfs header ul li a{font-size:18px/*2vw*/;font-weight:500;}


.page .description{font-weight:400;font-size:16px;max-width:600px;margin:0 auto;}
#page_about .description{max-width:800px}
.page span.big{font-size:20px;font-weight:500}
.page section{margin-bottom:4em;}
.yt_icon{width:30px;margin:0 10px -5px 0}
a.yt_link{border-bottom:1px solid #000;padding-bottom:5px;font-weight:500}
a.yt_link:hover{opacity:0.5;}

.pt_video .item .sub_title, .pt_video .item .update{text-align:center;}
@media only screen and (max-width:767px){

	.home section.top_video{margin-top:1em;}
	.pt_tool .menu_box.right{margin-bottom:1em;}
	.pitten header{position:fixed;}
	.pitten .horizonal header{position:absolute;}
	.pitten.pt_tool header{position:static;}
	.pitten.pt_tool .horizonal header{position:static;}
	.pitten.pt_tool header{position:static;}	
	.pitten .left_logo .header_logo {max-width:200;text-align:left;margin-bottom:0em;width:100%;margin-top:25px;z-index:99999}
	.pitten .left_logo .header_logo img{height:30px;}/*30px*/
	.pt_tool header .header_logo img.bgi,.pt_game header .header_logo img.bgi{height:30px;margin-top:0px;}
	.pitten .menu_box.right{display:none;margin-top:2em;}
	.pitten header ul li{display:inline-block;margin-left:10vw;}
	.pitten header ul li:first-child{}
	.pitten.idcfs header ul li a{font-size:16px/*3vw*/}
	.h_clock #clock div{font-size:16px/*3vw*/;font-weight:500;line-height:1.2em;}	
	.update_info{margin:2em 0}
	.pitten #now_showing .item .info_set{margin-bottom:4em;}
	.menu_box.right{min-width:100%;}
	.single .video .eye_catch_area{position:absolute;width:100%;left:0;}
	.single .video .t_area{padding-top:calc(100vw * 0.5625);}
	
	section, .centering_box, div, p, h1, h2, h3, h4, h5, header, footer, li, dt, dd{font-size:16px/*3vw;*/}
	.pitten .item .update,.pitten .item .overview{font-size:12px/*3vw*/;}
	.pitten .item .title,h2.pitten_top_sec_t{font-size:12px/*3.5vw*/}
	.pitten .item .overview .ov_inbox{font-size:12px;font-weight:400;margin:0.5em 1em;}
	.update_info_set{ width: calc(49% - 10px); margin: 5px;}
	.update_date{font-size:15px;}
	.update_dsc{padding:1em 0.5em;font-size:12px;font-weight:400;height:5.5em;overflow:hidden;}
}

/* Pitten Tool */
.pt_tool header{padding:21px 0 0 !important;}
/*.pt_tool header img.bgi{height:00px;}*/
.pt_tool .menu_right.right{margin-top:0;}
.pt_tool .tool_menu ul{text-align:justify;}
.pt_tool .tool_menu ul li,.pt_ .tool_menu ul li{margin-left:1em;margin-right: 0.5em;}
.pt_tool .tool_menu ul li a,.pt_ .tool_menu ul li a{font-size:14px}
.pt_tool header .mail_pa{display:none;}

.pt_tool .single_hr{margin-bottom:1em;margin-top:1px;/*5px*/}
.pt_tool .wrap_ov{text-align:left;}
.pt_tool h1.title{font-weight:500;margin:0.1em 0 0;margin-left:0;}
.pt_tool .single .sub_title{display:none;height:1em;padding:0;margin:-0.1em 0 2em;text-align:left;line-height:1em;vertical-align:top;}
.pt_tool .single_hr{border-color:black;}
.tool_html{margin:0em 0 4em;font-size:30px;font-weight:700;}
.pt_tool .tool_html .centering_box{margin-top:10em;/*10em*/}
.pt_tool .f_text{display:none;}
.pt_tool .single .centering_box{max-width:85%;}
.post-type-archive-tool footer,.post-type-archive-game footer{display:none;}
.pt_tool footer{border-width:0px !important;}
.pt_tool.idcfs .top_section{margin-top:0}
.pt_tool .option_area{text-align:left;}
.pt_tool textarea{resize:vertical;border-radius:5px;border:2px solid #000;}

.pt_tool input[type="checkbox"]{margin-left:5px}
.pt_tool .tool_html a{color:#000;}

/*.pt_tool .analysis .p_btn{display:block;float:none;margin:0 auto;padding:2em;}*/
.pt_tool .analysis .result_area{float:none;width:auto;background:transparent;text-align:left;padding:0;margin-top:2em;}
.pt_tool .analysis .result_area div{margin:5px 0;}
.pt_tool .analysis .result_area span{margin-left:10px;height:auto;line-height:1.5em;width:4em;padding:5px 1em;background:#fff;border-radius:5px;display:inline-block;}
.pt_tool .result_area h5{width:8em;display:inline-block;}
.pt_tool .comment{color:transparent}
.pt_tool input[type="text"]{font-family:"Work Sans",sans serif;font-size:16px;border:0px solid rgb(255,255,255);margin-left: 10px;height: auto;line-height: 1.5em;width: 4em;padding: 5px 1em;background: #fff;border-radius: 5px;display: inline-block;}
/*.tool_html .brief_dsc{font-size:14px;font-weight:400;color:#333;text-align:justify;}*/
.pt_tool .single_hr{border-width:2px;}
.pt_tool .type_1c .input_area{width:100%;float:none;margin-bottom:0em;border:2px solid #000;}
.pt_tool .type_1c .result_area{float:none;margin:0 auto;margin-top:2em;border:0px solid transparent;border-radius:5px;}
.pt_tool .type_1c textarea{height:12em}
.pt_tool .type_2c .p_btn_set{margin-top:3em;}
.pt_tool .type_2c textarea{height:12em;border:2px solid #000}
.pt_tool .tool_html .pitten_qr .centering_box{margin-top:4em;}
.pt_tool .b_box{text-align:left;}
.pt_tool .select_area{font-size:16px;font-weight:400;margin-bottom:2em;text-align:left; }
.pt_tool .select_area span{display:inline-block;}
.pt_tool .radio,.pt_tool .checkbox{display:inline-block;cursor:pointer;margin-right:1em;}
.pt_tool .radi input,.pt_tool .checkbox input{pointer-events:none;}
.pt_tool footer.simple_footer .centering_box{background:transparent !important;}
.pt_tool .tool_banner{max-width:350px;width:80%;min-width:200px;display:block;margin-bottom:80px;}
.pt_tool input[type="radio"] {margin-bottom: 6px;}

@media only screen and (min-width:1281px){
	.tool_html{/*margin-bottom:10em*/}
	.pt_tool .tool_html .centering_box{margin-top:10em;}

}

@media only screen and (max-width:767px){
	.pt_tool .sound_btn{position: absolute;top: 25px;right: 7%;}
	.pt_tool header .mail_pa,.pt_tool h1.title{display:none !important;}
	.pt_tool header .mail_pa{display:block;position:absolute;right:7.5%;width:30px;top:40px;}
	.pt_tool .tool_menu ul li{margin-left:0.5em;margin-right:0.5em;}	
	.pitten.idcfs .tool_menu ul li a{font-size:14px}
	.pt_tool .type_1c .result_area{width:100%;}
	.pt_tool .single .sub_title{margin:1em 0 0.2em;}
	.pt_tool h1.title{margin-top:0em;font-size:1.15em}
	.pt_tool .radio,.pt_tool .checkbox{font-size:14px;margin-right:0;}
   .pt_tool .tool_html .pitten_qr .centering_box{margin-top:2em;}
	 .pt_tool .select_area{font-size:14px}
	 .pt_tool .select_area .mode_select{font-size:14px}
	 
}
@media only screen and (max-height:568px){
	.pt_tool .radio,.pt_tool .checkbox{font-size:12px;}
	 .pt_tool .select_area .mode_select{font-size:12px}	
}




/* Pitten END -------------------------------*/

.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:46px;width:101%;margin-top:-20px;}
.g_my_map:before{content:"Google マップ";position:absolute;margin-top:20px;}
.g_my_map 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: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{margin:0 auto;font-size:2.5em;}
@media only screen and (max-width:767px){.archive .section_title{}}
.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{text-align:justify;margin:0 auto;margin-top:1em;margin-bottom:2em;font-size:1.4em;font-weight:500;line-height:1.6em;}

.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 section.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: 500;font-size: 1.5em;}
@media only screen and (max-width:767px){
	.area_t_ja{margin-top:3em;}	
	.cat_d_more hr{margin:1em 0 0em;}
}

.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: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:14px;font-weight:400;color:#000;}
@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;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;}	
}

.mobile .page .centering_box{padding:0;}
.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{height:1.5em;opacity:0.8;width:auto !important;display:inline-block !important;filter:grayscale(1);}
.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: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:200;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 */
.left_logo .header_logo{float:left;}
header.left_logo  {height:auto;padding-bottom:0px;padding-top:12px;}
.left_logo .menu_left .menu_margin{display:inline-block;}
@media only screen and (max-width:767px){.left_logo .header_logo{float:none;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{} @media only screen and (max-width:767px){}
.header_logo h1{}
.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:1.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 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: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%;}
.f_menu ul{display:block;text-align:center;float:none;}
.f_menu ul li{display:inline-block;}
.f_menu ul li a{margin:0 10px;font-size:12px;}
@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/*rgb(46,23,3)*/;color:#000;margin-bottom:0 !important}
footer a,footer a:visited{color:#000;}
footer .centering_box{margin:0 auto !important;color:#000;}
.pt_tool .single footer .f_menu{display:none;}
.disclaimer{font-size:12px;font-weight:200;color:#666}

.tool_link_belt{text-align:center;padding:30px;background:#999;border-top:1px solid #666;color:#ccc}
.tool_link_belt a{font-size:16px;color:#fff !important;transition:0.3s;}
.tool_link_belt a:hover{opacity:0.5;}
.tool_link_belt a:before{margin:0 10px -7px 5px;display:inline-block;content:" ";width:30px;height:30px;background-size:cover !important;background-position:center center !important}
.tool_link_belt a.ptn::before{background:url("./image/logo/pittenTV.png?ver=1.0")}
.tool_link_belt a.yt::before{background:url("./image/logo/logo_youtube.png?ver=1.2")}
.tool_link_belt a.tw::before{background:url("./image/logo/logo_twitter.png?ver=1.2")}

#pre_footer{background:#f0f0f0;/*box-shadow:5px 0px 5px rgba(0,0,0,0.5) inset, -5px 0px 5px rgba(0,0,0,0.5) inset;*/}
.pt_tool .single #pre_footer .centering_box{max-width:900px;padding:100px 0 0;background:transparent !important;text-align:justify;font-size:14px;font-weight:400;}
.pt_tool .single #pre_footer .centering_box.pre_cb2{margin-bottom:100px;padding-top:30px}
#pre_footer .main_area,#pre_footer .pr_area{ font-size: 14px; font-weight: 400;float:left;}
#pre_footer .main_area{width:60%;margin-right:5%;}
#pre_footer .pr_area{width:35%;margin-top:0em;text-align:right;}
#pre_footer .pr_area img{margin-bottom:2em;transition:0.3s}
#pre_footer .pr_area img:hover{opacity:0.5;}
.pt_tool .single footer{background:#f0f0f0;}
.pt_tool .single .copyright{font-size:12px; margin:1em 0 2em;background:transparent;font-weight:300;display:inline-block;}
.pt_tool .single .copyright{margin-bottom:4em;}
.pt_tool .single section#pre_footer{margin-top:0em;border-top:1px solid #999;border-bottom:1px solid #999}
.pr_area h3{text-align:left;font-size:14px;margin:0 auto;color:#666;}
.pr_ma{}

@media only screen and (max-width:767px){
	#pre_footer .main_area{float:none;width:100%}
	.tool_banner{margin-top:4em;}
	.pr_area h3{padding-top:2em;font-size:14px;width:70%;margin:0 auto;color:#666;}
	#pre_footer .pr_area{margin:0 auto;width:100%;text-align:center;}
	#pre_footer .pr_area .slick_pr{width:70%;margin:0 auto;}
	#pre_footer .pr_area img{margin:1em 0;width:100%;}
	.pt_tool .single #pre_footer .centering_box{padding:0;}

	.pt_tool .single #pre_footer .centering_box.pre_cb2{padding:0 0 5em}
	.tool_link_belt a span{display:none;}
	.pr_ma{height:2em;}
}
/* COLOR */
.centering_box{}


/* section */
.idcfs section.slider,.idcfs section.top_section{margin-top:20px;}
@media only screen and (max-width:767px){.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:767px){.home section{margin-top:2em;}}

/* 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 #333;border-right:2px solid #333;border-color:#fff;position:absolute;color:transparent}
.slick-next{transform:rotate(44.1deg) !important;margin-top:-55px;}
.slick-prev{transform:rotate(-135deg) !important}
.slick-disabled:before{display:none !important;}
@media only screen and (max-width:767px){
	.slick.l_r_visible img{height:auto !important;}
	.slick-next:before,.slick-prev:before{width:10px;height:10px;}
	.idcfs .slick-prev{left:-15px;margin-top:-5px;}
	.idcfs .slick-next{right:-15px;margin-top:-22px;}
}


@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 .vertical .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: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: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: 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: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:#666;overflow:hidden;}
.item .title{font-size:1.4em;line-height:1.6em;height:auto;color:#333;overflow:hidden;}
.item .sub_title{font-size:1em;line-height:1.4em;height:2.8em;color:#333;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:767px){
		.t_2c .item{width:100%;margin:0.5em 0;}
	
}

/* TPL common t_3c */
section.t_3c{}@media only screen and (max-width:767px){section.t_3c{margin-top:1em;}}
.t_3c .item{transition:box-shadow 0.3s;width:30%;padding-bottom:0em;}
.t_3c .item:hover .eye{opacity:0.5}
.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:5%;margin-right:5%;}
.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 #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: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:#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: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 .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: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:#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: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 #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: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:200;font-size:1em;margin-top:75px;}@media only screen and (max-width:767px){.single section{margin-top:0;}}
.single section .centering_box{width:90%;max-width:90%;margin:0 auto;}
.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;}
.single .overview{margin-bottom:2em;}
/*.single h2{font-size:1.1em;font-weight:600;margin-top:3em;margin-bottom:1.5em;color:#333;}*/
.single .sns_btn_set{margin-bottom:2em;text-align:right;}

.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;}
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: 767px){#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;}
.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:200;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:rgba(0,0,0,0.5);}
.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: 767px){
	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:767px){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;traolor:#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:200;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:rgba(0,0,0,0.5);}
.menu .current-menu-item a{border-color:transparent;}
.menu .current-menu-item a:hover{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: 767px){
	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:767px){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: 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;}
.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;
}

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 .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: 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;}
.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;
}

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 .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: 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;}
.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;
}

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


  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;
}

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 .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: 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;}
.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;
}