.inside_header_outside{background-color: #fff;
	

}
	
	
.inside_logo_list{display: flex;
max-width: 1000px;
margin-left: auto;
margin-right: auto;
padding-top: 10px;
padding-bottom: 10px;
background-color: #fff;
justify-content: space-between;

}

.inside_logo_list > li:first-child img{max-width: 255px;}


/*================================================
 *  inside共通
 ================================================*/

/* ============con1============ */
.title_outside{
	text-align: center;
    font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
    background-image: url(../img/common_img/title_bg.png);
    background-repeat: no-repeat;
    background-size: 100% auto;
	background-size: cover;
	margin-bottom: 50px;
	
}

.title_contents{
    background-image: url(../img/common_img/title_bg_hikawa.png);
    background-repeat: no-repeat;
    background-position: right center;
    padding-top: 40px;
    padding-bottom: 25px;
    max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
	background-size: contain;
	color: #725511;
    
}


.inside_title{
    font-size: 225%;
	line-height: 1.0;
	position: relative;
	display: inline-block;
	padding-top: 0px;
	padding-right: 40px;
	padding-left: 40px;
	padding-bottom: 10px;
	border-bottom: 1px solid #725511;
    
}
.inside_title_small{font-size: 125%;
font-weight: normal;}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.title_outside{
	margin-bottom: 30px;
	}
	
.title_contents{
    background-image: none;
padding-top: 25px;
    padding-bottom: 10px;
   }
	
	.inside_title{
    font-size: 150%;
	line-height: 1.0;
padding-right: 20px;
	padding-left: 20px;
	}
	
	.inside_title_small{font-size: 100%;
font-weight: normal;}
	
	}
/* -------------end------------- */




.headline{
    border-top: 1px solid #725511;
	border-bottom: 1px solid #725511;
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
	color: #725511;
	font-size: 163%;
	padding-left: 20px;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.headline{
    border-top: 1px solid #725511;
	border-bottom: 1px solid #725511;
	font-family: "Times New Roman", "游明朝", YuMincho, "Hiragino Mincho ProN", Meiryo, serif;
	color: #725511;
	font-size: 138%;
	padding-left: 10px;
	margin-bottom: 20px;
	padding-top: 5px;
	padding-bottom: 5px;
	
}
	}
/* -------------end------------- */

.headline > span{
font-size: 138%;
		line-height: 1.2;

}

.headline > .txt60_per{font-size: 60%;
margin-right: 1em;}

.midashi_bar{
	background-color: #725511;
	color: #fff;
	font-size: 113%;
	padding-left: 10px;
	margin-bottom: 10px;
}

.midashi_bar_aka{
	background-color: #8e0524;
	color: #fff;
	font-size: 113%;
	padding-left: 10px;
	margin-bottom: 10px;
}



.komidashi{font-weight: 700;
color: #725511;
font-size: 113%;}



/* 大きい画面用の設定-------------- */
@media (min-width:768px){
.common_flex_box{display: flex;
justify-content: space-between;}
.common_flex_box li{width: 48%;}
.common_flex_box li.haba28{width: 28%;}	
.common_flex_box li.haba40{width: 40%;}
.common_flex_box li.haba60{width: 60%;}	
.common_flex_box li.haba30{width: 30%;}
.common_flex_box li.haba70{width: 70%;}	

	}
/* -------------end------------- */



/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.common_flex_box li:first-child{margin-bottom: 10px;}
	
	}
/* -------------end------------- */



/*================================================
 *  main
 ================================================*/
.inside_outside{background-color: #fff;
 max-width: 1280px;
    margin-left: auto;
    margin-right: auto;
}

.inside_contents{max-width: 1000px;
    margin-left: auto;
    margin-right: auto;
	padding-bottom: 70px;
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
	.inside_contents{margin-left: 3%;
	margin-right: 3%;
	padding-bottom: 30px;
}
	
	}
/* -------------end------------- */




/* 大きい画面用の設定-------------- */
@media (min-width:768px){
	.hummer01{
    background-image: url(../img/common_img/hammer01.png);
    background-repeat: no-repeat;
    background-position: left 50px;
}

.hummer02{
    background-image: url(../img/common_img/hammer02.png);
    background-repeat: no-repeat;
    background-position: right 50px;
}

	}
/* -------------end------------- */

/*================================================
 *  船内ガイドマップ
 ================================================*/



/* 大きい画面用の設定-------------- */
@media (min-width:768px){
.guide_ship{padding-top: 40px;
padding-bottom: 20px;
display: flex;
justify-content: space-between;}

.guide_ship > li:first-child{width: 60%;}

.guide_ship > li:last-child{width: 40%;}
	}
/* -------------end------------- */
/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.guide_ship{padding-top: 20px;
padding-bottom: 20px;
}

.guide_ship > li:first-child{margin-bottom: 20px;}

	
	}

/* -------------end------------- */

.guide_link_list{display: flex;
justify-content: space-between;
}

/*.guide_link_list > li{width: 19%;
	text-align: center;
	background-color: #D8C2AE;
	padding-top: 5px;
	padding-bottom: 5px;
	font-size: 95%;
}

.guide_link_list  li a{display: block;
	position: relative;
}
.guide_link_list  li a::after{ font-family: 'FontAwesome';
  content: "\f078";
	position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -12px;

}*/

.n1n2n3_img{max-width: 700px;
	margin-left: auto;
    margin-right: auto;
	padding-top: 20px;
	padding-bottom: 50px;
}

.a_deck_floor_img{max-width: 700px;
	margin-left: auto;
    margin-right: auto;
	padding-top: 20px;
	padding-bottom: 50px;
}

.b_deck_floor_img{max-width: 700px;
	margin-left: auto;
    margin-right: auto;
	padding-top: 20px;
	padding-bottom: 50px;
}

.c_deck_floor_img{max-width: 700px;
	margin-left: auto;
    margin-right: auto;
	padding-top: 20px;
	padding-bottom: 10px;
}

.d_deck_floor_img{max-width: 700px;
	margin-left: auto;
    margin-right: auto;
	padding-top: 20px;
	padding-bottom: 50px;
}

.guide_pickup_list_img{margin-bottom: 10px;}

.guide_pickup_list_title{font-size: 125%;
line-height: 1.4;
margin-bottom: 5px;}

/* 大きい画面用の設定-------------- */
@media (min-width:768px){
	.guide_pickup_list{display: flex;
justify-content: space-between;}

.guide_pickup_list li{width: 31%;
text-align: justify;}
	}
/* -------------end------------- */
/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.n1n2n3_img{
	padding-top: 10px;
	padding-bottom: 30px;
}

.a_deck_floor_img{
	padding-top: 10px;
	padding-bottom: 30px;
}

.b_deck_floor_img{
	padding-top: 10px;
	padding-bottom: 30px;
}

.c_deck_floor_img{
	padding-top: 10px;
	padding-bottom: 30px;
}

.d_deck_floor_img{
	padding-top: 10px;
	padding-bottom: 30px;
}
	
	.guide_pickup_list li{margin-bottom: 20px;
}
	
.guide_pickup_list li:last-child{margin-bottom: 0px;
}
	

	
	}
/* -------------end------------- */

.guidebook_box{
	border: 1px solid #000000;
	padding: 20px;
	text-align: justify;
}



.guidebook_title_box{
	border-bottom: 1px solid #000000;
	margin-bottom: 20px;

	
}





.guidebook_title{font-size: 175%;}

/* 大きい画面用の設定-------------- */
@media (min-width:768px){
.guidebook_list{display: flex;
justify-content: space-between;}

.guidebook_list li:first-child{width:59%;
	text-align: justify;
}

.guidebook_list li:last-child{width:38%;}
	
.guidebook_title_box{

		
	display: flex;
justify-content: space-between;
}

.guidebook_title_box div:first-child{width:48%;}

.guidebook_title_box div:last-child{
	width:52%;
	
}

	
	
	}
/* -------------end------------- */
/* 小さい画面用の設定-------------- */
@media (max-width:767px){
	.guidebook_list li:first-child{margin-bottom: 20px;
}
	}
/* -------------end------------- */

#N1N2N3,
#A-DECK,
#B-DECK,
#CD-DECK{margin-top:-100px;	
padding-top:100px;}


/*================================================
 *  イベント一覧
 ================================================*/
.sp-previous-arrow{left:-10px!important;}
.sp-next-arrow{right:-10px!important;}




.sp-next-arrow:after,.sp-next-arrow:before,.sp-previous-arrow:after,.sp-previous-arrow:before{background-color:#333!important;}


.entry_close,
.entry_close1,
.entry_close2,
.entry_close3,
.entry_close4,
.entry_close5,
.entry_close6,
.entry_close7,
.entry_close8,
.entry_close9,
.entry_close10{
	width: 100%;
	height: 100%;
	background-color: #eee;
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	z-index: 10;
	position: relative;
	}

.entry_close > .entry_close_txt,
.entry_close1 > .entry_close_txt,
.entry_close2 > .entry_close_txt,
.entry_close3 > .entry_close_txt,
.entry_close4 > .entry_close_txt,
.entry_close5 > .entry_close_txt,
.entry_close6 > .entry_close_txt,
.entry_close7 > .entry_close_txt,
.entry_close8 > .entry_close_txt,
.entry_close9 > .entry_close_txt,
.entry_close10 > .entry_close_txt{
	position: absolute;
	top: 50%;
	left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	margin: 0;
	font-size: 120%;
	z-index: 100;
	background-color: #fff;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	border: 1px solid #333;
	
}



.entry_open,
.entry_open1,
.entry_open2,
.entry_open3,
.entry_open4,
.entry_open5,
.entry_open6,
.entry_open7,
.entry_open8,
.entry_open9,
.entry_open10{
	
	}

.entry_open > .entry_close_txt,
.entry_open1 > .entry_close_txt,
.entry_open2 > .entry_close_txt,
.entry_open3 > .entry_close_txt,
.entry_open4 > .entry_close_txt,
.entry_open5 > .entry_close_txt,
.entry_open6 > .entry_close_txt,
.entry_open7 > .entry_close_txt,
.entry_open8 > .entry_close_txt,
.entry_open9 > .entry_close_txt,
.entry_open10 > .entry_close_txt{
	display: none;
}

.event_list_box{
	border-bottom: 1px solid #725511;
	position: relative;
	top: 0;
	left: 0;
}

.event_list_box_last{
	padding-bottom: 0px;
	margin-bottom: 0px;
	border-bottom: none;
}


.event_list_box_title{
	color: #725511;
	font-size: 138%;
	line-height: 1.4;
	
}



/* 大きい画面用の設定-------------- */
@media (min-width:768px){
.event_list_box{
	display: flex;
justify-content: space-between;
	padding-bottom: 30px;
	padding-top: 30px;
	
}

.event_list_box > li:first-child{
	width: 30%;
}

.event_list_box > li:last-child{
	width: 66%;
}

.event_list_box_title{
	font-size: 138%;
	
}

.event_list_box_day{
	font-size: 113%;
	margin-bottom: 10px;
}
	}
/* -------------end------------- */
/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.event_list_box{
padding-bottom: 15px;
	padding-top:  15px;
	}
	
.event_list_box > li:first-child{
	margin-bottom: 10px;
}

.event_list_box_day{
	font-size: 100%;
	margin-bottom: 10px;
}
}
/* -------------end------------- */

.archive_wrap{background-color: #fff5eb;
padding: 20px;}

.inside_outside_kids{
	background-color: #fff5eb;
	padding-top: 10px;
}

.kids_corner_title{max-width: 350px;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;}

.kids_box{
	border: 1px solid #DEC8B4;
	padding-top: 40px;
	padding-right: 40px;
	padding-bottom: 40px;
	padding-left: 40px;
	background-color: #fff;
	border-radius: 10px;
}

.kids_box_title{
	font-size: 175%;
	background-color: #b6ddeb;
	color: #004b7a;
	font-weight: normal;
	margin-bottom: 20px;
	padding-left: 15px;
	border-radius: 6px;
	}

.kids_box_title > span{
	font-size: 50%;
}

.kids_box_flex_box{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.kids_box_flex_box li{
width: 45%;
}

.kids_box_flex_box_title{
	background-color: #dec8b4;
	text-align: center;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	}

.adobe_icon{max-width: 160px!important;
margin-right: 10px;}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.kids_box{
	padding: 10px;
}

.kids_box_title{
	margin-bottom: 10px;
	padding-left: 10px;
	border-radius: 3px;
	}

.kids_box_flex_box{
	display: flex;
	justify-content: space-between;
	margin-bottom: 20px;
}

.kids_box_flex_box li{
width: 48%;
}


.kids_box_flex_box_title{
	padding-bottom: 5px;
	
}
}
/* -------------end------------- */

/* ========================================
 ■ movie
======================================== */

.move_wrap{
	/*max-width: 853px;*/
	max-width: 700px;
	margin-left: auto;
	margin-right: auto;
}

.move{
position:relative;
width:100%;
padding-top:56.25%;
	
	
}
.move iframe{
position:absolute;
top:0;
right:0;
width:100%;
height:100%;
}

/*================================================
 *  イベント詳細
 ================================================*/
.event_shosai_dl dt {
padding-left: 10px;
	clear: left;
	float: left;
	width: 10em;
	color: #725511;
}

.event_shosai_dl dd {
	padding-left: 12em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
	.event_shosai_dl dt {
width: 6em;
}

.event_shosai_dl dd {
	padding-left: 7em;
	}

}
/* -------------end------------- */


/*================================================
 *  氷川丸の歴史
 ================================================*/
/* 大きい画面用の設定-------------- */
@media (min-width:768px){
	.history_headline{
	display: flex;
	justify-content: space-between;
	align-items: center;
	
}
	
	.history_headline li:last-child{
font-size: 80%;
padding-right: 20px;}
	
	}
/* -------------end------------- */
/* 小さい画面用の設定-------------- */
@media (max-width:767px){
	.history_headline li:last-child{
font-size: 80%;
padding-left: 30px;}
	}
/* -------------end------------- */









.history_txt_title{
	font-weight: 700;
}




/* 大きい画面用の設定-------------- */
@media (min-width:768px){
	.history_txt{
	display: flex;
	justify-content: space-between;
}

.history_txt li:first-child{
width: 54%;
text-align: justify;}

.history_txt li:last-child{
width: 40%;}
	}
/* -------------end------------- */
/* 小さい画面用の設定-------------- */
@media (max-width:767px){
	.history_txt li:first-child{
margin-bottom: 20px;}
	}
/* -------------end------------- */

.history_txt_mgn_btm{margin-bottom: 20px;}



.history_caption{font-size: 88%;
margin-top: 5px;
line-height: 1.4;}

.history_koumoku_dl dt {
	padding-left: 15px;
	clear: left;
	float: left;
	width: 130px;
}

.history_koumoku_dl dd {
	padding-left: 145px;
	margin-bottom: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}

.history_koumoku_dl dd:last-child {
	border-bottom: none;
}



.history_column{
	border: 1px solid #725511;
	
}




/* 大きい画面用の設定-------------- */
@media (min-width:768px){
.history_column{
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	display: flex;
	justify-content: space-between;
}

.history_column > li:first-child{
width: 65%;
text-align: justify;}

.history_column > li:last-child{
width: 30%;}
	}
/* -------------end------------- */
/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.history_column{
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	}
	
.history_column > li:first-child{
margin-bottom: 20px;}
	}
/* -------------end------------- */


.history_column_title_img{max-width: 400px;
margin-bottom: 15px;}

.history_column_link_list{
	display: flex;
	justify-content: space-between;
}

.history_column_link_list > li{
	width: 23%;
	position: relative;
}


.history_column_link_list > li a{
	background-color: #e4ceba;
	text-align: center;
	padding-top: 3px;
	padding-bottom: 3px;
	display: block;
}

.history_column_link_list > li a::after{
font-family: 'FontAwesome';
  content: "\f054";
	margin-right: 5px;
	position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -12px;
}


.tb_history  {
	border-spacing: 0;
	border-collapse:collapse;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	
}

.tb_history th {
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 10px;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	background-color: #f1e6dc;
	width:16%;
	min-width: 8em;
	align-items: center;
}

.tb_history td {
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 10px;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	width:84%;
}

.tb_history td.tb_history_name {
	background-color: #e4ceba;
	text-align: center;
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.tb_history th {
	width:5%;
	min-width: 7em;
}
	
.tb_history td {
width:95%;
}
	
	}
/* -------------end------------- */

/*================================================
 *  ご利用案内
 ================================================*/
.tb_user_fee  {
	border-spacing: 0;
	border-collapse:collapse;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	margin-bottom: 10px;
	
}

.tb_user_fee th {
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 10px;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	background-color: #f1e6dc;
	width: 16%;
}

.tb_user_fee td {
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 10px;
	padding-right: 10px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	width:21%;
	text-align: center;
}

.tb_user_fee td.tb_user_fee_name {
	background-color: #e4ceba;
	text-align: center;
}

/*.tb_user_fee th:empty,
.tb_user_fee td:empty{
	background-image: url(../img/user_guide_img/line.svg);
	background-size: 100% 100%;
}*/

.touhoku_fee{
	background-color: #ffe46d;
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	margin-bottom: 10px;
}

.user_pdf_flex_box{display: flex;
justify-content: space-between;
margin-bottom: 30px;}

.user_pdf_flex_box > li{width: 48%;
	padding-top: 10px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 10px;
text-align: center;
	
	color: #fff;
	position: relative;
	line-height: 1.4;
}

.user_pdf_flex_box > li a{
	color: #fff;
	display: block;
	
}



.user_pdf_flex_box > li a:hover{
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";

}

.user_pdf_flex_box li:after {
  font-family: 'FontAwesome';
  content: "\f054";
	position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -12px;
  
}

.bg_dantai{background-color: #920524;}
.bg_student{background-color: #001f3f;}
.bg_museum{background-color: #00529f;}

#dantai,
#photo,
#barrier_free
{margin-top:-100px;
	padding-top:100px;}





/*================================================
 *  アクセス
 ================================================*/


/* 大きい画面用の設定-------------- */
@media (min-width:768px){
	.access_flex_box{
	display: flex;
	justify-content: space-between;
}

.access_flex_box > li:first-child{
width: 54%;
text-align: justify;}

.access_flex_box > li:last-child{
width: 40%;}
	}
/* -------------end------------- */

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
	.access_flex_box > li:last-child{
		display: none;
}
	}
/* -------------end------------- */

.tb_access {
	border-spacing: 0;
	border-collapse:collapse;
	width: 100%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	
}

.tb_access  th {
	width: 7em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	background-color: #faf5f1;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	vertical-align: middle;	
}

.tb_access  td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
}

.access_15min{
	border: 1px solid #725511;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	
}



/* 大きい画面用の設定-------------- */
@media (min-width:768px){
.access_15min{
	border: 1px solid #725511;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	padding-left: 20px;
	display: flex;
	justify-content: space-between;
}
	
.access_15min > li:first-child{
width: 54%;
text-align: justify;}

.access_15min > li:last-child{
width: 40%;}

	}
/* -------------end------------- */

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.access_15min > li:first-child{
		margin-bottom: 10px;
	}

}
/* -------------end------------- */



/*================================================
 *  優待券
 ================================================*/

/* 大きい画面用の設定-------------- */
@media (min-width:768px){
.coupon_flex_box1{
	display: flex;
	justify-content: space-between;
}

.coupon_flex_box1 > li:first-child{
width: 54%;
text-align: justify;}

.coupon_flex_box1 > li:last-child{
width: 40%;}
	}
/* -------------end------------- */


/* 小さい画面用の設定-------------- */
@media (max-width:767px){
	.coupon_flex_box1 > li:first-child{
margin-bottom: 20px;}

	}
/* -------------end------------- */











.kyoutu_flex_box > li{
	line-height: 1.4;
	
}

.kyoutu_flex_box > li a{
	background-color: #e4ceba;
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	position: relative;
	
}

.kyoutu_flex_box > li a::after{
font-family: 'FontAwesome';
  content: "\f078";
	margin-right: 5px;
	position: absolute;
  top: 50%;
  right: 10px;
  margin-top: -12px;
}



/* 大きい画面用の設定-------------- */
@media (min-width:768px){
	.kyoutu_flex_box{
	display: flex;
justify-content: space-between;
		margin-bottom: 30px;
}

.kyoutu_flex_box > li{
	width: 48%;
	
}
	}
/* -------------end------------- */

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
	.kyoutu_flex_box{
margin-bottom: 20px;
}
	
.kyoutu_flex_box > li{
	margin-bottom: 10px;
}	
	}
/* -------------end------------- */


	

	
.coupon_flex_box2{
	display: flex;
	justify-content: space-between;
}

.coupon_flex_box2 > li:first-child{
width: 74%;
text-align: justify;}

.coupon_flex_box2 > li:last-child{
width: 20%;}



/* 大きい画面用の設定-------------- */
@media (min-width:768px){
.coupon_flex_box_marine_txt{display: flex;
	justify-content: space-between;}

.coupon_flex_box_marine_txt > li:first-child{
width: 76%;
text-align: justify;}

.coupon_flex_box_marine_txt > li:last-child{
width: 18%;}
	}
/* -------------end------------- */
/* 小さい画面用の設定-------------- */
@media (max-width:767px){
	.ticket_common{width: 30%;
	margin-left: auto;
	margin-right: auto;}
	}
/* -------------end------------- */


.coupon_flex_box_marine{
	display: flex;
	justify-content: space-between;
}

.coupon_flex_box_marine > li{
width: 50%;}



.tb_coupon {
	border-spacing: 0;
	border-collapse:collapse;
	width: 100%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	margin-bottom: 10px;
	vertical-align: middle!important;	
	
}

.tb_coupon  th {
	width: 10em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	background-color: #faf5f1;
	padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	
}

.tb_coupon  td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
padding-top: 15px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 15px;
}
/* 小さい画面用の設定-------------- */
@media (max-width:767px){
	.tb_coupon  th {
	width: 6em;
	padding-top: 10px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 10px;
}
	}
/* -------------end------------- */

.bt_yutai{max-width: 380px;}

#coupon_link1,
#coupon_link2,
#coupon_link3
{margin-top:-100px;
	padding-top:100px;}

/*================================================
 *  よくあるご質問
 ================================================*/
.qa {
	width: 100%;
}
.qa .question {
	display: block;
	width: 100%;
	line-height: 1.2;
	/*height: 50px;
	line-height: 50px;*/
	cursor: pointer;
	position: relative;
	/*	background-color: #FFF0AC;
*/	padding-top: 15px;
	padding-right: 0;
	padding-bottom: 15px;
	padding-left: 5%;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dotted;
	border-bottom-style: dotted;
	border-top-color: #F4E8D1;
	border-bottom-color: #F4E8D1;
	background-color: #F9F6F2;
}

.qa .question:before {
	content: "";
	position: absolute;
	top: 15px;
	left: 10px;
	display: block;
	width: 18px;
	height: 18px;
	background: url(../img/faq_img/q.png) no-repeat;/*    background-size: contain;
*/}

.qa .question:after {
    content: "";
    position: absolute;
    top: 15px;
    right: 3%;
    display: block;
   width: 18px;
	height: 18px;
    background: url(../img/faq_img/add.png) no-repeat;
    background-size: contain;
}
.qa .active:after {
	content: "";
	position: absolute;
	top: 15px;
	right: 3%;
	display: block;
	width: 18px;
	height: 18px;
	background-size: contain;
	background-image: url(../img/faq_img/minus.png);
	background-repeat: no-repeat;
}
.qa .answer {
	height: auto;
	display: none;
	padding-top: 0;
	padding-right: 0;
	padding-left: 5%;
	margin-bottom: 20px;
	margin-top: 5px;
	position: relative;
}


.qa .answer:before {
    content: "";
    position: absolute;
    top: 3px;

    left: 10px;
    display: block;
    width: 18px;
	height: 18px;
    background: url(../img/faq_img/a.png) no-repeat;
    background-size: contain;
}

.faq_book{padding: 10px;
background-color: #eee;}

.faq_book_list li{display: inline-block;
margin-right: 20px;}

.faq_book_list li::before{
	 font-family: 'FontAwesome';
  content: "\f105";
	margin-right: 5px;
}


.tb_faq {
	border-spacing: 0;
	border-collapse:collapse;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
}

.tb_faq  th {
	width: 5em;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}

.tb_faq  td {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
}

/*================================================
 *  重要文化材
 ================================================*/
.cultural_sub{font-size: 80%!important;}


.cultural_dl dt {
	font-weight: bold;
	color: #725511;
}

.cultural_dl dd {
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}

/* 大きい画面用の設定-------------- */
@media (min-width:768px){
	.cultural_dl dt {
	
	clear: left;
	float: left;
	width: 16em;
	
}

.cultural_dl dd {
	padding-left: 16em;
	
}
}
/* -------------end------------- */
/* 小さい画面用の設定-------------- */
@media (max-width:767px){

}
/* -------------end------------- */

/*================================================
 *  当館について
 ================================================*/
.about_us_headline{
	max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

.about_list1{
	display: flex;
justify-content: space-between;
	margin-bottom: 30px;
	
}

.about_list1 > li{
	width: 19%;
	line-height: 1.4;
	background-color: #e4ceba;
	padding-top: 5px;
	padding-bottom: 5px;
	display: flex;
	align-items: center;
	justify-content: center;
	}
/* 小さい画面用の設定-------------- */
@media (max-width:767px){
	
	.about_list1{
	display: flex;
justify-content: space-between;
	margin-bottom: 20px;
		flex-wrap: wrap;
	
}

.about_list1 > li{
	width: 48%;
	
	}
	
.about_list1 > li:nth-child(-n+4){
	margin-bottom: 10px;
	
}
	
	
	
	}
/* -------------end------------- */

.about_list2 > li img{
	max-width: 480px;
	margin-bottom: 10px;
	}

.about_list2t_title{font-size: 113%;}

/* 大きい画面用の設定-------------- */
@media (min-width:768px){
.about_list2{
	display: flex;
	justify-content: space-between;
}

.about_list2 > li{
	width: 48%;
	}


	}
/* -------------end------------- */
/* 小さい画面用の設定-------------- */
@media (max-width:767px){
	.about_list2 > li:first-child{
	margin-bottom: 30px;
	}
	}
/* -------------end------------- */

.about_dl dt {
	clear: left;
	float: left;
	width: 8em;
}

.about_dl dd {
	padding-left: 8em;
	
}



/*================================================
 *  友の会
 ================================================*/
.member_flex_box1{
	display: flex;
	justify-content: space-between;
}

.member_flex_box1 > li:first-child{
width: 64%;
text-align: justify;}

.member_flex_box1 > li:last-child{
width: 30%;}

.member_flex_box2{
	display: flex;
	justify-content: space-between;
}

.member_flex_box2 > li:first-child{
width: 67%;
text-align: justify;}

.member_flex_box2 > li:last-child{
width: 27%;}

.tb_member {
	border-spacing: 0;
	border-collapse:collapse;
	width: 100%;
	border-top-width: 1px;
	border-top-style: dotted;
	border-top-color: #CCC;
	margin-bottom: 10px;
	text-align: center;
	
}

.tb_member  th {
	width: 15em;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	background-color: #faf5f1;
	padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
	vertical-align: middle;	
}

.tb_member  td {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
padding-top: 10px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 10px;
}

.tb_member  td.tb_member_migisen{border-right: 1px;
	border-right-style: dotted;
	border-right-color: #CCC;}


.tb_newgrand {
	border-spacing: 0;
	border-collapse:collapse;
	width: 23em;
margin-bottom: 10px;
	
}

.tb_newgrand  th {
	width: 6em;
padding-right: 1em;
}

.tb_newgrand  td {
	
	padding-right: 1em;
	padding-left: 1em;
	width: 15em;
}

.newgrand_list{
	margin-bottom: 10px;
}


.newgrand_list li{
	font-size: 90%;
	line-height: 1.6;
	list-style-type: disc;
	padding-left: 0.5em;
	list-style-position: inside;
}

.member_link_list{display: flex;
text-align: center;
justify-content: center;}


.member_link_list li:after{
	content:"｜";
	padding-right: 5px;
	padding-left: 5px;

}

.member_link_list li:last-child:after{
	content:"";
	padding-right: 0px;
	padding-left: 0px;

}



/*.member_link_list li{display: inline;}
	
.member_link_list li:after{
	content:"｜";
	padding-right: 5px;
	padding-left: 5px;

}

.member_link_list li:last-child:after{
	content:"";
	padding-right: 0px;
	padding-left: 0px;

}*/

.member_kiyaku_attension{
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	border: 1px solid #920524;
	font-size: 90%;
	line-height: 1.4
}


/*================================================
 *  関連リンク
 ================================================*/
.tb_link {
	border-spacing: 0;
	border-collapse:collapse;
	width: 100%;
	vertical-align: middle;
	
}

.tb_link th {
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	width: 50%;
	padding-left: 10px;
	}

.tb_link td {
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 10px;
	
}

.links_logo {
	max-width: 160px;
	padding-right: 20px;
	
}



/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.tb_link th,
	.tb_link td{
		display: block;
		width: 100%;
}
	
	.tb_link th {
	border-bottom-style: none;
	}
	}
/* -------------end------------- */

 /*================================================
 *  サイトマップ
 ================================================*/
.sitemap ul li ul {
  margin-top: 1.5em;
  margin-bottom: 1.75em;
  margin-left: 48px;
}
 
.sitemap ul li ul li {
  margin-bottom: 1.25em;
  position: relative;
	padding-left: 1em;
}
 
.sitemap ul li ul li::before {
  content: "";
  position: absolute;
  top: -1.5em;
  left: -16px;
  width: 10px;
  height: calc(100% + 1.75em);
  border-left: 1px solid #999;
}
 
.sitemap ul li ul li:last-child::before {
  height: calc(1em + 1.25em);
}
 
.sitemap ul li ul li::after {
  content: "";
  position: absolute;
  top: .75em;
  left: -16px;
  width: 20px;
  border-bottom: 1px solid #999;
}

/*================================================
 *  プライバシーポリシー
 ================================================*/
.privacy_dl > dt{font-weight: 700;
color: #725511;
font-size: 113%;}

.privacy_dl > dd{
	margin-bottom: 20px;
	text-align: justify;
	padding-bottom: 20px;
	border-bottom: 1px dotted #CCC;
}

.privacy_num_list li{
	list-style-position: inside;
	list-style-type: upper-roman;
	margin-bottom: 10px;
}

.privacy_contact > dt {
		clear: left;
	float: left;
	width: 5em;
}

.privacy_contact > dd {
	padding-left: 5em;
	
}

.tb_privacy  {
	border-spacing: 0;
	border-collapse:collapse;
	width: 100%;
	border-top-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-top-color: #CCC;
	border-right-color: #CCC;
	margin-bottom: 10px;
}

.tb_privacy th {
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 5px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	width: 20%;
}

.tb_privacy td {
	vertical-align: top;
	padding-bottom: 5px;
	padding-top: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
	padding-left: 5px;
	padding-left: 5px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCC;
	width: 40%;
}

/*================================================
 * contact
 ================================================*/
.tb_contact {
  border-collapse: collapse;
  width: 100%;
	text-align: left;
	margin-bottom: 20px;

}

.tb_contact th {
	padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;
	width: 30%;
	line-height: 1.2;
	vertical-align: middle;
	font-weight: bold;
}

.tb_contact td {
  padding-top: 10px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 10px;

}

.tb_contact tr:nth-child(odd){
	background-color: #eee;
}

/* 小さい画面用の設定-------------- */
@media (max-width:768px){
.contact_inside{
	margin-left: 10px;
	margin-right: 10px;
	margin-bottom:50px;
	padding-right: 0px;
	padding-left: 0px;
	}
	
.tb_contact {
  }
.tb_contact td {
    display: block;
  }
.tb_contact th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
	
.tb_contact th {
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 20px;
	padding-bottom: 5px;

	line-height: 1.2;
	vertical-align: middle;
}

.tb_contact td {
  padding-top: 5px;
	padding-right: 20px;
	padding-left: 10px;
	padding-bottom: 20px;

}
	
}
/* -------------end------------- */


input[type="text"].input_box50_sp80{
width:50%;
}
/* 小さい画面用の設定-------------- */
@media (max-width:767px){
	input[type="text"].input_box50_sp80{
width:80%;
}

}
/* -------------end------------- */

input[type="text"].input_box85{
width:85%;
}

input[type="text"].input_box80{
width:80%;
}

input[type="text"].input_box60{
width:60%;
}
input[type="text"].input_box50{
width:50%;
}

input[type="text"].input_box45{
width:45%;
}

input[type="text"].input_box30{
width:30%;
}

.required{
	color: #8e0524;
	font-size: 75%;
	margin-left: 20px;
	/*background-color: #8e0524;
	color: #fff;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	font-size: 88%;
	margin-left: 10px;*/
}

.any{
	color: #725511;
	font-size: 75%;
	margin-left: 20px;
	/*background-color: #725511;
	color: #fff;
	padding-top: 3px;
	padding-right: 5px;
	padding-left: 5px;
	padding-bottom: 3px;
	font-size: 90%;
	margin-left: 5px;*/
}

.submit_wrap{display: flex;
justify-content: space-between;
max-width: 600px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
}

.submit_wrap li{width: 48%;
}


.submit_btn{
	display: block;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	height:60px;
	background-color:#b90000;
	border:none;
	color:#fff;
	font-size:16px;
	text-align:center;
	
}
.submit_btn:hover{
	background-color:#cccccc !important;
}

.reset_btn{
	display: block;
	width:100%;
	margin-left: auto;
	margin-right: auto;
	height:60px;
	background-color:#666666;
	border:none;
	color:#fff;
	font-size:16px;
	text-align:center;
	
}
.reset_btn:hover{
	background-color:#cccccc !important;
}



.back_btn{
	display: block;
	margin-left: auto;
	margin-right: auto;
	height:60px;
	background-color:#001f3f;
	border:none;
	color:#fff;
	font-size:16px;
	text-align:center;
	width: 50%;
	
}
.back_btn:hover{
	background-color:#cccccc !important;
}



.mgn_btm30{margin-bottom: 30px;}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
	.mgn_btm30{margin-bottom: 20px;}
	}
/* -------------end------------- */

.mgn_btm10{margin-bottom: 10px;}
/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.mgn_btm10{margin-bottom: 5px;}
	}
/* -------------end------------- */

.txt_center{text-align: center;}
.txt_rignt{text-align: right;}

.maru{margin-right: 5px;
color: #b8aa88;
font-size: 88%;}

.futoji{font-weight: bold;}

.txt_link_span a{text-decoration: underline;}

.link_txt a{text-decoration: underline;}

.link_txt::before{
	 font-family: 'FontAwesome';
  content: "\f105";
	margin-right: 5px;
}

.txt150_per{font-size: 150%;}
.txt125_per{font-size: 125%;}
.txt118_per{font-size: 118%;}
.txt90_per{font-size: 90%;}
.txt80_per{font-size: 80%;}
.txt70_per{font-size: 70%;}

.aka{color: #8e0524;}
.brown{color: #725511;}
.blue{color: #00529F;}
.kinaka{color: #ff0000;}

.caption{font-size: 88%;
margin-top: 5px;
line-height: 1.4;}

.box{margin-bottom: 30px;}

/*================================================
 *  ボタン
 ================================================*/
.inside_bt_wrap{display: flex;
justify-content: center;}



.inside_bt{
    border: 1px solid #920524;
    padding-top: 5px;
    padding-right: 10px;
    padding-left: 10px;
    padding-bottom: 5px;
	width: 13em;
	text-align: center;
	background-color: #920524;
	color: #fff;
	
	
}

.inside_bt:after {
  font-family: 'FontAwesome';
  content: "\f054";
	margin-left: 10px;
  
}

a.inside_bt {
    display: block;
	
	
}

/*================================================
 *  クーポンウィンドウ
 ================================================*/

.coupon_window_wrapper{max-width: 800px;
padding: 50px;
margin-left: auto;
margin-right: auto;}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.coupon_window_wrapper{
	padding: 0px;
	margin-left: 3%;
	margin-right: 3%;}

}
/* -------------end------------- */

/************************************
form
*************************************/

/*
reset
***********************/

button,
option,
select,
textarea,
input[type="number"],
input[type="email"],
input[type="tel"],
input[type="text"],
input[type="select"],
input[type="option"]{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    appearance: none;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    -ms-border-radius: 0;
    border-radius: 0;
    border: none;
    outline: 0;
    margin: 0;
    background: #fff;
}

/* デフォルトのradioは非表示 */

input[type=radio] {
    display: none;
}

/* for firefox */

select {
    text-indent: 0.01px;
    text-overflow: '';
}

/* for ie10 ie11 ie系のプルダウンの矢印を消す ie9は非対応 */

select::-ms-expand {
    display: none;
}

/*
input[type="text"] textarea
input[type="●●●"] 適宜追加
*/

textarea,
input[type="number"],
input[type="text"] {
    width: 100%;
    padding: 10px 15px;
    font-size: 14px;
    font-size: 1.4rem;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
}

textarea {
    height: 100px; /* お好みの高さに */
}

/* フォーカス時の色変更 */

textarea:focus,
input[type="tel"]:focus,
input[type="email"]:focus,
input[type="text"]:focus {
    border: 1px solid #333;
}
/* ラジオボタン */

.form-radio input[type=radio]+label {
    position: relative;
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 9px 5px 8px 28px;
    margin-right: 0px;
}

.form-radio input[type=radio]+label::before,
.form-radio input[type=radio]+label::after {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    -ms-border-radius: 50%;
    border-radius: 50%;
}

.form-radio input[type=radio]+label::before {
    width: 22px;
    height: 22px;
    margin-top: -12px;
    background: #FFF;
    border: 1px solid #ccc;
}

.form-radio input[type=radio]+label::after {
    left: 6px;
    width: 10px;
    height: 10px;
    margin-top: -6px;
    background: #f4f4f4;
}

.form-radio input[type=radio]:checked+label::after {
    background: #333;
}

/* チェックボックス */

/*.form-checkbox label {
    position: relative;
    display: inline-block;
    font-size: 12px;
    font-size: 1.2rem;
    cursor: pointer;
    padding: 6px 5px 8px 30px;
}

.form-checkbox label::before,
.form-checkbox label::after {
    position: absolute;
    display: block;
    content: '';
    top: 50%;
    left: 0;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
}

.form-checkbox label::before {
    width: 22px;
    height: 22px;
    margin-top: -12px;
    background: #FFF;
    border: 2px solid #ccc;
}

.form-checkbox input[type=checkbox]+label::after {
    width: 24px;
    height: 24px;
    top: 2px;
}

.form-checkbox input[type=checkbox]:checked+label::after {
    position: absolute;
    display: block;
    content: '';
    background: url(../img/icon_check.png) 0 0 no-repeat;
    background-size: 24px 24px;
    left: -1px;
    top: -1px;
}
*/
.form-select {
    display: block;
    position: relative;
    width: 100%;
    height: 38px;
    font-size: 14px;
    font-size: 1rem;
    border: 1px solid #ccc;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    overflow: hidden;
}

.form-select:after {
    position: absolute;
    display: block;
    content: '';
    width: 0;
    height: 0;
    /* ここで下向き矢印指定　今回はCSSで */
    border-top: 6px solid transparent;
    border-left: 6px solid transparent;
    border-bottom: 6px solid transparent;
    border-right: 6px solid transparent;
    border-top: 6px solid #333;
    top: 50%;
    right: 10px;
    margin-top: -3px;
    pointer-events: none;/* クリック出来るよう */
}

.form-select select {
    width: 100%;
    height: 35px;
    font-size: 14px;
    font-size: 1rem;
    padding: 0 10px;
    border: none;
    position: relative;
}

/* ie9対策 */

.form-select select:not(:target) {
    width: 120% \9;
}

/*button {
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    -ms-border-radius: 4px;
    border-radius: 4px;
    width: 100%;
    height: 44px;
    display: block;
    position: relative;
    background: #111;
    color: #fff;
    text-align: center;
    border: 1px solid #111;
    cursor: pointer;
}

button:before {
    position: absolute;
    display: block;
    content: '';
    width: 98%;
    height: 3px;
    background: #ccc;
    bottom: -4px;
    left: 1%;
}

@media print,screen and (min-width: 1024px) {
    button {
        -webkit-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        -moz-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        -ms-transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
        transition: all 0.2s cubic-bezier(0.55, 0.085, 0.68, 0.53);
    }
    button:hover {
        color: #111;
        background: #fff;
    }
}*/

/* Google Chrome, Safari, Opera 15+, Android, iOS */

::-webkit-input-placeholder {
    color: #ccc;
    font-size: 12px;
    font-size: 1.2rem;
}

/* Firefox 18- */

:-moz-placeholder {
    color: #ccc;
    opacity: 1;
    font-size: 12px;
    font-size: 1.2rem;
}

/* Firefox 19+ */

::-moz-placeholder {
    color: #ccc;
    opacity: 1;
    font-size: 12px;
    font-size: 1.2rem;
}

/* IE 10+ */

:-ms-input-placeholder {
    color: #ccc;
    font-size: 12px;
    font-size: 1.2rem;
}

input:-webkit-autofill {
    -webkit-box-shadow: 0 0 0px 1000px white inset;
}



/*================================================
 * group_tour_form
 ================================================*/
.tour_form_wrap{
    padding-right: 30px;
    padding-left: 30px;
    border: 1px solid #999;
    border-radius: 10px;
    margin-bottom: 50px;
}

.tb_tour_title{font-size: 119%;
margin-top: 30px;
background-color: #725511;
	text-align: center;color: #fff;
	padding-top: 10px;
	padding-bottom: 10px;
}
.tb_tour_form {
  border-collapse: collapse;
  width: 100%;
	text-align: left;

}

.tb_tour_form th {
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
	width: 32%;
	line-height: 1.2;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	font-size: 113%;
}





.tb_tour_form th.tour_form_midashi{
	width: 15%;
}

.tb_tour_form td {
  padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;

}



.tb_tour_form th.tb_tour_last,
.tb_tour_form td.tb_tour_last{
border-bottom-style: none;
}



/*.tb_tour_form tr:nth-child(odd){
	background-color: #eee;
}*/

/* 小さい画面用の設定-------------- */
@media (max-width:768px){
.tour_form_wrap{
    padding-right: 10px;
    padding-left: 10px;
    margin-bottom: 30px;
}

	
.tb_tour_form {
  }
.tb_tour_form td {
    display: block;
  }
.tb_tour_form th {
    display: block;
    border-top: none;
    border-bottom: none;
    width: 100%;
  }
	
.tb_tour_form th {
	padding-top: 20px;
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 5px;

	line-height: 1.2;
	vertical-align: middle;
}

.tb_tour_form td {
  padding-top: 5px;
	padding-right: 20px;
	padding-left: 10px;
	padding-bottom: 20px;

}
	
}
/* -------------end------------- */

.num_people_dl {
	
	display: flex;
	align-items: center;
	flex-wrap: wrap;
}

.num_people_dl dt {
	width: 30%;
	margin-bottom: 10px;
	
}

.num_people_dl dd {
	width: 70%;
	margin-bottom: 10px;
}

/*.num_people_dl dt {
	
	clear: left;
	float: left;
	width: 10em;
}

.num_people_dl dd {
	padding-left: 10em;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
}*/

/*タブ切り替え全体のスタイル*/
.tabs {
  margin-top: 50px;
  padding-bottom: 40px;
 /* background-color: #fff;
  box-shadow: 0 0 10px rgba(0, 0, 0, 0.2);*/
  width: 100%;
margin-top: 30px;}

/*タブのスタイル*/
.tab_item {
  /*width: calc(100%/3);*/
	width: 50%;
  border-bottom: 3px solid #001f3f;
  background-color: #d9d9d9;
  font-size: 16px;
  text-align: center;
  color: #565656;
  display: block;
  float: left;
  text-align: center;
  font-weight: bold;
  transition: all 0.2s ease;
	line-height: 1.2;
	padding-top: 20px;
	padding-bottom: 20px;
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
	.tab_item {
		font-size: 14px;

}

}
/* -------------end------------- */
.tab_item:hover {
  opacity: 0.75;
}



/*ラジオボタンを全て消す*/
input[name="tab_item"] {
  display: none;
}

/*タブ切り替えの中身のスタイル*/
.tab_content {
  display: none;
  padding: 40px 40px 0;
  clear: both;
  overflow: hidden;
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.tab_content {
	/* [disabled]padding-top: 40px; */
	padding-right: 10px;
	padding-left: 10px;
	padding-bottom: 0;
}
	}
/* -------------end------------- */


/*選択されているタブのコンテンツのみを表示*/
#all:checked ~ #all_content,
#programming:checked ~ #programming_content,
#design:checked ~ #design_content {
  display: block;
}

/*選択されているタブのスタイルを変える*/
.tabs input:checked + .tab_item {
  background-color: #001f3f;
  color: #fff;
}


.tb_price {
  border-collapse: collapse;
  width: 100%;

}

.tb_price th {
	padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
	width: 25%;
	line-height: 1.2;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	font-size: 113%;
}

.tb_price th.syurui {
	width: 25%;
}

.tb_price th.tanka {
	width: 15%;
}

.tb_price th.ninzu {
	width: 20%;
}

.tb_price th.kakaku {
	width: 40%;
}

.tb_price td {
  padding-top: 30px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 30px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;

}

.tb_price th.tb_tour_last,
.tb_price td.tb_tour_last{
border-bottom-style: none;
}

/* 小さい画面用の設定-------------- */
@media (max-width:767px){
.tb_price th {
	padding-top: 10px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 10px;
	line-height: 1.2;
	vertical-align: middle;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;
	font-size: 100%;
}
	
	
.tb_price td {
  padding-top: 10px;
	padding-right: 3px;
	padding-left: 3px;
	padding-bottom: 10px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCC;

}
	
	}
/* -------------end------------- */