@charset "utf-8";
#l_main {
	background-color:#fff;
	color:#333;
	margin: 0px;
	padding: 0px;
	font-size: 1.6rem;
	font-family: "メイリオ",Meiryo,"ＭＳ Ｐゴシック","Hiragino Kaku Gothic ProN","ヒラギノ角ゴ ProN W3",sans-serif;
}

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

.txt11 { font-size: 73.75% !important; }
.txt12 { font-size: 80% !important; }
.txt13 { font-size: 81.25%; }
.txt14 { font-size: 87.5%; }
.txt15 { font-size: 93.75%; }
.txt16 { font-size: 100%; }
.text-m {font-size: 80%; }

.txtC { text-align: center !important; }
.txtL { text-align: left !important; }
.txtR { text-align: right !important; }

.txtB {font-weight: bold !important; }

.txtRed { color: #e50000 !important; }

.mt5 { margin-top: 5px !important; }
.mt10 { margin-top: 10px !important; }


.mb55 { margin-bottom: 55px !important; }
.mb65 { margin-bottom: 65px !important; }
.mb75 { margin-bottom: 75px !important; }
.mb85 { margin-bottom: 85px !important; }
.mb95 { margin-bottom: 95px !important; }


.pc { display: block; }
.sp { display: none; }

@media screen and (max-width: 640px) {
	body {
		font-size: 1.4rem;
	}
	.pc { display: none; }
	.sp { display: block; }
}


/* リセット--------------------- */
.contents h1,
.contents h2,
.contents h3,
.contents h4,
.contents h5,
.contents h6,
.contents p,
.contents span,
.contents ul,
.contents ol,
.contents li,
.contents dl,
.contents dt,
.contents dd,
.contents table,
.contents th,
.contents td,
.contents input,
.contents legend,
.contents div,
.contents form,
.contents hr,
.contents address,
#tourArea h2,
.container {
	margin:0;
	padding:0;
	list-style:none;
	font-weight: normal;
	font-style: normal;
}

#wrapper p,
#wrapper h1,
#wrapper h2,
#wrapper h3,
#wrapper h4,
#wrapper h5,
#wrapper h6,
#wrapper ul,
#wrapper ol,
#wrapper dl,
#wrapper div,
#wrapper pre,
#wrapper blockquote,
#wrapper input {
	word-break: break-all;
}

/* パンくず--------------------- */
#breadcrumb {
    max-width: 950px;
    width: 100%;
    margin: 0 auto;
    padding: 10px 0;
}

/* /////////【for SP】///////// */
@media screen and (max-width: 640px) {
	#breadcrumb {
		max-width: 100%;
		width: 100%;
		padding: 3%;
		border-top: 1px solid #ddd;
		background: #f8f8f8;
	}
	#breadcrumb.sp_b {
		display: none;
	}
}

/* コンテンツ--------------------- */
#wrapper {
	width: 100%;
	text-align: center;
}

.contents {
	width: 950px;
	margin: 0 auto;
	text-align: center;
}

/* /////////【for SP】///////// */
@media screen and (max-width: 640px) {
	.contents {
		width: 100%;
	}
}


/* ページの先頭に戻る------------- */
.pagetop {
	text-align: right;
	font-size: 80%;
}

/* /////////【for SP】///////// */
@media screen and (max-width: 640px) {
	.pagetop {
		width: auto;
		padding-left: 3.125% !important;
		padding-right: 3.125% !important;
		box-sizing: border-box;
	}
}


/* 画像枠線------------- */
.phBorder {
    padding: 3px !important;
    border: 1px solid #ccc !important;
    background: #fff !important;
    box-sizing: border-box;
}


/* スライダー--------------------- */

.container {
	width: 100%;
	min-width: 950px;
	height: 100%;
	overflow-x: hidden;
	margin-bottom: 30px;
	font-size: 0;
}

.slide_all {
	width: 950px;
	margin: 0 auto;
	height: 310px !important;
	position:relative;
}

.slide_all h1 {
	position:absolute;
	top: 8px;
	left: 30px;
	width:287px;
	height:140px;
	z-index:200;
}

.slide_wrap {
	width: 2853px;
	position: absolute;
	left: 50%;
	margin-left: -1426px;
	height: auto;
}
.slide_body {
	width: 100%;
}
.slide_body .slide {
	width: 951px !important;
	text-align: center;
	float: left;
}
.slide_body .slide img {
	width: 100%;
	vertical-align: bottom;
}

.slide_all .bx-controls-direction {
	text-align: center;
	margin-left: -1426px;
}
.slide_all .bx-controls .bx-pager {
	margin: 0 auto;
}
.slide_all .bx-controls .bx-controls-direction a,
.slide_all .bx-controls .bx-pager-item {
	display: inline-block;
}
.slide_all .bx-controls .bx-pager-item a {
	display: block;
	height: 10px;
	width: 10px;
	background: #000;
	border-radius: 10px;
	margin: 0 6px;
}
.slide_all .bx-controls .bx-pager-item a.active {
	background: #a39a25;
}
.slide_all .bx-controls .bx-controls {
	bottom: 5px;
	z-index: 100;
	width: 100%;
}
.slide_all .bx-controls .bx-prev,
.slide_all .bx-controls .bx-next {
	zoom:1;
	display: block;
	height: 290px;
	width: 951px;
	top: 0;
	position: absolute;
	background: url("../img/slide-pattern.png") repeat left top;
}
.slide_all .bx-controls .bx-prev {
	left: 0;
}
.slide_all .bx-controls .bx-next {
	right: -1px;
}
.slide_all .bx-controls .bx-prev img {
	position: absolute;
	top: 43%;
	left: 923px;
}
.slide_all .bx-controls .bx-next img {
	position: absolute;
	top: 44%;
	right: 922px;
}
.slide_all .bx-controls .bx-pager {
	position: absolute;
	bottom: -20px;
	left: 48.8%;
}

/* /////////【for FireFox】///////// */
@-moz-document url-prefix() {
	.slide_all .bx-controls .bx-prev {
		left: -1px;
	}
	.slide_all .bx-controls .bx-next {
		right: 0;
	}
	.slide_all .bx-controls .bx-prev img {
		left: 922px;
	}
	.slide_all .bx-controls .bx-next img {
		right: 923px;
	}
}

/* /////////【for SP】///////// */
@media screen and (max-width: 640px) {
	.slide_all .bx-controls .bx-controls {
		display: none;
	}
}


/* mainVisual------------------- */

/* /////////【for SP】///////// */
@media screen and (max-width: 640px) {
	#mainVisual {
		margin-bottom: 3.125%;
	}
	#mainVisual img {
		width: 100%;
	}
}


/* pageNavi--------------------- */

.contents #pageNavi {
	margin: 0 auto 50px;
	width: 870px;
}

.contents #pageNavi li {
	float: left;
	width: 420px;
	margin-right: 30px;
}

.contents #pageNavi li img {
	width: 420px;
}

.contents #pageNavi li a:hover {
	opacity: 0.8;
}

/* /////////【for SP】///////// */
@media screen and (max-width: 640px) {
	.contents #pageNavi {
		margin-bottom: 7.8125%;
		width: auto;
		padding-left: 3.125%;
		padding-right: 3.125%;
	}
	.contents #pageNavi li {
		float: none;
		width: 100%;
		margin-bottom: 1.25%;
	}
	.contents #pageNavi li img {
		width: 100%;
	}
}

/* sekaiisan--------------------- */

.contents #sekaiisan h2 {
	margin-bottom: 18px;
}

.contents #sekaiisan .feature {
	text-align: left;
	float: left;
	width: 460px;
	margin-right: 30px;
	font-size: 87.5%;
}

.contents #sekaiisan .feature h3 {
	font-size: 2.1rem;
	margin-bottom: 18px;
}

.contents #sekaiisan .feature p {
	margin-bottom: 18px;
}

.contents #sekaiisan .feature .ph img {
	width: 460px;
}


.contents #sekaiisan .feature .ph a:hover {
	opacity: 0.8;
}

/* /////////【for SP】///////// */
@media screen and (max-width: 640px) {
	.contents #sekaiisan h2 {
		width: auto;
		padding-left: 3.125%;
		padding-right: 3.125%;
	}
	.contents #sekaiisan .feature {
		width: auto;
		float: none;
		margin-right: 0;
		padding-left: 3.125%;
		padding-right: 3.125%;
	}
	.contents #sekaiisan .feature h3,
	.contents #sekaiisan .feature p {
		margin-bottom: 3.125%;
	}
	.contents #sekaiisan .feature h3 {
		font-size: 1.84rem;
	}
	.contents #sekaiisan h2 img,
	.contents #sekaiisan .feature .ph img {
		width: 100%;
	}
}

/* tour--------------------- */

#tourArea {
	width: 100%;
	background: url(../img/bg-tour.png) left top repeat;
	padding: 25px 0 38px;
	text-align: center;
	font-size: 87.5%;
}

#tourArea #tour {
	width: 950px;
	margin: 0 auto;
}

#tourArea h2 {
	margin-bottom: 18px;
}

#tourArea .tourBox {
	position: relative;
}

#tourArea .tourBox .ph {
	float: left;
	margin-right: 30px;
	width: 290px;
}

#tourArea .tourBox .ph a:hover {
	opacity: 0.8;
}

#tourArea .tourBox .txtArea {
	text-align: left;
	position: absolute;
	left: 320px;
	top: 0;
}

#tourArea .tourBox .main_btn {
	width: 460px;
	position: absolute;
	left: 320px;
	bottom: 0;
}

/* /////////【for PC】///////// */
@media screen and (min-width: 641px) {
	#tourArea {
		min-width: 950px;
	}
}

/* /////////【for SP】///////// */
@media screen and (max-width: 640px) {
	#tourArea #tour {
		width: auto;
	}
	#tourArea h2 {
		width: auto;
		padding-left: 3.125%;
		padding-right: 3.125%;
	}
	#tourArea .tourBox {
		width: auto;
		padding-left: 3.125%;
		padding-right: 3.125%;
	}
	#tourArea h2 img {
		width: 100%;
	}
	#tourArea .tourBox .ph {
		padding-right: 3.125%;
		width: 50%;
		margin-right: 0;
		box-sizing: border-box;
	}
	#tourArea .tourBox .ph img {
		width: 100%;
		margin-bottom: 4.6875%;
	}
	#tourArea .tourBox .txtArea {
		width: 50%;
		box-sizing: border-box;
		margin-bottom: 3.125%;
		position: static;
		float: left;
	}
	#tourArea .tourBox .main_btn {
		width: 100%;
		position: static;
		clear: both;
	}
}


/* リンク--------------------- */

#l_main a {
	text-decoration:underline;
	color:#333;
}
#l_main a:link {
	color: #0000ee;
}
#l_main a:visited {
	color:#551a8b;
}
#l_main a:hover {
	color:#ff0000;
}
#l_main a:active {
	color:#ff6600;
}

.main_link a {
	background: transparent url("../img/link-arrow-r.png") no-repeat scroll left center;
	padding-left: 22px;
}

.main_btn a {
	padding: 8px;
	background-color: #332323;
	color: #fff !important;
	font-size: 1.68rem;
	text-align: center;
	text-decoration: none !important;
	border-radius: 5px;
	display: block;
	position: relative;
}

.main_btn a:hover {
	opacity: 0.8;
}

.main_btn a::after {
    content: "";
    display: block;
    width: 12px;
    height: 16px;
    position: absolute;
    top: 50%;
    right: 4%;
    margin-top: -8px;
    background: transparent url("../img/arrow-r.png") no-repeat scroll 0px 0px;
}

@media screen and (max-width: 639px) {
	#l_main a:link, #l_main a:active, #l_main a:hover, #l_main a:visited {
		color: #1111cc !important;
		text-decoration: none !important;
	}
	#l_main .main_btn a {
		color: #fff !important;
		font-size: 1.47rem;
	}
}




/* おすすめinfo*/
@media print, screen and (min-width: 640px) {
  #osusume_info {
		margin: 75px auto 20px;
		width: 950px;
		text-align: left;
		font-size: 87.5%;
		box-sizing: border-box;
		padding: 0 10px;
  }
  #osusume_info h2 {
		margin-bottom: 20px;
  }
  #osusume_info h2 img {
		width: 100%;
  }
  #osusume_info .left_box {
		width: 49%;
		float: left;
		box-sizing: border-box;
  }
  #osusume_info .left_box .bnr img {
		width: 100%;
  }
  #osusume_info .right_box {
		width: 49%;
		float: right;
		box-sizing: border-box;
  }
  #osusume_info .right_box .bnr img {
		width: 100%;
  }
  #osusume_info .left_box p, #osusume_info .right_box p {
		margin-bottom: 20px;
  }
  #osusume_info:after {
		content: "";
		display: block;
		clear: both;
		height: 0;
		visibility: hidden;
  }
}

@media screen and (max-width: 639px) {
  #osusume_info {
		padding: 10.3% 3.12% 5%;
  }

  #osusume_info h2 {
		width: 100%;
		margin-bottom: 8.28%;
  }

  #osusume_info h2 img {
		max-width: 100%;
  }

  #osusume_info .left_box p {
		font-size: 13px;
  }

  #osusume_info .left_box p.bnr {
		width: 232px;
		margin: 0 auto 5.62%;
  }

  #osusume_info .left_box p.bnr img {
		max-width: 100%;
  }

  #osusume_info .left_box p.mb0 {
		margin: 7.8% 0 0;
  }

  #osusume_info .right_box {
		margin: 12.8% 0 0;
  }

  #osusume_info .right_box p {
		font-size: 13px;
  }

  #osusume_info .right_box p.bnr {
		width: 232px;
		margin: 0 auto 5.62%;
  }

  #osusume_info .right_box p.bnr img {
		max-width: 100%;
  }

  #osusume_info .right_box p.mb0 {
		margin: 7.8% 0 0;
  }

}