@charset "utf-8";
/*=================================================
 * ブラウザのデフォルトのスタイルをリセットする
 * ================================================= */

html, body, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p,
header, hgroup, section, article, aside, hgroup, footer, figure, figcaption, nav {
 margin: 0;
 padding: 0;
 font-size: 100%;
}



body {
 line-height: 1.0;
 -webkit-text-size-adjust: none;
 
    padding-bottom: 14vw !important;
}

article,aside,canvas,details,figcaption,figure,
footer,header,hgroup.f_menu,nav,section,summary { 
 display:block;
}

/* icon用font */

@font-face {
  font-family: 'fontello';
  src: url('../font/fontello.eot?40691054');
  src: url('../font/fontello.eot?40691054#iefix') format('embedded-opentype'),
       url('../font/fontello.woff2?40691054') format('woff2'),
       url('../font/fontello.woff?40691054') format('woff'),
       url('../font/fontello.ttf?40691054') format('truetype'),
       url('../font/fontello.svg?40691054#fontello') format('svg');
  font-weight: normal;
  font-style: normal;
}

img {
 border: 0;
 vertical-align: bottom;
}

ul, ol {list-style: none;}

p{margin-bottom:1.0em;}

/*=============================================*/
/*                 マージン            */
/*=============================================*/
.m_b0{margin-bottom:0px !important;}
.m_b05{margin-bottom:5px;}
.m_b10{margin-bottom:10px;}
.m_b15{margin-bottom:15px;}
.m_b20{margin-bottom:20px;}
.m_b25{margin-bottom:25px;}
.m_b30{margin-bottom:30px;}
.m_t05{margin-top:5px;}
.m_t10{margin-top:10px;}
.m_t15{margin-top:15px;}
.m_t20{margin-top:20px;}
.m_t25{margin-top:25px;}
.m_t30{margin-top:30px;}
.m_l20{margin-left:20px;}
.m_r20{margin-right:20px;}
.m_t-10{margin-top:-10px;}


.p_l05{padding-left:5px;}
.p_l10{padding-left:10px;}
.p_l15{padding-left:15px;}
.p_l20{padding-left:20px;}
.p_l25{padding-left:25px;}
.p_l30{padding-left:30px;}
.p_l40{padding-left:30px;}
.p_l50{padding-left:50px;}
.p_l65{padding-left:65px;}
.p_r05{padding-right:5px;}
.p_r10{padding-right:10px;}
.p_r15{padding-right:15px;}
.p_r20{padding-right:20px;}
.p_r25{padding-right:25px;}
.p_r30{padding-right:30px;}
.p_r40{padding-right:40px;}
.p_r50{padding-right:50px;}
.p_t10{padding-top:10px;}
.p_t20{padding-top:20px;}
.p_t30{padding-top:30px;}
.p_t40{padding-top:40px;}
.p_t50{padding-top:50px;}


.txt_red {
	color:#a01006;
	font-weight:bold;
}

.txt_par {
	color:#604961;
	font-weight:bold;
}


.mincho {
	font-family: "ヒラギノ明朝 Pro W4", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

/*=================================================
 * サイト全体の基本スタイル
 * ================================================= */
html{ height:100%;}

body {
	text-align:left;
	color: #302733;
	cursor: auto;
	font-family: "メイリオ", Meiryo, "ＭＳ ゴシック", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 14px;
	line-height: 26px;
	word-spacing:normal;
	-webkit-text-size-adjust: 100%;
	letter-spacing: 0.8px;
	background-image: url(../img/shared/body_bg.jpg);
	background-repeat: repeat;
	background-position: center top;
}

a:link { color:#553e6a; text-decoration: none;outline: none;-webkit-tap-highlight-color: rgba(0,0,0,0);-moz-outline: none; }
a:visited,a:active { color: #553e6a; text-decoration: none;outline: none;}
a:hover { color: #553e6a; text-decoration:none;outline: none;}
a:focus{outline: none;}



/* global-header */

.global-header{
	}

h1{
	color:#302733;
	text-align:right;
	font-size:8px;
	font-weight:normal;
	line-height: 20px;
	padding: 2px 5px;

}

h1 img{height:100%;}

.global-header p{margin-bottom:0;}

.scroll{
	position: absolute;
	top:10;
	left:0;
	z-index:9000;
	width:100%;
	/*-webkit-box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.3);
	box-shadow: 0px 0px 50px -10px rgba(0,0,0,0.3);*/
	height:20px;
	padding:2px 0;
	opacity:1;
	transform: translate3d(0,0,0);
    transition: all 0.3s ease-in-out;
	background-image: url(../img/shared/header_bg.jpg);
	background-repeat: repeat;
	background-position: center top;
}

.navi_open .scroll {
    opacity: 0;
}

/* ロゴ */
.logo {
	margin:0;
	position: fixed;
	margin-top:-20px;
	padding-top:0px;
	left:5px;
	z-index: 9999;
}

.topnavi{
	text-align:center;
	height:100%;
}

.topnavi li{
	display:inline-block;
	position:relative;
	margin-left:-4px;
	vertical-align:top;
}

.topnavi li a,
.topnavi li #menu_btn{
	color:#1c1916;
	font-size:10px;
	text-align:center;
	display:block;
	line-height:12px;
	height:100%;
	padding: 12px 0 8px;
	width:62px;
	border-left:solid 1px rgba(230,208,227,0.5);
	letter-spacing:1px;
	font-weight:bold;
}

.topnavi li a[class^="icon-"]:before{
	display:block;
	width:100%;
	padding-bottom:4px;
	font-size:14px;
	font-weight:normal;
	color:#302733;
}

.topnavi li #menu_btn{
	position:relative;
	overflow:hidden;
	text-align:center;
	width:62px;
}

.topnavi li #menu_btn:before,
.topnavi li #menu_btn:after,
.topnavi li #menu_btn span:before{content:'';}

.topnavi li #menu_btn span:before,
.topnavi li #menu_btn:before,
.topnavi li #menu_btn:after{
	height:3px;
	display:block;
	background:#1c1916;
	width:32px;
	margin:0 auto;
	border-radius:10px;
	position:absolute;
	margin-left:15px;
}

.topnavi li #menu_btn:before{top:11px;}
.topnavi li #menu_btn span:before{top:17px;}
.topnavi li #menu_btn:after{bottom:24px;}

.topnavi li #menu_btn span{
	display:block;
	padding-top:19px;
	color:#302733;
}

.topnavi li #menu_btn.active:before{
	animation: squishTop 0.5s ease;
	-webkit-animation: squishTop 0.5s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.topnavi li #menu_btn.active span:before{
	animation: disappear 0.5s ease;
	-webkit-animation: disappear 0.5s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.topnavi li #menu_btn.active:after{
	animation: squishBottom 0.5s ease;
	-webkit-animation: squishBottom 0.5s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.topnavi li #menu_btn.inactive:before{
	animation: squishTopRev 0.5s ease;
	-webkit-animation: squishTopRev 0.5s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.topnavi li #menu_btn.inactive span:before{
	animation: dissappearRev 0.5s ease;
	-webkit-animation: dissappearRev 0.5s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}

.topnavi li #menu_btn.inactive:after{
	animation: squishBottomRev 0.5s ease;
	-webkit-animation: squishBottomRev 0.5s ease;
	-webkit-animation-fill-mode: forwards;
	animation-fill-mode: forwards;
}



#navi .title_page{
	position:absolute;
	left:10px;
	top:50%;
	transform:translateY(-50%);
	color:#fff;
	font-size:24px;
}



#navi{
	position:fixed;
	bottom:0;
	left:0;
	right:0;
	height:50px;
	z-index:9990;
	padding:5px;
	background-image: url(../img/shared/header_bg.jpg);
	background-repeat: repeat;
	background-position: left top;
}


#navi .title_page{
	position:absolute;
	left:10px;
	top:50%;
	transform:translateY(-50%);
	color:#fff;
	font-size:24px;
}



/* =========================================================
	CLEAR
========================================================= */
.clear {
	clear: both !important;
}
br.clear {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden;
	visibility: hidden;
}
section {
	padding: 0;
	/*overflow: hidden;*/
	margin-bottom: 25px;
}


section p:last-child, section div:last-child {
	margin-bottom: 0;
}


.block {
	margin: 0px 0px;
	padding: 0px 0px;
	clear:both;
	overflow:hidden;
	text-align:left;
	position:relative;
}


#block {
	margin: 0px 0px;
	padding: 0px 0px;
	clear:both;
	overflow:hidden;
	text-align:left;
	position:relative;
}


.block_foot {
	margin: 5px 0px 0px 0px;
	padding: 5px 5px;
	clear:both;
	overflow:hidden;
 	color: #fff;
	text-align:left;
}



.block:after {
	content: '';
	display: block;
	clear: both;
}

.block-heading {
	margin-bottom: 6px;
	color: #231a15;
	font-size: 16px;
}

.block p {
	margin-bottom: 5px;
	padding-left: 5px;
	padding-right: 5px;
	line-height:1.8em;
}

.block p:last-of-type {
	margin-bottom: 0;
}


p.txt_c{
	text-align:center;
	margin: 8px 0px;
}

p{
	line-height:1.8em;
	padding-left: 8px;
	padding-right: 8px;
}



.image-right, .image-left {
	width: 40%;
	font-size: 12px;
	text-align: center;
}


.image-right {
	margin: 5px 0px 5px 5px;
	float: right;
}

.image-left {
	margin: 5px 5px 5px 0px;
	float: left;
}

.image-center {
	margin: 0 auto 6px auto;
	display: block;
}





/* 新着情報 */

.information {
	background-image: url(../img/shared/info_bg.jpg);
	background-repeat: repeat;
	background-position: left top;
	margin-top:20px;
	margin-bottom:25px;
	margin-right: 0px;
	margin-left: 0px;
	padding-top: 20px;
	padding-bottom: 20px;
	clear:both;
	overflow:hidden;
 	color: #302733;
}



.news {
	margin-top:15px;
	margin-bottom:15px;
	margin-right: 5px;
	margin-left: 5px;
	clear:both;
	overflow:hidden;
 	color: #302733;
}



#feed {
	margin-top: 10px;
	margin-bottom:10px;
	margin-right: 10px;
	margin-left: 10px;
	padding:10px 5px 10px 15px;
	font-size:12px;
}

#feed ul{
    list-style-type:disc;
    list-style-position:outside;
	margin: 5px 10px 5px 15px;
	font-size:12px;
}
#feed ul li{
    text-align:left;
	color:#302733;
	padding-left:2px;
}

#feed dl {
	display:table;
	width:100%;
	padding:0 0 10px;
	margin-bottom:10px;
}

#feed dl:last-of-type {
	border:none;
}

#feed dt {
	display:table-cell;
	width:30%;
	vertical-align:top;
}

#feed dd {
	display:table-cell;
	vertical-align:top;
	padding-left:10px;
}

#feed dd span{
	font-size:12px;	
	color: #302733;
}


#feed a{
	color: #302733;
}




.p_news{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#1c1916;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 5px 2px 2px 2px;
	line-height:1.5em;
	border-bottom:3px rgba(158,172,121,1) double;
}




/* フェイスブック */
.social {
	margin-top:15px;
	margin-bottom: 20px;
	margin-right: 5px;
	margin-left: 5px;
	clear:both;
	overflow:hidden;
 	color: #302733;
}


.fbbox {
	width: 300px;
	height: 360px;
	margin-top: 10px;
	margin-bottom:10px;
	margin-right: auto;
	margin-left: auto;
}


.p_face{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#633d0c;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.2);
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 5px 2px 2px 2px;
	line-height:1.5em;
	border-bottom:3px rgba(99,61,12,1) double;
}




/*=============================================*/
/*           header_img                        */
/*=============================================*/

.mainimage {
	display:block;
	top: 10px;
	margin-bottom: 10px;
	position:relative;
}




/*=============================================*/
/*           　フッター箇所　　　　　          */
/*=============================================*/

/* ナビゲーション（下層フッター用） */
.global-footer{
	background-color: #8c6fa6;
	color:#fff;
	text-align:center;
	padding-top:5px;
	padding-bottom: 5px;
	margin:0px auto 0px auto;
	font-size:10px;
}

.global-footer a{
	color:#fff;
	text-decoration:underline;
}



/* パソコン用を見る */
.pcsite {
	background-color: rgba(140,111,166,0.2);
	border: 1px solid #8c6fa6;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3), 0 0 3px rgba(0,0,0,0.1) inset;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3), 0 0 3px rgba(0,0,0,0.1) inset;
	box-shadow: 1px 1px 1px rgba(000,000,000,0.3), 0 0 3px rgba(0,0,0,0.1) inset;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	margin: 10px 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.pcsite a {
	color:#fff;
	display: block;
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.3);
}
.pcsite a:before {
	font-family: "fontello";
	content: '\f109'; /* 'p' */
	margin-right: 10px;
}





/* telボタン */
.botan_tel {
	background-color: rgba(224,206,232,0.5);
	border: 1px solid rgba(224,206,232,1);
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
	-webkit-box-shadow: 1px 1px 1px rgba(000,000,000,0.3), 0 0 3px rgba0,0,0,0.1) inset;
	-moz-box-shadow: 1px 1px 1px rgba(000,000,000,0.3), 0 0 3px rgba(0,0,0,0.1) inset;
	box-shadow: 1px 1px 1px rgba(000,000,000,0.3), 0 0 3px rgba(0,0,0,0.1) inset;
	text-align: center;
	text-decoration: none;
	line-height: 25px;
	margin: 10px 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	font-weight:bold;
}
.botan_tel a {
	font-size:16px;
	color:#1c1916;
	display: block;
	text-decoration: none;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
}
.botan_tel a:before {
	font-family: "fontello";
	content: '\e820';
	margin-right: 10px;
	color:#1c1916;
}



/*=============================================*/
/*           　　ボタン箇所　　　　　          */
/*=============================================*/
.botan a{
	background-color: rgba(224,206,232,0.5);
	margin: 10px 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	color:#302733;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	border: 1px solid rgba(28,25,22,0.5);
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.botan a:before {
	font-family: "fontello";
	content: '\f105'; /* 'r' */
	margin-right: 10px;
	color:#302733;
}


.botan2 a{
	background-color: rgba(255,255,255,0.1);
	margin: 10px 10px;
	padding-top: 10px;
	padding-bottom: 10px;
	display: block;
	color:#1c1916;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	text-align: center;
	text-decoration: none;
	font-size: 14px;
	border: 1px solid rgba(28,25,22,0.5);
	-webkit-border-radius: 2px;
	border-radius: 2px;
}

.botan2 a:before {
	font-family: "fontello";
	content: '\f105'; /* 'r' */
	margin-right: 10px;
	color:#1c1916;
}

.botan3 a{
	margin: 20px 10px 10px 10px;
	padding: 20px 0;
	display: block;
	color:#fff;
	text-shadow: 1px 1px 2px rgba(0,0,0,0.1);
	text-align: center;
	text-decoration: none;
	font-size: 16px;
	background-color: #333366;
	background: -moz-linear-gradient(top, #4e57a9 30%, #333366 70%);
	background: -o-linear-gradient(top, #4e57a9 30%, #333366 70%);
	background: -ms-linear-gradient(top, #4e57a9 30%, #333366 70%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0.3, #4e57a9), color-stop(0.7, #333366));
	border: solid 1px #6f6d40;
	-webkit-border-radius: 2px;
	border-radius: 10px;
	box-sizing:border-box;
	font-family: "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
}


/*=============================================*/
/*          　　botan横並び2　         */
/*=============================================*/

.btnbox{
	margin-top: 0px;
	margin-bottom:10px;
	width:99%;
	clear:both;
	overflow:hidden;
}

.btnbox .l{
	width:49%;
	float:left;
	margin-top: 10px;
	margin-bottom:10px;
	margin-right:2px;
}

.btnbox .r{
	width:49%;
	float:right;
	margin-top: 10px;
	margin-bottom:10px;
	margin-left:2px;
}


.btnbox p {
	margin: 5px 3px;
}

.btnbox p span {
	font-size:12px;
}


.btnbox2{
	margin-top: 0px;
	margin-bottom:10px;
	width:99%;
	clear:both;
	overflow:hidden;
}

.btnbox2 .l{
	width:46%;
	float:left;
	margin-top: 10px;
	margin-bottom:10px;
	margin-right:2px;
	margin-left:2px;
	padding-top:10px;
	padding-bottom: 10px;
	background: rgba(133,102,224,0.6);
	text-align:center;
	border:3px #8566a1 ridge;
}

.btnbox2 .r{
	width:46%;
	float:right;
	margin-top: 10px;
	margin-bottom:10px;
	margin-left:2px;
	padding-top:10px;
	padding-bottom: 10px;
	background: rgba(133,102,224,0.6);
	text-align:center;
	border:3px #8566a1 ridge;
}







/*=============================================*/
/*           　　メインタイトル　　　　　          */
/*=============================================*/

.sbtitle{
	text-align:center;
	padding: 0px;
	margin: 0px auto 10px auto;
	line-height:1.4em;
	font-size:22px;
	font-weight:bold;
}




.f_12{
	font-size:12px !important;
	line-height:1.5em;
}


.f_16{
	font-size:16px !important;
	line-height:1.5em;
	color: #594237;
}

.f_18{
	font-size:18px !important;
	line-height:1.5em;
}

.f_20{
	font-size:20px !important;
	line-height:1.5em;
}




.p_tsb{
	margin: 10px 15px;
	text-align:center;
	font-size:12px;	
	padding-top: 5px;
	padding-bottom: 5px;
	border:1px rgba(184,134,11,0.8) solid;
}




.p_tax{
	margin: 5px 0px;
	text-align:right;
	padding: 10px 5px 0px 5px;
	font-size:12px;
}



.p_exp{
	margin: 5px 0px;
	text-align:left;
	color:#231400;
	padding: 3px 5px 3px 5px;
	font-size:12px;
}



.p_mt50{
	margin-top: -50px;
	line-height:1.8em;
	padding-left: 8px;
	padding-right: 8px;
	z-index:30;
}


.p_mt100{
	margin-top: -100px;
	line-height:1.8em;
	padding-left: 8px;
	padding-right: 8px;
	z-index:30;
}



p.price {
	font-size:14px;
	padding-right: 10px;
	padding-bottom: 3px;
	margin: 5px 5px 10px 5px;
	border-bottom:1px rgba(139,77,38,0.5) dotted;
	clear: both;
	color: #b50303;
	text-align:right;
	font-weight:bold;
	line-height:1.5em;
}

p.price2 {
	margin: 0px 30px 0px 30px;
	text-align:center;
	color:#1c1916;
	font-size:20px;	
	padding: 5px;
	font-weight:bold;
	background: rgba(234,240,224,1);
}




hr{
	border: 1px rgba(82,33,6,0.2) solid;
	margin: 15px 10px 15px 10px;
}



.float{
	float: left;
	margin-right: 1em;
}
.floatclear{
	clear: both;
}

.houjin{
	text-align:center;
	
	padding-left:10px;
}


/*=============================================*/
/*           　　　topics bnr  　　　          */
/*=============================================*/
.topics {
	clear:both;
	margin: 10px 0px;
	padding:0px 0px;
	text-decoration: none;
	text-align:left;
}



.topics ul{
    list-style-type:neno;
    list-style-position:outside;
	margin-bottom:15px;
}

.topics ul li{
    text-align:left;

	margin-bottom: 10px;
}

.topics a{
	color: #836449;
}

.topics p {
	font-size:12px;	
	margin: 5px 3px;
}

.topics p span {
	font-size:12px;
	padding-top:40px;

}

.width-qt {
	display:table-cell;
	width:33.33%;
	float:left;
}


.width-half {
	WIDTH: 49%;
	float:left;
	margin-right:1px;
	margin-left:2px;
	margin-bottom:10px;
}
#index .ul-inline{
	width: 100%;
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
	margin:0 auto;
}
#index .width-half{
	display: inline-block;
	float:none;
}


.width-half2 {
	WIDTH: 49%;
	float:left;
	margin-right:1px;
	margin-left:2px;
	margin-bottom:10px;
}

.width-full {
	WIDTH: 100%;
	margin-top: 10px;
}

.ul-inline {
	overflow: hidden;
	margin-left:3px;
	margin-right:3px;
}
.ul-inline li {
	margin-top:10px;
	margin-bottom: 10px;
}





.topics .p_topics{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#34373f;
	text-shadow: 1px 2px 2px rgba(0,0,0,0.1);
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 5px 2px 2px 2px;
	line-height:1.5em;
	border-bottom: 3px #2D1A0F double;
}


/*          　　  menu_list        　　          */
/*=============================================*/

.menu_list{
	clear:both;
	margin: 5px 0px 5px 0px;
	padding: 0px 5px;
}


.menu_list dl dt{
	margin-top:5px;
	font-size:14px;
	line-height:1.5em;
	padding:3px 5px;
}

.menu_list dd.price{
	font-size:14px;
	line-height:1.5em;
	color:#1c1916;
	margin-top:-1.5em;
	text-align:right;
	font-weight:bold;
	padding:3px 5px;
	border-bottom:1px rgba(223,205,229,0.5) dotted;
}

.menu_list dd.price2{
	font-size:16px;
	line-height:1.5em;
	color:#1c1916;
	margin-top:-1.5em;
	text-align:right;
	font-weight:bold;
	padding:3px 5px;
	border-bottom:1px rgba(28,25,22,0.5) dotted;
}


.menu_list dl dd.txt{
	font-size:12px;
	line-height:1.5em;
	padding-left:5px;
	padding-top:5px;
	padding-bottom: 5px;
}

.menu_list dl dt span{
	font-size:10px;
}

.menu_list dl dd span{
	font-size:12px;
}




/*          　　     line        　　          */
/*=============================================*/

.line{
	margin-top: 0px;	
}



/*          　　     main        　　          */
/*=============================================*/

.main{
	clear:both;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 20px 0px;
	color:#302733;
}




/*//////////////////// Index ///////////////////*/
#index03 .main_bnr{
	clear:both;
	margin-left:-1px;

}

#index03 .main_bnr li{
	box-sizing: border-box;
	width:33%;
	float:left;
	text-align:center;
	height:80px;
	background-color: #f8f0d0;
	border-left: 1px solid #ecd782;
	margin-bottom:30px;
}

#index03 .main_bnr li .demo-icon {
	font-size:25px !important;
	padding-bottom:5px;
	position:relative;
	color:#302733;
	}

#index03 .main_bnr .bnr{
	width:33%;
	
}
#index03 .main_bnr li a{
	letter-spacing:1px;
	display: block;
	color: #302733;
	text-decoration:none;
	padding:15px 0 15px 0;
	width: 100%;
	height: 100%;
}

#index04 ul li{
	background: linear-gradient(#fefefc, #cfebff);
    border: 1px solid #b8bed4;
    margin: 0 12vw;
    padding: 2vw;
    text-align: center;
}
#index04 ul li a{
	display:block;
}
#index04 ul li .demo-icon{
	font-size: 25px !important;
    position: relative;
    color: #3286c4;
}



/*//////////////////// history ///////////////////*/
#history .inner{
	background-image: url(../img/shared/back_bg.png);
	background-repeat: repeat;
	background-position: left bottom;
	color:#1c1916;
	clear:both;
	margin-top: -20px;
	margin-left:8px;
	margin-right:8px;
	padding: 40px 0px 50px 0px;
}

#his03{
	margin-top: 30px;
}
	
.p_area{
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#846486;
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 5px 10px 5px 10px;
	line-height:1.5em;
	border-bottom:3px rgba(132,100,134,1) double;
}


#history p.tategaki{
	color:#302733 !important;
	line-height: 35px;
	letter-spacing: 3px;
	text-align: justify;
	padding: 16px 0 0;
	writing-mode: tb-rl; /* IE独自仕様 */
	writing-mode: vertical-rl;
	-moz-writing-mode: vertical-rl;
	-o-writing-mode: vertical-rl;
	-webkit-writing-mode: vertical-rl;
	-webkit-text-orientation: upright;
	-moz-text-orientation: upright;
	-ms-text-orientation: upright;
	text-orientation: upright;
	margin-top: 20px;
	margin-left:auto;
	margin-right:auto;
	margin-bottom: 10px;
	padding-bottom:10px;
	height: 350px;
	font-size:14px;
	position:relative;

}
#history #houjin p.btn {
    width: 100%;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
}
#history #houjin  p.btn a {
    display: inline-block;
}
#history #houjin  p.btn  img {
    width: 100%;
    height: auto;
}


/*///////////////// wagashi /////////////////*/
#wa02{
	margin-top: 30px;
}


#wa03{
	margin-top: 30px;
}

#wa04{
	margin-top: 30px;
}

#wa05{
	margin-top: 30px;
}



#wa02 .inner{
	background-image: url(../img/shared/back_bg.png);
	background-repeat: repeat;
	background-position: left bottom;
	color:#1c1916;
	clear:both;
	margin-top: -20px;
	margin-left:8px;
	margin-right:8px;
	padding: 40px 0px 50px 0px;
	border-bottom:3px rgba(132,100,134,1) double;
}

#wagashi #sec{
	width:100%;
	background-image: url(../img/wagashi/sec_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	clear:both;
	padding-top:0px;
	padding-bottom:0px;
	margin: 0px 0px 0px 0px;
}




/*//////////////////// yougashi ///////////////////*/
#yo02{
	margin-top: 30px;
}


#yo03{
	margin-top: 30px;
}

#yo04{
	margin-top: 30px;
}


#yougashi .contents{
	background-image: url(../img/shared/back2_bg.jpg);
	background-repeat: repeat;
	background-position: left top;
	color:#553331;
	clear:both;
	margin: 20px 5px 0px 5px;
	padding: 30px 0px 20px 0px;
	border:3px #553331 solid;
}

#story{
    text-align:center;
	clear:both;
	margin: 15px 8px;
	padding-top:30px;
	height:380px;
}


#yougashi #sec{
	width:100%;
	/*background-image: url(../img/yougashi/sec_bg.png);
	background-repeat: no-repeat;
	background-position: left bottom;*/
	clear:both;
	padding-top:0px;
	padding-bottom:5vw;
	/*margin: 0px 0px 30px 0px;*/
}
#yougashi #sec .sbtitle{
	margin-bottom:-3vw;
}
#yougashi #sec h4{
	text-align:right;
	margin-bottom:-11vw;
    font-weight: normal;
}
#yougashi #sec_n .sbtitle{
	margin-bottom:-12vw;
}

#yougashi #sec2{
	width:100%;
	background-image: url(../img/yougashi/sec2_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	clear:both;
	padding-top:0px;
	padding-bottom:0px;
	margin: 0px 0px 0px 0px;
}


/*//////////////////// shopinfo ///////////////////*/
#info02{
	margin-top: 30px;
}


#info03{
	margin-top: 30px;
}



#shopinfo #sec{
	width:100%;
	background-image: url(../img/shopinfo/sec_bg.png);
	background-repeat: no-repeat;
	background-position: center top;
	clear:both;
	padding-top:30px;
	padding-bottom:30px;
	margin: 0px 0px 0px 0px;
}



/*//////////////////// contact ///////////////////*/
#contact .contents{
	background-image: url(../img/shared/back_bg.png);
	background-repeat: repeat;
	background-position: left bottom;
	color:#302733;
	clear:both;
	margin: 20px 8px 0px 8px;
	padding: 20px 0px 20px 0px;
	border-top:5px #553331 solid;
	border-left:3px #553331 solid;
	border-right:3px #553331 solid;
}


#contact .cont02 table{
	width:95%;
	margin:0px auto 15px auto;
	text-align:center;
	line-height:1.8em;
}


#contact .cont02 table th{
	text-align:center;
	font-size:14px;
	padding-top:8px;
	padding-bottom:8px;
	border-bottom:1px rgba(61,23,0,0.5) solid;
}

#contact .cont02 table td{
	text-align:left;
	padding:8px 5px 8px 8px;
	margin:3px 0px 5px 0px;
	font-size:14px;
}

#contact .cont02 .contents{
	background: rgba(255,255,255,0.1);
	color:#3d1700;
	clear:both;
	margin: 100px 5px 10px 5px;
	padding: 10px 0px 20px 10px;
	border:1px rgba(61,23,0,0.8) solid;	
}


/*//////////////////// thanks ///////////////////*/

#thanks .contents{
	clear:both;
	margin: 100px 0px 30px 0px;
	padding: 0px 0px 20px 0px;
}

#tnk01{
	margin-top: 30px;
}


/*          　　   shop_box      　　          */
/*=============================================*/

.shop_box{
	clear:both;
	margin: 0px 0px 30px 0px;
	padding: 20px 0px 30px 0px;
	color:#fff;
	background-color: #000;
}




.shop_box dl dt{
	margin-top:10px;
	margin-left:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:5px;
	font-size:14px;	
	font-weight:bold;
	color: #fff;
	border-left-width: 4px;
	border-left-style: outset;
	border-left-color: #8c6fa6;
}

.shop_box dl dd{
	padding-left:15px;
	font-size:14px;
	color:#fff;
	border-bottom:1px rgba(255,255,255,0.5) dotted;
	padding-top:5px;
	padding-bottom:14px;
	margin: 0px 5px 0px 5px;
	line-height:1.2em;
}


.shop_box dl dd a{
	color:#8c6fa6;
}





/*          　　  caption        　　          */
/*=============================================*/

#caption{
    text-align:center;
	clear:both;
	margin: 25px 10px;
	padding-top: 0px;
	padding-bottom:20px;
}
#caption h4{
	font-size:5.2vw;
}
#caption li span{
	width: 85%;
    margin: 0 auto;
    text-align: left;
    display: block;
}
#caption2{
    text-align:center;
	clear:both;
	margin: 20px 8px;
	padding-top: 0px;
	padding-bottom:20px;
	width:95%;
}



/*          　　     map        　　          */
/*=============================================*/
#gmaps{
	color:#fff;
    text-align:center;
	clear:both;
	margin: 10px 8px;
	height:450px;
	border:3px #97a273 solid;
}


#maps{
	color:#fff;
    text-align:center;
	clear:both;
	margin: 20px 8px;
	border:2px #302733 solid;
}


iframe {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
}



/*          　　　 店舗情報box   　　          */
/*=============================================*/
.shopinfo{
	border-top:3px #8c6fa6 double;
	position: relative;
	color: #302733;
	clear:both;
	padding: 15px 0px 15px 0px;
	margin: 20px 0px 0px 0px;
	line-height:2em;
}



.shopinfo p{
    text-align:center;	
	
}
.shopinfo dl {
	margin-top:5px;
	line-height:2em;
	padding:5px 5px 25px 5px;
}

.shopinfo dl dt{
	float: left;
	color: #302733;
	margin-left:10px;

}

.shopinfo dd{
	color: #302733;
	text-align: left;
	padding-top: none;
	padding-left: 120px;
}



.shopinfo a{
	color: #302733;
}

/*          　 シェアボタンbox   　　          */
/*=============================================*/

#social-share {
	padding: 10px 0;
	overflow: hidden;
	width: 100%;
}


#social-share table{
	width:320;
	margin:5px auto 5px auto;
}
#social-share table th{
	float:left;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding-top:1.6em;
	padding-bottom:1.6em;
	padding-right:2px;
}

#social-share table td{


	text-align:center;
	padding:3px 0px 3px 5px;
	margin:3px 0px 3px 0px;
	float:left;
}




.lin_m{
	line-height:1.3em;
}

.btn_okayu{
    width: 100%;
    margin: 20px 0;
    padding-left: 0 !important;
}
.btn_okayu02{
    width: 90%;
    margin: 20px auto;
    padding-left: 0 !important;
}