@charset "utf-8";
/* for toppage */
ml10{
	margin-left:10px;
}

@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{
	text-align: left;
}
.book_ditail_box .descri strong {
	font-size: 20px;
}

.book_ditail_box>div:last-child>div{
	margin-top: 10px;
	padding-right: 5px;
	padding-left: 0px;
	padding-top: 5px;
	padding-bottom: 5px;
}
.book_introduction{
	margin-top: 60px;
	text-align: left;
}
.book_introduction h3{ margin-bottom:5px !important;}
.book_introduction dl dd{ text-align: center;}
	
.acros_btn{
	float: right;
	position: relative;
	bottom: 50px;
}
	
.mb7{
	margin-bottom: 7px !important;
}
	
.acros_title{
	position: relative;
	top: 30px;
}
	
.wd200{
	width: 200px !important;	
}

.photographing{
	display: block;
	text-align: right;
	margin-right: 12px;
	font-size: 12px;
}
	
}
	
@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{}
	
.mb7{
	margin-bottom: 7px !important;
}
	
.mt12{
	margin-top: 12px;
}
	
.photographing{
	display: block;
	text-align: right;
	margin-right: 12px;
	font-size: 12px;
}	
	
}

@media (min-width: 768px) {
.btn.btn_link{
	display: inline-block;
	width: 300px;
	font-size: 12px;
	vertical-align: middle;
	font-weight: bold;
	color: #252525;
	padding: 6px;
	border: 1px solid #cccccc;
	background-color: white;
	margin-bottom: 20px;
}
	
.book_ditail_box .btn.btn-lb-ra{
	display: inline-block;
	width: 300px;
	font-size: 12px;
	vertical-align: middle;
	font-weight: bold;
	color: #252525;
	padding: 6px;
	margin-bottom: 7px;
}
	
.tplh3 .btn.btn-lb-ra{
	display: inline-block;
	width: 300px;
	font-size: 12px;
	vertical-align: middle;
	font-weight: bold;
	color: #252525;
	padding: 6px;
	margin-bottom: 7px;
}	
	
.btn-default.btn-lb-ra.green{
	width: 300px;
}
}

@media (max-width: 767px){
.btn.btn_link{
	display: inline-block;
	width: 280px;
	font-size: 12px;
	vertical-align: middle;
	font-weight: bold;
	color: #252525;
	padding: 6px;
	border: 1px solid #cccccc;
	background-color: white;
	margin-bottom: 20px;
}

.book_ditail_box .btn.btn-lb-ra{
	display: inline-block;
	width: 280px;
	font-size: 12px;
	vertical-align: middle;
	font-weight: bold;
	color: #252525;
	padding: 6px;
	margin-bottom: 7px;
}

.btn-default.btn-lb-ra.green{
	width: 280px;
}
}

.btn.btn_link>span{ width:100%; display: table;}
.btn.btn_link>span>span{ display: table-cell; text-align: left;}
.btn.btn_link>span>span.glyphicon{ text-align: right;}

.book_ditail_box .btn.btn-lb-ra{
	text-align: left;
}

.tplh3 .btn.btn-lb-ra{
	text-align: left;
}

.btn-default.btn-lb-ra.green.bunka::before{
	content: '';
	display: inline-block;
	width: 70px;
	background-image: url(../images/yomimono/charm/ph_charm_img.jpg);
	background-size: contain;
	background-repeat: no-repeat;
	vertical-align: middle;
}

@media (min-width: 768px) {
	.yomimono_mt10{
		margin-bottom:0px;
	}
}
@media (max-width: 767px){
	.yomimono_mt10{
		margin-bottom:10px;
	}
}

/* 読み物コンテンツ詳細ページ */
.yomimono_gellery{
	background-color: white;
}
@media (min-width: 768px) {
.yomimono_gellery{
	padding: 14px;
	margin-bottom: 10px;
	display: table;
	width: 100%;
}
.yomimono_gellery>div,
.yomimono_gellery>p{ display:table-cell; vertical-align: top;}
.yomimono_gellery>div{
	padding-right: 15px;
}
.yomimono_gellery p strong{ display:block; font-size: 20px;}
.yomimono_gellery img{ margin-bottom:5px;}
	
.culture_sightseeing_areatext01 {
	width: 400px;
	margin: 10px 0px;
	padding: 3px 0px;
}

.culture_link6 {
    width: 400px;
    margin-bottom: 5px;
    padding: 3px 0px 3px 20px;
    background: url(../r_culture/img/ic_culture001.gif) no-repeat 5px 5px;
    border-bottom: 1px dotted #ddd;
}
	
	.music_title{
		font-size: 16px;
		color: #950012;
	}
}
@media (max-width: 767px) {
.yomimono_gellery{
	padding: 10px;
	margin-bottom: 10px;
}
.yomimono_gellery>div{ margin-bottom: 10px; padding-right: 15px;}
.yomimono_gellery p{ margin-bottom: 0;}
.yomimono_gellery p strong{ display:block; font-size: 18px;}
.yomimono_gellery img{ margin-bottom:5px;}
	
.culture_link6 {
	width: 290px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	background: url(../r_culture/img/ic_culture001.gif) no-repeat 5px 5px;
	border-bottom: 1px dotted #ddd;}
	
	.music_title{
		font-size: 16px;
		color: #950012;
	}	
}

#page_content #main_content .main-text {
	padding-top: 30px;
	padding-right: 14px;
	padding-left: 14px;
	padding-bottom: 14px;
	border-top: 1px solid #dddddd;
	margin-bottom: 10px;
}
#page_content #main_content .main-text2 {
	padding-top: 5px;
	padding-right: 18px;
	padding-left: 14px;
	padding-bottom: 5px;
}

span .culture_sightseeing_areatext01 strong {
	font-size: 25px;
}
.tanken_title   {
	font-size: 21px;
	font-weight: bold;
	width: 300px;
	text-align: center;
}

/* 探検！アクロス福岡詳細ページ */
.yomimono_gellery2{
	background-color: white;
}
@media (min-width: 768px) {
.yomimono_gellery2{
	padding: 14px;
	margin-bottom: 10px;
	display: table;
	width: 100%;
}
.yomimono_gellery2>div,
.yomimono_gellery2>p{ display:table-cell; vertical-align: top;}
.yomimono_gellery2>div{
	padding-right: 15px;
}
.yomimono_gellery2 p strong{ display:block; font-size: 20px;}
.yomimono_gellery2 img{ margin-bottom:5px;}

.culture_sightseeing_areatext01 {
	width: 340px;
	margin: 10px 0px;
	padding: 3px 0px;
}

.culture_link6 {
    width: 400px;
    margin-bottom: 5px;
    padding: 3px 0px 3px 20px;
    background: url(../r_culture/img/ic_culture001.gif) no-repeat 5px 5px;
    border-bottom: 1px dotted #ddd;
}	
}
@media (max-width: 767px) {
.yomimono_gellery2{
	padding: 10px;
	margin-bottom: 10px;
}
.yomimono_gellery2>div{ margin-bottom: 0px; padding-right: 15px;}
.yomimono_gellery2 p{ margin-bottom: 0;}
.yomimono_gellery2 p strong{ display:block; font-size: 18px;}
.yomimono_gellery2 img{ margin-bottom:5px;}
	
.pr0{padding-right: 0px !important;}	
	
.culture_sightseeing_areatext01 {
    width: 100%;
    margin: 10px 0px 0px 0px;
    padding: 3px 0px;
}

.culture_link6 {
	width: 290px;
	margin-bottom: 5px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	background: url(../r_culture/img/ic_culture001.gif) no-repeat 5px 5px;
	border-bottom: 1px dotted #ddd;}
}

@media (min-width: 768px) {
#page_content #main_content .tanken_option {
	margin-left: 14px;
}

#main_content .tanken_option .option {
	width: 312px;
	border: 5px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}
#main_content .tanken_option .option02 {
	width: 312px;
	display: inline-block;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}
#main_content .tanken_option .option03 {
	width: 680px;
	border: 5px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}
#main_content .tanken_option .option04 {
	width: 670px;
	border: 5px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}
#main_content .tanken_option .option05 {
	width: 670px;
	border: 5px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding: 0px;
	vertical-align: top;
}
#main_content .tanken_option .option03 .container {
	padding: 0;
	width: 660px;
}
#main_content .tanken_option .option04 .container {
	padding: 0;
	width: 650px;
}
#main_content .tanken_option .option05 .container {
	padding: 0;
	width: 650px;
}	
.option05_main{
	padding: 10px;
}	

.tanken_option .option .option_title {
	background-color: #C7DA8B;
	font-weight: bold;
	padding-left: 5px;
}
.tanken_option .option03 .option_title {
	background-color: #C7DA8B;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 5px;
}
.tanken_option .option img {
	margin-top: 10px;
	margin-bottom: 10px;
}
.tanken_option .option .option_title_2 {
	background-color: #EAB6C2;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 5px;
}
.tanken_option .option03 .option_title_2 {
	background-color: #EAB6C2;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 5px;
}
.tanken_option .option .option_title_3 {
	background-color: #EAB6C2;
	font-weight: bold;
	padding-left: 5px;
}
.tanken_option .option .pink_text,
.tanken_option .option03 .pink_text{
	color: #D75D83;
}
.tanken_option .option .red_text {
	color: #DD3336;
}

#main_content .tanken_option li:first-child {
	margin-right: 30px;
}
#main_content .textAreaBlock {
	width: 242px;
	padding: 10px;
	border: 1px solid #ddd;
	float: left;
	margin: 0 10px 5px 0;
	text-align: center;
	font-size: 12px;
}
#main_content .textAreaBlock02 {
	width: 242px;
	padding: 10px;
	border: 1px solid #ddd;
	float: right;
	margin: 0 0 5px 10px;
	text-align: center;
	font-size: 12px;
}
#main_content .textAreaBlock img,
#main_content .textAreaBlock02 img {
		margin-bottom: 10px;
}
}
@media (max-width: 767px) {
#page_content #main_content .tanken_option {
	margin-left: 14px;
}

#main_content .tanken_option .option {
	width: 280px;
	border: 5px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}
#main_content .tanken_option .option02 {
	width: 280px;
	display: inline-block;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}
#main_content .tanken_option .option03 {
	width: 280px;
	border: 5px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}
#main_content .tanken_option .option03 .container {
	padding: 0;
	width: 260px;
}
#main_content .tanken_option .option04 {
	width: 280px;
	border: 5px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
}
#main_content .tanken_option .option04 .container {
	padding: 0;
	width: 260px;
}
#main_content .tanken_option .option05 {
	width: 280px;
	border: 5px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 0px;
	vertical-align: top;
}
#main_content .tanken_option .option05 .container {
	padding: 0;
	width: 260px;
}
.option05_main{
	padding: 10px;
}
#main_content .takumi_option{
	margin-bottom: -5px;	
}
#main_content .takumi_option .option07 {
	width: 280px;
	border: 5px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 0px;
	vertical-align: top;
}
#main_content .takumi_option .option07 .container {
	padding: 0;
	width: 260px;
}
.option07_main{
	padding: 10px;
}
.tanken_option .option .option_title{
	background-color: #C7DA8B;
	font-weight: bold;
	padding-left: 5px;
}
.tanken_option .option03 .option_title{
	background-color: #C7DA8B;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 5px;
}
.tanken_option .option img{
	margin-top: 10px;
	margin-bottom: 10px;
}
.tanken_option .option .option_title_2 {
	background-color: #EAB6C2;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 5px;
}
.tanken_option .option03 .option_title_2 {
	background-color: #EAB6C2;
	font-weight: bold;
	margin-bottom: 10px;
	padding-left: 5px;
}
.tanken_option .option .option_title_3 {
	background-color: #EAB6C2;
	font-weight: bold;
	padding-left: 5px;
}
.tanken_option .option .pink_text,
.tanken_option .option03 .pink_text{
	color: #D75D83;
}
.tanken_option .option .red_text {
	color: #DD3336;
}
#main_content .textAreaBlock {
	width: 280px;
	padding: 10px;
	border: 1px solid #ddd;
	margin: 0 10px 5px 0;
	text-align: center;
}
#main_content .textAreaBlock02 {
	width: 280px;
	padding: 10px;
	border: 1px solid #ddd;
	margin: 0 0 5px 10px;
	text-align: center;
}
#main_content .textAreaBlock img,
#main_content .textAreaBlock02 img {
		margin-bottom: 10px;
}
}

.writer {
	text-align: right;
}

.shuzai{
	margin-bottom: 20px;
}

.main_caption {
	text-align: right;
	margin-right: 10px;
}
.main_caption3 {
	text-align: left;
	margin-right: 10px;
}

#main_content .tanken_option li:first-child {
	margin-bottom: 10px;
}

/* バックナンバー */
.backnumber_box img{
	margin-top:10px;
	margin-left:40px;
	/*box-shadow: 0 0 5px 2px #AEAEAE;
	-webkit-box-shadow: 0 0 5px 2px #AEAEAE;*/
}
@media (min-width: 768px) {
.backnumber_box{
	display: table;
	table-layout: fixed;
	width: 100%;
	margin-bottom: 0px;
}
.backnumber_box>p{
	display: table-cell;
	vertical-align: top;
	padding: 9px 9px 0px 25px;
}
.backnumber_box>div{
	display: table-cell;
	vertical-align: top;
	width: 150px;
	height:170px;
	margin-left: 10px;
	padding: 9px 9px 0px 9px;
}
#page_content #main_content .series_banner {
	margin-bottom:10px;
}
.backnumber_line {
	border-top: 1px solid #DDDDDD;
	margin-bottom: 13px;
	margin-top: 5px;
}
}
@media (max-width: 767px) {
.backnumber_box{ margin-bottom: 0px;}
.backnumber_box>div{text-align: center; margin-top:20px;}
#page_content #main_content .series_banner img{
	margin-bottom:10px;
}
.backnumber_line {
	border-top: 1px solid #DDDDDD;
	margin-bottom: 10px;
	margin-top: 0px;
}	
}

.tomonokai_logo{
	width:90px;
	margin-top:-2px;
}

#page_content #main_content .tomonokai .btn.btn-lb-ra{
	text-align: left;
	width: 255px;
	line-height: normal;
}

.descri_title {
	margin-top: 20px;
	font-size: 15px;
	line-height: 18px;
}

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

/* 伝えたい文化の魅力ページ */
#main_content .charmCont{
	max-width: 670px;
	padding: 0 14px;
	margin: 0;
}
#main_content .chramLbox{
	font-size: 14px;
}
#main_content .charmRbox{
	font-size: 13px;
	padding: 10px;
	background-color: #E4ECE8;
}
#main_content .charmRbox span{
	font-weight: bold;
	border-bottom: 1px dotted #666;
	display: block;
	margin: 0 0 5px;
}

@media (min-width: 768px) {
.backnumber_box p .btn.btn-fbold.btn-lb-ra.btn-default.green {
	display: inline-block;
	width: 300px;
	font-size: 12px;
	vertical-align: middle;
	font-weight: bold;
	color: #252525;
	padding: 6px;
	margin-bottom: 7px;
	text-align: left;
}
.photo_title {
	height: 240px;
	font-size: 21px;
	font-weight: bold;
	width: 300px;
	text-align: center;
	display: table-cell;
 	vertical-align: middle;
}
.photo_img   {
	width: 300px;
	height: 200px;
	margin-left: 15px;
	margin-bottom: 10px;
	margin-right: 15px;
	float:right;
}
.backnumber_box img{
	margin-top:5px;
	margin-left:40px;
	border: 4px solid #eeeeee;
	/*box-shadow: 0 0 5px 2px #AEAEAE;
	-webkit-box-shadow: 0 0 5px 2px #AEAEAE;*/	
}
}

@media (max-width: 767px) {
.backnumber_box p .btn.btn-fbold.btn-lb-ra.btn-default.green {
	display: inline-block;
	width: 280px;
	font-size: 12px;
	vertical-align: middle;
	font-weight: bold;
	color: #252525;
	padding: 6px;
	margin-bottom: 7px;
	text-align: left;
}
.backnumber_box img{
	margin-top:5px;
	margin-left: 0px;
	margin-bottom: 20px;
	border: 4px solid #eeeeee;
	/*box-shadow: 0 0 5px 2px #AEAEAE;
	-webkit-box-shadow: 0 0 5px 2px #AEAEAE;*/	
}
#main_content .charmRbox{
	margin-top: 20px;
}
.photo_title {
	height: 60px;
	font-size: 21px;
	font-weight: bold;
	width: 100%;
	text-align: center;
 	vertical-align: middle;
}
.photo_img   {
	width: 100%;
	margin-right: 20px;
	margin-bottom: 10px;
}
}

.backnumber_box .magazin_image img{
	width:100px;
}

.photo_title2 {
	font-size: 17px;
	font-weight: bold;
}

/* クール・フクオカ */
.cool_option_line{
	border-top: 1px solid #FFFFFF;
	margin:15px 0px;
}
.cool_option_title{
	font-size: 16px;
	font-weight: bold;
	margin:10px 0px;
}

@media (min-width: 768px) {
#page_content #main_content .cool_option {
	margin-left: 14px;
}
#main_content .cool_option .option01 {
	width: 680px;
	border: 0px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	background-color: #008CAB;
	color: #ffffff;
}
#main_content .cool_option .option01 .container {
	padding: 0;
	width: 660px;
}
#main_content .cool_option .option01 .pull-right {
	margin: 10px 10px 10px 10px;
}
.culture_sightseeing_areatext02 {
	width: 420px;
	margin: 10px 0px;
	padding: 3px 0px;
}
.br-sp{
	display:none;
}
}
@media (max-width: 767px) {
#page_content #main_content .cool_option {
	margin-left: 14px;
}
#main_content .cool_option .option01 {
	width: 280px;
	border: 0px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	background-color: #008CAB;
	color: #ffffff;
}
#main_content .cool_option .option01 .container {
	padding: 0;
	width: 260px;
}
#main_content .cool_option .option01 img{
	margin-top: 10px;
}
.culture_sightseeing_areatext02 {
	width: auto;
	margin: 10px 0px;
	padding: 3px 0px;
}
.br-pc{
	display:none;
}
}

.indent-1{
	text-indent: 3em;
}

.indent-2{
	padding-left: 1em;
}

.float_right{
	float:right;
	padding-left: 10px;
}

.ml14{
	margin-left: 14px;
	margin-bottom: 24px;
}

/* 目指せ！世界遺産詳細ページ */
.yomimono_gellery3{
	background-color: white;
}
@media (min-width: 768px) {
.yomimono_gellery3{
	padding: 14px;
	margin-bottom: 10px;
	width: 100%;
}
.yomimono_gellery3 img{ margin-bottom:5px;}
}
@media (max-width: 767px) {
.yomimono_gellery3{
	padding: 10px;
	margin-bottom: 10px;
}
.yomimono_gellery3 img{ margin-bottom:5px;}
}

.mezase_option_line{
	border-top: 1px dotted #252525;
	margin-top: 2px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 2px;
}
.mezase_option_title{
	font-size: 16px;
	font-weight: bold;
	margin:10px 0px;
}
@media (min-width: 768px) {
#main_content .mezase_option .option01 {
	width: 474px;
	border: 0px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: top;
	background-color: #E4ECE8;
	color: #252525;
}
#main_content .mezase_option .option01 .container {
	padding: 0;
	width: 480px;
}
#main_content .mezase_option .option01 .pull-right {
	margin: 10px 10px 10px 10px;
}
#main_content .takumi_option .option01 {
	width: 474px;
	border: 0px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: top;
	background-color: #E4ECE8;
	color: #252525;
}
#main_content .takumi_option .option01 .container {
	padding: 0;
	width: 480px;
}
#main_content .takumi_option .option01 .pull-right {
	margin: 10px 10px 10px 10px;
}
#main_content .hanakikou_option {
	margin-left: 14px;
}
#main_content .hanakikou_option .option01 {
	width: 670px;
	border: 0px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: top;
	background-color: #E4ECE8;
	color: #252525;
}
#main_content .hanakikou_option .option01 img{
	margin-top: -5px;
}
#main_content .hanakikou_option .option01 .container {
	padding: 0;
	width: 670px;
}
#main_content .sightseeing_option {
	margin-left: 0px;
}
#main_content .sightseeing_option .option01 {
	width: 673px;
	border: 0px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: top;
	background-color: #E4ECE8;
	color: #252525;
}
#main_content .sightseeing_option .option01 img{
	margin-top: -5px;
}
#main_content .sightseeing_option .option01 .container {
	padding: 0;
	width: 673px;
}
#main_content .technique_option .option01 {
	width: 474px;
	border: 0px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: top;
	background-color: #E4ECE8;
	color: #252525;
}
#main_content .technique_option .option01 .container {
	padding: 0;
	width: 480px;
}
#main_content .technique_option .option01 .pull-right {
	margin: 10px 10px 10px 10px;
}
#main_content .technique_option .option06 {
	width: 474px;
	border: 0px solid #DDDDDD;
	display: inline-block;
	height: auto;
	margin-top: 3px;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
	background-color: #316567;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
#main_content .technique_option .option06 .container {
	padding: 0;
	width: 480px;
}
.technique_option_img{
	margin-right:10px;
	margin-bottom:5px;
}
.technique_option_img2{
	margin-right:10px;
}
.img2_p{
	margin-bottom:0px;	
}
.technique_main{
	margin-left:140px;
	width:300px;
}
.technique_option_line{
	border-top: 1px dotted #252525;
	margin-top: 2px;
	margin-right: 0px;
	margin-left: 140px;
	margin-bottom: 2px;
}
}
@media (max-width: 767px) {
#main_content .mezase_option .option01 {
	width: 280px;
	border: 0px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	background-color: #E4ECE8;
	color: #252525;
}
#main_content .mezase_option .option01 .container {
	padding: 0;
	width: 260px;
}
#main_content .mezase_option .option01 img{
	margin-top: 10px;
}
#main_content .takumi_option .option01 {
	width: 280px;
	border: 0px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	background-color: #E4ECE8;
	color: #252525;
	margin-bottom: 20px;
}
#main_content .takumi_option .option01 .container {
	padding: 0;
	width: 260px;
}
#main_content .takumi_option .option01 img{
	margin-top: -3px;
}
#main_content .hanakikou_option {
	margin-left: 14px;
}
#main_content .hanakikou_option .option01 {
	width: 280px;
	border: 0px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	background-color: #E4ECE8;
	color: #252525;
}
#main_content .hanakikou_option .option01 img{
	margin-top: -5px;
}
#main_content .hanakikou_option .option01 .container {
	padding: 0;
	width: 280px;
}
#main_content .sightseeing_option {
	margin-left: 0px;
}
#main_content .sightseeing_option .option01 {
	width: 280px;
	border: 0px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	background-color: #E4ECE8;
	color: #252525;
}
#main_content .sightseeing_option .option01 img{
	margin-top: -5px;
}
#main_content .sightseeing_option .option01 .container {
	padding: 0;
	width: 280px;
}
#main_content .technique_option .option01 {
	width: 280px;
	border: 0px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	background-color: #E4ECE8;
	color: #252525;
}
#main_content .technique_option .option01 .container {
	padding: 0;
	width: 260px;
}
#main_content .technique_option .option01 img{
	margin-top: 10px;
}
.technique_option_line{
	border-top: 1px dotted #252525;
	margin-top: 2px;
	margin-right: 0px;
	margin-left: 0px;
	margin-bottom: 2px;
}
#main_content .technique_option .option06 {
	width: 280px;
	border: 0px solid #DDDDDD;
	display: inline-block;
	height: auto;
	margin-top: 3px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	background-color: #316567;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}
#main_content .technique_option .option06 .container {
	padding: 0;
	width: 260px;
}
}

.mezase_option2_line{
	border-top: 1px solid #FFFFFF;
	margin:15px 0px;
}
.mezase_option2_title{
	font-size: 16px;
	font-weight: bold;
	margin:10px 0px;
}
@media (min-width: 768px) {
#main_content .mezase_option2 .option01 {
	width: 474px;
	border: 0px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 20px;
	padding-bottom: 20px;
	vertical-align: top;
	background-color: #FEEBCB;
	color: #252525;
}
#main_content .mezase_option2 .option01 .container {
	padding: 0;
	width: 480px;
}
#main_content .mezase_option2 .option01 .pull-right {
	margin: 10px 10px 10px 10px;
}
}
@media (max-width: 767px) {
#main_content .mezase_option2 .option01 {
	width: 280px;
	border: 0px solid #DDDDDD;
	display: inline-block;
	height: auto;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	vertical-align: top;
	background-color: #FEEBCB;
	color: #252525;
}
#main_content .mezase_option2 .option01 .container {
	padding: 0;
	width: 260px;
}
.mezase_table td{
	display: block;	
}
}

.tatiyori{
	position:relative;
	bottom: 20px;
	left: 15px;
}
.tatiyori2{
	position:relative;
	bottom: 20px;
	left: 75px;
}
.mezase_option_image{
	position:relative;
	bottom: 20px;
	left: 15px;
}
.mezase_option_image2{
	position:relative;
	bottom: 20px;
	left: 0px;
}
.mezase_option2 .option01 .visible-xs {
	text-align: center;
}
.mt5{
	margin-top:5px;
}
.main_caption2 {
    display:table;
    table-layout:fixed;
}
.main_caption2 li{
	display:table-cell;
	width: 50%;
	padding: 0 5px;
}
.mezase_table2 table,.mezase_table2 td,.mezase_table2 th{
	border: 1px solid #CCCCCC;
	padding: 3px 8px;
}
@media (max-width: 767px) {
.mezase_table2 {
	font-size: 12px;
}
}

.mezase_table3,.mezase_table3 tr,.mezase_table3 td{
	table-layout: fixed;
}
.mezase_table4,.mezase_table4 tr,.mezase_table4 td{
	table-layout: fixed;
}
@media (min-width: 768px) {
.mezase_table3,.mezase_table3 td{
	border: 1px solid #b97a3c;
	padding: 3px 8px;
}
.mezase_table4,.mezase_table4 td{
	border-top: 1px solid #b97a3c;
	border-right: 1px solid #b97a3c;
	border-bottom: 1px solid #b97a3c;
	border-left: 0px solid #b97a3c;
	padding: 3px 8px;
}
.th_style{
	line-height: 1.1em;
	background-color: #f8efe6;
	font-weight: normal;
	width: 85px;
	height: 60px;
}
.td_style{
	width: 158px;
	height: 60px;
}
.td_style2{
	height: 75px;		
}
}
@media (max-width: 767px) {
.mezase_table3 td{
	display: block;
}
.mezase_table3 table,.mezase_table3 td{
	border-collapse: collapse;
	border-top: 1px solid #b97a3c;
	border-left: 1px solid #b97a3c;
	border-right: 1px solid #b97a3c;
	padding: 3px 8px;
}
.mezase_table3 {
	font-size: 12px;
}
.mezase_table4 td{
	display: block;
}
.mezase_table4 table,.mezase_table4 td{
	border-collapse: collapse;
	border-top: 1px solid #b97a3c;
	border-left: 1px solid #b97a3c;
	border-right: 1px solid #b97a3c;
	padding: 3px 8px;
}
.mezase_table4 {
	font-size: 12px;
}
.th_style{
	line-height: 1.1em;
	background-color: #f8efe6;
	font-weight: normal;
}
.last_td{
	border-bottom: 1px solid #b97a3c;
}
}
.mezase_table3 td {
	line-height: 1.1em;
}
.mezase_table4 td {
	line-height: 1.1em;
}
.table_title{
	color: #b97a3c;
	font-size: 17px;
	text-align: center;
	font-weight: bold;
}

.mezase_table5{
	padding:0;
}
@media (max-width: 767px) {
.mezase_table5 td{
	display: block;
}
}

@media (min-width: 992px) {
.mb400{
	margin-bottom:400px;
}
.mb300{
	margin-bottom:300px;
}
.mb200{
	margin-bottom:200px;
}
}

.shokutitle{
	background-color: #E4ECE8;
    padding: 10px;
	margin: 0px;
}

.technique_float_left{
	float:left;
}
.takumi_subtitle {
    margin: 3px 0px 8px 0px;
    padding: 3px 0px 3px 5px;
    background-color: #316567;
    font-weight: bold;
    color: #FFF;
}
@media (min-width: 768px) {
.culture_takumi_area01 {
    width: 474px;
    margin: 20px 0px 10px 0px;
    padding: 5px;
    background-color: #ddd;
}
.culture_takumi_area01w {
    background-color: #fff;
}
.culture_takumi_title01 {
    width: 200px;
    padding: 5px;
    background-color: #E4ECE8;
    float: left;
}
.culture_takumi_title02 {
    margin-left: 200px;
    padding: 5px;
    border-left: 5px solid #ddd;
    background-color: #E4ECE8;
}
.culture_takumi_textarea01 {
    width: 200px;
    padding: 5px;
    float: left;
}
.culture_takumi_textarea02 {
    margin-left: 200px;
    border-left: 5px solid #ddd;
    padding: 5px;
}
.culture_takumi_area01_2 {
    width: 674px;
    margin: 20px 0px 10px 0px;
    padding: 5px;
    background-color: #ddd;
}
.culture_takumi_area01w_2 {
    background-color: #fff;
}
.culture_takumi_title01_2 {
    width: 200px;
    padding: 5px;
    background-color: #E4ECE8;
    float: left;
}
.culture_takumi_title02_2 {
    margin-left: 200px;
    padding: 5px;
    border-left: 5px solid #ddd;
    background-color: #E4ECE8;
}
.culture_takumi_textarea01_2 {
    width: 200px;
    padding: 5px;
    float: left;
}
.culture_takumi_textarea02_2 {
    margin-left: 200px;
    border-left: 5px solid #ddd;
    padding: 5px;
}
.takumi_img{
	position:relative;
	bottom:3px;
}
}

#series{
	padding-top:60px;
	margin-top: -60px;
}


/* 九響プレトーク */
@media (min-width: 768px) {
	#main_content .kyukyo_content { max-width: 670px; padding: 0 14px;}
	.yomimono_gellery4 img{ width: 672px; height: auto;}
	
	.kyukyo_box{ display: flex; justify-content: center;}
	.kyukyo_box>div:first-child{ width: 450px; margin-right: 30px;}
	.kyukyo_box>div:last-child{ width: 192px;}

	.kyukyo_memo{ border: 2px solid #beb1aa; background-color: #f6f3e7; padding: 10px; margin-top: 10px;}
	.kyukyo_memo strong{ background: linear-gradient(transparent 60%, #8fc31f 60%); font-weight: bold; margin-bottom: 10px; display: inline-block;}

	.kyukyo_memo2{ background-color: #ea545d; padding: 10px; color: #fff; margin: 30px 14px 0;}
	.kyukyo_memo2 .date1{ background-color: #fff100; color: #e83828; border-radius: 50%; font-size: 16px; font-weight: bold; width: 44px; height: 44px; display: inline-flex; justify-content: center; align-items: center; position: relative; top: -10px;} 
	.kyukyo_memo2 .date2{ background-color: #fff100; color: #e83828; border-radius: 50%; font-size: 28px; font-weight: bold; width: 59px; height: 59px; display: inline-flex; justify-content: center; align-items: center; position: relative; left: -10px;}
	.kyukyo_memo2 .date3{ background-color: #fff100; color: #e83828; border-radius: 50%; font-size: 16px; font-weight: bold; width: 44px; height: 44px; display: inline-flex; justify-content: center; align-items: center; position: relative; left: -20px; top: 4px;}
	.kyukyo_memo2>div:first-child strong.kyukyo_memo2_title2{ border-radius: 20px; background-color: #fff; color: #ea545d; padding: 5px 10px 5px 13px; margin-bottom: 10px; display: inline-block;}
	.kyukyo_memo2 .kyukyo_memo2_title{ font-size: 20px; display: inline-block; margin-bottom: 15px;}
	.kyukyo_memo2 .kyukyo_memo2_box{ background-color: #fff; color: #383838; display: block; padding: 10px; text-align: center; margin-top: 10px;}
	.kyukyo_memo2 .kyukyo_memo2_flex1{ display: flex; margin-bottom: 10px;}
	.kyukyo_memo2 .kyukyo_memo2_flex1>div:first-child{ width: 450px;}
	.kyukyo_memo2 .kyukyo_memo2_flex1>div img{ width: 200px; height: auto;}
	.kyukyo_memo2 .kyukyo_memo2_flex2{ display: flex; margin-bottom: 10px; width: 430px;}
	.kyukyo_memo2 .kyukyo_memo2_flex2>div:last-child{ border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 3px 5px;}
	.kyukyo_memo2 .kyukyo_memo2_flex2>div:last-child strong{ font-size: 16px; font-weight: normal;}
}
@media (max-width: 767px) {
	#main_content .kyukyo_content { }
	.kyukyo_box{ }
	.kyukyo_box>div:first-child{ width: 100%;}
	.kyukyo_box>div:last-child{ display: flex; margin-top: 20px;}
	.kyukyo_box>div:last-child>div:first-child{ padding-right: 5px; width: 50%;}
	.kyukyo_box>div:last-child>div:last-child{ padding-left: 5px; width: 50%;}

	.kyukyo_memo{ border: 2px solid #beb1aa; background-color: #f6f3e7; padding: 10px; margin-top: 20px;}
	.kyukyo_memo strong{ background: linear-gradient(transparent 60%, #8fc31f 60%); font-weight: bold; margin-bottom: 10px; display: inline-block;}

	.kyukyo_memo2{ background-color: #ea545d; padding: 10px; color: #fff; margin: 20px 0 0;}
	.kyukyo_memo2 .date1{ background-color: #fff100; color: #e83828; border-radius: 50%; font-size: 16px; font-weight: bold; width: 44px; height: 44px; display: inline-flex; justify-content: center; align-items: center; position: relative; top: -10px;} 
	.kyukyo_memo2 .date2{ background-color: #fff100; color: #e83828; border-radius: 50%; font-size: 28px; font-weight: bold; width: 59px; height: 59px; display: inline-flex; justify-content: center; align-items: center; position: relative; left: -10px;}
	.kyukyo_memo2 .date3{ background-color: #fff100; color: #e83828; border-radius: 50%; font-size: 16px; font-weight: bold; width: 44px; height: 44px; display: inline-flex; justify-content: center; align-items: center; position: relative; left: -20px; top: 4px;}
	.kyukyo_memo2>div:first-child strong.kyukyo_memo2_title2{ border-radius: 20px; background-color: #fff; color: #ea545d; padding: 5px 10px 5px 13px; margin-bottom: 10px; display: inline-block;}
	.kyukyo_memo2 .kyukyo_memo2_title{ font-size: 20px; display: inline-block; margin-bottom: 15px;}
	.kyukyo_memo2 .kyukyo_memo2_box{ background-color: #fff; color: #383838; display: block; padding: 10px; text-align: center; margin-top: 10px;}
	.kyukyo_memo2 .kyukyo_memo2_flex1{ margin-bottom: 10px;}
	.kyukyo_memo2 .kyukyo_memo2_flex1>div:first-child{ width: 100%; margin-bottom: 10px;}
	.kyukyo_memo2 .kyukyo_memo2_flex1>div img{ width: 100%; height: auto;}
	.kyukyo_memo2 .kyukyo_memo2_flex2{ width: 100%;}
	.kyukyo_memo2 .kyukyo_memo2_flex2>div:last-child{ border-top: 2px solid #fff; border-bottom: 2px solid #fff; padding: 3px 5px; margin: 10px 0; }
	.kyukyo_memo2 .kyukyo_memo2_flex2>div:last-child strong{ font-size: 16px; font-weight: normal;}
}

/* 歴史を彩った名曲たち */
@media (min-width: 768px) {
	.music_flex{ display: flex; margin-bottom: 20px; padding: 14px;}
	.music_flex>div:first-child{ width: 320px; margin-right: 30px;}
	.music_flex>div:first-child img{ width: 320px; height: auto;}
	.music_flex>div:last-child{ width: 330px;}
}
@media (max-width: 767px) {
	.music_flex{ padding: 14px 14px 0;}
	.music_flex>div:first-child{ width: 100%; margin-bottom: 25px;}
	.music_flex>div:first-child img{ width: 100%; height: auto;}
	.music_flex>div:last-child{ width: 100%;}
}