/*
Theme Name: sekinoyu
Description: sekinoyu theme.
Author: mt
Version: 1.0
*/

@charset "utf-8";
@import url('css/reset.css');

/*--------------------PC用CSS--------------------*/


body{
	background-image: url("img/wallpaper.jpg");
	font-family: KaiTi, "ヒラギノ明朝 ProN W3", "游明朝", YuMincho, "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "ＭＳ 明朝","MS Mincho", serif;
}
/*--------------warap--------------*/
#wrap{
	position: relative;
}

/*--------------スライド--------------*/
#slide{
	position: relative;
	margin-left: auto;
	margin-right: auto;
	max-width: 1400px;
}

#slide ul.slides li img{
	width: 100% !important;
	height: auto !important;
	max-width: 1400px !important;
	max-height: 680px !important;
}

#slide #sub_slide img{
	width: 100%;
	max-width: 1400px;
	max-height: 572px;
}

#slide #sub_slide{
	overflow: hidden;
}

#slide_connection{
	position: absolute;
	bottom: 0;
	width: 100%;
}

#slide_connection img{
	width: 100%;
	max-height: 298px;
	vertical-align: bottom;
}

.caption{
	position: relative;
	float: right;
	margin-top: -40%;
	margin-right: 10%;
	height: 0px;
	font-size: 30px;
    color: #000;
    font-weight: bold;
    text-shadow: 1px 1px #fff,
    -1px 1px #fff,
    1px -1px #fff,
    -1px -1px #fff;
}

.slide_text{
	position: relative;
	float: right;
	margin-top: -40%;
	margin-right: 10%;
	height: 0px;
	font-size: 30px;
    color: #000;
    font-weight: bold;
    text-shadow: 1px 1px #fff,
    -1px 1px #fff,
    1px -1px #fff,
    -1px -1px #fff;
}

body#sub_page .slide_text{

	float: left;
	margin-top: -28%;
	margin-left: 15%;
	font-size: 36px;
	color: #fff;
    text-shadow: 1px 1px 5px #333,
    -1px 1px 5px #333,
    1px -1px 5px #333,
    -1px -1px 5px #333;
}

body#sub_page .slide_text span{
	font-size: 24px;
}

/*--------------ヘッダー--------------*/
#header{
	position: absolute;
	top: 0;
	height: 60px;
	width: 100%;
	z-index: 999;
	background-color:rgba(255,255,255,0.6);
	
	box-shadow: 0 2px 2px 2px #5b92bf;
}

#header_area{
	width: 100%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

/*----------ヘッダー左側----------*/
#header_logo{
	float: left;
	margin-top: 4px;
}
/*----------ヘッダー右側----------*/
#header_text{
	float: right;
	margin-top: 6px;
}


/*--------------サブページヘッダー--------------*/
/*
body#sub_page #header{
		background-color:rgb(255,255,255);
		height: auto;

}
*/

/*--------------サブページヘッダーメニュー--------------*/

#mainmenu_area{
margin-top: 60px;
background-color: #f0f8ff;
width: 100%;
}

#mainmenu_list{
	width: 1000px;
	margin-left: auto;
	margin-right: auto;
}

#mainmenu_list li{
	float: left;
}

#mainmenu_list li img{
	width: 200px;
	vertical-align: bottom;
}


/*--------------メインコンテンツ--------------*/
/*----------全体----------*/
#main{
	position: relative;
	background-image: url("img/contents_BG.jpg");
	width: 100%;
	max-width: 1000px;
	height: 100%;
	margin-top: -200px;
	margin-left: auto;
	margin-right: auto;
	box-shadow:10px 5px 10px 0px rgba(0,0,0,0.6);
	overflow: hidden;
	padding-bottom: 20px;
}
body#sub_page #p404{
	padding-top: 60px;
}

body#sub_page #p404 #main{
	margin-top: 0px;

}

#contents{

	padding-top: 30px;
	padding-left: 15px;

}

body#sub_page #main{
	padding-bottom: 60px;
}
div.sp_title{
	clear: both;
	float: none;
}

div.sp_title h3{
	height: 40px;
	display: block;
	background-image: url("img/title_BG.jpg");
	background-repeat: no-repeat;
	background-size: 100% 40px;
	background-position: top left;
	padding:0px 15px;
	color: #00003a;
	font-weight: bold;
	line-height: 40px;
	font-size: 24px;
	border:solid 1px #aaaaaa;
}

div.sp_title h4{
	height: 30px;
	display: block;
	background-color:rgba(136,128,128,0.2);
	background-size: 100% 28px;
	padding:0px 10px;
	color: #00003a;
	font-weight: bold;
	line-height: 30px;
	font-size: 20px;
	margin: 5px;
	border-bottom: dashed 1px #00003a;
	border-left:solid 3px #00003a;

}

div.pmain{
	margin-left: 30px;
	margin-top: 10px;
	margin-bottom: 10px;
	line-height: 1.5em;
}

div.pmain ul li{
	font-size: 90%;
}

div.pmain ol{
	margin-left: 15px;
}

div.text_adjust{
	margin-left: 15px;
	margin-top: 5px;
	margin-bottom: 5px;
	line-height: 1.5em;
}
td div.text_adjust{
	font-size: 90%;
}

span.c_red{
	color: #aa0000 !important;
}

span.c_blue{
	color: #00003a !important;
}
/*----------サブ全体----------*/

body#sub_page #main{
	margin-top: -200px;
}

body#sub_page #contents{
	padding-top: 30px;
}

body#sub_page #contents #sub_content_area p{
	margin:10px 5px;
	line-height: 1.1em;
}

body#sub_page #contents #sub_content_area .pmain p{
	margin: 5px 0px;
}

#sub_left_area{
	float: left;
	max-width: 740px;
	width: 100%;
}
.sub_content_element{
	margin:10px 0px;
	padding: 10px 0px;
	overflow: hidden;

}
.SCE_pic img{
	vertical-align: bottom;
}

#accom .SCE_pic img{
	margin-top: 35px;
}

.SCE_title{
	margin: 10px;
	width: auto;

}

.SCE_title div{
	background-image: url("img/subpage/sub_title_bg.png");
	background-size: 100% auto;
	max-width: 301px;
	width: 100%;
	display: block;
	text-align: center;
	line-height: 21px;
	font-size: 120%;
	font-weight: bold;
	height: 42px;
	color: #00003a;

}

.SCE_text{
	margin: 10px 5px;
	width: 42%;

}

.sub_content_element .SCE_text li{
	margin: 5px 0px 5px 15px;
	font-size: 90%;
}


body#sub_page #contents #sub_content_area .SCE_text p{
	font-size: 110%;
	margin: 5px 0px;
	font-weight: border;
}

.SCE_sub_title{
	width: auto;
	display: block;
	margin: 8px 0px 5px;
	color: #00003a;
	font-size: 110%;
	font-weight: bold;
	text-align: center;
}

.SCE_text_BG{
	background-color:rgba(136,128,128,0.2);
	padding: 3px 3px 5px;
	margin-top: 5px;
}

.SCE_left{
	float: left;
}

.SCE_right{
	float: right;
}

.spbr{
	display: none;
}



body#sub_page table{
	width: 98%;
	margin:15px auto;
	border-collapse: collapse;
	table-layout: fixed;

}
body#sub_page table tr.sp_tr th{
	background-color: rgba(0,0,59,0.2);
	color: #555555;
	font-size: 90%;
}

body#sub_page table th{
	background-color:rgba(136,128,128,0.2);
	padding: 10px;
	width: 30%;
	vertical-align: middle;
	border: 1px solid #aaaaaa;
	color: #00003a;
}

body#sub_page table td{
	width: auto;
	padding: 10px;
	vertical-align: middle;
	border: 1px solid #aaaaaa;
	font-size: 90%;
}

body#sub_page table th.narrow{
	width: 40px;
}

.text_right{
	clear: both;
	text-align: right;
	padding: 5px 0px;
}
.text_center{
	text-align: center;
	padding: 5px 0px;
}

hr{
	width: 95%;
	margin: 5px auto;
}
/*----------サブ個別----------*/
/*--------宿泊------*/
div#taira_view{
	width: 640px;
	margin: 0px auto;
}
div#taira_view img.SCE_right{
	margin-right: 100px;
}
div#taira_view div[class="SCE_text SCE_left"]{
	margin-left: 50px;
	margin-top: 10px;
	font-size: 90%;
}

div.hotel_title{
	color: #00003a;
	font-size: 110%;
	font-weight: bold;
}

div.hotel_title span{
	font-size: 120%;
}

/*-------アクセス-------*/
table.access{
	font-size: 110%;
}

/*--------クーポン------*/
#coupon_text input[type="button"]{
	margin: 10px 2px;
	padding: 5px 15px;
	font-size: 1.1em;
}

/*--------問い合わせ------*/
div.wpcf7 td input{
	width: 98%;
}

div.wpcf7 td textarea{
	width: 98%;
}

/*--------アクセス------*/
.gmap {
position: relative;
padding-bottom: 60%;
margin-top: 10px;
height: 0;
overflow: hidden;
}

.gmap iframe,
.gmap object,
.gmap embed {
position: absolute;
top: 0;
left: 0;
margin-left: 1%;
margin-right: 1%;
width: 98%;
height: 100%;
}

/*--------周辺観光------*/
#main_map{
	float: left;
	margin-left: 2%;

}
#main_map img{
	width: 100%;
	height: auto;
	max-width: 390px;

}

.sightsee_block{
	margin-bottom: 10px;
	float: left;
	width: 250px;
	padding-bottom: -10px;
	margin-left: 5%;
}

.sightsee_block img{
	width: auto;
	max-width: 166px;
	margin: -5px auto 5px; 
	display: block;
}

.sightsee_block p{
	text-align: center;
	font-size: 90%;
}
.iwaki_sightsee{
	display: block;
	float: left;
}


.iwaki_sightsee .sightsee_block{
	display: inline-block;
	margin-top: 10px;
	width: 170px;
	margin-left: 10px;
}


/*----------サブ画像部分----------*/
body#sub_page #contents #sub_content_area img.linkpdf,
body#sub_page #contents #sub_content_area a img.aligncenter{
	display: block;
	width: auto;
	height: auto;
	max-width: 100%;
	border: 1px solid #aaaaaa;
	margin: 5px auto;
}
body#sub_page #contents #sub_content_area img.no_border{
	border: none;
}

#sub_image_area{

}

#sub_image_area img.pic{
	vertical-align: bottom;
	margin:0px auto 25px auto;
	display: block;
	height: auto;
}

#sub_image_area img.char{
	vertical-align: bottom;
	margin:0px auto 15px auto;
	display: block;
}

.category_title img{
	vertical-align: bottom;
	margin: 10px 0px;

}


/*----------タイル部分----------*/
#tile_area{
	max-width: 740px;
	width: auto;
	float: left;
}

#tile_area_list{
	list-style: none;
	background-color: #555555;
}
#tile_area a img{
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}

#tile_area a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}


#tile_area img.tile_L{
	float: left;
	vertical-align: bottom;

}
#tile_area img.tile_R{
	float: right;
	vertical-align: bottom;
}
#sp_tile_list{
	display: none;
	list-style: none;
	background-color: #555555;
}

/*----------サイドメニュー部分----------*/
p.accordion{
	display: none;
}

span.accordion_text{
	display: none;
}


#sidemenu_area{
	width: 230px;
	float: right;
	margin-right: 10px;
	margin-bottom: -10px;

}

ul#sidemenu_list{
	list-style:none;
	display: inline;

}

/*最終手段*/
/*@media screen and (min-width: 1024px){

	ul#sidemenu_list{
		display: inline !important;
	}
}
*/

#sidemenu_area li{
	text-align: center;
	background-image: url("img/menu/gMenu_bg.jpg");
	width: 210px;
	height: 80px;
	vertical-align: bottom;
	margin-left: auto;
	margin-right: auto;
	display: block;
	margin-bottom: 10px;

}

ul#sidemenu_list li a{
	text-decoration: none;
	line-height: 80px;
	width: auto;
	height: auto;
	display: block;
	font-size: 130%;
	font-weight: bold;
	color: #00003a;
}

#sidemenu_area  li:hover{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

#sidemenu_area img#last_menu{
	margin-bottom: 0px;
}

/*----------イベント----------*/
#new_event_area{
	margin-top: 15px;
	float: left;
	width: 740px;
	height: 280px;
	background-image: url("img/news_area_BG.jpg");

}

#new_event_area img.area_title{
	margin: 5px 1px;
}

#new_event_area img.area_title_mini{
	display: none;
}

#event_slide_area{
	margin-top: 20px;
	width: 640px;
	margin-left: auto;
	margin-right: auto;
}
#event_slide_area ul{
	padding-left: 20px;
}
#event_slide_area a img{
	width: auto;
	height: auto;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}

#event_slide_area a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

/*----------新着情報----------*/
#news_area{
	margin-top: 15px;
	margin-right: 20px;
	width: 210px;
	height: 280px;
	float: right;
	background-image: url("img/news_area_BG.jpg");

}

#news_area img.area_title{
	margin: 3px 3px;
}
#news_area img.area_title_mini{
	display: none;
}

#news_list{
		padding: 5px 3px;
		margin-right: 1px;
		height: 225px;
		overflow: auto;
}

#news_list ul{
	list-style:none;

}

#news_list ul li{
	padding:2px 0px 2px 8px;
	font-size: 80%;
}
#news_list ul li div.news_date{
	font-weight: bold;
	font-size: 110%;
}
#news_list ul li div.news_date div{
	padding-top: 10px;
}

.clear_both{
	clear: both;
}

/*--------------フッター--------------*/
/*----------全体----------*/
#footer{
	border-top: 1px solid #220000;
	position: relative;
	bottom: 0;
	min-height: 193px;
	width: 100%;
	background-image: url("img/footer.jpg");
	clear: both;
	}

#footer_area{
	color: #cccccc;
	width: 100%;
	max-width: 1000px;
	margin-left: auto;
	margin-right: auto;
}
/*----------住所----------*/
#address_area{
	float: left;
	width: 360px;
	padding-top: 15px;
}

#footer_logo p{
	font-size: 26px;
	margin: 5px 0px;
}

#footer_logo p a{
	text-decoration: none;
	color: #cccccc;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;
}

#footer_logo p:hover a{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

#footer_address p{
	font-size: 18px;
	padding-top: 5px;

}

/*----------フッターメニュー----------*/
#footer_menu{
	float: right;
	width: 550px;
	padding-top: 20px;
}

#footer_menu ul{
	list-style:none;
}

#footer_menu ul li{
	float: left;
	height: 18px;
	border-left: 1px solid #cccccc;
	margin: 2px 0px;

}

#footer_menu ul li a{
	text-decoration: none;
	padding: 3px 16px;
	color: #cccccc;
	-webkit-transition: 0.8s;
	-moz-transition: 0.8s;
	-o-transition: 0.8s;
	-ms-transition: 0.8s;
	transition: 0.8s;

}

#footer_menu ul li:hover a{
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: "alpha(opacity=70)";
}

#footer_menu ul li a:visited{
	text-decoration: none;
	color: #cccccc;
}

/*----------コピーライト----------*/
#footer_copy{
	clear: both;
	width: 300px;
	padding-top: 25px;
	margin-left: auto;
	margin-right: auto;
	
}

#footer_copy p{
	text-align: center;
}

.copy_t{
	display: none;
}

/*----------カルーセル----------*/
ul.slick_slide{
	max-height:259px;
	overflow:hidden;
}