@charset "UTF-8";

/*------------------------------------------------------------
　PC/SP共通設定
-------------------------------------------------------------*/

/*--------------------------------------------------------
コンテンツ囲み
--------------------------------------------------------*/

.contents_inner{
	width:100%;
	margin-top:40px;
}

@media only screen and (max-width : 800px){
	.contents_inner{
		width:96%;
		margin:40px 2% 0 2%;
	}
}

/*--------------------------------------------------------
ツアーリストボックス
--------------------------------------------------------*/

ul.tour_2col,
ul.tour_3col,
ul.tour_4col{
	margin:0;
	padding:0;
	list-style-type:none;
}

ul.tour_2col:after,
ul.tour_3col:after,
ul.tour_4col:after{
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}


ul.tour_2col li,
ul.tour_3col li,
ul.tour_4col li{
	box-sizing:border-box;
	border:solid 1px #CCC;
	float:left;
	padding:10px;
	margin-top:10px;

}


ul.tour_2col li{ 
	width:49.3%;
	margin-right:1.4%;	
}

ul.tour_3col li{ 
	width:32.4%;
	margin-right:1.4%;	
}

ul.tour_4col li{ 
	width:24.1%;
	margin-right:1.2%;	
}

ul.tour_2col li:nth-child(2n){
	margin-right:0;
}

ul.tour_3col li:nth-child(3n){
	margin-right:0;
}

ul.tour_4col li:nth-child(4n){
	margin-right:0;
}


ul.tour_2col li a:hover,
ul.tour_3col li a:hover,
ul.tour_4col li a:hover{
	text-decoration:none;
}

ul.tour_2col li h3,
ul.tour_3col li h3,
ul.tour_4col li h3{
	margin:5px 0 10px 0;
}

/* 全体CSS上書 スマホ表示 */
@media only screen and (max-width : 640px){
	
ul.tour_2col li,
ul.tour_3col li,
ul.tour_4col li{
	width:100%;
	float:none;
	margin-left:0;
	margin-right:0;
}

} /*@media*/

/* ツアー一覧カスタム */

ul.tour_3col li.blank_img{
	border:none;
	padding:0;
}


/* 吹き出し（右） */
.balloon-right {
	position: relative;
	display: inline-block;
	padding: 0 8px;
	width: auto;
	line-height: 30px;
	text-align: center;
	border: 2px solid #EFA741;
	z-index: 0;
	margin-right:6px;
	color: #EFA741;
	font-weight:bold;
}
.balloon-right:before {
	content: "";
	position: absolute;
	top: 50%; 
	right: -5px;
	margin-top: -6px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #FFFFFF;
	z-index: 0;
}
.balloon-right:after {
	content: "";
	position: absolute;
	top: 50%; 
	right: -8px;
	margin-top: -6px;
	display: block;
	width: 0px;
	height: 0px;
	border-style: solid;
	border-width: 6px 0 6px 6px;
	border-color: transparent transparent transparent #EFA741;
	z-index: -1;
}




/*--------------------------------------------------------
ページ内ナビゲーション
-------------------------------------------------------*/

ul.page_nav{
	margin:0;
	padding:0;
	list-style:none;
}

ul.page_nav li{
	text-align:center;
	box-sizing:border-box;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;	
	background:gradient( linear, left top, left bottom, from(#FFFFFF), to(#EAEAEA));
	background:-webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#EAEAEA));
	background:-moz-linear-gradient(top, #FFFFFF, #EAEAEA);
	background:-o-linear-gradient(top,#FFFFFF, #EAEAEA);
	background:linear-gradient(to bottom, #FFFFFF 0%, #EAEAEA 100%);
	background:-ms-linear-gradient(top, #FFFFFF, #EAEAEA);
	border:solid 1px #999;
	padding:20px 0 10px 0;
	cursor:pointer;
	width:24.2%;
	float:left;
	margin-left:1%;
}

ul.page_nav li a{
	display:block;
}

ul.page_nav a:hover,
ul.page_nav a:active{
	text-decoration:none;
}

ul.page_nav li:first-child{
	margin-left:0;
}

ul.page_nav li .ttl{
	color:#666;
	font-weight:bold;
	font-size:1.6em;
	line-height:1.2em;
}
ul.page_nav li .price{
	color:#BF1A20;
	font-weight:bold;
	font-size:2.0em;
	line-height:1.2em;	
}

/* h3見出し */

ul.tour_2col h3,
ul.tour_3col h3,
ul.tour_4col h3{
	font-size:1.4em;
	font-weight:bold;
	line-height:1.6em;
}

ul.tour_2col h3 a,
ul.tour_3col h3 a,
ul.tour_4col h3 a{
	margin:0;
	padding:0;
	border:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
	color:#444;
}

ul.tour_2col h3 a:link,
ul.tour_3col h3 a:link,
ul.tour_4col h3 a:link,
ul.tour_2col h3 a:visited,
ul.tour_3col h3 a:visited,
ul.tour_4col h3 a:visited {
	color:#3F74CA;
	text-decoration:none;
}

ul.tour_2col h3 a:hover,
ul.tour_3col h3 a:hover,
ul.tour_4col h3 a:hover,
ul.tour_2col h3 a:active,
ul.tour_3col h3 a:active,
ul.tour_4col h3 a:active {
	color:#FFA73C;
	text-decoration:none;
}

/* ページ内ナビゲーション スマホ表示 */
@media only screen and (max-width : 800px){
	
	ul.page_nav li,
	ul.page_nav li:first-child{
		text-align:left;
		width:96%;
		float:none;
		padding:14px 10px 4px 10px;
		margin:6px auto 0 auto ;
	}
	
	ul.page_nav li .ttl,
	ul.page_nav li .price{
		width:96%;
		float:left;
		line-height:1.0em;
		font-size:1.6em;
	}

} /*@media*/


/*--------------------------------------------------------
モバイル時に表示させる/させない
-------------------------------------------------------*/

/* ●モバイル時にのみ表示させる要素 */
.onlymbl{
	display:none;
}

@media
only screen and (max-width : 640px){

.onlymbl{
	display:block;
}

/* ●モバイルで表示させない要素 */
.nombl{
	display:none!important;
}

} /*@media*/


/*------------------------------------------------------------------------
BR Clear Module
--------------------------------------------------------------------------*/

.cl {
	min-height: 1px;
}

.cl:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.clearfix {
	min-height: 1px;
}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
* html .clearfix {
	height: 1px; /*\*//*/ height: auto; overflow: hidden; /**/
}




/*--------------------------------------------------------
リンクボタン（フッター用）
--------------------------------------------------------*/


table.arrowlink{
	border:solid 1px #CCC;
	border-collapse:collapse;
	table-layout:fixed;
	background:#FFF;
}


table.arrowlink td{
	border-left:solid 1px #CCC;
	padding:0!important;
	cursor:pointer;
	vertical-align:middle;
	width:1%;
	height:50px;
}

table.arrowlink td.first{
	border-left:none;
}

table.arrowlink a{
	display:block;
 	background: url(../img_sp/icon/arrow_blue.png) no-repeat 97% 50%;
	-moz-background-size:10px 15px;
	background-size:10px 15px;
  	-webkit-background-size:10px 15px;
	padding:10px 10px;
	font-size:0.85em;
	font-weight:bold;
	color:#333;
	line-height:1.2em;
}


/*------------------------------------------------------------
ノート風ライン
-------------------------------------------------------------*/

.noteline{
	display: inline!important;
	padding-bottom: 0.3em!important;
	border-bottom: 1px dashed #CCC!important;
	line-height: 2.1em!important;
}

.under_dot_grey{
	background:url(../img_sp/icon/under_dot_grey.png);
	line-height:25px!important;
}

/*------------------------------------------------------------
矢印付きリンク
-------------------------------------------------------------*/

a.arrow_green{
	background:url(../img_sp/icon/arrow_green.png) left center no-repeat;
	padding-left:12px;
	text-decoration:underline;
}

a.arrow_orange{
	background:url(../img_sp/icon/arrow_orange.png) left center no-repeat;
	padding-left:12px;
	text-decoration:underline;
}

a.arrow_red{
	background:url(../img_sp/icon/arrow_red.png) left center no-repeat;
	padding-left:12px;
}


a.arrow_red:hover{
	text-decoration:underline;
}

/* グレー矢印 */
a.arrow_grey{
	background:url(../img_sp/icon/icon-arrow06.png) left center no-repeat;
	padding-left:15px;
	color:#0074A2!important;
}

a.arrow_grey:hover{
	text-decoration:underline;
}

/* ピンク丸横向き */
a.arrow_pinkmaru1{
	background:url(../img_sp/icon/arrow_pinkmaru1.png) left center no-repeat;
	padding-left:18px;
}

/* ピンク丸下向き */
a.arrow_pinkmaru2{
	background:url(../img_sp/icon/arrow_pinkmaru2.png) left center no-repeat;
	padding-left:18px;
}

/* 赤丸下向き */
a.arrow_red_down{
	background:url(../img_sp/icon/arrow_red_down.png) left center no-repeat;
	padding-left:18px;
}

/* 青丸下向き */
a.arrow_blue_down{
	background:url(../img_sp/icon/arrow_blue_down.png) left center no-repeat;
	padding-left:18px;
}

/* オレンジ丸下向き */
a.arrow_orange_down{
	background:url(../img_sp/icon/arrow_orange_down.png) left center no-repeat;
	padding-left:18px;
}

/* グリーン丸下向き */
a.arrow_green_down{
	background:url(../img_sp/icon/arrow_green_down.png) left center no-repeat;
	padding-left:18px;
}

/* パープル丸下向き */
a.arrow_purple_down{
	background:url(../img_sp/icon/arrow_purple_down.png) left center no-repeat;
	padding-left:18px;
}

/* グレー三角 右向き */
a.arrow_simple{
	background:url(../img_sp/icon/icon-arrow01.png) left center no-repeat;
	padding-left:12px!important;
}

/*------------------------------------------------------------
ポップアップリンク
-------------------------------------------------------------*/

a.popup_grey{
	background:url(../img_sp/icon/icon_popup_gry.gif) right center no-repeat;
	padding-right:12px;
}


/*------------------------------------------------------------
9、テーブルスタイル table
-------------------------------------------------------------*/

/* デフォルトスタイルはdesign.cssで定義 */

/* 文字組み */

td.cen{ text-align:center; }
td.lef{ text-align:left; }
td.rit{ text-align:right; }


/* 白テーブル（ボーダーなし、背景色なし） */
table.tbl_white{

}

table.tbl_white th{
	text-align:left;
	vertical-align:top;
	padding:5px 5px 10px 5px;
	/*font-weight:normal;*/	
}

table.tbl_white td{
	text-align:left;
	vertical-align:top;	
	padding:5px 5px 10px 5px;
}


/* ノーマル（グレー） ボーダーあり  */
table.normal{
}

table.normal th{
	background:#F1F1F1!important;
	color:#000000!important;
	/*font-weight:normal;*/	
	border:solid 1px #CCC;		
}

table.normal td{
	/*vertical-align:middle;*/
	border:solid 1px #CCCCCC;	
}

table.normal td a{
	text-decoration:underline;
}

/* ●ベージュ  */
table.tbl_beige{
}

table.tbl_beige th{
	/*font-weight:normal;*/	
	background:#FFE3C1!important;
	border:solid 1px #F1C794;	
}

table.tbl_beige td{
	border:solid 1px #F1C794;
}

/* ピンク  */
table.tbl_pink{
}

table.tbl_pink th{
	font-weight:normal;
	background:#FFF1F1!important;
	border:solid 1px #FCC1C1;	
}

table.tbl_pink td{
	border:solid 1px #FCC1C1;
}


/*------------------------------------------------------------
画像にフレームをつける
-------------------------------------------------------------*/

/* 白余白あり */
img.frame{
	background:#FFFFFF;
	padding:4px;
	border:solid 1px #CCCCCC;
}

/* 余白なし */
img.frame2{
	background:#FFFFFF;
	padding:0px;
	border:solid 1px #CCCCCC;
}



/*------------------------------------------------------------------------
Font
--------------------------------------------------------------------------*/

.f-s10 { font-size: 10px; }
.f-s11 { font-size: 11px; }
.f-s12 { font-size: 12px; }
.f-s14 { font-size: 14px; }
.f-s16 { font-size: 16px; }
.f-s18 { font-size: 18px; }
.f-s20 { font-size: 20px; }
.f-s22 { font-size: 22px; }
.f-s24 { font-size: 24px; }
.f-s26 { font-size: 26px; }
.f-s28 { font-size: 28px; }
.f-s30 { font-size: 30px; }
.f-s32 { font-size: 32px; }
.f-s34 { font-size: 34px; }
.f-s36 { font-size: 36px; }
.f-s38 { font-size: 38px; }
.f-s40 { font-size: 40px; }


.f-s06em { font-size: 0.6em; }
.f-s07em { font-size: 0.7em; }
.f-s08em { font-size: 0.8em; }
.f-s09em { font-size: 0.9em; }
.f-s11em { font-size: 1.1em; }
.f-s12em { font-size: 1.2em; }
.f-s13em { font-size: 1.3em; }


/*-----------------------------------------------------
行間（line-height）
-----------------------------------------------------*/

.l-h10{ line-height:1.0em; }
.l-h11{ line-height:1.1em; }
.l-h12{ line-height:1.2em; }
.l-h13{ line-height:1.3em; }
.l-h14{ line-height:1.4em; }
.l-h15{ line-height:1.5em; }
.l-h16{ line-height:1.6em; }
.l-h17{ line-height:1.7em; }
.l-h18{ line-height:1.8em; }
.l-h19{ line-height:1.9em; }
.l-h20{ line-height:2.0em; }
.l-h22{ line-height:2.2em; }
.l-h24{ line-height:2.4em; }
.l-h26{ line-height:2.6em; }
.l-h28{ line-height:2.8em; }
.l-h30{ line-height:3.0em; }


/*-----------------------------------------------------
float関係
-----------------------------------------------------*/
.fl{ float: left; }
.fr{ float: right; }

/*-----------------------------------------------------
テキスト位置
-----------------------------------------------------*/
.cen{ text-align: center; }
.rit{ text-align: right; }
.lef{ text-align: left; }

.m-auto{ margin:0px auto 0px auto; }


/*-----------------------------------------------------
width関係(%)
-----------------------------------------------------*/

/* ●モバイル時に広がる */
.w1per{ width: 1%; }
.w2per{ width: 2%; }
.w3per{ width: 3%; }
.w4per{ width: 4%; }
.w5per{ width: 5%; }
.w6per{ width: 6%; }
.w7per{ width: 7%; }
.w8per{ width: 8%; }
.w9per{ width: 9%; }
.w10per{ width: 10%; }
.w11per{ width: 11%; }
.w12per{ width: 12%; }
.w13per{ width: 13%; }
.w14per{ width: 14%; }
.w15per{ width: 15%; }
.w16per{ width: 16%; }
.w17per{ width: 17%; }
.w18per{ width: 18%; }
.w19per{ width: 19%; }
.w20per{ width: 20%; }
.w21per{ width: 21%; }
.w22per{ width: 22%; }
.w23per{ width: 23%; }
.w24per{ width: 24%; }
.w25per{ width: 25%; }
.w26per{ width: 26%; }
.w27per{ width: 27%; }
.w28per{ width: 28%; }
.w29per{ width: 29%; }
.w30per{ width: 30%; }
.w31per{ width: 31%; }
.w32per{ width: 32%; }
.w33per{ width: 33%; }
.w34per{ width: 34%; }
.w35per{ width: 35%; }
.w36per{ width: 36%; }
.w37per{ width: 37%; }
.w38per{ width: 38%; }
.w39per{ width: 39%; }
.w40per{ width: 40%; }
.w41per{ width: 41%; }
.w42per{ width: 42%; }
.w43per{ width: 43%; }
.w44per{ width: 44%; }
.w45per{ width: 45%; }
.w46per{ width: 46%; }
.w47per{ width: 47%; }
.w48per{ width: 48%; }
.w49per{ width: 49%; }
.w50per{ width: 50%; }
.w51per{ width: 51%; }
.w52per{ width: 52%; }
.w53per{ width: 53%; }
.w54per{ width: 54%; }
.w55per{ width: 55%; }
.w56per{ width: 56%; }
.w57per{ width: 57%; }
.w58per{ width: 58%; }
.w59per{ width: 59%; }
.w60per{ width: 60%; }
.w61per{ width: 61%; }
.w62per{ width: 62%; }
.w63per{ width: 63%; }
.w64per{ width: 64%; }
.w65per{ width: 65%; }
.w66per{ width: 66%; }
.w67per{ width: 67%; }
.w68per{ width: 68%; }
.w69per{ width: 69%; }
.w70per{ width: 70%; }
.w71per{ width: 71%; }
.w72per{ width: 72%; }
.w73per{ width: 73%; }
.w74per{ width: 74%; }
.w75per{ width: 75%; }
.w76per{ width: 76%; }
.w77per{ width: 77%; }
.w78per{ width: 78%; }
.w79per{ width: 79%; }
.w80per{ width: 80%; }
.w81per{ width: 81%; }
.w82per{ width: 82%; }
.w83per{ width: 83%; }
.w84per{ width: 84%; }
.w85per{ width: 85%; }
.w86per{ width: 86%; }
.w88per{ width: 88%; }
.w89per{ width: 89%; }
.w90per{ width: 90%; }
.w91per{ width: 91%; }
.w92per{ width: 92%; }
.w93per{ width: 93%; }
.w94per{ width: 94%; }
.w95per{ width: 95%; }
.w96per{ width: 96%; }
.w97per{ width: 97%; }
.w98per{ width: 98%; }
.w99per{ width: 99%; }
.w100per{ width: 100%; }

/* スマホ用 */

@media
only screen and (max-width : 640px){

.w1per,.w2per,.w3per,.w4per,.w5per,
.w6per,.w7per,.w8per,.w9per,.w10per,
.w11per,.w12per,.w13per,.w14per,.w15per,
.w16per,.w17per,.w18per,.w19per,.w20per,
.w21per,.w22per,.w23per,.w24per,.w25per,
.w26per,.w27per,.w28per,.w29per,.w30per,
.w31per,.w32per,.w33per,.w34per,.w35per,
.w36per,.w37per,.w38per,.w39per,.w40per,
.w41per,.w42per,.w43per,.w44per,.w45per,
.w46per,.w47per,.w48per,.w49per,.w50per,
.w51per,.w52per,.w53per,.w54per,.w55per,
.w56per,.w57per,.w58per,.w59per,.w60per,
.w61per,.w62per,.w63per,.w64per,.w65per,
.w66per,.w67per,.w68per,.w69per,.w70per,
.w71per,.w72per,.w73per,.w74per,.w75per,
.w76per,.w77per,.w78per,.w79per,.w80per,
.w81per,.w82per,.w83per,.w84per,.w85per,
.w86per,.w87per,.w88per,.w89per,.w90per,
.w91per,.w92per,.w93per,.w94per,.w95per,
.w96per,.w97per,.w98per,
.w99per{
	width:96%!important;
	margin-left:2%!important;
	margin-right:2%!important;
}

}/* @media */


/* ●モバイルでも比率を保つ */
.mw10per{ width: 10%; }
.mw15per{ width: 15%; }
.mw18per{ width: 18%; }
.mw20per{ width: 20%; }
.mw25per{ width: 25%; }
.mw28per{ width: 28%; }
.mw30per{ width: 30%; }
.mw31per{ width: 31%; }
.mw32per{ width: 32%; }
.mw33per{ width: 33%; }
.mw35per{ width: 35%; }
.mw38per{ width: 38%; }
.mw40per{ width: 40%; }
.mw45per{ width: 45%; }
.mw48per{ width: 48%; }
.mw49per{ width: 49%; }
.mw50per{ width: 50%; }
.mw55per{ width: 55%; }
.mw58per{ width: 58%; }
.mw60per{ width: 60%; }
.mw65per{ width: 65%; }
.mw68per{ width: 68%; }
.mw70per{ width: 70%; }
.mw75per{ width: 75%; }
.mw78per{ width: 78%; }
.mw80per{ width: 80%; }
.mw85per{ width: 85%; }
.mw88per{ width: 88%; }
.mw90per{ width: 90%; }
.mw95per{ width: 95%; }
.mw98per{ width: 98%; }
.mw100per{ width: 100%; }

/*-----------------------------------------------------
margin関係
-----------------------------------------------------*/

.m-t1 { margin-top: 1px!important; }
.m-t2 { margin-top: 2px!important; }
.m-t3 { margin-top: 3px!important; }
.m-t4 { margin-top: 4px!important; }
.m-t5 { margin-top: 5px!important; }
.m-t6 { margin-top: 6px!important; }
.m-t7 { margin-top: 7px!important; }
.m-t8 { margin-top: 8px!important; }
.m-t9 { margin-top: 9px!important; }
.m-t10 { margin-top: 10px!important; }
.m-t11 { margin-top: 11px!important; }
.m-t12 { margin-top: 12px!important; }
.m-t13 { margin-top: 13px!important; }
.m-t14 { margin-top: 14px!important; }
.m-t15 { margin-top: 15px!important; }
.m-t16 { margin-top: 16px!important; }
.m-t17 { margin-top: 17px!important; }
.m-t18 { margin-top: 18px!important; }
.m-t19 { margin-top: 19px!important; }
.m-t20 { margin-top: 20px!important; }
.m-t21 { margin-top: 21px!important; }
.m-t22 { margin-top: 22px!important; }
.m-t23 { margin-top: 23px!important; }
.m-t24 { margin-top: 24px!important; }
.m-t25 { margin-top: 25px!important; }
.m-t26 { margin-top: 26px!important; }
.m-t27 { margin-top: 27px!important; }
.m-t28 { margin-top: 28px!important; }
.m-t29 { margin-top: 29px!important; }
.m-t30 { margin-top: 30px!important; }
.m-t35 { margin-top: 35px!important; }
.m-t40 { margin-top: 40px!important; }
.m-t45 { margin-top: 45px!important; }
.m-t50 { margin-top: 50px!important; }
.m-t60 { margin-top: 60px!important; }
.m-t70 { margin-top: 70px!important; }
.m-t80 { margin-top: 80px!important; }
.m-t90 { margin-top: 90px!important; }
.m-t100 { margin-top: 100px!important; }
.m-t200 { margin-top: 200px!important; }
.m-t300 { margin-top: 300px!important; }
.m-t400 { margin-top: 400px!important; }
.m-t500 { margin-top: 500px!important; }
.m-b1 { margin-bottom: 1px!important; }
.m-b2 { margin-bottom: 2px!important; }
.m-b3 { margin-bottom: 3px!important; }
.m-b4 { margin-bottom: 4px!important; }
.m-b5 { margin-bottom: 5px!important; }
.m-b10 { margin-bottom: 10px!important; }
.m-b15 { margin-bottom: 15px!important; }
.m-b20 { margin-bottom: 20px!important; }
.m-b25 { margin-bottom: 25px!important; }
.m-b30 { margin-bottom: 30px!important; }
.m-l1{ margin-left: 1px!important; }
.m-l2{ margin-left: 2px!important; }
.m-l3{ margin-left: 3px!important; }
.m-l4{ margin-left: 4px!important; }
.m-l5{ margin-left: 5px!important; }
.m-l6{ margin-left: 6px!important; }
.m-l7{ margin-left: 7px!important; }
.m-l8{ margin-left: 8px!important; }
.m-l9{ margin-left: 9px!important; }
.m-l10{ margin-left: 10px!important; }
.m-l11{ margin-left: 11px!important; }
.m-l12{ margin-left: 12px!important; }
.m-l15{ margin-left: 15px!important; }
.m-l20{ margin-left: 20px!important; }
.m-l25{ margin-left: 25px!important; }
.m-l30{ margin-left: 30px!important; }
.m-r1{ margin-right: 1px!important; }
.m-r2{ margin-right: 2px!important; }
.m-r3{ margin-right: 3px!important; }
.m-r4{ margin-right: 4px!important; }
.m-r5{ margin-right: 5px!important; }
.m-r6{ margin-right: 6px!important; }
.m-r7{ margin-right: 7px!important; }
.m-r8{ margin-right: 8px!important; }
.m-r9{ margin-right: 9px!important; }
.m-r10{ margin-right: 10px!important; }
.m-r15{ margin-right: 15px!important; }
.m-r20{ margin-right: 20px!important; }
.m-r25{ margin-right: 25px!important; }
.m-r30{ margin-right: 30px!important; }

/*-----------------------------------------------------
padding関係
-----------------------------------------------------*/
.p-5{ padding: 5px; }
.p-10{ padding: 10px 10px 10px 10px; }
.p-15{ padding: 15px; }
.p-20{ padding: 20px; }
.p-25{ padding: 25px; }
.p-30{ padding: 30px; }
.p-35{ padding: 35px; }
.p-40{ padding: 40px; }
.p-45{ padding: 45px; }
.p-50{ padding: 50px; }
.p-55{ padding: 55px; }
.p-60{ padding: 60px; }
.p-65{ padding: 65px; }
.p-70{ padding: 70px; }


/*-----------------------------------------------------
フォントweight
-----------------------------------------------------*/

.fb{ font-weight: bold; }

.fn{ font-weight: normal; }

/*-----------------------------------------------------
画像キャプション
-----------------------------------------------------*/

p.caption{
	margin:0!important;
	background:#F7F7F7;
	padding:0.4em 0.6em;
	color:#666;
	font-size:0.8em;
}

/*-----------------------------------------------------
フォントカラー
-----------------------------------------------------*/

.fc-333{ color:#333333; }

.fc-666{ color:#666666; }

.fc-999{ color:#999999; }

.fc-ccc{ color:#CCCCCC; }

.fc-red{ color:#CC0000; }

.fc-red2{ color:#AB0128; }

.fc-red3{ color:#D05656; }

.fc-pink{ color:#E95079; }

.fc-pink2{ color:#EB4678; }

.fc-ora{ color:#FF6600; }

.fc-whi{ color:#FFFFFF; }

.red{ color: #CC0000!important; }/*赤*/
.blue{ color: #1C2DB9!important; }/*青*/
.green{ color: #008000!important; }/*緑*/
.yellow{ color: #ffff00!important; }/*黄*/
.navy{ color: #1F26A9!important; }/*紺*/
.orange{ color: #ff6600!important; }/*橙*/
.pink{ color: #cc6699!important; }/*ピンク*/
.purple{ color: #660099!important; }/*紫*/
.olive{ color: #808000!important; }/*黄土色*/
.lime{ color: #00ff00!important; }/*黄緑*/
.aqua{ color: #167FA6!important; }/*水色*/
.black{ color: #000!important; }/*黒*/
.gray{ color: #ccc!important; }/*灰*/
.white{ color: #fff!important; }/*白*/

/*-----------------------------------------------------
マーカー
-----------------------------------------------------*/

.marker_yel{
	background:#FFFF33;
}

/*-----------------------------------------------------
背景色
-----------------------------------------------------*/

/* うすグレー */
.bg_grey1{ background:#F9F9F9; }

/* うす黄色 */
.bg_yellow{ 
	background:#FFFFE0;
	border:solid 1px #E6DB55;
}

/* ベージュ */
.bg_beige{
	/*background:#F4EFE1; 濃いベージュ*/
	background:#FDE8CB;
}

.bg-333{ background:#333333; }

.bg-666{ background:#666666; }

.bg-999{ background:#999999; }

.bg-ccc{ background:#CCCCCC; }

.bg-pin1{ background:#FDE0DA; }

/*-----------------------------------------------------
ボーダー border
-----------------------------------------------------*/

/* 実線グレー */

.bo{ border:solid 1px #CCCCCC; }
.bo-t{ border-top:solid 1px #CCCCCC; }
.bo-l{ border-left:solid 1px #CCCCCC; }
.bo-r{ border-right:solid 1px #CCCCCC; }
.bo-b{ border-bottom:solid 1px #CCCCCC; }

/* 点線グレー */

.bo-dot{ border:dotted 1px #CCCCCC; }
.bo-dot-t{ border-top:dotted 1px #CCCCCC; }
.bo-dot-l{ border-left:dotted 1px #CCCCCC; }
.bo-dot-r{ border-right:dotted 1px #CCCCCC; }
.bo-dot-b{ border-bottom:dotted 1px #CCCCCC; }

/*--------------------------------------------------------
タブ切り替え（ツアーカセット）
--------------------------------------------------------*/

.tab-wrap {
  display: flex;
  flex-wrap: wrap;
  margin:20px 0;
}
.tab-wrap:after {
  content: '';
  width: 100%;
  height: 3px;
  background: DeepSkyBlue;
  display: block;
  order: -1;
}
.tab-label {
  color: White;
  background: LightGray;
  font-weight: bold;
  text-shadow: 0 -1px 0 rgba(0,0,0,.2);
  white-space: nowrap;
  text-align: center;
  padding: 10px .5em;
  order: -1;
  position: relative;
  z-index: 1;
  cursor: pointer;
  border-radius: 5px 5px 0 0;
  flex: 1;
}
.tab-label:not(:last-of-type) {
  margin-right: 5px;
}
.tab-content {
  width: 100%;
  height: 0;
  overflow: hidden;
  opacity: 0;
}
/* アクティブなタブ */
.tab-switch:checked+.tab-label {
  background: DeepSkyBlue;
}
.tab-switch:checked+.tab-label+.tab-content {
  height: auto;
  /*overflow: auto;*/
  overflow: hidden;
  padding: 15px;
  opacity: 1;
  transition: .5s opacity;
  box-shadow: 0 0 3px rgba(0,0,0,.2);
}
/* ラジオボタン非表示 */
.tab-switch {
  display: none;
}