@charset 'UTF-8';
/* ================================================================================

	各固定ページ

================================================================================ */




/* ================================================================================

	EC未公開

================================================================================ */
/* PC */
@media (min-width: 768px) {
	#about_06 .item_09 a,
	#tradition .item_07 a,
	#present .item_07 a,
	.ec_banner a{

	}
	.ec_banner {
		margin-top: 60px;
	}
}

/* SP */
@media (max-width: 767px) {

	#about_06 .item_09 a,
	#tradition .item_07 a,
	#present .item_07 a,
	.ec_banner a{

	}
	.ec_banner {
		margin-top: 12vw;
	}
}



/* ================================================================================

	共通部分

================================================================================ */
#wrap-container{
	min-height:300px;
}


/* PC */
@media (min-width: 768px) {

	.cate_h2 h2{
		font-size:35px;
		color:#2a2a2a;
		background: url('../img/h2.jpg') center top no-repeat;
		height:97px;
		line-height:98px !important;
		text-align:center;
	}
	.cate_h2{
		margin-bottom: 20px!important;
	}

	.cate_h3 h3{
		font-size:30px;
		color:#2a2a2a;
		background: url('../img/h3.png') center 80px no-repeat;
		height:97px;
		line-height:98px !important;
		text-align:center;
	}
	.cate_h3{
		margin-bottom: 20px!important;
	}
}


/* SP */
@media (max-width: 767px) {
	h2 {
		position: relative;
		padding-bottom:10px;
		font-size:30px;
		margin:0 15px;
	}
	h2::after {
		position: absolute;
		left: 0;
		content: '';
		width: 100%;
		height: 6px;
		box-sizing: border-box;
	}
	h2::after {
		bottom: 0;
		border-top: 1px solid #ccc;
		border-bottom: 2px solid #ccc;
	}
	h3{
		position: relative;
		padding: 0.25em 0;
		font-size:30px;
	}
	h3:after {
		content: "";
		display: block;
		height: 4px;
		background: -moz-linear-gradient(to right, rgb(193, 162, 80), transparent);
		background: -webkit-linear-gradient(to right, rgb(193, 162, 80), transparent);
		background: linear-gradient(to right, rgb(193, 162, 80), transparent);
	}
}




/* ================================================================================

	レイアウト

================================================================================ */

/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	.outer_wrap{
		max-width:1920px;
		width:100%;
		background:url() center top no-repeat;
	}

	.inner_wrap{
		margin:0 auto;
	}

	main{
		min-height:500px;
	}
}




/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	.outer_wrap{
		width:100%;
		background:url() center top no-repeat;
	}

	.inner_wrap{
		width:100%;
		padding:0 16px;
	}

	main{
		min-height:300px;
	}
}


/* ================================================================================

	メイン画像

================================================================================ */


/* PC */
@media (min-width: 768px) {
	.m-cate {
		max-width: 1920px;
		width: 100%;
		height: 500px;
		background: url('../img/main_cate.jpg') center 170px no-repeat;
}
	.page-title {
		position: absolute;
		top: 65%;
		right: 8%;
		height: 100px;
	}
	.page-title-p {
		text-align: center;
		font-size: 3vw;
		line-height:3.1vw;
		color: #2a2a2a;
		font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","Sawarabi Mincho","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝","メイリオ",Meiryo,serif !important;
		font-weight:bold;
	}
}


/* SP */
@media (max-width: 767px) {
	.m-cate {
		position: relative;
		height:250px;
		background: url('../img/main_cate_sp.jpg') center top no-repeat;
		-moz-background-size: cover;
		background-size: cover;
	}
	.page-title {
		padding: 10px 0;
		padding-right: 20px;
		padding-left: 20px;
		height: 120px;
	}
	.page-title-p {
		margin: 0;
		margin-top:90px;
		font-size:24px;
		font-weight:bold;
		line-height:2;
		color: #ffffff;
		font-family:"游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","Sawarabi Mincho","HGS明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝","メイリオ",Meiryo,serif !important;
	}
}




/* ================================================================================

	甲州屋について

================================================================================ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	body#about .inner_wrap {
		max-width: 1920px !important;
	}
	#about_02 {
		width: 100% !important;
		background: url(../img/about_02_bg.png) right bottom no-repeat;
		margin: 0 0 5% 0;
	}
	#about_02 .item_02 p img {
		display: block;
		width: 100%;
	}
	#about_02 .item_03 p {
		font-size: 1.2vw;
		-ms-writing-mode: tb-rl;            /* IE用　*/
		-webkit-writing-mode: vertical-rl;  /* chrome用　*/
		-o-writing-mode: vertical-rl;       /* opera用　*/
		writing-mode: vertical-rl;
		padding: 0 0 0 8%;
	}
	.tcy { /* 縦書き */
	  text-combine: horizontal;
	  -webkit-text-combine: horizontal;
	  -epub-text-combine: horizontal;
	  line-height: 1;
	  letter-spacing: 1;
	  -ms-writing-mode: lr-tb;
	  -webkit-writing-mode: horizontal-tb;
	  -o-writing-mode: horizontal-tb;
	  writing-mode: horizontal-tb;
	}
	#about_02 .item_04 h3 {
		font-size: 2.2vw;
		-ms-writing-mode: tb-rl;            /* IE用　*/
		-webkit-writing-mode: vertical-rl;  /* chrome用　*/
		-o-writing-mode: vertical-rl;       /* opera用　*/
		writing-mode: vertical-rl;
	}

	#about_03 {
		width: 100% !important;
		background: url(../img/about_03_bg.png) left 90% no-repeat;
		background-color: #f2f2f2;
		padding: 5% 0;
		margin: 0 0 5% 0;
	}
	#about_03 .item_05 p img {
		display: block;
		width: 95%;
		padding: 0 0 0 30%;
	}
	#about_03 .item_06 {
		width: 65%;
	}
	#about_03 .item_06 h3 {
		font-size: 1.8vw;
	}
	#about_03 .item_07 h3 {
		font-size: 1.3vw;
		margin: 0 0 2% 0;
	}

	#about_04 {
		text-align: center;
		margin: 0 0 5% 0;
	}
	#about_04 .item_08 {
		margin: 0 auto;
		width: 60%;
		background-color: #dde5ea;
		border-radius: 5px;        /* CSS3草案 */
		-webkit-border-radius: 5px;    /* Safari,Google Chrome用 */
		-moz-border-radius: 5px;   /* Firefox用 */
		padding: 2% 0;
	}

	#about_05 {
		margin: 0 auto;
		width: 75%;
	}
	#about_05 a img {
		display: block;
		width: 100%;
		margin: 0 0 30px 0;
		height: 185px;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}

	#about_06 {
		margin: 0 auto;
	}
	#about_06 .item_09 a img {
		display: block;
		margin: 0 auto;
		width: 1349px;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	body#about .inner_wrap {
	}
	#about_02 {
	}
	#about_02 .item_02 p img {
		display: block;
		margin: 0 auto;
		width: 100%;
	}
	#about_02 .item_03 p {
		font-size: 3.5vw;
	}
	.tcy { /* 縦書き */
	}
	#about_02 .item_04 h3 {
		font-size: 5vw;
	}

	#about_03 {
	}
	#about_03 .item_05 p img {
		display: block;
		width: 100%;
	}
	#about_03 .item_06 {
		width: 100%;
	}
	#about_03 .item_06 h3 {
		font-size: 5vw;
	}
	#about_03 .item_07 h3 {
		font-size: 4vw;
	}
	#about_03 .item_07 h3::after {
		background: none !important;
	}

	#about_04 {
		text-align: center;
	}
	#about_04 .item_08 {
		margin: 0 auto;
		width: 100%;
		background-color: #dde5ea;
		padding: 10%;
		margin: 0 0 10% 0;
	}

	#about_05 {
		margin: 0 auto;
		width: 100%;
	}
	#about_05 a img {
		display: block;
		width: 100%;
		margin: 0 0 30px 0;
		height: 62vw;
		object-fit: cover;
		font-family: 'object-fit: cover;';
	}

	#about_06 {
		margin: 0 auto;
	}
	#about_06 .item_09 a img {
		display: block;
		margin: 0 auto;
		width: 100%;
	}
}




/* ================================================================================

	伝統型

================================================================================ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	body#tradition .inner_wrap {
		width: 1000px;
	}
	#tradition_02 {
		max-width: 1920px !important;
		background-color: #222220;
		margin: 0 0 70px 0;
	}
	#tradition_02 .item_02 p img {
		margin: 0 auto;
		display: block;
	}

	#tradition_03 {
		background: url(../img/hasu-bg.png) center 550px no-repeat;
	}
	#tradition_03 .item_03 {
		margin: 0 auto;
	}
	#tradition_03 .item_03 h3 {
		margin: 0 auto;
		text-align: center;
		font-size: 42px;
	}

	#tradition_04  {
		max-width: 1920px !important;
		margin: 0 auto;
	}
	#tradition_04 .item_07 p img {
		margin: 0 auto;
		display: block;
		text-align: center;
		margin-left: -175px;
	}
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	body#tradition .inner_wrap {
	}
	#tradition_02 {
		background-color: #222220;
		margin: 0 0 20px 0;
	}
	#tradition_02 .item_02 p img {
		margin: 0 auto;
		display: block;
	}

	#tradition_03 {
	}
	#tradition_03 .item_03 {
		margin: 0 auto;
	}
	#tradition_03 .item_03 h3 {
		margin: 0 auto;
		text-align: center;
		font-size: 24px;
	}

	#tradition_04  {
		margin: 0 auto;
	}
	#tradition_04 .item_07 p img {
		margin: 0 auto;
		display: block;
		text-align: center;
	}
}




/* ================================================================================

	現代インテリア

================================================================================ */
/* PC設定
----------------------------------------------- */
@media (min-width: 768px) {
	body#present .inner_wrap {
		width: 1000px;
	}
	#present_02 {
		max-width: 1920px !important;
	}
	#present_02 .item_02 p img.pc {
		display: block;
		margin: 0 0 70px -452px;
	}
	#present_02 .item_02 p img.sp {
		display: none;
	}

	#present_03 {
	}
	#present_03 .item_03 {
		margin: 0 auto;
	}
	#present_03 .item_03 h3 {
		margin: 0 auto;
		text-align: center;
		font-size: 38px;
	}

	#present_04  {
		background: url(../img/hasu-bg.png) center top no-repeat;
	}

	#present_05  {
		max-width: 1920px !important;
		margin: 0 auto;
	}
	#present_05 .item_07 p img {
		margin: 0 auto;
		display: block;
		text-align: center;
		margin-left: -175px;
	}
}

/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	body#present .inner_wrap {
	}
	#present_02 {
	}
	#present_02 .item_02 p img.pc {
		display: none;
	}
	#present_02 .item_02 p img.sp {
		display: block;
		width: 100%;
	}

	#present_03 {
	}
	#present_03 .item_03 {
		margin: 0 auto;
	}
	#present_03 .item_03 h3 {
		margin: 0 auto;
		text-align: center;
		font-size: 24px;
	}

	#present_04  {
	}

	#present_05  {
		margin: 0 auto;
	}
	#present_05 .item_07 p img {
		margin: 0 auto;
		display: block;
		text-align: center;
	}
}





/* ================================================================================

	店舗概要

================================================================================ */
/* PC設定
----------------------------------------------- */
	body#access .inner_wrap {
		max-width: 1000px !important;
	}
	#access_02 .tb table {
		width: 100%;
	}
	#access_02 table th,
	#access_02 table td {
		padding: 10px;
	}

	#access_04 .item_07 h4 {
		font-size: 18px;
	}
	#access_04 .item_08 {
		padding: 30px;
		background-color: #e2e7eb;
		margin: 0 0 30px 0;
	}

	#access_04 .wpcf7 { /* お問い合わせフォーム */
	}
	#access_04 input {
		width: 75%;
	}
	#access_04 textarea {
		width: 75%;
	}
	#access_04 input#zip1,
	#access_04 input#zip2 {
		width: 10%;
	}
	#access_04 input.wpcf7-form-control.wpcf7-submit {
		color: #ffffff;
		padding: 15px;
		border: 1px solid #76405d;
		background-color: #8a5873;
		cursor: pointer;
		cursor: hand;
	}
	#access_04 input.wpcf7-form-control.wpcf7-submit:hover {
		background-color: #a87691;
	}
}


/* SP設定
----------------------------------------------- */
@media (max-width: 767px) {
	body#access .inner_wrap {
	}
	#access_02 .tb table {
		width: 100%;
	}
	#access_02 table th,
	#access_02 table td {
		padding: 10px;
	}

	#access_04 .item_07 h4 {
		font-size: 18px;
	}
	#access_04 .item_08 {
		padding: 30px;
		background-color: #e2e7eb;
	}
	#access_04 .item_09 {
		width: 100%;
	}

	#access_04 .wpcf7 { /* お問い合わせフォーム */
	}
	#access_04 input {
		width: 100% !important;
	}
	#access_04 textarea {
		width: 100% !important;
	}
	#access_04 input#zip1,
	#access_04 input#zip2 {
		width: 10%;
	}
	#access_04 input.wpcf7-form-control.wpcf7-submit {
		color: #ffffff;
		padding: 15px;
		border: 1px solid #76405d;
		background-color: #8a5873;
		cursor: pointer;
		cursor: hand;
	}
	#access_04 input.wpcf7-form-control.wpcf7-submit:hover {
		background-color: #a87691;
	}
}









/* ================================================================================

	ブログ

================================================================================ */

/* PC */
@media (min-width: 768px) {
	body#news .inner_wrap {
		width: 1000px;
	}
	.inner_blog_wrap {
		margin: 0 auto;
		width: 1000px;
	}
	.blog_wrap {
		width: 1000px;
	}
	.blog_wrap > div > ul{
		margin-bottom:60px;
		padding-bottom:30px;
		border-bottom:1px dotted;
	}

	.blog_title_link{
		font-size:32px;
		margin-bottom:24px;
	}
	.blog_title_link span{
		font-size:16px;
		margin-left:8px;
	}


	/* 人気記事 */
	.popular_post_wrap{
		padding-top:100px;
	}
	.popular_post_wrap h2{
		text-align:center;
		font-size:32px;
		border-bottom:1px solid #222222;
		width:50%;
		margin:0 auto 30px;
		color:#222222;
	}
	.popular_post_wrap ul{
		overflow:auto;
		width:1000px;
		margin:0 auto;
	}
	.popular_post_wrap ul li{
		float:left;
		width:320px;
		margin-right:20px;
		background-color:#cccccc;
		clear:none;
		padding:10px;
	}
	.popular_post_wrap ul li:last-child{
		margin-right:0px;
	}
	.popular_post_wrap ul li img{
		float:none;
		display:block;
		margin:0 auto;
		width:300px;
		height:200px;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}
	.popular_post_wrap ul li a{
		float:none;
		display:block;
		text-align:center;
	}
	.popular_post_wrap ul li span{
		float:none;
		display:block;
		text-align:center;
	}


	/* 最近の投稿・アーカイブ */
	.blog_function_wrap_inner{
		padding:40px 0 0;
	}
	.blog_function_wrap_inner > ul{
		overflow:auto;
		width:1000px;
		margin:0 auto;
	}
	.blog_function_wrap_inner > ul > li:first-child{
		float:left;
	}
	.blog_function_wrap_inner > ul > li:last-child{
		float:right;
	}
	.blog_function_wrap_inner > ul > li > ul{
		width:480px;
		height:240px;
		overflow:auto;
		text-align:center;
		font-size:20px;
		line-height:2;
	}
	.blog_function_wrap_inner > ul > li > ul span{
		font-size:14px;
		margin-left:10px;
	}
	.blog_function_wrap_inner h2{
		text-align:center;
		font-size:32px;
		border-bottom:1px solid #222222;
		width:50%;
		margin:20px auto 30px;
		color:#222222;
	}
	.ec_banner a img {
		display: block;
		margin-left: -175px;
	}


	/* ページ送り */
	.prevnext-nav{
		margin-top:-60px;
	}
}





/* SP */
@media (max-width: 767px) {


	.blog_wrap img{
		width:100%;
		height:400px;
		object-fit: cover;
		font-family: 'object-fit: cover;' /* IE対策 */
	}

	.blog_wrap > div > ul{
		margin-bottom:30px;
		margin-top:30px;
		padding-bottom:30px;
		border-bottom:1px dotted;
	}

	.blog_title_link{
		font-size:18px;
		margin-bottom:24px;
	}
	.blog_title_link span{
		font-size:12px;
		margin-left:8px;
	}


	/* 人気記事 */
	.popular_post_wrap{
		padding-top:60px;
	}
	.popular_post_wrap h2{
		text-align:center;
		font-size:26px;
		border-bottom:1px solid #222222;
		width:50%;
		margin:0 auto 30px;
		color:#53240a;
	}
	.popular_post_wrap ul{
		overflow:auto;
	}
	.popular_post_wrap ul li{
		width:100%;
		margin-right:20px;
		margin-bottom:40px;
		background-color:#cccccc;
		clear:none;
		padding:10px;
	}
	.popular_post_wrap ul li:last-child{
		margin-right:0px;
	}
	.popular_post_wrap ul li img{
		float:none;
		display:block;
		margin:0 auto;
		width:300px;
		height:200px;
		object-fit: cover;
		font-family: 'object-fit: cover;'; /* IE対策 */
	}
	.popular_post_wrap ul li a{
		float:none;
		display:block;
		text-align:center;
	}
	.popular_post_wrap ul li span{
		float:none;
		display:block;
		text-align:center;
	}


	/* 最近の投稿・アーカイブ */
	.blog_function_wrap_inner{
		padding:40px 0 0;
	}
	.blog_function_wrap_inner > ul{
		overflow:auto;
	}
	.blog_function_wrap_inner > ul > li:first-child{
		margin-bottom:40px;
	}
	.blog_function_wrap_inner > ul > li:last-child{
	}
	.blog_function_wrap_inner > ul > li > ul{
		width:100%;
		height:200px;
		overflow:auto;
		text-align:center;
	}
	.blog_function_wrap_inner > ul > li > ul span{
		font-size:14px;
		margin-left:10px;
	}
	.blog_function_wrap_inner h2{
		text-align:center;
		font-size:26px;
		border-bottom:1px solid #222222;
		width:50%;
		margin:20px auto 20px;
		color:#222222;
	}
}




/* ================================================================================

【価格表一式】

== 使用ウィジェット ==
ウィジェット：SiteOrigin エディターを使用してください。


== クラス指定 ==
1.行の編集 ⇒ 属性 ⇒ 行のclass
price_wrap を入力してください。

2.SiteOrigin エディター 編集 ⇒ 属性 ⇒ ウィジェットclass
price_inner を入力してください。


== 使用方法 ==
一つのウィジェットに一つのメニューとし、ウィジェットをコピーして使ってください。
タイトルにメニュー名、内容に値段を入力してください。

※サイズ、色、ボーダーの種類などデザインは適宜変更してください。

================================================================================ */


/* 価格表
----------------------------------------------- */

.price_wrap .so-panel{
	margin-bottom:2px !important;
}

.price_inner:after {
	display: block;
	clear: both;
	height: 0px;
	line-height: 0px;
	visibility: hidden;
	content: ".";
	overflow: hidden;
	float: none;
}/* フロート回り込み解除 */

.price_inner{
	border-bottom:1px dashed #222222;
	padding:4px 8px;
	display: block; /* for IE8 */
}

.price_inner .widget-title{
	font-size:16px;
	font-weight:normal;
	line-height:1.7;
	float:left;
}
.price_inner .textwidget{
	font-size:16px;
	line-height:1.7;
	float:right;
}
.price_inner .textwidget p{
	margin:0;
}