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

/* リセットCSS */

html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td,hr{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal}ol,ul{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:text-top}sub{vertical-align:text-bottom}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit}input,textarea,select{*font-size:100%}legend{color:#000}#yui3-css-stamp.cssreset{display:none}img { vertical-align: bottom; }img {max-width:100%;height: auto;width: auto;}a{text-decoration: none;}

/*クリアフィックス*/

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

/*hover*/

nav a:hover,footer ul a:hover,.gmap_01 a:hover,.index_pbox_01 li:hover,.trim_link_01 a:hover,.access_pbox_01 li:hover{
	opacity:0.5;
}

/*スムーススクロール*/
#page-top {
    position: fixed;
    bottom: -10px;
    right: 20px;
}
#page-top {
    width: 100px;
}
#page-top a:hover {
	opacity:0.7;
}

/*グーグルマップ*/

.ggmap {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}


/*蛍光ペン*/

.line-color_01{
	background:linear-gradient(transparent 60%, #FFC7E2 60%);
}

/*全ページ共通*/


body {
	font-family: "メイリオ","Hiragino Kaku Gothic Pro", sans-serif;
	font-size: 14px;
	line-height: 1.8em;
	text-align: justify;
}
header{
	background-color: #FF369A;

}
h1{
	text-align:center;
	font-size:8px;
	color:#FFF;
}
h2{
	text-align:center;
}
h3{
	text-align:center;
	font-size:16px;
	padding:2px 0px;
	border-top:#F39 solid 1px;
	border-bottom:#F39 solid 1px;
	margin:20px -15px;
	color:#FF3399;
}
h3 .fa{
	margin-right:5px;
}
nav{
	text-align:center;
	font-size:11px;
}
nav li{
	float:left;
	width:20%;
	box-sizing:border-box;
	border-right:#FFF solid 1px;

}
nav li:last-child{
	border-right:none;
}
nav ul{
	display:inline-block;
	width:100%;
}
nav a{
	line-height:20px;
	padding-top:5px;
	color:#fff;
	display:block;
}
nav .fa{
	font-size:20px;
}
article{
	padding:0px 15px;
}
footer{
	margin-top:30px;
}
footer p{
	text-align:center;
	font-size:9px;
	line-height:1.4em;
	padding:20px 0px;
	background: repeating-linear-gradient(
  to right,
  #F7C7CE,
  #F7C7CE 20px,
  #ffffff 20px,
  #ffffff 40px);
}
footer ul a{
	display:block;	
	background-color: #FF3399;
	border-bottom:#FFF dotted 1px;
	color:#FFF;
	padding:15px 15px;
	position:relative;
}
footer ul a:after{
	font-family:FontAwesome;
	content:"\f105";
	position:absolute;
	right:15px;
	font-size:1.5em;
	color:#fff;
}
footer .fa{
	margin-right:5px;
}
.tel_01{
	display:none;
}
.tel_02{
	text-align:center;
	margin:20px 15%;
}
.annai_info_01{
	width:100%;
}
.annai_info_01 th{
	background-color:#F7C7CE;
	padding:5px;
	width:25%;
	border:#FFF 1px solid;
}
.annai_info_01 td{
	padding:5px;
	border:#F7C7CE 1px solid;
}
.comment_01{
	padding:20px 20px 20px 30px;
	border-radius:10px;
	border:1px dotted #F39;
	margin-bottom:50px;
}
.comment_01 li{
	position:relative;
	margin-bottom:10px;
}
.comment_01 li:before{
	font-family:FontAwesome;
	content:"\f046";
	position:absolute;
	left:-20px;
	color:#F39;
}
.attention_01{
	margin-left:20px;
	position:relative;
}
.attention_01 li{
	margin-bottom:5px;
}
.attention_01 li:before{
	font-family:FontAwesome;
	content:"\f08a";
	position:absolute;
	left:-20px;
	color:#F39;
}
.comment_02{
	background-image: radial-gradient(rgba(255,204,255,0.7) 20%, transparent 20%),radial-gradient(rgba(255,204,255,0.7) 20%, transparent 20%);
	background-size: 30px 30px;
	background-position: 0 0, 15px 15px;
	padding:25px 20px;
	border-radius:30px;
}
/*ここからindex*/
.youkoso_photo_01{
	width:45%;
	float:left;
	margin-right:10px;
}
.oshirase_photo_01{
	width:45%;
	float:left;
	margin-right:10px;
}
.index_pbox_01 p{
	margin-bottom:15px;
}
.index_pbox_01 ul{
	padding-bottom:15px;
	border-bottom:#F39 dotted 1px;
}
.index_pbox_01 li{
	width:22%;
	float:left;
	margin-right:4%;
}
.index_pbox_01 li:last-child{
	margin-right:0%;
}
.index_pbox_01 li:hover{
	cursor:pointer;
}
.map_illust_01{
	text-align:center;
	padding:20px;
}
.gmap_01 a{
	background-color:#F39;
	color:#FFF;
	margin:15px 10%;
	border-radius:10px;
	display:block;
	text-align:center;
	padding:5px;
}
.gmap_01 i{
	font-size:18px;
	margin-left:10px;
	vertical-align:middle;
}
.index_info_01{
	width:100%;
}
.index_info_01 th{
	background-color:#F7C7CE;
	padding:5px;
	width:25%;
	border:#FFF 1px solid;
}
.index_info_01 td{
	padding:5px;
	border:#F7C7CE 1px solid;
}
/*ここからtrim*/

.trim_photo_01{
	width:50%;
	float:right;
	margin-left:10px;
	border-radius:10px;
	border:#FFF 5px solid;
}
.trim_list_01{
	margin-top:20px;
}
.trim_list_01 li{
	border:#F39 1px solid;
	padding:20px 20px 50px;
	margin-bottom:30px;
	border-radius:5px;
	position:relative;
}
.trim_list_01 li:last-child{
	margin-bottom:10px;
}
.trim_img_01{
	position:absolute;
	width:80px;
	top:-10px;
	right:0px;
	border:5px solid #FFF;
	transform: rotate(10deg);
}
.trim_catch_01{
	font-weight:bold;
	color:#F39;
	padding-bottom:17px;
	margin-bottom:17px;
	border-bottom:#F39 1px dashed;
}
.trim_catch_01 i{
	color:#f39;
	margin-right:5px;
}
.trim_link_01{
	position:absolute;
	right:10px;
	bottom:10px;
}
.trim_link_01 a{
	background-color:#F39;
	color:#FFF;
	border-radius:3px;
	padding:2px 15px;
}
.trim_link_01 i{
	margin-left:5px;
}
.trim_menu_01{
	width:100%;
	font-size:12px;
	line-height:1.5em;
	margin-bottom:10px;
}
.trim_menu_01 th{
	background-color:#F7C7CE;
	padding:5px;
	width:50%;
	border:#FFF 1px solid;
}
.trim_menu_01 td{
	padding:5px;
	width:25%;
	border:#F7C7CE 1px solid;
	text-align:right;
}
.trim_menu_01 .trim_top_01{
	background-color:#F7C7CE;
	border:#FFF 1px solid;
	text-align:center;
}
.trim_menu_02{
	width:100%;
	font-size:12px;
	line-height:1.5em;
	margin-bottom:10px;
}
.trim_menu_02 th{
	background-color:#F7C7CE;
	padding:5px;
	width:60%;
	border:#FFF 1px solid;
}
.trim_menu_02 td{
	padding:5px;
	border:#F7C7CE 1px solid;
	text-align:right;
}
/*ここからhotel*/

.totel_photo_01{
	width:50%;
	float:right;
	margin-left:10px;
	border-radius:10px;
	border:#FFF 5px solid;
}
.hotel_menu_01{
	width:100%;
	font-size:12px;
	line-height:1.5em;
}
.hotel_menu_01 th{
	background-color:#F7C7CE;
	padding:10px;
	width:40%;
	border:#FFF 1px solid;
}
.hotel_menu_01 td{
	padding:10px;
	border:#F7C7CE 1px solid;
	text-align:right;
}

/*ここからphoto*/

.photo_li_01 li{
	width:45%;
	float:left;
	margin-bottom:10%;
	box-sizing:border-box;
}
.photo_li_01 li img{
	border: 5px solid #F7C7CE;
	box-shadow: 2px 2px 1px 1px #CCC;
}
.photo_li_01 li:nth-child(3n+1) {
-moz-transform:    rotate( 5deg );  /* Firefox用 */
-webkit-transform: rotate( 5deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( 5deg );  /* 古いOpera用 */
-ms-transform:     rotate( 5deg );  /* IE用 */
transform:         rotate( 5deg );
}
.photo_li_01 li:nth-child(3n+2) {
-moz-transform:    rotate( -3deg );  /* Firefox用 */
-webkit-transform: rotate( -3deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( -3deg );  /* 古いOpera用 */
-ms-transform:     rotate( -3deg );  /* IE用 */
transform:         rotate( -3deg );
}
.photo_li_01 li:nth-child(3n+3) {
-moz-transform:    rotate( 2deg );  /* Firefox用 */
-webkit-transform: rotate( 2deg );  /* Chrome,Safari,新しいOpera用 */
-o-transform:      rotate( 2deg );  /* 古いOpera用 */
-ms-transform:     rotate( 2deg );  /* IE用 */
transform:         rotate( 2deg );
}
/*

p:nth-child(3n+2) {
  background: #ddf5da;
}

p:nth-child(3n+3) {
  background: #dae0f5;
}
*/
.photo_li_01 li:nth-child(odd){
	margin-right:10%;
}

/*ここからaccess*/
.ggmap_wrap_01{
	padding:15px;
	border:#F39 solid 2px;
	border-radius:15px;
	margin-top:15px;
}
.access_map_01{
	padding:15px;
	border-bottom:#F39 dotted 1px;
	margin-top:15px;
}
.access_number_01{
	background-color:#39B54A;
	color:#FFF;
	border-radius:13px;
	width:26px;
	height:26px;
	display:inline-block;
	text-align:center;
	line-height:26px;
	margin-right:5px;
}
.access_chach_01{
	font-size:18px;
	margin:20px 0px 5px;
}
.access_img_01{
	width:50%;
	float:left;
	margin-right:5px;
}
.access_pbox_01 p{
	margin-bottom:15px;
}
.access_pbox_01 ul{
	padding-bottom:15px;
}
.access_pbox_01 li{
	width:22%;
	float:left;
	margin-right:4%;
}
.access_pbox_01 li:last-child{
	margin-right:0%;
}
.access_pbox_01 li:hover{
	cursor:pointer;
}


@media(min-width:768px){

/*スムーススクロール*/
#page-top {
    bottom: -20px;
}
#page-top {
    width: 130px;
}
/*全ページ共通*/
.tel_01{
	display:block;
	position:absolute;
	top:20px;
	right:0px;
}
.tel_02{
	display:none;
}
/*ここからindex*/
.index_pbox_01{
	width:45%;
	float:left;
	margin-right:5%;
}
.index_mbox_01{
	width:50%;
	float:right;
}
.map_illust_01{
	margin-bottom:30px;
}
.gmap_01 a{
	border-radius:15px;
	padding:10px;
}
.index_pbox_01 ul{
	padding-bottom:15px;
	border-bottom:none;
}
/*ここからtrim*/
.trim_catch_01{
	font-size:18px;
}
.trim_photo_01{
	width:25%;
	margin-left:30px;
}

/*ここからhotel*/

.totel_photo_01{
	width:25%;
	margin-left:30px;
}

/*ここからphoto*/
.photo_li_01 li:nth-child(odd){
	margin-right:4%;
}
.photo_li_01 li:nth-child(even){
	margin-right:4%;
}
.photo_li_01 li:nth-child(4),.photo_li_01 li:nth-child(8),.photo_li_01 li:nth-child(12),.photo_li_01 li:nth-child(16),.photo_li_01 li:nth-child(20),.photo_li_01 li:nth-child(24),.photo_li_01 li:nth-child(28),.photo_li_01 li:nth-child(32),.photo_li_01 li:nth-child(36),.photo_li_01 li:nth-child(40),.photo_li_01 li:nth-child(44){
	margin-right:0%;
}
.photo_li_01 li{
	width:22%;
}

/*ここからaccess*/

.ggmap_wrap_01{
	width:48%;
	margin-right:10%;
	float:left;
	margin-top:0px;
	box-sizing:border-box;
}
.access_map_01{
	padding:10px;
	border-bottom:none;
	margin-top:0px;
	width:42%;
	float:right;
	box-sizing:border-box;
}
.access_img_01{
	width:100%;
	float:none;
	margin-right:0px;
}
.access_list_01{
	margin-top:20px;
}
.access_list_01 li{
	width:30%;
	float:left;
	margin-right:5%;
}
.access_list_01 li:last-child{
	margin-right:0%;
}
.access_pbox_01 p{
	width:47%;
	margin-right:6%;
	float:left;
	margin-bottom:0px;
}
.access_pbox_01 ul{
	padding-bottom:0px;
		width:47%;
		float:right;
}
.access_pbox_01 li{
	width:45%;
	margin-bottom:37px;
	margin-right:10%;
}
.access_pbox_01 li:nth-child(even){
	margin-right:0%;
}
}
@media(min-width:1024px){

/*スムーススクロール*/
#page-top {
    width: 140px;
}
/*全ページ共通*/
body {
	font-size: 16px;
	line-height: 2em;
}
h1{
	font-size:12px;
}
nav{
	font-size:16px;
}
nav a{
	padding-top:10px;
	padding-bottom:10px;
}
nav ul{
	width:1000px;
}
nav a br{
	display:none;
}
nav .fa{
	font-size:24px;
	margin-right:5px;
}
h3{
	border-top:none;
	border-bottom:none;
	text-align:left;
	font-size:24px;
	margin:50px 0px;
}
article{
	max-width:1080px;
	margin:0px auto;
	padding:0px 15px;
}
footer{
	text-align:center;
}
footer p{
	font-size:11px;
	line-height:1.8em;
	padding:40px 0px;
}
footer ul{
	display:inline-block;
}
footer li{
	float:left;
	margin-right:30px;
}
footer ul a{
	background-color: #FFF;
	border-bottom:none;
	color:#FF3399;
}
footer ul a:after{
	content:none;
}
.annai_info_01 th{
	padding:10px;
}
.annai_info_01 td{
	padding:10px;
}
.comment_01{
	margin-bottom:80px;
	padding:20px 20px 20px 45px;
}
.comment_01 li:before{
	left:-25px;
}
.attention_01{
	margin-left:25px;
	margin-top:10px;
	position:relative;
}
.attention_01 li:before{
	left:-25px;
}
.comment_02{
}
/*ここからindex*/
.youkoso_photo_01{
	width:200px;
	margin-right:30px;
}
.oshirase_photo_01{
	width:200px;
	margin-right:30px;
}
.index_info_01{
	margin-top:50px;
}
.index_info_01 th{
	padding:10px;
}
.index_info_01 td{
	padding:10px;
}
/*ここからtrim*/
.trim_list_01 li{
	float:left;
	width:30%;
	box-sizing:border-box;
	height:270px;
	margin-top:80px;
}
.trim_list_01 li:nth-child(2){
	margin-left:5%;
	margin-right:5%;
}
.trim_img_01{
	width:100px;
	top:-30px;
	right:-50px;
}
.trim_menu_01{
	margin-top:50px;
	font-size: 16px;
	line-height: 2em;
}
.trim_menu_01 th{
	padding:10px 20px;
}
.trim_menu_01 td{
	padding:10px 20px;
}
.trim_menu_01 .trim_top_01{
	padding:20px;
}
.trim_menu_01 td br{
	display:none;
}
.trim_menu_02{
	font-size: 16px;
	line-height: 2em;
}
.trim_menu_02 th{
	padding:10px 20px;
	width:50%;
}
.trim_menu_02 td{
	padding:10px 20px;
}

/*ここからhotel*/

.hotel_menu_01{
	font-size:16px;
	line-height:2em;
}
.hotel_menu_01 th{
	padding:10px 20px;
	width:50%;
}
.hotel_menu_01 td{
	padding:10px 20px;
}

/*ここからaccess*/

}