@charset "Shift_JIS";
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

/* 基本レイアウト・フォント装飾関連 */
.roman-s { font-family: "Arial", "Helvetica", "sans-serif"; font-size: 10px}
.f-bold { font-weight: bold}
.f-b-red { font-weight: bold ; color: #FF0000}
.f-b-y { font-weight: bold ; color: #FFFFCC}
.f-b-pink { font-weight: bold ; color: #FF6666}
.f-b-orange { font-weight: bold ; color: #FF6600}
.f-b-s-pink { font-weight: bold ; color: #FF3399}
.f-b-white { font-weight: bold ; color: #FFFFFF}
.f-b-purple { font-weight: bold; color: #B086B9}
.f-b-dp { font-weight: bold; color: #663399}
.f-b-green { font-weight: bold; color: #008888}
.f-b-blue { font-weight: bold; color: #0066CC}
.f-dp { color: #663399}
.f-white { color: #FFFFFF}
.f-red { color: #a00000}

.bnr a{width:640px;margin:0 auto;display:block;}
/* レイアウト */
.t10b { font-size: 10px; line-height:14px;}
.t10-r { font-size: 10px ; color: #FF0000}	
.t10w { font-size: 10px; color: #FFFFFF}
.t14b { font-size: 14px ; font-weight: bold ; color: #666666}
.t14y { font-size: 14px ; font-weight: bold ; color: #FFFFCC}
.t16b { font-size: 16px; font-weight: bold; color: #3366CC}

.pcnone{display:none!important;}

/* CSS初期設定 */
#bg {

	font-size:12px;
	width:950px;
	overflow:hidden;
}
#bg img {
	border:0;
	vertical-align:bottom;
}
#bg ul,#bg ol {
	list-style:none;
}
#bg a {
	overflow: hidden;
}
#bg strong {
	font-weight:bold;
}
.clear {
	clear: both;
}
.clearFloat:after { 
	content: "."; 
	display: block; 
	clear: both; 
	height: 0; 
	visibility: hidden; 
	line-height: 0; 
} 
.clearFloat { 
	display: inline-table; 
	min-height: 1%; 
} 
/* for macIE \*/ 
* html .clearFloat { 
	height: 1%; 
} 
.clearFloat { 
	display: block; 
} 
/* end of for macIE */
.clearFloat {
	overflow:hidden;
}

a.OpaChange:hover *{
filter:alpha(opacity=70); /*IE*/
-moz-opacity:0.70; /*FF*/
opacity:0.70;
}

.clearfix:after {
  content: "";
  clear: both;
  display: block;
}

/*PR banner*/
.pr_banner{
	width:100%;
	margin-bottom:3%;
}
.pr_banner a {
	width:100%;
}
.pr_banner a img{
	max-width:640px;
	display:block;
	margin:0 auto 1% auto;
}
.pr_banner a img:hover {
	opacity:0.8;
}
.pr_banner p{
	text-align:center;
}
/*PR banner end*/

p.images img{
	width:250px;
	height:auto!important;
}

h1{
	background: none;
    margin: 8px 0 0 0;
    font-size: 14px!important;
    font-weight: normal;
    margin: 0 auto;
    display: block;
    width: 950px;
}
.pcnone{
	display:none;
}

div.colum3T div{
	cursor:pointer;
}

div.colum3T div:hover img{
opacity:0.7;
filter: alpha(opacity=70);
-ms-filter: "alpha( opacity=70 )";
background: #fff;
}
div.colum3T div:hover a{
	color:#FF8000;
	text-decoration:underline;
}

.naviNormal li{
font-size: 1.2em;
}

#title{
	margin:0;
	padding:0;
	height:307px;
	overflow:hidden;
	position:relative;
	text-align:center;
	background:url(../new_images//bg.jpg) no-repeat 50% 0;
	background-size:cover
}

#title.kokunaiT{
	margin:0;
	padding:0;
	height:307px;
	overflow:hidden;
	position:relative;
	text-align:center;
	background:url(../new_images/bg_kokunai.jpg) no-repeat 50% 0;
	background-size:cover
}

#title.kokunaiT h1{
	margin:0 auto;
	padding:0;
	width:495px;
	height:307px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	background:url(../new_images/ti_main_kokunai.png) no-repeat 50% 0;
	background-size:cover
}

#title.onsenT{
	margin:0;
	padding:0;
	height:307px;
	overflow:hidden;
	position:relative;
	text-align:center;
	background:url(../new_images/bg_onsen.jpg) no-repeat 50% 0;
	background-size:cover
}

#title.onsenT h1{
	margin:0 auto;
	padding:0;
	width:495px;
	height:307px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	background:url(../new_images/ti_main_onsen.png) no-repeat 50% 0;
	background-size:cover
}


#title.kaigaiT{
	margin:0;
	padding:0;
	height:307px;
	overflow:hidden;
	position:relative;
	text-align:center;
	background:url(../new_images/bg_kaigai.jpg) no-repeat 50% 0;
	background-size:cover
}

#title.kaigaiT h1{
	margin:0 auto;
	padding:0;
	width:495px;
	height:307px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	background:url(../new_images/ti_main_kaigai.png) no-repeat 50% 0;
	background-size:cover
}

#title.powerT{
	margin:0;
	padding:0;
	height:307px;
	overflow:hidden;
	position:relative;
	text-align:center;
	background:url(../new_images/bg_powerspot.jpg) no-repeat 50% 0;
	background-size:cover
}

#title.powerT h1{
	margin:0 auto;
	padding:0;
	width:495px;
	height:307px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	background:url(../new_images/ti_main_powerspot.png) no-repeat 50% 0;
	background-size:cover
}

#title p{
	position: absolute;
	top:0;
	left: 0;
	right: 0;
	bottom: 0;
	margin:auto;
	color:#FFF;
	font-weight:bold;
	width: 495px;
	line-height:40px;
	text-shadow:
	1px 1px 4px rgba(000,000,000,0.8),
	0px 1px 0px rgba(255,255,255,0.3);
}

#title p strong{
	background:#FFF;
	display:inline-block;
	padding:3px 5px 3px 5px;
	color:#036;
	font-size:28px;
	margin:0 20px 0 0;
	text-shadow:none;
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0.6),
		inset 0px 0px 10px rgba(087,087,087,0);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0.6),
		inset 0px 0px 10px rgba(087,087,087,0);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0.6),
		inset 0px 0px 10px rgba(087,087,087,0);
			vertical-align:middle;
}

#title span{
	font-size:20px;
	color:#FFF;
	font-weight:bold;
	display:block;
	padding:15px 0 0 0;
	letter-spacing:0.5em;
	text-align:center;
}

#title img{
	width:100%;
	height:auto;
}

#templeteWrap{
	width:100%;
}

.contInner02 .column2Area .section{
	width:950px!important;
	float:none!important;
	overflow:hidden;
}

#wrapInner{
	width:100%!important;
}

#inner950{
	width:950px;
	margin:0 auto;
	display:block;
}

.inner950{
	width:950px;
	margin:30px auto 0;
	display:block;
}

#Foot .footBtmInner{
	font-size:12px!important;
}

.itemList4 a{
	color:#383333!important;
}

/*新着プラン*/
#brand_new_plan_box {
    width: 950px;
    margin: 0 auto;
    padding: 15px;
	background: #FFF;
}

#brand_new_plan_box p.wide {
    width: 300px!important;
	float: left;
    margin: 0 20px 0 0;
}

#brand_new_plan_box p img {
    width: 100%;
    height: auto;
}

#brand_new_plan_box div.intoroBox {
    overflow: hidden;
    width: auto;
    margin: 0;
    padding: 0;
    border-bottom: none;
}

#brand_new_plan_box div.intoroBox h3 {
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 15px 0;
    color: #FFF;
}

#brand_new_plan_box div.intoroBox p {
    font-size: 14px;
    margin: 0 0 10px 0;
}

#brand_new_plan_box .intoroBox .btn.margintBttom20{
    width: 32%!important;
    float: left;
    display: block;
}

/*add*/
.bgGrayArea{
	background:#dcf2ff!important;
	overflow:hidden;
}

.tokutenbox{
	margin:0 0 40px 0;
}

.tokutenbox li{
	font-size:16px;
	display:block;
	margin:0 0 10px 0;
	position:relative;
}

.tokutenbox li:before,
.tokutenbox li:after {
    content: " ";
    display: table;
}

.tokutenbox li:after {
    clear: both;
}

.tokutenbox li {
    *zoom: 1;
}

.tokutenbox li strong{
	font-weight:bold;
	font-size:18px;
	background:#F39A2B;
	color:#FFF;
	display:block;
	float:left;
	padding:5px 10px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
}

.tokutenbox li span{
	display:block;
	overflow:hidden;
	padding:8px;
	text-align:left;
}

.tokutenbox li span span{
	font-size:14px;
	padding:0!important;
	line-height:14px;
}
.contInner02 {
	padding-bottom: 20px!important;
	width:950px!important;
}

.itemList4.plan li dt{
	color:#F00!important;
	display:block;
	text-align:right;
	font-size:18px;
	line-height:1.4em;
}

.itemList4.plan li dd{
	color:#F00!important;
	display:block;
	text-align:right;
	font-size:18px!important;
	line-height:1.4em;
	font-weight:bold!important;
}

.itemList4.plan li dt strong{
	display:block;
	font-size:16px;
	color:#000;
	text-align:left;
}

.itemList4.plan li{
	padding:0;
}

.itemList4.plan li dd{
	font-size:14px;
}

.itemList4.plan li dl{
	padding:0 10px 10px;
}

.itemList4.f14 li dd{
	font-size:14px;
}

/*-------------------------nav*/
.planBox1{
	margin:0 0 15px 0;
}

.itemList4{
	padding-left:30px;
}

.box03 li{
	width:275px!important;
}

.box02{
	margin:0!important;
	padding:0!important;
}

.box02 li{
	width:222px!important;
	position:relative!important;
	padding:0 0 0px 0;
	box-shadow: 1px 3px 5px #AFAFAF!important;
	margin:0 0 20px 15px!important
}

.box02 li .thumb{
	display:block;
}

.box02 li dl{
	position:absolute;
	background:#000;
	bottom:0;
	left:0;
	color:#FFF;
opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
padding:5px 6px!important;
}

.box02 li dl dt,
.itemList4.box02 li dl a{
	color:#FFF!important;
}
.box02 li dl dd{
	color:#FFF;
	font-size:12px;
}

.contInner02 .column2Area .section {
	width: auto!important;
	float: none!important;
	margin-right: 30px;
	overflow:hidden;
}

/*bo4x*/
.box04 li{
	width:910px!important;
	box-shadow: 1px 3px 5px #afafaf;
}

.box04 li .thumb{
	width:200px;
	height:auto;
	float:left;
	margin:0 20px 0 0;
-webkit-border-radius: 5px 0 0 5px!important;
border-radius: 5px 0 0 5px!important;
}

.box04 li .thumb img{
	width:100%;
	height:auto;
}

/*bo5x*/
.box05 li{
	width:275px!important;
	position:relative!important;
	padding:0 0 10px 0;
	box-shadow: 1px 3px 5px #AFAFAF!important;
}
.box05 li .thumb{
	height:auto;
	margin:0 0 10px 0;
}

.box05 li .thumb img{
	width:100%;
	height:auto;
}

.box04 .itemList4 li:hover,
.box06 li:hover
{ cursor:default;
opacity: 0.8;
filter: alpha(opacity=80);       
-ms-filter: "alpha(opacity=80)";
-moz-opacity:1;
cursor:pointer;
}

.hoverNone li:hover{
opacity: 1!important;
filter: alpha(opacity=100)!important;     
-ms-filter: "alpha(opacity=100)"!important;
cursor:default!important; 
}

.box07 li{
box-shadow: 1px 3px 5px #AFAFAF!important;
}

/*btn*/
.orangeBtn{
	display:block;
	clear:both;
	margin-bottom:10px
}
	
.orangeBtn a{
		color:#FFF!important;
		display:block;
background: #ffa600; /* Old browsers */
background: -moz-linear-gradient(top,  #ff8e00 0%, #ff8e00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ff8e00), color-stop(100%,#ff8e00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ff8e00 0%,#ff8e00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ff8e00 0%,#ff8e00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ff8e00 0%,#ff8e00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ff8e00 0%,#ff8e00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff8e00', endColorstr='#ff8e00',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
/*	border: 1px solid #ff8c00;*/
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	text-shadow:
		1px 1px 0px rgba(255,140,0,1),
		0px 1px 0px rgba(255,140,0,0.2);
	display:block;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	/*font-weight:bold;*/
	display:block;
	text-align:center;
	text-decoration:none!important;
	font-size:16px;
	position:relative;
	padding:5px;
	width:85%;
}

.orangeBtn a:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../new_images//im_arrow.png) no-repeat;
	position:absolute;
	top:32%;
	right:1%;
}

.orangeBtn:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
}

.btnAll a:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../new_images//im_arrow.png) no-repeat;
	position:absolute;
	top:40%;
	right:1%;
}	

.btnAll a{
	width:419px;
	height:52px;
	line-height:52px;
	color:#FFF!important;
background: #ffa600; /* Old browsers */
background: -moz-linear-gradient(top,  #ffa600 0%, #ff8e00 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffa600), color-stop(100%,#ff8e00)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #ffa600 0%,#ff8e00 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #ffa600 0%,#ff8e00 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #ffa600 0%,#ff8e00 100%); /* IE10+ */
background: linear-gradient(to bottom,  #ffa600 0%,#ff8e00 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffa600', endColorstr='#ff8e00',GradientType=0 ); /* IE6-9 */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
/*	border: 1px solid #ff8c00;*/
	-moz-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	-webkit-box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	box-shadow:
		0px 1px 3px rgba(000,000,000,0),
		inset 0px -2px 1px rgba(235,129,0,1);
	text-shadow:
		1px 1px 0px rgba(255,140,0,1),
		0px 1px 0px rgba(255,140,0,0.2);
	display:block;
	clear:both;
	margin-left:auto;
	margin-right:auto;
	color:#FFF;
	/*font-weight:bold;*/
	display:block;
	text-align:center;
	text-decoration:none!important;
	font-size:18px;
	position:relative;
}

.btnWide{
	clear:none!important;
	float:left!important;
	margin:0 0 20px 20px;
}

.btnWide a{
	width:430px!important;
	clear:both!important;
}

.btnWide3{
	clear:none!important;
	float:left!important;
	margin:0 0 20px 20px;
}

.btnWide3 a{
	width:286px!important;
	clear:both!important;
	line-height:1.2em;
	padding:8px 0 0 0;
}

.btnAll a:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../new_images//im_arrow.png) no-repeat;
	position:absolute;
	top:40%;
	right:1%;
}

.btnAll a:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	text-decoration:none!important;
}

.price{
	color:#F00;
	font-size:18px;
	font-weight:bold;
	display:block;
	text-align:center;
	clear:both;
}

.Textbox{
	border:2px solid #FFFAC7;
	display:block;
	padding:15px;
	font-size:16px;
	line-height:30px;
	background:#FFF;
	margin:0 0 20px 0;
	box-shadow: 1px 3px 5px #afafaf;
}

#bottomNavi{
	overflow:hidden;
	margin:0 0 20px 0;
}

#bottomNavi li{
	display:block;
	float:left;
	width:300px;
	margin:0 10px 10px 0;
	border:2px solid #CCC;
	background:url(../new_images//tb_bottom_arrow.png) no-repeat 98% 50%;
}

#bottomNavi li a{
	display:block;
	padding:15px;
}
	
.itemList4.gray li {
	background: #DCF2FF!important;
	box-shadow: 1px 3px 5px #afafaf;
}

/*common*/
.article .inner{
	width:950px;
	margin:0 auto;
	padding:30px 0 40px 0;
}

h2 {
	font-size: 25px;
	margin:0px 0 30px 0;
	font-weight:bold;
	text-align:center;
	color:#0071ad;
	letter-spacing:0.09em;
	font-family: 'Noto Sans Japanese', sans-serif;
	background:url(../new_images//ti_kazari.png) no-repeat 50% 0;
	padding:40px 0 0 0;
	font-weight:normal;
}

h2.brown{
	background:url(../new_images//ti_kazari2.png) no-repeat 50% 0!important;
}

h2 img{
	margin-top:-6px;
}

h2 span{
	font-size:12px;
	display:block;
	margin:12px 0 0 0;
	text-align:center;
}

.title01,.title03{
	color:#D52068;
}

.title02{
	color:#514640;
}

.catche{
	font-size:16px;
	text-align:center;
	line-height:36px;
	padding:20px 0 20px 0;
}

/*bg*/

.bg01{
	background:url(../new_images//bg_01.gif);
}

.bg02{
	background:url(../new_images//bg_02.gif);
}

.bg03{
	background:url(../new_images//bg_03.gif);
	padding: 20px 0;
}

/*cmp*/
.campWrap{
	padding:20px;
	display:block;
}

.campWrap ul#cmpBox{
	background:#FFF;
	padding:10px 20px 20px 20px;
	display:block;
	margin:0 0 50px 0;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}

.campWrap ul#cmpBox li{
	font-size:16px;
	display:block;
	/*overflow:hidden;*/
	margin:0 0 15px 0;
	padding:0 0 15px 0;
	border-bottom:1px dotted #dedede;
}

.campWrap ul#cmpBox li:last-child{
	margin:0;
	padding:0;
	border-bottom:none
}

.campWrap ul#cmpBox li strong{
	width:95px;
	height:27px;
	display:inline-block;
	background:#d42568;
	text-align:center;
	line-height:27px;
	color:#FFF;
	font-size:14px;
	margin:0 14px 0 0;
	float:left;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
}

.campWrap ul#cmpBox li span{
	/*display:block;*/
	overflow:hidden;
	margin:5px 0 0 0;
}

.kokunaiTit{
	width:950px;
	height:60px;
	color:#FFF;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size:18px;
	background:url(../new_images//ti_stit_kokunai.gif) no-repeat;
	line-height:60px;
	padding:0 0 0 30px;
	margin:0 0 30px 0;
	text-align:left;
}

.kaigaiTit{
	width:950px;
	height:60px;
	color:#FFF;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size:18px;
	background:url(../new_images//ti_stit_kaigai.gif) no-repeat;
	line-height:60px;
	padding:0 0 0 30px;
	margin:0 0 30px 0;
}

.commonTit{
	width:950px;
	height:60px;
	color:#FFF;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-size:18px;
	background:url(../new_images//ti_stit_common.gif) no-repeat;
	line-height:60px;
	padding:0 0 0 30px;
	margin:0 0 30px 0;
	text-align:left;
}

.planWrap div.box{
	background:#FFF;
	margin:0 0 50px 0;
	padding:0 0 40px 0;
}

.planWrap div.box div{
	padding:0 24px 24px;
	margin:0 0 24px 0;
	border-bottom:1px solid #e2e2e2;
	overflow:hidden;
}

.planWrap div.box div p{
	float:left;
	margin:0 20px 0 0;
	width:210px;
}

.planWrap div.box div p.wide{
	width:300px!important;
}

.planWrap div.box div p img{
	width:100%;
	height:auto;
}

.planWrap div.box div > div{
	overflow:hidden;
	display:block;
	width:auto!important
}

.planWrap div.box div div h3{
	font-size:18px;
	font-weight:bold;
	margin:0 0 15px 0;
	color:#FFF;
}

.planWrap div.box div div p{
	font-size:14px;
	margin:0 0 10px 0;
}

.planWrap div.box div dl dd:last-child{
	margin-bottom:0
}

.planWrap div.box div dd img{
	margin-right:5px;
}

.planWrap div.box div dl dd strong{
	background:#eeebdb;
	display:inline-block;
	padding:5px;
	margin:0 10px 0 0;
}

.planWrap div.box div dl dd{
	font-size:14px;
	margin-bottom:8px;
}

.planWrap div.box div dl dd span{
	font-size:16px;
}

.planWrap div.box div dl dd span span{
	color:#F00;
	font-size:18px;
	font-weight:bold;
}

/**/
.planWrap div.box{
	background:#FFF;
	margin:0 0 50px 0;
	padding:1px 0 40px 0;
}

.planWrap div.box div{
	padding:0 24px 24px;
	margin:0 0 24px 0;
	border-bottom:1px solid #e2e2e2;
	overflow:hidden;
}

.planWrap div.box div dl{
	overflow:hidden;
}

.planWrap div.box div dl dt{
	font-size:18px;
	margin-bottom:10px;
}

.planWrap div.box div:hover{
	cursor:pointer
}

.planWrap div.box div:hover dt{
text-decoration-color: #0065D6;
}

.planWrap div.box2{
	background:#FFF;
	margin:0 0 50px 0;
	padding:1px 0 40px 0;
}

.planWrap div.box2 div{
	padding:0 24px 24px;
	margin:0 0 24px 0;
	border-bottom:1px solid #e2e2e2;
	overflow:hidden;
	position:relative;
	cursor:pointer
}

.planWrap div.box2 div:hover dt{
text-decoration-color: #0065D6;
}

.planWrap div.box2 div strong{
	display:block;
	color:#F00;
	font-size:20px;
	position:absolute;
	right:20px;
	top:0;
	font-weight:bold
}

.planWrap div.box2 div p{
	float:left;
	margin:0 20px 0 0;
	width:150px;
}

.planWrap div.box2 div p img{
	width:100%;
	height:auto;
}
.planWrap div.box2 div dl{
	padding:0 260px 0 0;
	overflow:hidden;
}

.planWrap div.box2 div dl dt{
	font-size:18px;
	font-weight:bold;
	margin:0 0 15px 0;
}

.planWrap div.box2 div dl dd{
	font-size:14px;
	margin:0 0 10px 0;
}

.planWrap div.box2 div dl dd:last-child{
	margin-bottom:0
}

.planWrap div.box2 div dd img{
	margin-right:5px;
	margin-bottom:5px;
}

.planWrap div.box2 div dl dd strong{
	background:#eeebdb;
	display:inline-block;
	padding:5px;
	margin:0 10px 0 0;
}

.planWrap div.box2 div dl dd span span{
	color:#F00;
	font-size:18px;
	font-weight:bold;
}

/**/
.btnWrap{
	text-align:center;
	font-size:16px;
	font-family: 'Noto Sans Japanese', sans-serif;
	overflow:hidden;
}

.btnWrap a.btn{
	margin-top:10px;
}

.btn{
	width:620px;
	background:url(../new_images//arrow.png) no-repeat #514640 95% 50%;
	background-size:auto 13px;
	display:block;
	margin:0 auto;
	padding:20px 0 20px 0;
	color:#FFF!important;
	font-size:18px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	font-family: 'Noto Sans Japanese', sans-serif;
	border-bottom:2px solid rgba(0,0,0,0.2)!important;
}

.btn2{
	width:auto!important;
	overflow:hidden;
	padding:10px 0 10px 0!important;
	background:url(../new_images//arrow.png) no-repeat #514640 95% 50%;
	background-size:auto 13px;
	display:block;
	margin:20px 0 0 60px!important;
	font-size:16px;
}

.btn3{
	width:auto!important;
	overflow:hidden;
	padding:10px 0 10px 0!important;
	background:url(../new_images//arrow.png) no-repeat #514640 95% 50%;
	background-size:auto 13px;
	display:block;
	margin:20px 0 0 5px!important;
	font-size:15px;
}

a.btn:hvoer{
	text-decoration:none!important
}

.margintBttom20{
	margin-bottom:20px;
}

.margintBttom30{
	margin-bottom:50px!important;
}

.kaigaiB a.btn{
	width:30.5%!important;
	float:left;
	font-size:15px;
	margin:0 0 0 2%;
}

.kaigaiB strong{
	display:block;
	margin:0 0 10px 0;
}

/*use*/
.useWrap{
	overflow:hidden;
	display:block;
}

.useWrap ul{
	overflow:hidden;
	margin:0 0 20px 0;
}

.useWrap li{
	float:left;
	text-align:center;
	width:31%;
	margin:0 0 15px 1.7%;
}

.useWrap li img{
	display:block;
	margin:0 0 5px 0;
	width:100%;
	height:auto;
}

.useWrap div div{
	overflow:hidden;
	padding:15px;
	margin:0 0 0 0;
	border-bottom:1px solid #e2e2e2;
	background:#FFF;
}

.useWrap div div p{
	float:left;
	margin:0 20px 0 0;
	width:75px;
	height:75px;
}

.useWrap div div p img{
	width:100%;
	height:auto;
}

.useWrap div div dl{
	overflow:hidden;
	display:block;
}

.useWrap div div:last-child{
	border-bottom:none
}


.useWrap div div dl dt{
	font-size:16px;
	margin:0 0 10px 0;
}

.useWrap div div dl dt a{
	color:#000;
}

.useWrap div div dl dd{
	font-size:14px;
	color:#999;
}

.useWrap div div dl dd > span{
	display:block;
	margin:5px 0 0 0;
}

.useWrap div div dl dd > span a{
	color:#CCC;
}

.useWrap div div dl dd > span span{
	color:#F69;
	display:inline;
}

.useWrap .commonTit{
	margin:0;
}

.allLink li:hover,.allLink div:hover img{
	transition: 0.2s ;
	opacity: 0.7 ;
	cursor:pointer;
}
.allLink li:hover,.allLink div:hover dt{
	transition: 0.2s ;
	opacity: 0.7 ;
	cursor:pointer;
	text-decoration:underline;
}

/*panf*/
#panfWrap{
	overflow:hidden;
}

.area{
	overflow:hidden;
}
.area p{
	background:url(../new_images//arrow_bottom.png) no-repeat 95% 50% #b5923e;
	background-size:15px auto;
	color:#FFF;
	width:49.3%;
	float:left;
	padding:20px 0 20px 0;
	margin:0 0 0 0.5%;
	-webkit-border-radius: 5px 5px 0 0;
	border-radius: 5px 5px 0 0;
	text-align:center;
	font-size:18px;
	cursor:pointer;
}

.area p.select{
	background:url(../new_images//arrow_bottom.png) no-repeat 95% 50% #514640;
	background-size:15px auto;
}

.kokunaiPanf ul,.kaigaiPanf ul{
	background:#514640;
	padding:10px 0 10px 0;
	overflow:hidden;
}

.kokunaiPanf ul li,.kaigaiPanf ul li{
	background:#FFF;
	-webkit-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	padding:10px;
	width:16.4%;
	float:left;
	margin:0 0 0 12px;
	font-size:14px;
	text-align:center;
	cursor:pointer;
}

.kaigaiPanf ul li{
	width:10.5555555%;
}

.kokunaiPanf ul li.select2,.kaigaiPanf ul li.select3{
	background:#908179;
	color:#FFF;
}

.contents,
.contents2{
	background:#FFF;
	overflow:hidden;
	padding:10px 0 0 0;
}

.contents p.panf_link,
.contents2 p.panf_link{
	background:#FFF;
	width:126px;
	float:left;
	margin:0 20px 0 24px;
	padding:10px;
}

.contents p.panf_link img,
.contents2 p.panf_link img{
	display:block;
	margin-bottom:8px;
}
.contents p.panf_link dt,
.contents2 p.panf_link dt{
	padding:0;
	margin:0;
}

.contents p.panf_link dd,
.contents2 p.panf_link dd{
	padding:0;
	margin:8px 0 0 0;
}

.kaigaiBox{
	border-top:8px solid #514640
}

.yet{
	padding:30px;
	font-size:16px;
	text-align:center;
}

.taviraBnr{
	margin:-20px 0 20px 0;
	padding:0;
	text-align:right;
}

#navMenuNew100{
	background:url(../new_images/bg_navi.gif);
}

#navMenuNew100 ul{
	text-align:center;
	margin:0 auto;
}

#navMenuNew100 ul li{
	display:inline-block;
	font-size:15px;
	font-family: 'Noto Sans Japanese', sans-serif;
	border-right:1px dotted #FFFFFF
}

#navMenuNew100 ul li a{
	display:block;
	color:#FFF;
	padding:24px 31px 25px 39px;
	position:relative;
}

@media screen and (max-width: 950px) {
#navMenuNew100 ul li{
	display:inline-block;
	font-size:15px;
	font-family: 'Noto Sans Japanese', sans-serif;
	border-right:1px dotted #FFFFFF;
	border-bottom:1px dotted #FFFFFF;
}
}

.select{
	background:#83746c;
}

#navMenuNew100 ul li a:after{
	content:"";
	background:url(../new_images/im_arrow_navi.png) no-repeat;
	width:10px;
	height:10px;
	top:50%;
	margin-top:-4px;
	right:10px;
	background-size:100% auto;
	position:absolute;
}

#navMenuNew100 ul li.select a:after{
	content:"";
	background:url(../new_images/im_arrow_navi_bottom.png) no-repeat;
	width:10px;
	height:10px;
	top:50%;
	margin-top:-4px;
	right:10px;
	background-size:100% auto;
	position:absolute;
}

#navMenuNew100 ul li.select a:hover{
	text-decoration:none!important;
	transition: 0 ;
	opacity: 1;
	cursor:default
}

#navMenuNew100 ul li:first-child{
	border-left:1px dotted #FFFFFF
}

#navMenuNew100 ul li a:hover{
	text-decoration:none!important;
}

#navMenuNew100 ul li a:hover{
	text-decoration:none!important;
	transition: 0.2s ;
	opacity: 0.6 ;
}

#navi01 a{
	background:url(../new_images/nav01.png) no-repeat 5% 50%;
	background-size:30px auto;
}
#navi02 a{
	background:url(../new_images/nav02.png) no-repeat 5% 50%;
	background-size:28px auto;
}

#navi03 a{
	background:url(../new_images/nav03.png) no-repeat 2% 50%;
	background-size:30px auto;
}

#navi04 a{
	background:url(../new_images/nav04.png) no-repeat 5% 50%;
	background-size:30px auto;
}

#navi05 a{
	background:url(../new_images/nav05.png) no-repeat 5% 50%;
	background-size:30px auto;
}

#navi06 a{
	background:url(../new_images/nav06.png) no-repeat 5% 50%;
	background-size:30px auto;
}

#navi07 a{
	background:url(../new_images/nav07.png) no-repeat 5% 50%;
	background-size:30px auto;
}

.more{
	display:block;
	text-align:right;
	padding:10px 0 0 0;
}

.subTit{
	background:#908179;
	color:#FFFFFF;
	font-size:16px;
	margin:0 20px 15px;
	padding:8px;
}

.bnrBox{
	overflow:hidden;
	width:950px;
	margin:20px auto;
}

.bnrBox li{
	float:left;
	margin:0 20px 0 0;
}

.pcnone{
	display:none!important
}

/*20161004*/
.btnWrap.line4 {
	margin:0 0 -30px 0;
}

.kaigaiB.line4 a.btn{
	width:46.8% !important;
	float:left;
	font-size:15px;
	margin:0 0 10px 2%;
}

/*20161104*/
/*.kaigaiPanf .contents2 p{
    font-size: 20px;
padding: 50px 0;
}*/

.kaigaiPanf .contents2 p.panf_link img {
	width:75px;
	height:100px;
	margin:0 auto 8px auto;
}

.campWrap ul#cmpBox li {
    font-size: 14px;
	position:relative;
	width:800px;
}

.campWrap ul#cmpBox li:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}

.campWrap ul#cmpBox li strong {
	float:left;
}

#cmpBox div.cb_r {
	float:left;
	width:650px;
	margin:5px 0 0 0;
}

.truncate_more {
	display: none;
}

.campWrap ul#cmpBox li .txt_of_btn {
	position: absolute;
	/*text-align:right;*/
	margin:5px 0;
	right:10px;
}

.cbp_link {
margin: 30px 0 0 0;
}
.cbp_link a {
margin: 0 15px 0 0;
padding: 0 15px 0 0;
border-right: 1px dotted #dedede;
}
.cbp_link a:last-child {
border-right: none;
}

.title_g {
	display: none;
}

#title span{
	margin:0 auto;
	padding:0;
	width:495px;
	height:307px;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
	background:url(../new_images/ti_main.png) no-repeat 50% 0;
	background-size:cover
}

.campWrap ul#cmpBox {
    background: none;
}

.campWrap ul#cmpBox li {
	width:870px;
    background: #FFFFFF;
    overflow: hidden;
    margin: 0 0 10px 0;
    padding: 20px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
border-bottom: none;
}

.contents2 p.panf_link dd a {
    margin: 0 0 5px 0;
}

.contents p.panf_link,
.contents2 p.panf_link{
	width:145px;
	margin:0 30px 0 38px;
	height: 270px;
}
.contents p.panf_link img, .contents2 p.panf_link img {
    margin: 0 auto 8px auto;
}

.pinkB{
	background-color:#d42568;
}

.pinkG{
	background-color:#588554;
}

.naviAnker{
	overflow:hidden;
	text-align:center;
	margin-bottom:20px;
}

.naviAnker2,.naviAnker3{
	overflow:hidden;
	text-align:center;
	margin-bottom:30px;
}

.naviAnker li,.naviAnker2 li,.naviAnker3 li{
	display:inline-block;
	width:24%;
	margin-bottom:10px;
}

.naviAnker li:nth-child(n+4),.naviAnker2 li:nth-child(n+4){
	margin-bottom:0
}

#wrapInner ul.naviAnker li a{
	display:block;
	margin:0 5px;
	padding:15px 25px 15px 16px;
	font-size:18px;
	background:url(../new_images/arrow_bottom.png) no-repeat #5F534C 95% 50%;
	background-size:auto 6px;
	color:#FFF!important;
	font-size:16px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	font-family: 'Noto Sans Japanese', sans-serif;
	border-bottom:2px solid rgba(0,0,0,0.2)!important;
}

#wrapInner ul.naviAnker2 li a,#wrapInner ul.naviAnker3 li a{
	display:block;
	margin:0 5px;
	padding:15px 30px 15px 25px;
	font-size:18px;
	background:url(../new_images/arrow.png) no-repeat #5F534C 95% 50%;
	background-size:auto 10px;
	color:#FFF!important;
	font-size:16px;
	-webkit-border-radius: 3px 3px 3px 3px;
	border-radius: 3px 3px 3px 3px;
	font-family: 'Noto Sans Japanese', sans-serif;
	border-bottom:2px solid rgba(0,0,0,0.2)!important;
}

ul.naviAnker li a:hover,ul.naviAnker2 li a:hover,ul.naviAnker3 li a:hover{
	text-decoration:none!important;
	opacity: 0.8 ;
}

.planWrap div.box div{
	padding:0 24px 24px;
	margin:0 20px 24px;
	border-bottom:1px solid #e2e2e2;
	overflow:hidden;
}

.marginTop{
	margin-top:20px!important;
}

.moreTit{
	text-align:center;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:normal;
	font-size:18px;
	margin-bottom:15px;
}

.lH28{
	line-height:28px;
}

.nM{
	margin-top:-20px!important;
}

.planWrap div.boxM0{
	margin:0 0 50px 0!important;
	padding:10px 0 20px 0!important;
}

.cursolnone div{
	cursor:default!important
}


#noe4 li:nth-child(n+5){
	display:block!important
}

h3.onsenTit{
	padding:10px;
	border-left:8px solid #908179;
	font-family: 'Noto Sans Japanese', sans-serif;
	font-weight:normal;
	background:#5D5049;
	color:#FFF;
}

/* --------------------------------------------------- serch */
#sm{
	width:100%!important;
}

.innBox{
	display:block;
	overflow:hidden;
	padding:10px;
	margin:0 25px 0 0
}

.innBox select{
    color: #000000;
    height: 38px;
    font-size: 100%;
    padding: 0 0 0 10px;
    border: 1px solid #B3B3B3;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
	margin:0 5px 3px 0;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
.innBox select{
    color: #000000;
    height: 38px;
    font-size: 100%;
    padding: 0 60px 0 10px;
    border: 1px solid #B3B3B3;
    border-radius: 3px;
    -webkit-appearance: none;
    -moz-appearance: none;
    appearance: none;
    text-indent: .01px;
    text-overflow: "";
	margin:0 0 3px 0;
	background:url(../images/select_arrow.jpg) no-repeat 100% 50%;
}
}

.searchBox .innBox dl{
	display:block;
	overflow:hidden;
	width:100%;
	margin:0 0 10px 0
}

.searchBox .innBox dt{
	background:#514640;
	height:35px;
	line-height:35px;
	color:#FFF;
	display:block;
	width:95px;
	float:left;
	text-align:center;
	margin:0 10px 0 0;
	font-weight:bold;
	font-size:12px;
}

.searchBox .innBox dt.f12{
	background:#000;
	height:35px;
	line-height:35px;
	color:#FFF;
	display:block;
	width:85px;
	float:left;
	text-align:center;
	margin:0 10px 0 0;
	font-weight:bold;
	font-size:15px;
}

.searchBox .innBox dd{
	overflow:hidden;
	display:block;
	font-size:14px;
}

.cont{
	font-size:14px;
}

.serchBtn{
	clear:both;
	text-align:center;
	display:block;
	margin:0;
	padding:15px 0 15px 0;
}

.searchBox .innBox{
	margin:0;
	padding:10px;
}

.searchBox .innBox input{
	padding:10px;
}

.searchBox{
	margin-bottom:10px;
	background:#FFF;
	padding:20px;
}

.dispBtn{
	width:100%;
	position:relative;
	margin:10px auto 0;
}

.btnSubmit{
	color: #ffffff;
	display:block;
	width:100%;
	padding: 10px 0;
	background:url(../new_images//arrow.png) no-repeat #514640 95% 50%;
	background-size: auto 13px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	border: 0px solid #000000;
	-moz-box-shadow:
		0px 0px 3px rgba(250,226,215,0.7),
		inset 0px 0px 4px rgba(54,11,18,1);
	-webkit-box-shadow:
		0px 0px 3px rgba(250,226,215,0.7),
		inset 0px 0px 4px rgba(54,11,18,1);
	box-shadow:
		0px 0px 3px rgba(250,226,215,0.7),
		inset 0px 0px 4px rgba(54,11,18,1);
	text-shadow:
		0px -1px 0px rgba(255,255,255,0),
		0px 1px 0px rgba(255,255,255,0);
		text-align:center;
		font-size:16px;
	cursor:pointer;
	font-family: 'Noto Sans Japanese', sans-serif;
}

.dispBtn:after{
	width:13px;
	height:13px;
	content:"";
	display:block;
	background:url(../images/im_arrow.png) no-repeat;
	position:absolute;
	top:35%;
	right:1%;
}

.dispBtn:hover{
	opacity:0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha( opacity=80 )";
	text-decoration:none!important;
}

.dispBtn input{
	width:100%!important;
}

.boxBtn a{
	font:14px;
	clear:both;
	margin:0 10px 10px;
	padding:5px;
}

/**/
.tabBox{
	display:block;
	margin:10px 10px 0;
	overflow:hidden;
	padding:0 0 20px 0;
}

.tabBox li{
	width:33.2222222%;
	display:block;
	margin:0 0 0 1px;
	float:left;
	line-height:14px;
	text-align:center;
	font-weight:normal;
	padding:17px 0;
	font-size:14px;
	display:block;
	cursor:pointer;
	box-shadow:none;
	background:#514640;
	color:#FFFFFF;
	font-family: 'Noto Sans Japanese', sans-serif;
}

.tabBox li:first-child{
	margin:0 0 0 0px
}

.tabBox li.select{
	background:#d42568;
	color:#FFF;
	position:relative;
}

.tabBox li.select:after{
	position:absolute;
	bottom:-10px;
	right:50%;
	content:"";
	width:0;
	height:0;
	margin-top:0;
	border-width:5px;
	border-style:solid;
	border-color:#d42568 transparent transparent transparent;
	z-index:5
}
.tabBox .kaigaiTab .select{
	background:#588554!important;
}

.tabBox .kaigaiTab .select:after{
	position:absolute;
	bottom:-10px;
	right:50%;
	content:"";
	width:0;
	height:0;
	margin-top:0;
	border-width:5px;
	border-style:solid;
	border-color:#588554 transparent transparent transparent;
	z-index:5
}

.btn3{
	text-align:center;
}

.btn3 a{
	width:28%;
	text-align:center;
	display:inline-block;
	margin:0 10px;
}

.planWrap div.box div.intoroBox{
	overflow:hidden;
	width:auto!important;
	margin:0!important;
	padding:0!important;
	border-bottom:none!important;
}

.lH28{
	width:auto!important;
	margin:0!important;
	padding:0!important;
}

.cursolnone .pointer{
	cursor:pointer!important
}

.cursolnone .pointer:hover img{
	transition: 0.2s ;
	opacity: 0.7 ;
	cursor:pointer;
}
.cursolnone .pointer:hover dt{
	transition: 0.2s ;
	opacity: 0.7 ;
	cursor:pointer;
	text-decoration:underline;
}

/*add20180201キャンペーン枠*/
div.article div.inner .boxY {
    background: #FFF;
    padding: 24px 24px 10px 24px;
    overflow: hidden;
}

div.article div.inner .boxY p {
    width: 300px;
    float: left;
    background: #CCC;
    margin: 0 20px 20px 0;
}

div.article div.inner .boxY p img {
    width: 100%;
    height: auto;
}

div.article div.inner .boxY dl {
    overflow: hidden;
    padding: 0;
    margin: 0;
}

div.article div.inner .boxY dl dt {
    font-size: 22px;
    display: block;
    margin-bottom: 10px;
    padding-bottom: 10px;
    padding-top: 10px;
    border-bottom: 1px solid #E7DAD2;
    color: #5A504A;
    font-weight: bold;
}

div.article div.inner .boxY dl dd {
    margin: 0 0 5% 0;
    padding: 0;
    font-size: 14px;
    line-height: 22px;
}

div.article div.inner .boxY dl dd .btn.pinkB{
	width:100%;
}

/*おすすめのSNS*/
div.article div.inner ul#sns_height li{
	width: 200px;
	height: 290px;
}

div.article div.inner ul#sns_height li span{
	color:red;
	font-size:120%;
	font-weight:bold;
	margin: 0;
}

/*add20180412*/
#navMenuNew100_b {
	background:url(../new_images/bg_navi.gif);
}

#navMenuNew100_b  ul{
	text-align:center;
	margin:0 auto;
}

#navMenuNew100_b  ul li{
	display:inline-block;
	font-size:15px;
	font-family: 'Noto Sans Japanese', sans-serif;
	border-right:1px dotted #FFFFFF
}

#navMenuNew100_b  ul li a{
	display:block;
	color:#FFF;
	padding:24px 31px 25px 39px;
	position:relative;
}

h4.model_title{
	font-size: 1.8em;
    width: 100%;
    padding-left: 2%;
}

/*ガシェット調整*/
#NTA_brand {
    margin-top: 1%;
}