@charset "shift_JIS";

/* --------------------------------------------------*/
/* common */
/* --------------------------------------------------*/
body {}
h1,h2,div,img,p,a,ul, li {margin: 0;padding:0;}
h1{font-size:15px;}
a{text-decoration:none;valign:top;}
ul{list-style:none;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	height: 0;
	visibility: hidden;
}
.clearfix {
	min-height: 1px;
}

.mt10{margin-top:10px;}
.mt15{margin-top:15px;}
.mt30{margin-top:30px;}

.mb3{margin-bottom:3px;}
.mb10{margin-bottom:10px;}

.text_l{text-align:left;}
.text_c{text-align:center;}
.text_r{text-align:right;}

.w100{width:100%;}
.w90{width:90%;}
.w50{width:50%;}

.openmenu {
	height:150px !important;
	overflow:hidden;
}
.openmenu_hide {
	height:0px !important;
	overflow:hidden;
}


/* --------------------------------------------------*/
/* button */
/* --------------------------------------------------*/
.button_gray, .button_noclick {
	background: -moz-linear-gradient(center top, #919191 20%,#5A5A5A 65%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #666666), color-stop(0.51, #5A5A5A), color-stop(0.50, #787878), color-stop(0.01, #919191));
	-webkit-box-shadow: inset 1px 1px 1px #919191, inset -1px -1px 1px #666666;
}
.button_pink {
	background: -moz-linear-gradient(center top, #ff418d 20%,#ffa6d3 65%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #ff418d), color-stop(0.51, #ff0066), color-stop(0.50, #ff418d), color-stop(0.00, #ffa6d3));
	-webkit-box-shadow: inset 1px 1px 1px #ffa6d3, inset -1px -1px 1px #ff0066;
}
.button_yellow{
	background: -moz-linear-gradient(center top, #FFDF80 20%,#FE7D03 65%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #FE7D03), color-stop(0.51, #FFA500), color-stop(0.50, #FFBD33), color-stop(0.00, #FFDF80));
	-webkit-box-shadow: inset 1px 1px 1px #FFDF80, inset -1px -1px 1px #FFA500;
}
.button_blue{
	background: -moz-linear-gradient(center top, #b9b9ec 20%,#4a4aca 65%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #4a4aca), color-stop(0.51, #3939BF), color-stop(0.50, #5959CE), color-stop(0.00, #8a8add));
	-webkit-box-shadow: inset 1px 1px 1px #8a8add, inset -1px -1px 1px #3939BF;
}
.button_yellow_high{
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fd6e21), color-stop(0.51, #ea5506), color-stop(0.50, #f17431), color-stop(0.00, #feceb4));
	-webkit-box-shadow: inset 1px 1px 1px #ffdfc8, inset -1px -1px 1px #ea5506;
	background: -moz-linear-gradient(center top, #feceb4 20%,#ea5506 65%);
}
[class^="button_"]{
	display: inline-block;
	width: 90%;
	text-align: center;
	font-size:13px;
	font-weight: bold;
	color: #ffffff;
	text-shadow: 0px -1px 1px #777777;
	border: 1px solid #505050;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	padding: 15px 0 14px 0;
	margin: 5px 5%;
}
.button_noclick {
	color: #999999;
}

/* --------------------------------------------------*/
/* #header */
/* --------------------------------------------------*/
header#sp{
	background-color:#eee;
	border-bottom: 1px solid #000;
	width:100%;
	height: 50px;
	margin:0;
	padding:0;
	z-index:99;
}
header#sp > .left{
	float:left;
	padding:4px 0 2px 4px;
	height: 46px;
	width:60%;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
header#sp  > .left a{
	margin:0;
	padding:0;
}
header#sp > .left a img{
	width: 140px !important;
	text-align:center;
}
header#sp > .right{
	float:right;
	padding:4px 0 2px 4px;
	height: 46px;
	width:38%;
	text-align:center;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
header#sp > .right img{
	border:1px solid #ccc;
}
header#sp > .right #menu_button{
	width:90px;
	background-color:rgba(255 , 255 , 255 ,0.6);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}
.right_menu_top{
	display:block;
	width:100%;
	min-height:30px;
	margin:0;
	padding:0;
}
.right_menu_btm{
	display:block;
	width:100%;
	min-height:30px;
}
.right_menu_top img.right_menu_images{
	margin:0;
	padding:0;
	width:100%;
	line-height:0;
}
.right_menu_top div.image_btm{
	margin:0;
	padding:0 20px;
	background-color:#fff;
}
.right_menu_top .title_head{
	display:block;
	float:left;
	width:70%;
	font-size:25px;
	text-align:left;
}
.right_menu_top .close{
	display:block;
	float:right;
	width:20%;
	text-align:right;
}
.right_menu_top .close img{
	width:36px;
}
.right_menu_body{
	background-color:#fff;
	padding:0px;
	margin:0;
}


/* --------------------------------------------------*/
/* #menu */
/* --------------------------------------------------*/
#header_menu_sp{
	background: none repeat 0 rgba(100, 100, 100, 0.6);
	padding: 10px 0 15px 0;
	position: absolute;
	width: 100%;
	z-index: 20;
}
body.menuopen{
	display:block;
	background: none repeat 0 rgba(0, 0, 0, 0.8) !important;
	z-index:10;
	width: 100%;
	height:200px;
}

#menu_close{
	background-color:#333;
	margin:10px auto 0 auto;
	color:#fff;
	padding:10px;
	text-align:center;
	width:30%;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
}

/* --------------------------------------------------*/
/* #accordion */
/* --------------------------------------------------*/
#accordion_sp{}
table.right_menu_table{
	width:92%;
	margin:0 auto ;
	padding:0;
	border:none;
}
table.right_menu_table td{
	margin:10px;
	text-align: center;
	margin: 5px 5%;
}
table.right_menu_table td img{
	width:100%;
}
table.right_menu_table td a{
	display:block;
	width:#100%;
}
div#accordion_sp{
	color:#333333;
	width:92%;
	margin:0 auto;
}
.ac_title{
	margin: 8px;
}
.ac_title div, .ac_title li{
	font-size:15px;
	border:1px solid #999;
}
.ac_title div{
	background-color:#626262;
	color:#fff;
	border-radius: 5px;
	position: relative;
	padding: 0.5em 15px 0.5em 40px;
}
.ac_title div.open{
	border-radius: 0;
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
}
.ac_title div span.arr{
	background: url("/img/sp/icons-18-white.png") no-repeat scroll -216px 50% rgba(0, 0, 0, 0.4);
	border-radius: 9px 9px 9px 9px;
	height: 18px;
	left: 10px;
	margin-top: -9px;
	position: absolute;
	top: 50%;
	width: 18px;
}
.ac_title div.open span.arr{
	background-position: -180px 50%;
}
.ac_title li{
	background-color:#e4e4e5;
}
.ac_title li:last-child{
	border-bottom-left-radius: 5px;
	border-bottom-right-radius: 5px;
}
.ac_title li a{
	display:block;
	color:#3d3739;
	padding: 0.7em 40px 0.7em 15px;
	position: relative;
}
.ac_title li a span.arr{
	background: url("/img/sp/icons-18-white.png") no-repeat scroll -108px 50% rgba(0, 0, 0, 0.4);
	border-radius: 9px 9px 9px 9px;
	height: 18px;
	margin-top: -9px;
	position: absolute;
	right: 10px;
	top: 50%;
	width: 18px;
}
/* --------------------------------------------------*/
/* #footer */
/* --------------------------------------------------*/
.top_back{
	margin:20px auto;
	text-align:center;
}
.top_back img{
	width:70%;
}
#footer{
	color:#fff;
	padding:5px ;
	background-color:#060f5a;
}
#top #footer{
	background-color:#060f5a;
}
#hitokara #footer{
	background-color:#de0816;
}


/* --------------------------------------------------*/
/* menulist  */
/* --------------------------------------------------*/
ul#menulist{
	margin-bottom:10px;
	padding:0;
	list-style:none;
}
ul#menulist li{
	line-height:45px;
	height:45px;
	background-color:#666;
	border-bottom:1px solid #ccc;
}
ul#menulist li a{
	display:block;
	padding-left:15px;
	color:#fff;
}

/* --------------------------------------------------*/
/* ktsearch  */
/* --------------------------------------------------*/
#ktsearch {
	width: 90%;
	margin:0 auto;
	padding:0;
	border:2px #FFB200 solid;
}
#ktsearch img {
	width: 100%;
	margin:0;
	padding:0;
}
#ktsearch .frame-middle {
	width: 100%;
	font-size: 16px;
	box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
}
#ktsearch .frame-text {
	margin-left: 5px;
	padding-bottom: 5px;
}
#ktsearch .jp_search {
	color: #333333;
	margin: 0 auto;
	padding-bottom: 2px;
	padding-top: 2px;
	text-align: center;
}
#ktsearch .jp_search select, .jp_search input {
	font-size: 14px;
	overflow: visible;
	padding: 1px;
	vertical-align: middle;
	margin:0;
}
#ktsearch .jp_search input[type="text"]{
	width:75px;
}

/* --------------------------------------------------*/
/* #twitter  */
/* --------------------------------------------------*/
#top #twitter{
	margin:20px auto;
	text-align:center;
}

/* --------------------------------------------------*/
/* .top_banner  */
/* --------------------------------------------------*/
#top .top_banner{
	width:100%;
	text-align:center;
	margin-bottom:10px;
}
#top .top_banner img{
	width:45%;
}

/* --------------------------------------------------*/
/* watch  */
/* --------------------------------------------------*/
#top .watch{
	width:90%;
	background-color:#ccc;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
	-ms-border-radius: 4px;
	border-radius: 4px;
	margin:10px auto 20px auto;
	padding:0 10px 10px 10px;
}
#top .watch p{
	text-align:center;
	padding:5px 10px 0 10px;
	font-weight:bold;
	font-size:16px;
	margin:0;
}
#top .watch a{
	margin-right:10px;
	font-size:16px;
}

/* --------------------------------------------------*/
/* news  */
/* --------------------------------------------------*/
#top .news{
	border:1px solid #ccc;
	margin:10px 1%;
	padding:0;
}
#top .news .title{
	background-color:#ccc;
	padding:5px 5px 5px 10px;
	margin:0;
}
#top .news .title .text{
	float:left;
	width:30%;
}
#top .news .title a{
	text-align:right;
	width:60%;
	float:right;
}
#top .news div,.news p{
	margin:0;
	padding:0;
}
#top .news .day{
	margin:1px;
	padding-left:2px;
	border-left:3px solid #ddd;
	line-height:20px;
}
#top .news .content{
	line-height:20px;
	margin:2px;
}
#top .news a{
	color:#060f5a;
}


/* --------------------------------------------------*/
/* h1  */
/* --------------------------------------------------*/
#hitokara h1 img{
	width:100%;
}
#newscore h1{
	padding:5px;
	background-color:#f90;
}

/* --------------------------------------------------*/
/* bnr  */
/* --------------------------------------------------*/
#hitokara .bnr{
	width:90%;
	margin:10px auto 0 auto;
}
#hitokara .bnr img{
	width:100%;
}

/* --------------------------------------------------*/
/* point  */
/* --------------------------------------------------*/
#hitokara .point .title{
	background-color:#ccc;
	padding:5px;
	margin-top:10px;
	color:#f00;
	font-size:18px;
	font-weight:bold;
	text-shadow: 0px 2px 1px #777777;
}
#hitokara .point .point_comment{
	margin:10px 2%;
}
#hitokara .point .point_img{
	margin-left:2%;
}
#hitokara .point .point_img img{
	float:left;
	margin-right:2%;
	width:48%;
}

/* --------------------------------------------------*/
/* facilities  */
/* --------------------------------------------------*/
#hitokara .facilities .title{
	background-color:#ccc;
	padding:5px;
	margin-top:10px;
	color:#f00;
	font-size:18px;
	font-weight:bold;
	text-shadow: 0px 2px 1px #777777;
}
#hitokara .facilities .facilities_comment{
	margin:10px 2%;
}
#hitokara .facilities .facilities_img img{
	width:100%;
}

/* --------------------------------------------------*/
/* map  */
/* --------------------------------------------------*/
#hitokara .map .title{
	background-color:#ccc;
	padding:5px;
	margin-top:10px;
	color:#f00;
	font-size:18px;
	font-weight:bold;
	text-shadow: 0px 2px 1px #777777;
}

/* --------------------------------------------------*/
/* tenpo  */
/* --------------------------------------------------*/
#hitokara .tenpo .title{
	background-color:#ccc;
	padding:5px;
	margin-top:10px;
	color:#f00;
	font-size:18px;
	font-weight:bold;
	text-shadow: 0px 2px 1px #777777;
}
#hitokara .tenpo .tenpo_comment{
	margin:10px 2%;
}
#hitokara .tenpo .tenpo_link{
	margin:10px 0;
	text-align:center;
}
#hitokara .tenpo .tenpo_link img{
	width:80%;
}

/* --------------------------------------------------*/
/* price  */
/* --------------------------------------------------*/
#hitokara .price img{
	width:100%;
}
#hitokara .price .title{
	background-color:#ccc;
	padding:5px;
	margin-top:10px;
	color:#f00;
	font-size:18px;
	font-weight:bold;
	text-shadow: 0px 2px 1px #777777;
}
#hitokara .price table.price_table{
	margin:5px 2%;
	width:96%;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-collapse:collapse;
	text-align:center;
}
#hitokara .price table.price_table th,
#hitokara .price table.price_table td{
	border-right:1px solid #ccc;
	border-bottom:1px solid #ccc;
}
#hitokara .price table.price_table th{
	background-color:#ccc;
}

/* --------------------------------------------------*/
/* newscore  */
/* --------------------------------------------------*/
#newscore .comment{
	margin:0 5px;
}
#newscore .tabscroll_out{
	width:90%;
	margin:0 5%;
}
#tabscroll{
	font-size:1.2em;
	height:120px;
	border:1px #333333 solid;
	overflow:auto;
	width:90%;
	margin:0 5%;
}
#newscore .scorelist{
	margin:0;
}
#newscore .scorelist tr.title{
	background-color:#FF9900;
}
#newscore .scorelist th{
	background-color:#FFFFCC;
}

/* --------------------------------------------------*/
/* #off */
/* --------------------------------------------------*/
#off{
}
#off .title{
	width:100%;
	background-color:#ccc;
	font-size:20px;
}
#off .bnr img{
	width:100%;
}
#off .answer .main{
	font-weight:bold;
	color:#f00;
	margin-top:15px;
}
#off .answer .main:first-child{
	margin-top:5px;
}
#off .answer .sub{
	margin:0;
	padding:0;
}
#off .flow{
	text-align:center;
	width:100%;
}
#off .flow img{
	width:100%;
	margin-top:10px;
}
#off .flow img.down{
	width:30px;
}

/* ---------------------------------------------------------------------------------------------------- */
/* jQuery mySwipe  */
/* ---------------------------------------------------------------------------------------------------- */
#mySwipearea{
	margin-bottom:10px;
}
#mySwipearea #mySwipe {
	overflow: hidden;
	position: relative;
	margin:0 auto;
}
#mySwipearea #mySwipe .swipe-wrap {
	overflow: hidden;
	position: relative;
}
#mySwipearea #mySwipe .swipe-wrap > div {
	float:left;
	width:100%;
	position: relative;
}
#mySwipearea #mySwipe .swipe-wrap > div img {
	width:100%;
}
#mySwipearea nav #position{
	text-align:center;
	list-style:none;
	margin:0;
	padding:0;
}
#mySwipearea nav #position li{
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:10px;
	background:#141414;
	box-shadow:inset 0 1px 3px black,0 0 1px 1px #202020;margin:0 2px;
}
#mySwipearea nav #position li.on{
	box-shadow:inset 0 1px 3px -1px #28b4ea,0 1px 2px rgba(0,0,0,.5);
	background-color:#1293dc;
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#1293dc),color-stop(100%,#0f6297));
	background-image:-webkit-linear-gradient(top,#1293dc,#0f6297);background-image:-moz-linear-gradient(top,#1293dc,#0f6297);
	background-image:-ms-linear-gradient(top,#1293dc,#0f6297);background-image:-o-linear-gradient(top,#1293dc,#0f6297);
	background-image:linear-gradient(top,#1293dc,#0f6297);
}
#mySwipearea2 #mySwipe2 {
	width:80%;
	float:left;
	height:90px;
	overflow: hidden;
	visibility: hidden;
	position: relative;
	margin:0 auto;
}
#mySwipearea2 #mySwipe2 .swipe-wrap {
	overflow: hidden;
	position: relative;
}
#mySwipearea2 #mySwipe2 .swipe-wrap > div {
	float:left;
	width:100%;
	position: relative;
}
#mySwipearea2 .prev{
	width:9%;
	display:block;
	float:left;
	height:90px;
}
#mySwipearea2 .next{
	width:9%;
	display:block;
	float:right;
	height:90px;
}
#mySwipearea2 .prev img,
#mySwipearea2 .next img{
	width:100%;
	height:100%;
	margin:auto 0;
}
#mySwipearea2 .prev img{
}
#mySwipearea2 .next img{
}
#mySwipearea2 nav #position2{
	text-align:center;
	list-style:none;
	margin:0;
	padding:0;
}
#mySwipearea2 nav #position2 li{
	display:inline-block;
	width:10px;
	height:10px;
	border-radius:10px;
	background:#141414;
	box-shadow:inset 0 1px 3px black,0 0 1px 1px #202020;
	margin:0 2px;
}
#mySwipearea2 nav #position2 li.on{
	box-shadow:inset 0 1px 3px -1px #FF65E4,0 1px 2px rgba(0,0,0,.5);
	background-color:#FF65E4;
	background-image:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#FF65E4),color-stop(100%,#FF19D8));
	background-image:-webkit-linear-gradient(top,#FF65E4,#FF19D8);background-image:-moz-linear-gradient(top,#FF65E4,#FF19D8);
	background-image:-ms-linear-gradient(top,#FF65E4,#FF19D8);background-image:-o-linear-gradient(top,#FF65E4,#FF19D8);
	background-image:linear-gradient(top,#FF65E4,#FF19D8);
}