/* */
@font-face {
  font-family: "YuGothic-M";
  font-weight: normal;
   src: local("Yu Gothic Medium");
}
@font-face {
  font-family: "YuGothic-M";
  font-weight: bold;
   src: local("Yu Gothic Bold");
}

html, body{
	font-family: YuGothic, "YuGothic-M", "Yu Gothic Medium", "游ゴシック Medium", sans-serif;
	font-size: 14px;
	color:#333;
	line-height:1.4;
}

ul,ol,li,dl,dt,dd,p,img,h1,h2,h3	{
margin:0;
padding:0;
}



img	{
	border: 0;
}


a:hover{
text-decoration:underline;
cursor:pointer;
}




/* clearfix */
.clearfix:after {
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html .clearfix { zoom: 1; }/* IE6 */
*:first-child+html .clearfix { zoom: 1; } /* IE7 */

/* -------------------- ヘッダー＆タイトル -------------------- */

/*タイトル*/

.head{}
.head_inner {
	background: url(/theme/kodawari/kaigai/kyushu/img/title.png) center top no-repeat;
	height:400px;
}
/* -------------------- レイアウト -------------------- */
#wrp	{
	background: url(/theme/kodawari/kaigai/kyushu/img/bg.gif) repeat;
}
.ttl{ clear:both; margin:50px 0 30px 0; height:50px; background:url(/theme/kodawari/kaigai/kyushu/img/ttl_bg.gif) repeat-x; color:#FFF; font-size:27px; text-align:center;line-height: 2;}

.tourmore{
	background: #ffd700;
    color: #000;
    text-align: center;
    margin: auto;
    display: block;
    width: 40%;
    padding: 9px;
    text-decoration: none;
    border-radius: 7px;
    font-size:17px;
    font-weight: bold;
}
a:hover.tourmore {
	background: #f4a460;
	text-decoration:none;
}
.morespace{
	padding-bottom:16px;
}

/* -------------------- パンくずの設定 -------------------- */
#pankuzu	{
width:956px;
color: #333;
text-align:left;
font-size:12px;
padding:0 2px 0 2px;
margin:10px auto 0;
}

#pankuzu ul {
	list-style:none;
	margin:0;
	padding:0;
	vertical-align: bottom;
}

#pankuzu li {
	display:inline;
	padding-right: 3px;
	color: #333;
}


#pankuzu a, #pankuzu a:visited	{
color: #333;
text-decoration: none;
}

#pankuzu a:hover	{
color: #333;
text-decoration: underline;
}


/* -------------------- メニュー -------------------- */
div.accordion{display:none;}

#navi_menu_area{
	width: 100%;
	margin:0 auto;
	color: #333;
	z-index:1000000;
	background:#66CCCC;
}
#navi_menu_area ul{
	display: table;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	padding: 10px 0 5px 5px;
}
#navi_menu_area ul li{
	display: table-cell;
	font-family: "メイリオ", Meiryo, Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height:180%;
	text-align:center;
	padding: 0;
}
#navi_menu_area ul li span.navi a{
/*	padding:3px 24px 1px 24px;*/
	padding:3px 17px 1px 17px;
	margin:0 10px 7px 0;
	background-color: #29A3A3;
	color: #FFFFFF;
	display:block;
	vertical-align:middle;
	border-radius: 4px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
	text-decoration:none;
}
#navi_menu_area ul li span.navi a:hover{
	color: #FFFFFF;
	cursor: pointer;
	background-color: #147A7A;
}

.fixed{
  position: fixed;
  top: 0px;
  z-index: 9999;
}


/* -------------------- 各商品カテゴリ -------------------- */
.cont{
	width:960px;
/*	padding:10px;*/
	margin-right: auto;
	margin-left: auto;
    padding-top: 15px;
}

.box_base_wrp{ background:#FFFFFF; padding:0 10px; margin-bottom:45px;}
.box_base{
	background-color:#FFD9B3;
	margin-bottom:5px;
	position:relative;
}


.box_base b{/*2名催行*/
	position:absolute;
	top:220px;
	right:8px;
	background:#000;
	color:#fff;
	padding:0 5px;
	font-size:12px;
}


.box_base h2{ background: url(/theme/kodawari/kaigai/kyushu/img/list_icon.gif) no-repeat 3px center #FFFFFF;
padding:10px 0 10px 25px;
font-size:20px;
/*color:#003399;*/
font-weight:bold;
border-bottom:solid 5px #000; }

.main_ph{ float:left; margin-right:6px;}
.main_info{ padding:6px 0; overflow:hidden; }
.main_info img{ float:left; padding-right:6px;}



/*new*/
.box_base_wrp.new{background:#FCC; position:relative;}
.new .box_base{ background:#FFF;}
.new .box_base h2{ background:none; padding:10px 0 10px 35px;}
.box_base_wrp.new:after{
	content: url(/theme/kodawari/kaigai/kyushu/img/new/new.png);
    margin: 0;
	position:absolute;
    top: -3px;
	left:-3px;
	}


/* ulPoint
--------------------------------*/
.main_point {
float:left;
width: 544px;
position:relative;
}

.main_point li {
list-style:none outside;
text-align:left;
padding:2px 0;
font-weight:bold;
color:#333;
}



.main_houmen{
	clear:both;
	/*background:#e5e5e5;*/
padding:5px 5px 10px 5px;
/*margin-bottom:60px;*/
font-size:15px;
position:relative;
border-bottom: dotted 1px #ccc;
margin-bottom:5px;

}

.main_houmen a{color:#000000; font-weight:bold; text-decoration:underline; line-height:180%; padding-right:10px;}
.main_houmen a:hover{text-decoration:none;}
.main_houmen span{ color:#B22222; font-weight:bold;display: inline-block;}
.small{ font-size:12px; font-weight:normal; margin-left:10px;}

.kanren{position:absolute; top:8px; right:0;}
.kanren a{ font-size:12px; color:#003399; background: url(/theme/kodawari/kaigai/kyushu/img/list_icon2.gif) no-repeat 10px 9px #e5e5e5; padding:5px 15px 5px 22px;}


/*春の新コース追加*/
#new_wrp{background:url(/theme/kodawari/kaigai/kyushu/img/new/bg0.jpg) center top;}
#new_wrp h5{display:block; text-align:center; padding:20px 0;}
#new_wrp ul{padding-bottom:30px;}
#new_wrp li{float:left; overflow:hidden; position:relative;}
#new_wrp li span{
	background:#666666;
	color:#FFF;
	width:87px;
	text-align:center;
	padding:3px;
	position:absolute;
	left:0;
	top:0;
}

#new_wrp .col2 li{width:460px; margin:10px; float:left; height:250px;}
#new_wrp .col2 li img{margin-top:-25px;}

#new_wrp .col3 li{width:310px; margin:5px; float:left; height:300px;}
#new_wrp .col3 li img{margin-top:0; margin-left:-75px;}

#new_wrp li a{display:block;}
#new_wrp li a:hover:after{
	content:"";
	display: block;
	background-image:url(/theme/kodawari/kaigai/kyushu/img/new/hover.png);
	background-position:center center;
	-webkit-background-size: cover;
	background-size: cover;
	width:100%;
	height:100%;
	position:absolute;
	left:0;
	top:0;
	}
/* JS読み込み　特集用バナー */
div.tokushu_bnr{
    max-width: 960px;
    margin: 1% auto;
    background: #f3f3f3;
}
div.tokushu_bnr p{
    text-align: center;
    font-size: 24px;
    font-weight: 900;
    background: #004097;
    color: #fff;
}
div.tokushu_bnr ul{
    display: flex;
    flex-wrap: wrap;
}
div.tokushu_bnr ul li{
    width: 14%;
    margin: 1%;
    list-style: none;
}
div.tokushu_bnr ul li img{
    max-width:100%;
}
div.tokushu_bnr ul li a{
    font-size: 14px;
    text-decoration: none;
}
div.tokushu_bnr ul li a:hover {
    opacity:.7;
}
div.tokushu_bnr .footbtn {
    text-align: center;
    padding: 2%;
}
div.tokushu_bnr .footbtn a{
    background: #ffffff;
    padding: 1% 5%;
    color: #004097;
    border: #004097 solid 2px;
    border-radius: 7px;
    text-decoration: none;
}
div.tokushu_bnr .footbtn a:hover{
    background: #004097;
    color: #fff;
    text-decoration:none;
}
/* -------------------- 問い合わせ -------------------- */
.tel {
  margin: 1.5em auto;
  text-align: center;
}


/* -------------------- トップに戻る -------------------- */

#footerBox{ display:none;}

/* -------------------- Tablet用 -------------------- */
@media screen and (min-width: 481px) and (max-width: 959px) {
  .cont img {
    width: 100%;
    max-width: 100%;
    height: auto;
  }
	.head_inner {
		-webkit-background-size: cover;
		background-size: cover;
		height:250px;
	}
	.cont,
	#pankuzu,
	#navi_menu_area ul {
		width: 100%;
	}
	#new_wrp .col3 li {
		width: 48%;
		margin: 1%;
		height: auto;
	}
	#new_wrp .col3 li img {
		margin-left: 0;
		width: 100%;
	}
  .main_ph {
    width: 66%;
    margin-right: .5%;
  }
  .main_info {
    padding: 0 0 6px;
    width: 33%;
  }
  .main_info img {
    padding-right: 0;
  }
  .box_base  {
    padding-bottom: 1em;
  }
  .box_base b {
    top: auto;
    bottom: 0;
    right: 0;
    padding: 2px 5px;
  }
  .main_point {
    clear: both;
    float: none;
    width: auto;
  }
  .main_houmen {
    overflow: hidden;
  }
  .kanren {
    position: static;
    float: right;
  }
}
@media screen and (min-width: 600px) {
	.smp-area{
	display:none;
	}
}