@charset "utf-8";

/* トップ */
.culture_top{}
.culture_top figure{}
.culture_top figure a{ display: block;}
.culture_top figure img{}
.culture_top figure figcaption{}
.culture_top.instagram_wrap {
	border-bottom: 1px solid #d8d8d8;
}
#top_newstopics {
	width: auto;
}
@media (min-width: 768px) {
.culture_top{ font-size: 0; margin: -10px 0 50px;}
.culture_top figure{ width: 340px; display: inline-block; margin-right: 20px; vertical-align: top;}
.culture_top figure:last-child{ margin-right:0;}
.culture_top figure img{}
.culture_top figure figcaption{font-size: 15px;color: #383838;padding-top: 10px;padding-right: 0px;padding-left: 0px;padding-bottom: 2px;}
.culture_top figure figcaption strong{font-size: 17px;color: #383838;padding-top: 10px;padding-right: 0px;padding-left: 0px;padding-bottom: 2px;}
.culture_top .top_title_link a {
	width: 143px;
}
.culture_top #instagram {
	padding: 30px 0 20px;
}
}
@media (max-width: 767px) {
.culture_top{ font-size: 0; margin: 0 0 50px;}
.culture_top figure{ width: 100%; margin-right: 3%; margin-bottom: 10px; display: inline-block; vertical-align: top;}
.culture_top figure:nth-child(2n+2){ margin-right:0; margin-top: 50px;}
.culture_top figure img{}
.culture_top figure figcaption{font-size: 12px;color: #383838;padding-top: 2px;padding-right: 5px;padding-left: 0px;padding-bottom: 2px;}
.culture_top .top_title_link a {
	width: 96px;
}
.culture_top #instagram_h2 img {
	width: 15px;
}
.culture_top #instagram {
	padding: 15px 0 5px;
}
}

.culture_top2 figure a{ display: block;}
@media (min-width: 768px) {
.culture_top2{ font-size: 0; margin: -10px 0 50px;}
.culture_top2 figure{ width: 100%; display: inline-block; margin-right: 20px;}
.culture_top2 figure:last-child{ margin-right:0;}
.culture_top2 figure img{}
.culture_top2 figure figcaption{font-size: 15px;color: #383838;padding-top: 10px;padding-right: 0px;padding-left: 0px;padding-bottom: 2px;}
.culture_top2 figure figcaption strong{font-size: 17px;color: #383838;padding-top: 10px;padding-right: 0px;padding-left: 0px;padding-bottom: 2px;}
}
@media (max-width: 767px) {
.culture_top2{ font-size: 0; margin: 0 0 50px;}
.culture_top2 figure{ width: 100%; margin-right: 3%; margin-bottom: 10px; display: inline-block; vertical-align: top;}
.culture_top2 figure:nth-child(2n+2){ margin-right:0;}
.culture_top2 figure img{}
.culture_top2 figure figcaption{font-size: 12px;color: #383838;padding-top: 2px;padding-right: 5px;padding-left: 0px;padding-bottom: 2px;}
}

.culture_top3 figure a{ display: block;}
@media (min-width: 768px) {
.culture_top3{ font-size: 0; margin: 20px 0 40px;}
.culture_top3 figure{ width: 100%; display: inline-block; margin-right: 20px;}
.culture_top3 figure:last-child{ margin-right:0;}
.culture_top3 figure img{}
.culture_top3 figure figcaption{font-size: 15px;color: #383838;padding-top: 10px;padding-right: 0px;padding-left: 0px;padding-bottom: 2px;}
.culture_top3 figure figcaption strong{font-size: 17px;color: #383838;padding-top: 10px;padding-right: 0px;padding-left: 0px;padding-bottom: 2px;}
}
@media (max-width: 767px) {
.culture_top3{ font-size: 0; margin: 20px 0 20px;}
.culture_top3 figure{ width: 100%; margin-right: 3%; margin-bottom: 10px; display: inline-block; vertical-align: top;}
.culture_top3 figure:nth-child(2n+2){ margin-right:0;}
.culture_top3 figure img{}
.culture_top3 figure figcaption{font-size: 12px;color: #383838;padding-top: 2px;padding-right: 5px;padding-left: 0px;padding-bottom: 2px;}
}

.tplh4_greenline{ font-size: 18px; font-weight: bold; padding: 10px 0 10px 12px; border-bottom: 1px solid #5cb89e;}

.ml10{
	margin-left:10px;
}

/* 展示利用 */
.support_tenjiriyo{ background-color: white; border: 1px solid #d3d3d3;}
@media (min-width: 768px) {
.support_tenjiriyo{ padding: 14px; margin-bottom: 5px; display: table; width: 100%;table-layout: fixed}
.support_tenjiriyo>div,
.support_tenjiriyo>p{ display:table-cell; vertical-align: top;}
.support_tenjiriyo>div{ width:280px; padding-right: 15px;}
.support_tenjiriyo p strong{ color: #383838;display:block; font-size: 20px;}
}
@media (max-width: 767px) {
.support_tenjiriyo{ padding: 10px; margin-bottom: 10px;}
.support_tenjiriyo>div{ margin-bottom: 10px; padding-right: 15px;}
.support_tenjiriyo p{ margin-bottom: 0;}
.support_tenjiriyo p strong{ color: #383838;display:block; font-size: 18px;}
}

.support_tenjiriyo p .contents_caption {color: #383838;}

.kanren_file .btn.btn-lb-ra::after {
	content: "";
    display: block;
    border-top: 0px solid #ffffff;
    border-right: 0px solid #ffffff;
}

tr .kanren_file .btn.btn-lb-ra{
	width: 420px;
	position: relative;
	padding-left: 6px;
	padding-top: 6px;
	padding-bottom: 6px;
	text-align: left;
	margin-bottom: 10px;
	padding-right: 6px;
}

@media (max-width: 767px) {
tr .kanren_file .btn.btn-lb-ra{ 
	width: 290px;
	position: relative;
	padding-left: 16px;
	padding-top: 12px;
	padding-bottom: 12px;
	text-align: left;
	margin-bottom: 10px;
	font-size: 12px;
}	
}

tr .kanren_file .btn.btn-lb-ra::after,.btn.btn-ld-ra::after{ content: ""; display: inline-block; padding-left: 20px; font-size: 10px;}

.btn.btn_link.layout{ display: inline-block; width: 250px; font-size: 14px; vertical-align: middle; font-weight: bold; color: #252525; padding: 6px; border: 1px solid #cccccc; background-color: white;}

#takumi{
	margin-top: -55px;
	padding-top: 55px;
}

#message{
	margin-top: -55px;
	padding-top: 55px;
}

#communication{
	margin-top: -55px;
	padding-top: 55px;
}


/* 福岡の伝統工芸 */
.traditional_top_box{ background-color: white; border: 1px solid #d3d3d3;}
.traditional_top_box ul{ font-size: 0;}
.traditional_top_box ul li{ font-size: 12px; display: inline-block; vertical-align: top;}
.traditional_top_box ul li a{ display:block;}
/*.traditional_top_box ul li a p small{}
.traditional_top_box ul li a p small::before{ content: "【";}
.traditional_top_box ul li a p small::after{ content: "】";}*/
.traditional_top_box ul li a img{ border: none;}
.traditional_top_box ul li a p{background-color: #666; color: white;}


#claftwork_page .gallery_takumi{ background-color: white; border: 1px solid #d3d3d3; color: #383838;}
.claftwork_link_ul table{table-layout: fixed;}
.claftwork_link_ul table th{ vertical-align: top;}
.claftwork_link_ul table td{ overflow-wrap : break-word; vertical-align: top;}

#claftwork_page .nav-tabs > li.active > a{ background-color:#751800;}
#claftwork_page .nav-tabs > li.active > a:after{ border-color:#751800 transparent transparent transparent;}
#claftwork_page .nav-tabs > li.active > a,
#claftwork_page .nav-tabs > li.active > a:hover,
#claftwork_page .nav-tabs > li.active > a:focus{ border-color:#751800;

}

.nav-tabs{}
.nav-tabs > li > a{}
.nav-tabs.traditional_top_ul > li > a{ border: 1px solid #d3d3d3; padding-top: 10px; padding-bottom: 10px;}

.kougeihin_mark{ margin-bottom: 30px;}
.kougeihin_mark>span{
	display: inline-block;
	width: 30px;
	top: auto;
}

@media (min-width: 768px) {
.gallery_takumi .craft_yajirusi img {
	width: 30px;
	position: relative;
	top: 0px;
}

a .gallery_takumi .craft_yajirusi {
	position: relative;
	left: 100px;
	top: 10px;
}
}
@media (max-width: 767px) {
	a .gallery_takumi .craft_yajirusi {
		display: none;
	}
}


.claftwork_cate_h{ font-size: 18px; padding: 0 0 10px 0; border-bottom: 1px solid #666; font-weight: bold; margin: 0 0 10px;}

@media (min-width: 768px) {
#claftwork_page>p{padding-left:12px;}
#claftwork_page .gallery_takumi{ padding: 14px; margin-bottom: 15px; display: table; width: 100%;table-layout: fixed}
#claftwork_page .gallery_takumi>div,
#claftwork_page .gallery_takumi>p{ display:table-cell; vertical-align: middle;}
#claftwork_page .gallery_takumi>div{ width:280px; padding-right: 15px;}
#claftwork_page .gallery_takumi p strong{ display:block; font-size: 18px;}

.traditional_top_ul li{ width:50%; text-align: center;}
.traditional_top_box{ padding:29px 29px 0;}
.traditional_top_box ul{}
.traditional_top_box #item7 ul li{ width: 305px; margin: 0 30px 30px 0; font-size: 14px;}
.traditional_top_box #item7 ul div li:nth-child(2n+2){ margin-right:0;}
.traditional_top_box #item34 ul li{ width: 193px; margin: 0 30px 30px 0; font-size: 14px;}
.traditional_top_box #item34 ul div li:nth-child(3n+3){ margin-right:0;}
.traditional_top_box ul li a{}
.traditional_top_box ul li a p{ margin: 0; line-height: 1.2;}
.traditional_top_box #item7 ul li a p{ width: 100%; display: table;}
.traditional_top_box #item7 ul li a p span,
.traditional_top_box #item7 ul li a p small{ display:table-cell; padding: 5px;}
.traditional_top_box #item7 ul li a p small{ background-color: #cf3f1a; font-size: 14px; text-align: center;}
.traditional_top_box #item7 ul li a p span{ position:relative; width: 72%}
.traditional_top_box #item7 ul li a p span::after{ width: 0; height: 0; border-style: solid; content:""; position: absolute;
border-width: 0 15px 26px 0; top: 0; right: 0;
border-color: transparent #cf3f1a transparent transparent;
}
.traditional_top_box #item34 ul li a p{ width: 100%; display: table; font-size: 12px;}
.traditional_top_box #item34 ul li a p span,
.traditional_top_box #item34 ul li a p small{ display:table-cell; padding: 5px;}
.traditional_top_box #item34 ul li a p small{ background-color: #cf3f1a; font-size: 12px; text-align: center; width: 30%;}
.traditional_top_box #item34 ul li a p small.mokkouhin{width: 51%;}
.traditional_top_box #item34 ul li a p span{ position:relative;}
.traditional_top_box #item34 ul li a p span::after{ width: 0; height: 0; border-style: solid; content:""; position: absolute;
border-width: 0 15px 24px 0; top: 0; right: 0;
border-color: transparent #cf3f1a transparent transparent;
}

.traditional_top_box #item7 ul li a p{ background-color: #cf3f1a;}
.traditional_top_box #item7 ul li a p small{ background-color: #838D3B;}
.traditional_top_box #item7 ul li a p span::after{border-color: transparent #838D3B transparent transparent;}

.traditional_top_box #item34 ul li a p{ background-color: #cf3f1a;}
.traditional_top_box #item34 ul li a p small{ background-color: #838D3B;}
.traditional_top_box #item34 ul li a p span::after{border-color: transparent #838D3B transparent transparent;}


.nav-tabs > li.active > a:after{ border-width: 14px 7px; bottom: -29px; }

.claftwork_link_ul{ font-size:0;}
.claftwork_link_ul li{display:inline-block; width: 335px; margin: 0 25px 0 0; font-size: 13px; vertical-align: top;}
.claftwork_link_ul li:nth-child(even){margin-right:0;}
.claftwork_link_ul table{ margin-bottom: 50px;}
.claftwork_link_ul table th{ padding-left: 12px; width: 80px;}
.claftwork_link_ul table td{ width:255px;}
#page_content .claftwork_link_ul table h4{ margin-bottom:0; padding-bottom: 5px;}

#claftwork_link{ padding-top: 30px;}
.kougeihin_mark{ text-align: center; margin-top: 70px;}
.kougeihin_mark>span{ margin-bottom: 10px;}
.slide_claftwork_mark{ display:table; width: 100%; margin: 50px 0 0;}
.slide_claftwork_mark>span{ display: table-cell; vertical-align: middle;}
.slide_claftwork_mark>span:first-child{padding:0 10px; width: 50px;}
}
@media (max-width: 767px) {
.traditional_top_ul li{ width:50%; text-align: center;}
.traditional_top_ul li a{ padding: 5px 0;}
.traditional_top_box{ padding:4% 4% 0;}
.traditional_top_box ul{}
.traditional_top_box ul li{ width: 48%; margin: 0 4% 4% 0;}
.traditional_top_box ul li:nth-child(2n+2){ margin-right:0;}
.traditional_top_box ul li a{}
.traditional_top_box ul li a p{ margin: 0; line-height: 1.2;}
.traditional_top_box ul li a p span,
.traditional_top_box ul li a p small{ display: block;}
.traditional_top_box ul li a p span{ padding-top: 5px; text-indent: 5px;}
.traditional_top_box ul li a p span::after{ background-color: #838D3B; display: block; height: 10px; width: 100%; content: ""; margin-bottom: -1px;
-webkit-clip-path: polygon(100% 0, 0% 100%, 100% 100%);
clip-path: polygon(100% 0, 0% 100%, 100% 100%);}
.traditional_top_box ul li a p small{ background-color: #cf3f1a; text-align: right; padding: 0 5px 5px 0; font-size: 12px;}

.traditional_top_box ul li a p{ background-color: #cf3f1a;}
.traditional_top_box ul li a p small{ background-color: #838D3B;}




#claftwork_page .gallery_takumi{ padding: 10px; margin-bottom: 10px;}
#claftwork_page .gallery_takumi>div{ margin-bottom: 10px; padding-right: 15px;}
#claftwork_page .gallery_takumi p{ margin-bottom: 0;}
#claftwork_page .gallery_takumi p strong{ display:block; font-size: 18px;}


.claftwork_link_ul{ }
.claftwork_link_ul li{ font-size: 13px; }
.claftwork_link_ul table{ margin-bottom: 30px;}
.claftwork_link_ul table th,
.claftwork_link_ul table td{ padding-bottom:5px;}
.claftwork_link_ul table th{ width: 80px; padding-left: 8px;}
.claftwork_link_ul table td{}
#page_content .claftwork_link_ul table h4{ font-size:18px;}

#claftwork_link{ padding-top: 20px;}
.kougeihin_mark{ text-align:center; margin-bottom: 0; margin-top: 10%;}
.kougeihin_mark>span,
.kougeihin_mark>a{ margin-bottom: 10px;}
.kougeihin_mark .btn.btn_link{ font-size:8px; padding: 3px;}
.kougeihin_mark>span{width: 38px;}
.slide_claftwork_mark{ display:table; width: 100%;}
.slide_claftwork_mark>span{ display: table-cell; vertical-align: middle;}
.slide_claftwork_mark>span:first-child{padding:0 10px 0 0; width: 40px;}
}


/* 詳細ページ-福岡の伝統工芸 */
.claftwork_video{ position:relative; width:100%; padding-top:66.7%; }
.claftwork_video iframe{ position:absolute; top:0; right:0; width:100%; height:100%;}
#claftwork_ditail_slide .sp-selected-button{ background-color: #838D3B;}
#claftwork_ditail_slide .sp-button{ border-color: #838D3B; border-width: 1px;}
#claftwork_ditail_page h3{font-size: 20px; font-weight: bold; position: relative; background-color: #e9e9e8; }
#claftwork_ditail_page h3 span.kana::before{ content: "〜";}
#claftwork_ditail_page h3 span.kana::after{ content: "〜";}
#claftwork_ditail_page h3 span.kana{ position: relative; margin-right: 29px;}
#claftwork_ditail_page h3 span.kana .mark7{ position: absolute; content: ""; background:url(../images/claftwork/mark.png) no-repeat center center; width: 20px; height: 100%; display: block; right: -30px; top: -12px; background-size: 18px auto; border-top: 12px solid transparent; border-bottom: 12px solid transparent; box-sizing: content-box;}
#claftwork_ditail_page h3 small.claft_type{ color: white; font-size: 14px; background-color: #838D3B; border: 1px solid #838D3B; border-radius: 5px; padding: 5px;}

#claftwork_ditail_page h3 span.mark7{ margin-left: 20px; width: 20px; display: inline-block;}
#claft_link dl{}
@media (min-width: 768px) {
#claftwork_ditail_slide .sp-button{ width: 18px; height: 18px; margin-bottom: 40px;}
#claftwork_ditail_page{ margin-bottom:100px;}
#claftwork_ditail_page>p{ padding-left: 12px;} 
#claft_link{ margin-top:50px; font-size: 0;}
#claft_link dl{ display: inline-block; width: 340px; margin: 0 20px 20px 0; font-size: 14px; vertical-align: top;}
#claft_link dl:nth-child(2n+2){ margin-right: 0;}
#claft_link dl dt{ font-size:18px; border-bottom: #f1f1f1 solid 3px; margin-bottom: 10px; padding-bottom: 5px;}
#claftwork_ditail_page h3{ padding: 12px 0 12px 10px; /*margin-top: -11px;*/}
#claftwork_ditail_page h3 small.claft_type{ position: absolute; right: 10px; bottom: 10px;}

.claftwork_video{ margin-top:40px;}
.contact_info_claftwork{ margin-top: 40px;}

.contact_info_claftwork.tel_only .tel_mail .tel{display:block;margin-left: auto; margin-right: auto; padding-left: 60px;float: none; width:45%;}
}

@media (max-width: 767px) {
#claftwork_ditail_slide{ margin-bottom:30px;}
#claftwork_ditail_page{ margin-bottom:50px;}
#claft_link{ margin-top:30px; font-size: 0;}
#claft_link dl{  margin: 0 0 20px 0; font-size: 14px; vertical-align: top;}
#claft_link dl dt{ font-size:18px; border-bottom: #f1f1f1 solid 3px; margin-bottom: 10px; padding-bottom: 5px;}
#claftwork_ditail_page h3{ padding: 10px 5px 10px 5px; /*margin-top: -11px;*/ font-size: 18px;}
#claftwork_ditail_page h3 span.kana{margin-right: 39px;}
#claftwork_ditail_page h3 span.kana .mark7{ right: -40px;}
#claftwork_ditail_page h3 span.mark7{ margin-right: 10px;}
#claftwork_ditail_page h3 small.claft_type{ display: inline-block;}

.claftwork_video{ margin-top:20px;}
#claftwork_ditail_page .contact_info_claftwork{ margin-top:20px;}
}

.tplh5_noline{ font-size: 16px; font-weight: bold; padding: 10px 0 6px 10px; border-bottom: 0px solid #d8d8d8;}

/* サポート（施設） */
.culture_event_table{ border-top: #ddd solid 1px; border-right: #ddd solid 1px;}
.culture_event_table caption{color:red;}
.culture_event_table th,
.culture_event_table td{ border-bottom: #ddd solid 1px; border-left: #ddd solid 1px;}
.culture_event_table th{ background-color:#eee;}
@media (min-width: 768px) {
.culture_event_table th,
.culture_event_table td{ padding:10px;}
}
@media (max-width: 767px) {
.culture_event_table th,
.culture_event_table td{ padding:5px;}
}

.support_table{ border-top: #ddd solid 1px; border-left: #ddd solid 1px;}
.support_table th,
.support_table td{ border-right: #ddd solid 1px; border-bottom: #ddd solid 1px; vertical-align: top;}
.support_table th{ background-color: #efefef;}
.support_table td ul{ list-style-type: disc; padding-left: 20px;}
.support_table td ul.ul1218{ margin-bottom: 0;}
@media (min-width: 768px) {
.support_table th,
.support_table td{ padding:10px;}
.support_table th{ width: 170px; text-align: left;}
.support_table td{}
.support_top_ul{ font-size:0;}
.support_top_ul li{ width: 100%; margin: 0 20px 40px 0; display: inline-block; font-size: 14px; background-color: #eee; padding: 5px; border-radius: 5px;}
.support_top_ul li:nth-child(3n+3){ margin-right:0;}
.support_top_ul li a{ display: table; width: 100%;}
.support_top_ul li a img,
.support_top_ul li a span{ display: table-cell; vertical-align: middle;}
.support_top_ul li a img{ border-radius: 5px;}
.support_top_ul li a span{ text-align: left; padding: 0 0 0 10px; width: 150px; font-weight: bold; color: black; line-height: 1.4;}
}
@media (max-width: 767px) {
.support_table th,
.support_table td{ padding:5px; display: block;}

.support_top_ul{}
.support_top_ul li{ margin: 0 0 15px; font-size: 14px; background-color: #eee; padding: 5px; border-radius: 5px;}
.support_top_ul li:last-child{ margin-bottom: 50px;}
.support_top_ul li a{ display: table; width: 100%;}
.support_top_ul li a img,
.support_top_ul li a span{ display: table-cell; vertical-align: middle;}
.support_top_ul li a img{ border-radius: 5px;}
.support_top_ul li a span{ text-align: left; padding: 0 0 0 10px; width: 70%; font-weight: bold; color: black; line-height: 1.4;}
.support_table .btn-xss{ font-size:10px; padding-top: 10px; padding-bottom: 10px;}
}

.no_disc{ list-style-type: none!important; padding-left: 0px!important;}
.no_disc_dot{ font-weight: bold; font-size: 18px; padding-right: 3px!important;}

/* 福岡県マップ */
.map_box{}
@media (min-width: 768px) {
.map_box{ display: table; width: 100%; margin-bottom: 40px;}
.map_box>div,
.map_box>p{ display: table-cell; vertical-align: top;}
.map_box>div{ width:240px;}
.webbookbtn{
	display: block;
	text-align: left;
}
}
@media (max-width: 767px) {
.map_box{ margin-bottom: 40px;}
.map_box>div{text-align: center;}
.webbookbtn{ display: block; text-align: left; }
}

p .webbookbtn .btn.btn_link { width:140px; }

p .webbookbtn .btn.btn-lb-ra{ position: relative; padding-left: 16px; padding-top: 6px; padding-bottom: 6px;}

p .webbookbtn .btn-default.btn-lb-ra.green::after{ 
	content: "";
    display: block;
    width: 14px;
    height: 14px;
    position: absolute;
    top: 50%;
    right: 10px;
    margin-top: -7px;
	margin-left:20px;
    border-top: 1px solid #00ab6f;
    border-right: 1px solid #00ab6f;
    transform: rotate(45deg);
}

.hidukejoho{
	vertical-align: bottom;
	font-size:13px;
}


#main_content #map_page .map_line {
	border-top: 1px solid #8e8e8e;
}

#main_content #map_page .map_title {
	font-size: 20px;
	font-weight: bold;
}


/* PRサポート */
.prsupporttable{}
.prsupporttable th,
.prsupporttable td{display:block; border-bottom: #ddd solid 1px; border-left: #ddd solid 1px; border-right: #ddd solid 1px; padding: 0 5px;}
#prsupport_list li .btn.btn_link {
	width: auto;
}
.prsupporttable th{ background-color:#eee; border-top:#ddd solid 1px;}
.prsupporttable td{ padding: 15px 5px;}
.prsupporttable tr{ display:block; margin-bottom: 10px;}
#prsupport_page #navi_detail .btn.btn_link {
	width: auto;
}

#navi_detail{
	text-align: right;
}

#prsupport_list {
	list-style-position: outside;
	list-style-type: disc;
	margin-left: 30px;
	margin-right: 30px;
}

li.flow_color2 {background-color:lemonchiffon;}
li.flow_color3 {background-color:#fce1b9;}


/* アクロス福岡文化誌 */
.book_img{ width:100%; height: auto;}

.book_introduction{}
.book_introduction dl{}
.book_introduction dl dt{background-color:#5cb89e; color: white; text-align: center; font-weight: normal; padding: 5px;}
.book_introduction dl dd{ padding: 10px 5px; border:#5cb89e solid 1px ;}

@media (min-width: 768px) {
.book_ditail_box{ display: table; width: 100%;}
.book_ditail_box>div{ display: table-cell; vertical-align: top;}
.book_ditail_box>div:first-child{ width: 220px;}
.book_ditail_box>div:first-child img{ border:5px solid #eee;}
.book_ditail_box>div:last-child{ padding-left:20px;}
.book_ditail_box .copy{
	font-size: 20px;
	line-height: 1.2;
	color: #B42B6E;
	font-weight: bold;
}
.book_ditail_box .subtitle{ background-color:#5cb89e; color: white; padding: 1px 10px; font-size: 20px;}
.book_ditail_box .descri{}
.book_ditail_box>div:last-child>div{
	margin-top:30px;
	border-left: 4px solid #8E8E8E;
	padding-right: 5px;
	padding-left: 12px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.book_introduction{ margin-top:60px;}
.book_introduction h3{ margin-bottom:5px !important;}
.book_introduction dl dd{ text-align: center;}
}
	
@media (max-width: 767px) {
.book_ditail_box{}
.book_ditail_box>div{}
.book_ditail_box>div:first-child{ text-align: center;}
.book_ditail_box>div:first-child img{ border:5px solid #eee; margin-bottom: 15px;}
.book_ditail_box>div:last-child{}
.book_ditail_box .copy{
	font-size: 20px;
	line-height: 1.2;
	font-color: #b42b6e;
	color: #B42B6E;
	font-weight: bold;
}
.book_ditail_box .subtitle{ background-color:#5cb89e; color: white; padding: 1px 10px; font-size: 20px;}
.book_ditail_box .descri{}
.book_ditail_box>div:last-child>div{
	margin-top:30px;
	border-left: 4px solid #8E8E8E;
	padding-left: 20px;
	padding: 5px;}
}

.book_introduction{
	margin-top:50px;
	font-size:15px;
}

.indent-childs>* {
	text-indent: -1em;
	padding-left: 2em;
}

.culture_bunkashi{}
.culture_bunkashi figure{
}
.culture_bunkashi figure a{ display: block;}
.culture_bunkashi figure img{}
.culture_bunkashi figure figcaption{border-right: 1px solid #D3D3D3;border-bottom: 1px solid #D3D3D3;border-left: 1px solid #D3D3D3;}
@media (min-width: 768px) {
.culture_bunkashi{font-size: 0;　margin: -10px 0 50px;}
.culture_bunkashi figure{width: 340px;display: inline-block;margin-right: 20px;vertical-align: top;margin-bottom: 20px;}
.culture_bunkashi figure:last-child{ margin-right:0;}
.culture_bunkashi figure img{ border: 1px solid #e9e9e8;}
.culture_bunkashi figure figcaption{font-size: 14px;color:#383838;padding-top: 10px;padding-right: 13px;padding-left: 13px;padding-bottom:10px;width: 340px;height: 230px;}
}
@media (max-width: 767px) {
.culture_bunkashi{font-size: 0;margin-top: 0;margin-right: 0;margin-left: 0;}
.culture_bunkashi figure{ width: 100%; margin-right: 3%; margin-bottom: 10px; display: inline-block; vertical-align: top;}
.culture_bunkashi figure:nth-child(2n+2){ margin-right:0;}
.culture_bunkashi figure img{ border: 1px solid #e9e9e8;}

.culture_bunkashi figure figcaption{font-size: 14px; color:#383838; padding: 2px 5px;width: 100%;height: auto;	margin-bottom: 10px;}
}

@media (min-width: 768px) {
.moredetail {font-size: 12px;text-decoration: underline;color:#383838;}
.moredetail:hover {font-size: 12px;text-decoration: underline;}
}
@media (max-width: 767px) {
.moredetail {font-size: 12px;text-decoration: underline;color:#383838;}
.moredetail:hover {font-size: 12px;text-decoration: underline;}
}

#book_page .glyphicon-arrow-right.new_aroow:before{opacity:0.6;}

@media (min-width: 768px) {
.figure_title {color: #70552C;font-size: 16px;font-weight: bold;}
}
@media (max-width: 767px) {
.figure_title {color: #70552C;font-size: 15px;font-weight: bold;}
}

#book_page .bunkashi_fax {
	position: relative;
	margin-right: 10px;
	margin-left: 10px;
	padding: 0;
	list-style-type: none;
}

#book_page .bunkashi_fax li {
	list-style: none;
	list-style-position:outside;
	margin:0;
	padding-left:1.25em
}


#book_page .bunkashi_fax.mt30 li .number {
	position: absolute;
	left:0;
	margin:0
}


#book_page .bunkashi_fax.mt30 li .number_1 {
	position: absolute;
	padding-top:10px;
	left:0;
}
/*
#book_page .bunkashi_fax.mt30 li .number_1 {
	position: absolute;
	padding-top:25px;
	left:0;
}

.bunkashi_fax.mt30 li .btn.btn_link {
	margin-bottom:18px;
}

#book_page .bunkashi_fax.mt30 .number1 {
	line-height: 0;
	margin-bottom: 10px;
}
*/

#book_page .bunkashi_fax.mt30 .number1 {
	line-height: 1;
	margin-bottom: 8px;
}

.bunkashi_fax.mt30 .auto_button .btn.btn_link {
	width: auto;
}


/* 文化学び塾 */
.culture_event_table{ border-top: #ddd solid 1px; border-right: #ddd solid 1px;}
.culture_event_table caption{color:red;}
.culture_event_table th,
.culture_event_table td{ border-bottom: #ddd solid 1px; border-left: #ddd solid 1px;}
.culture_event_table th{ background-color:#eee;}
@media (min-width: 768px) {
.culture_event_table th,
.culture_event_table td{ padding:10px;}
}
@media (max-width: 767px) {
.culture_event_table th,
.culture_event_table td{ padding:5px;}
}


/* 社会科見学 */
.kengaku_takumigellery{
	background-color: white;
}
@media (min-width: 768px) {
.kengaku_takumigellery{ padding: 14px; margin-bottom: 30px; display: table; width: 100%;table-layout: fixed}
.kengaku_takumigellery>div,
.kengaku_takumigellery>p{ display:table-cell; vertical-align: top;}
.kengaku_takumigellery>div{ width:280px; padding-right: 15px;}
.kengaku_takumigellery p strong{ display:block; font-size: 20px;}
.kengaku_takumigellery img{ margin-bottom:5px;}
}
@media (max-width: 767px) {
.kengaku_takumigellery{ padding: 10px; margin-bottom: 30px;}
.kengaku_takumigellery>div{ margin-bottom: 10px; padding-right: 15px;}
.kengaku_takumigellery p{ margin-bottom: 0;}
.kengaku_takumigellery p strong{ display:block; font-size: 18px;}
.kengaku_takumigellery img{ margin-bottom:5px;}
}

.flow li {width: calc(25% - 10px);padding-bottom:10px;}
@media (max-width: 767px) {
.flow li {width: calc(50% - 10px); margin-right:10px;}
}
li.flow_color {background-color:lemonchiffon;background-image: url("../images/kengaku/yajirushi_black.png");background-repeat: no-repeat;background-size: 40px;background-position:right center;width:165px;height:78px;font-color:#131313;}

li.gaibu {background-color:lemonchiffon;background-image: url("../../common/images/icon-gaibu.svg");background-repeat: no-repeat;background-size: 17px;background-position:137px 50%;width:165px;height:78px;}

li.flow_color2 {background-color:#fce1b9;background-image: url("../images/kengaku/yajirushi_black.png");background-repeat: no-repeat;background-size: 40px;background-position:right center;width:165px;height:78px;font-color:#131313;}

li.gaibu2 {background-image: url("../../common/images/icon-gaibu.svg");background-repeat: no-repeat;background-size: 17px;background-position:137px 50%;width:165px;height:78px;}

.culture_kengaku_table{ border-top: #ddd solid 1px; border-right: #ddd solid 1px;}
.culture_kengaku_table caption{color:red;}
.culture_kengaku_table th,
.culture_kengaku_table td{ border-bottom: #ddd solid 1px; border-left: #ddd solid 1px;}
.culture_kengaku_table th{ width:150px; background-color:#eee;}
@media (min-width: 768px) {
.culture_kengaku_table th,
.culture_kengaku_table td{ padding:10px;}
	.place{ text-align: center; padding: 0;}
	.place2{ text-align: left; padding: 0 0 0 10px;}
}
@media (max-width: 767px) {
.culture_kengaku_table th,
.culture_kengaku_table td{ padding:5px;display: block;}
.culture_kengaku_table th{ width:auto;}
	.place{ text-align: center; padding: 0;}
	.place2{ text-align: left; padding: 0 0 0 10px;}
}

.shikaku {
	width: 30px;
	height: 15px;
	background-color: #FFFACD;
	display: inline-block;
	vertical-align: sub;
	border: 1px solid #CCCCCC;
	border-radius: 2px;
}

.shikaku2 {
	width: 30px;
	height: 15px;
	background-color: #fce1b9;
	display: inline-block;
	vertical-align: sub;
	border: 1px solid #CCCCCC;
	border-radius: 2px;
}

#main_content #kengaku_page .contact_info .info_box .title{ text-align: center; background-color: #eeeeee; font-size: 20px; padding: 10px 10px;}
#main_content #kengaku_page .info_box .title strong {
	border-bottom:3px solid #252525;
}

@media (min-width: 768px) {
}
@media (max-width: 767px) {
}

@media (min-width: 768px) {
.contact_info .tel_mail .title{
	padding-right: 30px;
	margin-top: 25px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
}
}
@media (max-width: 767px) {
.contact_info .tel_mail{padding: 0 10px;}
}

.contact_info .tel_mail .text {
	text-align: center;
	padding-right: 30px;
	font-size: 16px;
	margin-bottom:25px;
}
#kengaku_page .flow.text-center.small.clearfix img {
	width: 40px;
	right: 50px;
	height: 40px;
	position: relative;
}

#kengaku_page .flow.text-center.small.clearfix img {
	width: 40px;
	right: 50px;
	height: 40px;
	position: relative;
}

.gaibu img{
	width: 20px;
	right: 50px;
	height: 20px;
	position: relative;
}

#kengaku_page .flow a {
	color: #131313;	
}

.kengaku_indent{
 padding-left:1em;
 text-indent:-1em;
}

.memo{
	font-size: 13px;
	font-weight: normal;
	display: inline-block;
	width: 310px;
	padding-left:1em;
 	text-indent:-1em;
}

.memo2{
	font-size: 13px;
	font-weight: normal;
	display: inline-block;
	width: 320px;
}

.memo3{
	font-size: 13px;
	font-weight: normal;
	display: inline-block;
	margin: 5px 0 0 0;
}

@media (min-width: 768px) {
.br-sp{
	display: none;
}
}


.btn-takumi,
.btn-takumi:hover,
.btn-takumi:active,
.btn-takumi:focus {
	color: #fff;
	background-color: #1d294f;
}

@media (min-width: 768px) {
	.craftwork_list_box{ margin: 0 0 40px 0;}
	.page_lead2{ padding: 0!important;}
}
@media (max-width: 767px) {
	.craftwork_list_box{ margin: 0 0 30px 0;}
}


/* 2023.03.23 匠ギャラリー */
@media (min-width: 768px) {
	.ul_takumi{ margin-bottom: 0;}
	.indent1{ padding-left: 1em; text-indent: -1em; text-align: left!important;}
	.indent4{ padding-left: 4em; text-indent: -4em; text-align: left!important;}
	.indent5{ padding-left: 6em; text-indent: -6em; text-align: left!important;}
	.takumi_flex{ display: flex; font-size: 12px; margin: 0 0 20px 0;}
	.takumi_flex>div:first-child{ width: 55%; margin: 0 10px 0 0;}
	.takumi_flex>div:last-child{ width: 44%;}
	.takumi_flex p{ margin: 10px 0 0; text-align: left;}
	.takumi_flex2{ display: flex; font-size: 12px;}
	.takumi_flex2>div:first-child{ width: 55%; margin: 0 10px 0 0;}
	.takumi_flex2>div:last-child{ width: 44%; text-align: center;}
	.takumi_flex2>div:last-child img{ width: 100%;}
	.takumi_flex2 p{ margin: 10px 0 0; text-align: left;}
	.in_table2{ margin-bottom: 3px;}
	.in_table3{ margin: 10px 0;}
	.in_table3 td{ border: 1px solid #ddd;}
	.mr_btn{ margin-right: 10px;}

	.contact_info_takumi .tel_mail .mail a { width: 220px; border: 0; padding: 6px 0px;}
	.contact_info_takumi .tel_mail .mail a::after { background: none;}
}
@media (max-width: 767px) {
	.ul_takumi{ margin-bottom: 0;}
	.indent1{ padding-left: 1em; text-indent: -1em; text-align: left!important;}
	.indent4{ padding-left: 4em; text-indent: -4em; text-align: left!important;}
	.indent5{ padding-left: 6em; text-indent: -6em; text-align: left!important;}
	.takumi_flex{ display: flex; flex-wrap: wrap; font-size: 12px; margin: 0 0 20px 0;}
	.takumi_flex>div:first-child{ width: 100%; margin: 0 0 15px 0;}
	.takumi_flex>div:last-child{ width: 100%;}
	.takumi_flex p{ margin: 10px 0 0; text-align: left;}
	.takumi_flex2{ display: flex; flex-wrap: wrap; font-size: 12px;}
	.takumi_flex2>div:first-child{ width: 100%; margin: 0 0 15px 0;}
	.takumi_flex2>div:last-child{ width: 100%; text-align: center;}
	.takumi_flex2>div:last-child img{ width: 70%;}
	.takumi_flex2 p{ margin: 10px 0 0; text-align: left;}
	.in_table th,.in_table td{ border-bottom: 0!important; display: table-cell!important;}
	.in_table th{ border-top: 0!important;}
	.mb3{ margin-bottom: 3px;}
	.in_table3{ margin: 10px 0;}
	.in_table3 tr{ display: flex;}
	.in_table3 td{ border: 1px solid #ddd;}
	.in_table3 td:first-child{ border-right: 0px;}
	.support_table_takumi{ table-layout: fixed;}
	.mr_btn{ margin-right: 5px;}
	
	.contact_info_takumi .tel_mail .mail a { width: 220px; border: 0; padding: 6px 0px 0; text-align: center;}
	.contact_info_takumi .tel_mail .mail a::after { background: none;}
}


@media (min-width: 768px) {
	.sp-slide.long{ text-align: center;}
	.sp-slide.long img{ width: 400px;}
	
	.tplh3_flex{ display: flex; align-items: center;}
	.tplh3_flex span{ width: 190px;}
	.tplh3_flex div{ width: calc(100% - 190px); padding: 0 0 0 10px; margin: 0;}
}
@media (max-width: 767px) {
	.sp-slide.long{ text-align: center;}
	.sp-slide.long img{ width: 70%;}
	
	.tplh3_flex{ padding: 12px 10px; line-height: 1.4;}
}


@media (min-width: 768px) {
	.movie_box_flex{ display: flex; justify-content: space-between; margin: 20px auto 0!important;}
	.movie_box_flex a img{ width: 470px!important; height: auto;}
}
@media (max-width: 767px) {
	.movie_box_flex{ margin: 20px auto 60px!important;}
}