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

/* --------------------------------
 * Reset Stylesheet
 * -------------------------------- */

/**
 * html5doctor.com Reset Stylesheet v1.6.1 (http://html5doctor.com/html-5-reset-stylesheet/)
 * Richard Clark (http://richclarkdesign.com)
 * http://cssreset.com
 */
 
 
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
    margin:0;
    padding:0;
    border:0;
    outline:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
}
h1, h2, h3, h4, h5, h6{
	font-weight:normal;
}
body {
    line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
    display:block;
}
nav ul {
    list-style:none;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content:'';
    content:none;
}
a {
    margin:0;
    padding:0;
    font-size:100%;
    vertical-align:baseline;
    background:transparent;
	outline:none;
	text-decoration:none;
}
del {
    text-decoration: line-through;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
table {
    border-collapse:collapse;
    border-spacing:0;
}
input, select {
    vertical-align:middle;
}
li{
	list-style-type:none;
}

/* --------------------------------
 * base
 * -------------------------------- */
html {
  -ms-text-size-adjust: 100%; /* 2 */
  -webkit-text-size-adjust: 100%; /* 2 */
  font-size : 62.5%; /*=10px*/
}
body {
  color:#000;
  font-size: 1.6rem;
  font-family:Quicksand,Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
  line-height:1.5;
  letter-spacing:.1em;
}
a{
	color:#000;
	transition: color 0.3s ease-in 0s;
}
a:hover {
	color:#0f7888;
	  text-decoration: underline;
}
img{
	max-width: 100%;
	height: auto;
	width /***/:auto;　
}
a:hover img{
	opacity: 0.8;
	 filter: alpha(opacity=80);
	 -ms-filter: "alpha(opacity=80)";
}
/* --------------------------------
 * parts
 * -------------------------------- */
.clearfix::after {
	content: '';
	display: block;
	clear: both;
}
.hidden {
	display: none;
}
/* ページトップへ戻る */
.page-top {
    position: fixed;
    bottom: 40px;
    right: 30px;
}
.page-top img{
	max-width:50px;
}
/*マーカー*/
.marker-yellow-futo {
	background: linear-gradient(transparent 0%, #ffff66 0%);
}
.marker-yellow-hoso {
	background: linear-gradient(transparent 60%, #ffff66 60%);
}
/*日付け*/
.post-date{
	font-size:1.2rem;
}


/*リンクボックス*/
.link-frame {
	text-align:center;
}
.link-frame a{
	font-size:1.6rem;
	border:solid 2px #000;
	padding:5px 20px;
	display:inline-block;
}
.link-frame a:hover{
	background:#000;
	color:#fff;
	text-decoration:none;
}

.small-text{
	font-size:80%;
}


 /* --------------------------------
 *  header
 * -------------------------------- */
 .header{
 	 max-width:972px;
	 margin:0 auto/* 3%*/;
	 padding:5px 15px 0; 
 }
 .header-logo{
 	float:left;
	max-width:90px;
 }
 .g-nav{
	font-size:1.4rem;
 	float:right;
	margin-top:50px;
 }
 .g-nav-list{
	 float:left;
	 margin-left:2em;
 }
 .g-nav-list a:hover{
	background: linear-gradient(transparent 60%, #ffff66 60%);
	color:#000;
	text-decoration:none;
 }
 .current-nav{
	background: linear-gradient(transparent 60%, #ffff66 60%);
 }
 .header-sns-btn{
	 display:none;
 }
 


/*共通*/
.top-section-ttl{
	font-weight:bold;
	font-size:2.8rem;
	letter-spacing:.2em;
	margin-bottom:1em;
	padding:5px 10px;
	/*border-top:solid 2px #000;*/
	border-bottom:solid 2px #000;
	display:inline-block;
}
.top-section-ttl-small{
	font-size:2.0rem;
	letter-spacing:.1em;
	font-style:normal;
}
.top-section-ttl-jp{
	font-size:1.6rem;
	letter-spacing:.1em;
	font-style:normal;
}
.top-section-lead{
	margin-bottom:1.5em;
}



 /* --------------------------------
 * footer
 * -------------------------------- */
 .info-box{
	 max-width:972px;
	 margin:0 auto 20px;
	 padding:30px 15px;
	 text-align:center;
	 border-top:solid #000 1px;
}
.shop-info-text{
	font-size:1.4rem;
	text-align:left;
	width:56.25%;/*450/800*/
	max-width:450px;
	margin:0 auto;
	float:left;
}
.shop-info-text dt {
	width:30%;
	float:left;
	clear: left;
}
.shop-info-text dd {
	width:70%;
	margin-left:30%;
}
.footer-calendar-box{
	float:right;
}
.footer-calendar{
	margin-bottom:20px;
}
.sch-frame{
	font-weight:bold;
	width:320px;
	margin:0 auto;
}
.sch-frame a{
	display:block;
}

.footer-link-frame{
	text-align:center;
	font-weight:bold;
	width:320px;
	margin:0 auto;
}
.footer-link-list,.footer-link-list-black{
	margin-bottom:1em;
}
.footer-link-list a{
	font-size:1.6rem;
	border:solid 2px #000;
	padding:5px 20px;
	display:block;
}
.footer-link-list a:hover{
	background:#000;
	color:#fff;
	text-decoration:none;
}
.footer-link-list-black a{
	font-size:1.6rem;
	color:#fff;
	background:#000;
	border:solid 2px #000;
	padding:5px 20px;
	display:block;
}
.footer-link-list-black a:hover{
	background:#fff;
	color:#000;
	text-decoration:none;
}

 .footer-sns-btn{
	display:none;
}
.footer-nav{
	font-size:1.4rem;
	text-align:center;
	margin-bottom:.5em;
}
.footer-nav-list{
	display:inline;
	
}
.footer-nav-list a{
	border-left:1px dotted #000;
	padding:0 1em;
	
}
.footer-nav-list:last-child{
	border-right:1px dotted #000;
}
.copyright{
	font-size:1.2rem;
	text-align:center;
	line-height:3;
}

/*トップfooter info*/
.google-map iframe {
	width:100%;
	height:450px;
	margin-bottom:20px;
}
.info-box{
	border-top:none;
}
/*レイアウト*/
.main {
			margin-bottom: 3em;
			max-width: 960px;
			overflow: hidden;
			padding-left: 0;
			padding-right: 0;
			font-size : 1.2rem; 
}

.clearfix::after {
	content: '';
	display: block;
	clear: both;
}
/*レイアウト*/
.nengaBox{
			max-width:800px;
			margin:100px auto 50px;

}
.nenga-mv{
	margin:0 auto;
	width:60%;
}

.nenga-lead{
			font-size:18px;
			line-height:1.8;
			text-align:center;
		margin-bottom:3em;
			

}
.nenga-lead-left{
			font-size:16px;
			margin-bottom:3em;
}
.nenga-subttl{
			font-size:20px;
					color:#000;
		border:2px solid #000;
		padding:10px;
		margin-bottom:1em;
}
.nenga-small-text{
			font-size:14px;
			font-weight:normal;
}
.nenga-item{
			 margin-right: -6.9767%;
 }
.nenga-list{
			display: inline-block;
			vertical-align: top;
			margin-right: 6.9767%;
			width: 43.0232%;
			margin-bottom:2em;
			max-width:800px;
			/*max-height:650px;*/
	text-align: justify;
	text-justify:inter-ideograph;
	
 }
.type-img img{
			max-width:200px;
		
}
.price-img{
	width:60%;
	margin:0 auto;
}
.designer{
	text-align: right;
	font-size:1.4rem;
}
	.photo-box{
		margin-bottom:3em;
		text-align:center;
		line-height: 3;
	}
	.photo-box img{
		margin-bottom:30px;
		max-width: 500px;
		}

	.nenga-caution{
		font-size:14px;
		margin-bottom:5em;
		margin-top:5em;
	}
	 .nenga-caution01{
		border:2px solid #000;
		padding:20px;
		font-size:14px;
	 }
	
	.nenga-caution02{
		font-size:12px;
		margin-bottom:5em;
		margin-top:5em;
	}


/* 767px以下用（スマートフォン用）の記述 */
@media screen and (max-width: 767px) {

	/*レイアウト*/
	.nengaBox{
		max-width:650px;
		padding-left:15px;
		padding-right:15px;
		font-size:14px;
		letter-spacing:.3em;
	}
	.nenga-mv{
		margin-top:3em;
		margin-bottom:3em;
		width:100%;
	}
	
	.nenga-lead{
		font-size:16px;
	}
	/*
	.nenga-lead-left{
		font-size:16px;
		margin-bottom:3em;
	}*/
	.nenga-subttl{
		font-size:16px;
	}
	.nenga-small-text{
		font-size:12px;
	}
	
	.nenga-item{
		 max-width: 650px;
		 margin-right: 0;
	 }
	.nenga-list{
		float: none;
		margin-right: 0;
		width: 100%;
		margin-bottom:2em;
		max-width:640px;
	 }
	.price-img{
		margin:10% 0;
		width:100%;
	}
	.type-img img{
		max-width:150px;
	
	}
		.photo-box img{
		max-width: 100%;
		}
	.photo-box{
		line-height:1.5;
	}

	/* --------------------------------
	 * base
	 * -------------------------------- */
		body {
			 font-size: 1.4rem;
		}
	
	/* --------------------------------
	 * parts
	 * -------------------------------- */
	/*テキストリンクボタン*/
		.link-text-btn{
		}
		.link-text-btn a{
		}
	 /* ページトップへ戻る */
		.page-top {
			right: 15px;
		}
		.page-top img{
			max-width:40px;
		}

	 /* --------------------------------
	 * header
	 * -------------------------------- */
		.header{
			 height:80px;
		}
		 .header-logo{
			float:none;
			width:25%;
		 }
	/*ハンバーガーメニュー*/
		#panel{
			display:none;
			position:relative;
			z-index:3;
			background:#fff;
			opacity:.9;
		}
		#panel-btn-box {
			display: block;
			position:absolute;
			top:40px;
			right:15px;
			height: 40px;
			width: 40px;
		}	
		#panel-btn {
			display: inline-block;
			height: 40px;
			margin: 0;
			width: 40px;
		}
		 #panel-btn-icon{
			  display: block;
			  position: absolute;
			  top: 5px;
			 right: 10px;
			  width: 25px;
			  height: 2px;
			  margin: -1px 0 0 -7px;
			  background: #4d4d4d;
			  transition: .2s;
		}
		#panel-btn-icon:before, #panel-btn-icon:after{
			  display: block;
			  content: "";
			  position: absolute;
			  top: 50%;
			  left: 0;
			  width: 25px;
			  height: 2px;
			  background: #4d4d4d;
			  transition: .3s;
		}
		#panel-btn-icon:before{
			  margin-top: -8px;
		}
		#panel-btn-icon:after{
			  margin-top: 6px;
		}
		#panel-btn .close{
			  background: transparent;
		}
		#panel-btn .close:before, #panel-btn .close:after{
			  margin-top: 0;
		}
		#panel-btn .close:before{
			  transform: rotate(-45deg);
			  -webkit-transform: rotate(-45deg);
		}
		#panel-btn .close:after{
			  transform: rotate(-135deg);
			  -webkit-transform: rotate(-135deg);
		}
	/* global-nav*/
		.g-nav{
			float:none;
			margin-top:0;
		}
		.g-nav-list{
			float:none;
			display:block;
			border-bottom:dotted 1px #000;
			text-align:center;
			font-size:1.4rem;
			margin-left:0;
			padding:10px 0;
		}
	/*	.g-nav-list:last-child{
			border-bottom:none;
		}
	*/	.g-nav-list a{
			color:#000;
			display:block;
		}
		 .current-nav{
			background: none;
		 }

		 .header-sns-btn{
			display:block;
			position:absolute;
			top:25px;
			right:65px;
			
 		}
		.header-sns-btn li{
			display:inline-block;
			width:35px;
			margin-left:5px;
		}

	/* --------------------------------
	 * main
	 * -------------------------------- */
	
		 /*共通*/
		.top-section-ttl{
			letter-spacing:.1em;
		}
		.top-section-ttl-small{
			font-size:1.6rem;
		}
		.top-section-ttl-jp{
			font-size:1.4rem;
		}
		.top-section-lead{
			 text-align:left;
		}
	 /* --------------------------------
	 * footer
	 * -------------------------------- */
		.info-box{
				max-width:590px;
				 padding:20px 25px 0;
				 margin:0;
		}
		.footer-calendar-box{
				float:none;
			}
		.copyright{
				font-size:.9rem;
			}
		.sch-frame{
				max-width:590px;
				width:100%;
			}
		.footer-link-frame{
				max-width:590px;
				width:100%;
		}
		 .footer-sns-btn{
			 display:block;
			text-align:center;
			margin:20px 0;
 		}
		.footer-sns-btn li{
			display:inline-block;
			width:35px;
		}
		.footer-sns-btn li:first-child{
			margin-right:5px;
		}
		.footer-nav{
			max-width:590px;
			padding:0 25px;
		}
		.footer-nav-list{
			display:block;
			margin-right:0;
		}
		.footer-nav-list a{
			border-bottom:1px dotted #000;
			border-left:none;
			padding-left:0;
			padding:.5em 0;
			display:block;
		}
		.footer-nav-list:first-child{
			padding-top:.5em;
		}
		.footer-nav-list:last-child{
			border-right:none;
			padding-right:0;
		}
		/*トップfooter info*/
		.google-map iframe {
			height:300px;
		}

		.shop-info-text{
				width:100%;
				max-width:590px;
				float:none;
			}
		.shop-info-text dt {
				border-bottom:1px dashed #000;
				margin-bottom:.5em;
				float:none;
				width:100%;
		}
		.shop-info-text dd {
				margin-bottom:1em;
				margin-left:0;
				width:100%;
		}
		

}