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

/* all */
body,h1,h2,h3,h4,h5,p,dt,dd,li,th,td,address,strong,em,table,dl,ul,ol,img,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary
{
	padding:0;
	margin:0;
	background:transparent;
}

/* font */
h1,h2,h3,h4,h5,p,dt,dd,li,th,td,a,address,strong,em,form,input,textarea,select,submit,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{
	color:inherit; line-height:inherit; font-family:inherit; font-size:inherit;
}

/* indivisual */
a{
	border:none; color:inherit; text-decoration:underline;
}
a:hover{
	text-decoration:none;
}
address,em{
	font-style:normal;
}
ul,ol{
	list-style:none none outside;
}
img{
	display:block; border:none;
}

/* common */
.ac:after{ clear:both; content:""; display:block; }
a:hover img{ opacity:0.6; }
a.anchor{ text-decoration:none; }
a.icon{ padding:0 0 0 16px; background:url(img/icon.png) no-repeat left center; }
.upper{ padding-top:0 !important; margin-top:0 !important; background:none !important; border-top:0 !important; }
.bottom{ padding-bottom:0 !important; margin-bottom:0 !important; background:none !important; border-bottom:0 !important; }

/* post */

.post > *:first-child{
	margin-top:0;
}

.post > *:last-child{
	margin-bottom:0;
}

.post table{
	width:100%;
	padding:0.375em 0 0 0;
	margin:0 0 1em 0;
	border-bottom:1px solid #dfdfdf;
}

.post table th.right,
.post table td.right{
	padding-left:1em;
}

.post ul{
	margin-bottom:1em;
	margin-left:1.5em !important;
	list-style:disc;
}

.post ol{
	margin:0 0 1em 1.75em;
	list-style:decimal;
}

.post img{
	display:inline;
}

.post .att{
	color:#ee0000;
}

.post .marker{
	background:#fef01c;
}

.post .aligncenter{
	display:block;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.post .alignleft{
	display:block;
	float:left;
	margin:0.375em 1em 1em 0;
}

.post .alignright{
	float:right;
	margin:0.375em 0 1em 1em;
}

.post address{
	line-height:1.5;
	padding:0 0 0 1em;
	margin:0 0 1em 0;
	border-left:2px solid #e65296;
}

.post .date{
	color:#e4007f;
	font-weight:bold;
}

.date strong{
	font-size:150%;
}

.limit{
	color:#ee0000;
	font-weight:bold;
}

.limit strong{
	font-size:150%;
}

.price{
	color:#e4007f;
	font-weight:bold;
}

.price strong{
	font-size:150%;
}

.crsm .image2{
	margin: 0 !important;
	list-style: none;
}

.lawson {
    display: block;
    width: 100%;
    max-width: 376px;
    box-sizing: border-box;
    margin: 0 auto;
    padding: 0.5rem;
    border-radius: 0.5rem;
    box-shadow: 0 1px 3px 0 rgba(0,0,0,.25);
}

.banner img {
    border: 1px solid #ddd;
}

/* index */
#image .thum li{
	display:block;
	width:32px;
	height:32px;
	float:left;
	cursor:pointer;
	text-indent:-9999px;
	background:url(img/off.png) no-repeat center;
}

#image .thum li.on,
#image .thum li:hover{
	background:url(img/on.png) no-repeat center;
}


@media screen and (min-width:980px){

	.pcNone{
		display:none;
	}
	
	html{
		height:100%;
	}
	
	body{
		width:100%;
		height:100%;
		color:#222;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:14px;
		line-height:1.05;
		text-align:left;
		padding:0;
		margin:0;
		background:url(img/bg.gif);
		position:relative;
	}

	#main{
		width:100%;
		padding:50px 0 0 0;
		background:url(img/bg.jpg) no-repeat center top;
		background-size:100% auto;
		position:relative;
	}

	#main.home{
		height:100%;
		padding:0 !important;
		background:none !important;
	}
	
	#gNavi{
		width:100%;
		height:60px;
		background:url(img/g-bg01.png) repeat-x center;
		position:absolute;
		top:0px;
		left:0px;
		z-index:999;
	}
	
	#gNavi p{
		margin:0 0 0 20px;
	}
	
	#gNavi ul{
		padding:0 0 0 1px;
		background:url(img/g-bg02.gif) no-repeat left center;
		position:absolute;
		top:0px;
		right:0px;
	}
	
	#gNavi ul li{
		float:left;
	}
	
	#gNavi img{
		width:auto;
		height:50px;
	}
	
	#ancestor{
		width:100%;
		height:80px;
		background:rgba(255, 240, 0, 0.8);
		position:relative;
	}
	
	#ancestor #title{
		position:absolute;
		top:22px;
		left:28px;
	}
	
	#ancestor #title img{
		height: 2.5rem;
	}
	
	#ancestor #date{
		position:absolute;
		top:16px;
		right:28px;
	}
	
	#ancestor #date img{
		height: 3rem;
	}
	
	#spNavi{
		display:none;
	}
	
	#navi{
		width:100%;
		height:80px;
		background:url(img/navi-bg01.png) repeat-x center;
		position:fixed;
		top:120px;
		left:0px;
		z-index:998;
	}
	
	#main.home #navi{
		top:70px;
	}
	
	#navi li{
		width:12.5%;
		float:left;
		margin:10px 0 0 0;
		background:url(img/navi-bg02.gif) no-repeat left center;
	}
	
	#navi li.right{
		width:12%;
		background-color:#ebebeb;
	}
	
	#navi li.left{
		background:none;
	}
	
	#navi li img{
		width:auto;
		height:60px;
		margin:0 auto;
	}

	#contents{
		padding:60px 0 0 0;
	}

	#main.home #contents{
		padding:0 !important;
	}
	
	#contents h1{
		color:#FFF;
		font-family: 'Open Sans', sans-serif;
		font-size:52px;
		font-style:italic;
		line-height:100px;
		margin:0 28px;
	}
	
	#contentsBody{
		width:960px;
		padding:20px 0 40px 0;
		margin:0 auto;
		background:#fff;	
	}
	
	#banner{
		padding:0 0 20px 0;
		border-bottom:1px solid #e2e2e2;
	}
	
	#banner ul{
		width:790px;
		margin:0 auto;
	}
	
	#banner li{
		float:left;
	}
	
	#footer{
		padding:16px 0;
		background:#f5f5f5;
		border-top:1px solid #fff;
		position:relative;
	}
	
	#footer address{
		font-size:16px;
		line-height:1.5;
		text-align:center;
	}
	
	#footer address span{
		display:block;
	}
	
	.post{
		width:912px;
		margin:0 auto;
	}

	.post h2{
		color:#e65296;
		font-size:150%;
		letter-spacing:0.2em;
		margin:2rem 0 1rem 0;
	}

	.post h3 {
		color: #e65296;
		font-size: 16px;
		letter-spacing: 0.2em;
		margin: 1.75rem 0 0.5em;
	}

	.post p{
		font-size:16px;
		line-height:1.75;
		margin:0 0 1em 0;
	}

	.post table th,
	.post table td{
		font-size:16px;
		line-height:1.5;
		padding:0.5em 0;
		border-top:1px solid #dfdfdf;
	}
	
	.post li{
		font-size:16px;
		line-height:1.5;
		padding:0.125em 0;
	}
	
	.map{
		width:100%;
		height:640px;
		margin:0 0 1em 0;
	}
	
	.col2{
		width:912px;	
	}
	
	.col2L{
		width:444px;	
		float:left;
		margin:0 24px 0 0;
	}
	
	.col2R{
		width:444px;
		float:left;
	}
	
	.col2 address{
		margin-bottom:0 !important;	
	}
	
	.crsm{
		padding: 2em;
		margin: 40px 0 40px;
		background: rgba(43,168,224,0.08);
		border-radius: 0.5em;
	}

	.crsm .image{
		text-align: center;
		margin:0 2em 1em 0;
	}

	.crsm .image img{
		display: block;
		margin:0 auto 0.5em;
	}

	.crsm .text{
		text-align: center;
		margin-bottom: 0;
	}

	.crsm .br{
		display: none;
	}

	.crsm .body{
		margin-bottom: 1em;
	}

	.crsm .text2{
		width: 48em;
		color: #2ba8e0;
		font-weight: bold;
		margin-left:auto !important;
		margin-right:auto !important;
	}

	.crsm .image2 li{
		width:calc(50% - 0.5em);
		float: left;
		margin: 1em 1em 0 0;
	}

	.crsm .image2 li:nth-child(2n){
		margin-right: 0;
	}

	.crsm .image2 li:nth-child(-n+2){
		margin-top: 0;
	}

	.crsm .image2 li img{
		display: block;
		width: 100%;
	}

	/* index */
	
	#index{
	}
	
	#recent{
		width:100%;
		line-height:30px;
		background:url(img/news.png) no-repeat 28px center #fff000;
		position:absolute;
		top:50px;
		left:0px;
		z-index:99;
	}
	
	#recent span{
		display:block;
		padding:0 0 0 80px;
	}
	
	#image{
		height:100%;
		background:#fff;
		overflow:hidden;
		position:relative;
	}
	
	#imageBody{
		height:100%;
	}
	
	#image .fadeImage{
		height:100%;
		position:relative;
	}
	
	#image .fadeImage li{
		display:none;
		width:100%;
		height:100%;
		text-indent:-9999px;
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
		position:absolute;
		top:0px;
		left:0px;
	}
	
	#image .fadeImage li:nth-child(1){
		display:block;
	}
	
	#image .fadeImage span{
		display:block;
		position:relative;
	}
	
	#image .fadeImage img{
		position:absolute;
	}
	
	#image .thum{
		position:absolute;
		top:148px;
		right:8px;
		z-index:999;
	}
	
	#image #title{
		position: absolute;
		top: 170px;
		left: 28px;
		z-index: 2;
	}
	
	#image #bbq {
		position: absolute;
		right: 28px;
		z-index: 2;
		padding: 0 0 calc(7.8125% + 28px) 0;
	    bottom: 0;
	}
	
	#image #date{
		position: absolute;
		padding: 0 0 calc(7.8125% + 28px) 0;
		bottom: 0;
		left: 28px;
		z-index: 2;
	}
	
	.imageFooter{
		width: 100%;
		background: rgba(255,240,0,0.8);
		position: absolute;
		bottom: 0;
		left: 0px;
		z-index: 2;
	}
	
	#length{
		width: 56.5625%;
		float: left;
	}
	
	#lawson {
		width:calc((100% - 56.5625%) / 2);
		float: left;
	}
	#entry {
		width:calc((100% - 56.5625%) / 2);
		float: left;
	}
	
	.imageFooter img{
		width:100%;
	}
	
	#index01{
		width:100%;
	}
	
	#index01 li{
		width:50%;
		float:left;
	}
	
	#index01 li img{
		min-width:100%;
		max-width:100%;
	}
	
	#index02{
		width:100%;
		padding:24px 0 19px 0;
		margin:0 0 18px 0;
		background:rgba(255, 240, 0, 0.06) none repeat scroll 0 0;
	}
	
	#index02 .date{
		font-size:11px;
	}
	
	#index02 ul{
		margin:0 14px 0 28px;
	}
	
	#index02 li{
		line-height:1.75;
	}
	
	#index02 p{
		line-height:1.75;
		margin:0 28px 0 14px;
	}
	
	#index02L{
		width:50%;
		float:left;
	}
	
	#index02L h2{
		color:#e65296;
		font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:20px;
		font-style:italic;
		letter-spacing:0.2em;
		margin:0 14px 11px 28px;
	}
	
	#index02R{
		width:50%;
		float:left;
	}
	
	#index02R h2{
		color:#4862a3;
		font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:20px;
		letter-spacing:0.1em;
		margin:0 28px 11px 14px;
	}
	
	#index02R h2 span{
		font-style:italic;
	}
	
	#index03{
		margin:0 28px 20px 28px;
	}
	
	#index03 h2{
		float:left;
		margin:2px 12px 0 0;
	}
	
	#index03 h2 span{
		display:block;
		width:60px;
		height:60px;
		color:#e65296;
		font-size:16px;
		font-weight:normal;
		line-height:60px;
		text-align:center;
		background:url(img/sp-bg.png) no-repeat center;
	}
	
	#index03 p{
		display: block;
		line-height: 1.5;
		padding: 21px 0 0 0;
	}
	
	#index03 ul{
		clear:both;
		margin: 0 0 0 72px;
	}
	
	#index03 li{
		float:left;
		margin:8px 8px 0 0;
	}
	
	#index03 li.right{
		margin-right:0;
	}
	
	#index03 li img{
		width:auto;
		height:26px;
	}
	
	#index04{
		margin:0 28px 20px 28px;
	}
	
	#index04 h2{
		float:left;
		margin:0 12px 0 0;
	}
	
	#index04 h2 span{
		display:block;
		width:60px;
		height:60px;
		color:#e65296;
		font-size:16px;
		font-weight:normal;
		line-height:60px;
		text-align:center;
		background:url(img/sp-bg.png) no-repeat center;
	}
	
	#index04 p{
		display:block;
		font-size:16px;
		line-height:60px;
	}
	
	#index04L{
		width:50%;
		float:left;
	}
	
	#index04L a{
		font-size:12px;
		margin:0 0 0 1em;
	}
	
	#index04R{
		width:50%;
		float:left;
	}
	
	#index04R h2{
		padding-left:14px;
	}
	
	/* outline */
	
	#outline{
		width:960px;
		margin:0 auto;
	}

	#outline p {
		background: rgba(0, 0, 0, 0) url("img/outline02.jpg") no-repeat scroll center center;
		height: 404px;
		text-indent: -9999px;
		width: 960px;
	}

}

@media screen and (max-width:979px){
	.spNone{
		display:none;
	}
	
	html{
		font-size:62.5%;
	}

	body{
		overflow-x:hidden;
		font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:1.2rem;
		word-wrap:break-word;
		background:url(img/bg.gif);
	}

	#main{
		width:100%;
		position:relative;
	}
	
	#gNavi{
		width:100%;
	}
	
	#gNavi:after{
		clear:both;
		content:"";
		display:block; 
	}
	
	#gNavi p img{
		display:block;
		min-width:100%;
		max-width:100%;
		height:auto;
	}
	
	#gNavi li{
		width:25%;
		float:left;
	}
	
	#gNavi li:last-child{
		width:100%;
	}
	
	#gNavi li img{
		display:block;
		min-width:100%;
		max-width:100%;
		height:auto;
	}
	
	#ancestor{
		padding:1em;
		background:rgba(255,240,0,0.8);
		position:relative;
	}
	
	#ancestor #title{
		width:75%;
	}
	
	#ancestor #date{
		width:10%;
		position:absolute;
		top:1em;
		right:1em;
	}
	
	#ancestor img{
		display:block;
		min-width:100%;
		max-width:100%;
		height:auto;
	}
	
	#navi{
		display:none;
	}
	
	#spNavi{
		width:100%;
	}
	
	#spNavi:after{
		clear:both;
		content:"";
		display:block; 
	}
	
	#spNavi li{
		width:25%;
		float:left;
	}
	
	#spNavi li img{
		display:block;
		min-width:75%;
		max-width:75%;
		height:auto;
		margin:0 auto;
	}
	
	#contents{
	}
	
	#contents h1{
		color:#fff;
		font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		font-size:200%;
		font-style:italic;
		text-align:center;
		padding:0.375rem 1rem;
		margin:0 0 0.5em 0;
		background:rgba(255,240,0,0.8);
	}

	#contentsBody{
		text-align:left;
	}
	
	#banner{
		padding:0 0 1em 0;
		border-bottom:1px solid #e2e2e2;
	}
	
	#banner ul{
		margin:0 1em;
	}
	
	#banner ul:after{
		clear:both;
		content:"";
		display:block; 
	}
	
	#banner li{
		width:20%;
		float:left;
	}
	
	#banner li img{
		display:block;
		min-width:100%;
		max-width:100%;
		height:auto;
	}
	
	#footer{
		padding:0.75em 1em;
		background:#f5f5f5;
		border-top:1px solid #fff;
	}
	
	#footer address{
		font-size:80%;
		line-height:1.5;
		text-align:center;
	}
	
	#footer address span{
		display:block;
	}

	.post{
		margin:0 1em 2em 1em;
	}

	.post p{
		line-height:1.75;
		margin:0 0 1em 0;
	}

	.post h2{
		color:#e65296;
		font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-align:center;
		letter-spacing:0.2em;
		text-indent:0.2em;
		padding:0.5em 0;
		margin:2rem 0 0.5rem 0;
		background:rgba(22,47,95,0.12);
		border-radius:0.5rem;
	}

	.post h3{
		color:#e65296;
		font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-align:center;
		margin:2rem 0 0.5rem 0;
	}

	.post table th,
	.post table td{
		font-size:80%;
		line-height:1.5;
		padding:0.5em 0;
		border-top:1px solid #dfdfdf;
	}
	
	.post li{
		line-height:1.5;
		padding:0.125em 0;
	}
	
	.post iframe{
		width:100%!important;
		height:320px;
		margin:0 0 1em 0;
	}
	
	.map{
		width:100%;
		height:320px;
		margin:0 0 1em 0;
	}
	
	.post img{
		max-width:100%;
		height:auto;
	}

	.post .alignleft{
		max-width:100%;
	}
	
	.post .alignright{
		max-width:calc(50% - 0.5em);
	}
	
	.crsm{
		padding: 1.5em;
		margin-top: 3em;
		background: rgba(43,168,224,0.08);
		border-radius: 0.5em;
	}

	.crsm .body{
		margin-bottom: 0.5em;
	}

	.crsm .image{
		text-align: center;
		margin:0 0 1em;
	}

	.crsm .image img{
		display: block;
		width: auto;
		height: 3em;
		margin:0 auto 0.5em;
	}

	.crsm .text{
		margin-bottom: 0;
	}

	/* index */

	#recent{
		display:none;
	}
	
	#image{
		margin:0 0 1em 0;
		background: none;
	}
	
	#imageBody{
		position:relative;
	}
	
	#image .fadeImage{
		padding:66.666% 0 0 0;
		overflow:hidden;
		position:relative;
	}
	
	#image .fadeImage li{
		display:none;
		width:100%;
		padding:calc(66.666% - 1rem) 0 0 0;
		text-indent:-9999px;
		background-repeat:no-repeat;
		background-position:center;
		background-size:cover;
		position:absolute;
		top:0px;
		left:0px;
	}
	
	#image .fadeImage li:nth-child(1){
		display:block;
	}
	
	#image img{
		display:block;
		min-width:100%;
		max-width:100%;
		height:auto;
	}
	
	#image .thum{
		display:none;
	}
	
	#image #title {
		width: 50%;
		position: absolute;
		top: 1.5em;
		left: 1.5em;
		z-index: 2;
	}
	
	#image #date {
		width: 25%;
		position: absolute;
		bottom: 1.5em;
		left: 1.5em;
		z-index: 2;
	}
	
	#image #bbq {
		width: 25%;
		position: absolute;
		bottom: 1.5em;
		right: 1.5em;
		z-index: 2;
	}
	
	.imageFooter {
		background: #fff000;
	}
	
	.imageFooter:after{
		clear:both;
		content:"";
		display:block; 
	}
	
	#length{
		width: 56.5625%;
		float: left;
	}
	
	#lawson {
		width:calc((100% - 56.5625%) / 2);
		float: left;
	}
	#entry {
		width:calc((100% - 56.5625%) / 2);
		float: left;
	}
	
	#index01{
		margin:0 1em 2em 1em;
	}
	
	#index01 li img{
		display:block;
		min-width:100%;
		max-width:100%;
		height:auto;
	}
	
	#index02L,
	#index02R{
		text-align:left;
		margin:0 1em 2em 1em;
	}
	
	#index02 h2,
	#index03 h2,
	#index04 h2{
		color: #e65296;
		font-family: 'Open Sans', "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
		text-align: center;
		letter-spacing: 0.2em;
		text-indent: 0.2em;
		padding: 0.5em 0;
		margin: 0 0 0.5em 0;
		background: rgba(255,240,0,0.12);
		border-radius: 0.5rem;
	}
	
	#index02 h2 span{
		font-style:italic;
	}
	
	#index02 .date{
	}
	
	#index02 ul{
		margin:0 0 1em 0;
	}
	
	#index02 li{
		line-height:1.5;
	}
	
	#index02 p{
		line-height:1.5;
	}
	
	#index03{
		text-align:left;
		margin:0 1em 2em 1em;
	}
	
	#index03 p{
		font-size:80%;
		line-height:1.5;
		margin:0 0 0.5rem 0;
	}
	
	#index03 ul:after{
		clear:both;
		content:"";
		display:block; 
	}
	
	#index03 li{
		width:25%;
		float:left;
	}
	
	#index03 li img{
		display:block;
		min-width:100%;
		max-width:100%;
		height:auto;
	}
	
	#index04:after{
		clear:both;
		content:"";
		display:block; 
	}
	
	#index04 p{
		line-height:1.5;
	}
	
	#index04L{
		text-align:center;
		margin:0 1em 2em 1em;
	}
	
	#index04L strong{
		display:block;
	}
	
	#index04R{
		text-align:center;
		margin:0 1em 2em 1em;
	}
	
	/* outline */
	
	#outline{
		margin:0 1em 2em 1em;
	}
	
	#outline p{
		font-size:80%;
		line-height:1.75;
	}

}