@charset "utf-8";
/* CSS Document */

a:link {
	/* [disabled]color: #006699;
*/
	/* [disabled]text-decoration:underline;
*/
}
a:visited {
	/* [disabled]color: #006699;
*/
	/* [disabled]text-decoration:underline;
*/
}
a:active {
	/* [disabled]color:#FF3333;
*/
	text-decoration: none;
}
/*a:hover {
	color: #333;
	 [disabled]text-decoration: none; 
	font-weight: bold;
}*/


/*a .shohin_box :hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
}*/
/*
a:hover img {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha( opacity=70 )";
	background: #fff;
}*/
.aka {
	color: #F00;
	padding: 1px;
}
.box_1020 {
	background-color: #FFF;
	width: 1020px;
	overflow: hidden;
	text-align: center;
	margin-right: auto;
	margin-left: auto;
	/* border-radius */
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	/* box-shadow */
/*	box-shadow: rgba(113, 135, 164, 0.65098) 0px 0px 4px 1px;
	-webkit-box-shadow: rgba(113, 135, 164, 0.65098) 0px 0px 4px 1px;
	-moz-box-shadow: rgba(113, 135, 164, 0.65098) 0px 0px 4px 1px;*/
	margin-top: 30px;
}
/*ホテルラインキング設定*/
 
.mod_slidelink {
	padding: 80px 0 0 0;
	position: relative;
}
.mod_slidelink ul.slidebtn {
	position: absolute;
	top: -10px;
	left: 0px;
	width: 980px;
}
.mod_slidelink ul.slidebtn li {
	float: left;
	margin: 0 20px 0 0;
	padding: 0 0 10px 0;
	cursor: pointer;
	text-decoration: underline;
}
.mod_slidelink ul.slidebtn li img:hover {
	opacity: 0.7;
}
.mod_slidelink ul.slidebtn li.open {
	text-decoration: none;
	background: transparent url('img/bg_panelopen.gif') no-repeat bottom center;
}
.mod_slidelink_panel {
}
.mod_slidelink_panel_entry {
	display: none;/*  border:solid 4px #66CC00;*/
}
.mod_slidelink_panel_entry {
	margin: 0px 0 0 0;
}
.htl_ranking {
	width: 323px;
	float: left;
	margin: 0 5px 25px 0;
	background: #C89B34;
}
.ranking_title {
	padding: 3px 0;
	font-weight: bold;
	background: #EFCC66;
	background: #8b0000;
	color: #fff;
}
.ranking_box {
	/*	width:314px;
	float:left;*/
	margin: 5px;
	padding: 5px 0;
	border: 1px solid #CCBA6B;
	background: #fff;
}
.rank {
	padding-left: 5px;
	text-align: left;
	font-weight: bold;
}
.htl_name {
	text-align: left;
	font-weight: bold;
}
.rank span {
	padding: 2px 5px;
	background: #8b0000;
	color: #fff;
}
.rank_photo {
	width: 120px;
	margin: 5px;
	float: left;
}
.rank_photo img.rank_p01 {
	width: 120px;
}
.rank_photo img.rank_p02 {
	float: left;
	width: 58px;
	margin: 3px 4px 0 0;
}
.rank_photo img.rank_p03 {
	float: left;
	width: 58px;
	margin: 3px 0 0 0;
}
.rec_txt {
	height: 110px;
	text-align: left;
	font-size: 12px;
}
.rec_txt span {
	font-size: 10px;
	color: #D8AB44;
	font-weight: bold;
}
.star {
	color: #D8AB44;/*
	display:inline-block;
	margin:5px auto 0;
	padding:5px;
	font-weight:bold;
	border:1px solid #ccc;
*/
}
.star span {
	color: #D8AB44;
}
/*商品ボックス設定*/

.shohin_box {
	float:left;
	width:33.33%;
	height: 520px;
	background-color: #FFF;
	/*margin-left: 10px;*/

	padding:20px 10px 20px 10px;
	/*	float: right;*/
	/* border-radius */
	border-radius: 6px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	/* box-shadow */
	border:solid 1px #CCCCCC;
}
.shohin_box .pic img {
	width: 100%;
}
.shohin_box a {
	display: block;
	height: 100%;
	width: 100%;
	text-decoration: none;
}
.shohin_box a:hover {
	opacity: 0.6;
	filter: alpha(opacity=60);
	-ms-filter: "alpha( opacity=70 )";
	/*	
	-webkit-transform: scale(1.05);
	-moz-transform: scale(1.05);
	-o-transform: scale(1.05);
	-ms-transform: scale(1.05);
	transform: scale(1.05);*/
	
	transition: all 0.5s ease;
}
/*ボックス頭方面部分*/
.shohin_head {
	background-color: #333;
	/* border-radius */
	border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	font-weight: bold;
	color: #FFF;
	text-align: left;
	text-indent: 10px;
	vertical-align: middle;
	font-size: 20px;
	padding-top: 2px;
}
.myj_head {
	background-color: #6D1B4F;
}
.tak_head {
	background-color: #003366;
}
/*商品タイトル*/
.shohin_ttl {
	font-size:1.43rem;
	padding:5px 0px 5px 0px;
	font-weight: bold;
	color: #000;
	margin-top: 4px;
	line-height:1.2em;
}
/*.sho {
	font-size: 1.1em!important;
}*/
.sub {
	font-size: 0.9em!important;
}
.shohin_box .shohin_ttl a {
	text-decoration: none!important;
}
/*商品価格*/
.shohin_price {
	font-size: 24px;
	color: #F00;
	width: 96%;
	margin-bottom:20px;
	height: 30px;
}
.shohin_discount {
	font-size: 14px;
	color: #F00;
	width: 96%;
	height: 20px;
}

.shohin_box .shohin_info {
	font-size:18px;
	color: #333;
	padding:5px 0px 5px 0px;
	font-weight: normal;
	/*line-height:100%;*/
}
/*こだわりここから*/
.pt_benri {
	font-size:14px;
	padding:5px 0px 0px 0px; 
}
.pt_ekichika {
	font-size: small;
	font-weight: bold;
	background-color: #CF3;
	color: #000;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.pt_view {
	font-size: small;
	font-weight: bold;
	background-color: #A8F0F9;
	color: #000;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.pt_kodawari {
	font-size: small;
	font-weight: bold;
	background-color: #B0B0FF;
	color: #000;
	padding-top: 2px;
	padding-right: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
/*こだわりここまで*/



 .pic {
	position: relative;
	display: block;
}

 .hatsu {
	position: absolute;
	padding: 4px;
	left: 0px;
	top: 0px;
	background-color: #2D29A8;
}

	
.shohin_btn {
	/* [disabled]display: inline-block;
*/
	margin-top:50px;
	margin-bottom:50px;
	font-size: 30px;
	width: 80%;
	padding: 10px;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	border: 1px #000000 solid;
	display: inline-block;
	transition: .4s;
	color: #FFFFFF;
	background-color: #0057B8;
}

.shohin_btn:hover {
	background-color: #CCC;
	color: #FFFFFF;
}


/*もっと方面見るボタン*/
.motto_btn a{
	text-decoration: none;
}
.motto_btn{
	display: inline-block;
	padding: 5px 10px;
	background-color: #CCC;
	color: #fff;
	border: 1px solid #69c;
	text-decoration: none;
	font-size: 13px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.motto_btn:hover{
	background-color: #E1E1E1;
	-webkit-box-shadow: inset 0px 0px 3px #fff;
	-moz-box-shadow: inset 0px 0px 3px #fff;
	box-shadow: inset 0px 0px 3px #fff;
}
.motto_btn:active{
	padding-top: 6px;
	padding-bottom: 4px;
	border: 1px solid #334c66;
	background-color: #CCC;
	color: #e0ebf5;
	-webkit-box-shadow: inset 0px 0px 8px #999;
	-moz-box-shadow: inset 0px 0px 2px #999;
	box-shadow: inset 0px 0px 2px #999;
}
/*もっと方面見るボタンここまで*/
.online_yoyaku {
	width: 90%;
	margin-top: -10px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
	vertical-align: middle;
}
.online_yoyaku dl {
	/* display:-webkit-box;*//*--- Androidブラウザ用 ---*/
	display: -ms-flexbox;/*--- IE10 ---*/
	display: -webkit-flex;/*--- safari（PC）用 ---*/
	display: flex;
}
.online_yoyaku dt {
	vertical-align: middle;
}
.online_yoyaku dl .shohin_btn {
	width: 30%;
	color: #600;
	margin-top: 0px;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-right: 10px;
	background-color: #FC0;
}
.online_yoyaku dl .shohin_btn:hover {
	background-color: #F90;
}
.online_yoyaku dl .shohin_btn a {
	color: #600;
}
.online_yoyaku dl .shohin_btn a:hover {
	color: #fff;
}
.portal_ttl {
	/* border-radius */
	border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px 6px 0px 0px;
	-moz-border-radius: 6px 6px 0px 0px;
	font-weight: normal;
	color: #FFF;
	text-align: center;
	vertical-align: middle;
	font-size: 1.4em;
	padding-top: 5px;
	padding-bottom: 5px;
}
.tour_anka {
	/* [disabled]text-align: center;
*/
	width: 980px;
	overflow: hidden;
	margin-top: 10px;
	margin-bottom: 10px;
}
.tour_anka ul {
	margin-right: auto;
	margin-left: auto;
	width: 100%;
	text-align: center;
}
.tour_anka li {
	display: inline-block;
}








.hij {
	/*background-color: #C00;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ef818e+0,cc0000+100 */
	background: rgb(239,129,142); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(239,129,142) 0%, rgb(204,0,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(239,129,142) 0%, rgb(204,0,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(239,129,142) 0%, rgb(204,0,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ef818e', endColorstr='#cc0000', GradientType=0 ); /* IE6-9 */
}
.okj {
	/*background-color: #360;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#70af5f+0,336600+100 */
	background: rgb(112,175,95); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(112,175,95) 0%, rgb(51,102,0) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(112,175,95) 0%, rgb(51,102,0) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(112,175,95) 0%, rgb(51,102,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#70af5f', endColorstr='#336600', GradientType=0 ); /* IE6-9 */
}
.shikoku {
	/*background-color: #06C;*/
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,0066cc+100 */
	background: rgb(125,185,232); /* Old browsers */
	background: -moz-linear-gradient(top, rgb(125,185,232) 0%, rgb(0,102,204) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgb(125,185,232) 0%, rgb(0,102,204) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgb(125,185,232) 0%, rgb(0,102,204) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7db9e8', endColorstr='#0066cc', GradientType=0 ); /* IE6-9 */
}
.textArea01.mt20 ul {
	font-weight: bold;
	color: #F00;
	border: 1px dotted #FF3F00;
	line-height: 120%;
	font-weight: bold;
	padding-top: 12px;
	padding-right: 4px;
	padding-bottom: 4px;
	padding-left: 4px;
}
.textArea01.mt20 ul li{
	margin-bottom: 4px;
	margin-left: 20px;
	
	}


/*	 word-wrap:break-word;
    overflow-wrap:break-word;*/
}


#l-4clmn .shohin_box a .pt_benri {

	font-weight: normal;
}




/*chu_tabから－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－－---------------------------------------------*/

.tab_area{
    overflow:hidden;
    display:table;
    margin:0;
    }
     
.tab_area li{
	/*Tab邵ｺ�ｮ髯ｬ�ｽ�｣�ｾ*/
	/*width: 139px;*/
	height: 49px;
	text-align: center;
	cursor: pointer;
	vertical-align: middle;
	display: table-cell;
	color: #333333;
	background-color: #ffffff;
	font-size: 1.2em;
	font-weight: 700;
	border-right-width: 1px;
	border-right-style: dotted;
	border-right-color: #909090;
	padding-top: 5px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 25px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #909090;
	width: 160px;
	}
     
     
.all_area {
	background: #efefef;
	padding: 10px;
	overflow: hidden;
	margin-top: 20px;
    }
     
.all_area div.content_area{
	/*Tab邵ｺ�ｮ陷€�ｽ�ｮ�ｹ郢ｧ螳夲ｽ｡�ｨ驕会ｽｺ邵ｺ蜷ｶ�狗ｹｧ�ｨ郢晢ｽｪ郢ｧ�｢邵ｺ�ｮ髯ｬ�ｽ�｣�ｾ*/
	background: #ffffff;
/*	border-top: 1px dotted #bbbbbb;*/
	padding-top: 40px;
	padding-bottom: 10px;
	padding-left: 10px;
	padding-right: 10px;
    }
 
	
.tab_area li.select{
	/*background-color: #FFCC00;*/
	border-bottom-style: none!important;
	background-image: none;
	color: #333333;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #953716;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#fdda0f+29,ffffff+100 */
	background: rgb(254, 198, 0); /* Old browsers */
	background: -moz-linear-gradient(top,  rgb(253,218,15) 29%, rgb(255,255,255) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top,  rgb(254, 198, 0) 29%,rgb(255,255,255) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom,  rgb(252, 202, 25) 29%,rgb(255,255,255) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fdda0f', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */
	font-size: 1.4em!important;
	}
     
.hide{display:none;}

.hayawari {
	font-weight: bold;
	color: #FFF;
	background-color: #F00;
	display: inline;
	padding-top: 1px;
	padding-right: 6px;
	padding-bottom: 1px;
	padding-left: 6px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;
}

/*鬯･蜻趣ｽｸ�ｯ郢ｧ�ｫ郢ｧ�ｿ郢晢ｽｭ郢ｧ�ｰ郢晄㈱縺｡郢晢ｽｳ髴托ｽｽ陷会ｿｽ*/
.ichiran a{
	background-color: #CDFF4C!important;
	margin-top: 10px;
	width: 80%;
	margin-bottom: -15px;
	display: block;
	margin-right: auto;
	margin-left: auto;
	padding-top: 4px;
	padding-right: 2px;
	padding-bottom: 3px;
	padding-left: 2px;
	-webkit-border-radius: 100px;
	-moz-border-radius: 100px;
	border-radius: 100px;	
	
}
.ichiran a:hover{
	background-color: #FF0!important;
	color: #039;
}

.shokuji{
	font-size: 10px;
	border:1px dotted #FF4700;
	border-top:none;
	padding: 5px;
	margin-bottom: 5px;
	font-weight: bold;
}
.point{
	background-color: #FF4700;padding: 3px; font-size: 14px; color: #FFFFFF; font-weight: bold; margin-top: 5px;
}