/*================================================================================
  Item Name: finback
  Version: 2.1
  Author: Studio HANE-KUJIRA
================================================================================*/

@font-face {
    font-family: dfhsr4;
    src: url(/htdocs/font/dfhsr4/DFHSR4.eot);
}

@font-face {
    font-family: dfhsr4;
    src: url(/htdocs/font/dfhsr4/DFHSR4.ttf) format("truetype");
}

html {
	height: 100%;
	color:#292929;
}

body {
	font-family: "メイリオ",Meiryo,"ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro",Osaka,"ＭＳ Ｐゴシック","MS PGothic",sans-seri!important;
	/*min-height: 100vh;*/
	height: 100%;
	flex-direction: column;
	background:url(/htdocs/img/bg.jpg) repeat;
	background-attachment: fixed;
	overflow:visible!important;
	font-size:12px;
}

body.wa_bg{
	background:url(/htdocs/img/wa_bg.jpg) repeat;
}


/* footer bottom-fixed */
body.flex{
	display: flex!important;
	min-height: 100vh!important;
	flex-direction: column!important;
}

body.flex #main {
	flex: 1 0 auto!important;
}

/*
html {
	overflow-y:scroll;
}
*/

p{
	line-height:1rem;
	margin:0;
	padding:0;	
}

.container{
	max-width:1160px;	
}

.container .row{
	margin-left:0!important;
	margin-right:0!important;
}

a{
	color:#942A2C;
	overflow:hidden!important;
	outline:none!important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)!important; 
}
a:hover{
	overflow:hidden!important;
	outline:none!important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)!important
 }
a:focus{
	overflow:hidden!important;
	outline:none!important;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0)!important
}
.block{
	display:block!important;
	}

/* google conversion非表示 */
#conversion{visibility:hidden;}	
	
/* COLOR --------------------------------------------------- */

/* https://coolors.co/381112-942a2c-f0ebd8-ca5310-393c43 */

._grey,
._gray{
	background-color: #3A3F51 !important;
	color:#fff!important;
}

._f-white{
	color:#fff!important;
}

._red{
	background-color:#C0392B!important;
}
._green{
	background-color:#2ABB67!important;
}
._orange{
	background-color:#F39C12!important;
}

._blue{
	background-color:#2980B9!important;
}
._brown{
	background-color:#D35400!important;
}
._ocher{
	background-color:#BDAFA7!important;
}

._silver{
	background-color:#eee!important;
}

/* HELPER --------------------------------------------------- */

.mb5{margin-bottom:10px!important;}
.mb10{margin-bottom:10px!important;}
.mb15{margin-bottom:15px!important;}
.mb20{margin-bottom:20px!important;}
.mb30{margin-bottom:30px!important;}

.mt5{margin-top:5px!important;}
.mt10{margin-top:10px!important;}
.mt15{margin-top:15px!important;}
.mt20{margin-top:20px!important;}
.mt30{margin-top:30px!important;}

.pb20{padding-bottom:20px!important;}
.pb50{padding-bottom:50px!important;}

.ptb100{padding:100px 0!important;}

.pt20{padding-top:20px!important;}

.w20p{
	width:20%!important;	
}
.w80p{
	width:80%!important;	
}

.inner{
	padding:10px;
	margin-bottom:20px;	
}

.darkTtl{
	font-size:15px;
	background-color:#363940;
	color:#fff;
	padding:10px 10px;
	}

/* CIRCLE --------------------------------------------------- */
/* imgタグにつけるクラス 丸くなる */
.circle{
	object-fit: cover;
	width:140px;
	height:140px;
}

.circle.x-small{
	width: 25px!important;
	height: 25px!important;
}

.circle.small{
	width: 36px!important;
	height: 36px!important;
}

.circle.middle{
	width: 60px!important;
	height: 60px!important;
	margin-right:20px;
}

.circle.large{
	width: 78px!important;
	height: 78px!important;
	margin-right:30px;
}

/* 2019.08.29 物産展バッジ */
p.badge{
	text-align: right;
}


/* PAGE ================================================================================*/
/* opacity */
a.op:hover img {
    -moz-opacity: 0.7;
    opacity: 0.7;
    filter: alpha(opacity=70);
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
	}
a.op img {
    -webkit-transition-duration: 0.5s;
    transition-duration: 0.5s;
	display:block;
	margin:0 auto;
	}

/* header --------------------------------------------------- */
.logo.row{margin:0!important;}
ul.translation{margin:10px 0 0 0 ;}
ul.translation li{
	display:inline-block;
}
ul.translation li img{
	width:auto;
	height:28px;
}

ul.translation li a:after{content:" ｜ "}
ul.translation li:last-child a:after{content:none;}

#loginConsole {
	margin-top: 2em;
	line-height: 40px;
	vertical-align: middle;
	}

#loginConsole{font-size:14px;}
.activeGroup > *{float:left;}

#loginConsole .loginName span,
#loginConsole .loginName span{
	font-size:17px;	
	}

#loginConsole span.login,
#loginConsole span.logout {
	background-color: #942A2C;
	color: #fff;
	padding: 3px 1em;
	border-radius: 3px;
	white-space:nowrap;
	}
#loginConsole span.translate{
	line-height: 24px;
	vertical-align: bottom;
	}
#loginConsole span.translate img{
	}

/* footer --------------------------------------------------- */
#footer {
/*	background:url(../img/bg.jpg) repeat;	*/
	}

.footerInfo .container .row{margin-bottom:0!important;}
.footerInfo{
	padding:20px 0;
	background-image:url(../img/bg_footer.jpg);
	background-repeat:repeat;
	}
.footerInfo ul li{
	color:#FFF;
	margin-bottom:5px;
	background-image:url(../img/icon_arrow01.png);
	background-repeat:no-repeat;
	padding-left: 20px;
	}
.footerInfo ul li.index{
	background: none;
	padding: 0 0 1em 0;
	font-size: 1.2em;
	}

.footerInfo ul li a{
	color:#FFF;
	border-bottom:#FFF 1px solid;
	padding:0 3px;
	}
.footerInfo ul li a:hover{border-bottom:none;}

.col.l6.m6.s12.footerTel{
	margin-top:8px;
	text-align:center;
	}

.footerLogo img{
	display:block;
	margin:5px auto 10px;
	}
.footerLogo p{
	text-align:center;
	font-size:12px;
	}


/* shopSlider --------------------------------------------------- */
#shopSlider .bx-wrapper{
	padding:0;
	background:none;
	margin:0;
	border:0!important;
	box-shadow:none;
}

#shopSlider .bxslider li {
      display: none;
    }
#shopSlider .bx-viewport .bxslider li {
  display: block !important;
}


/* index --------------------------------------------------- */
/* slick */
.center-item img{
		display: none;
	}
.slider{
	height:100%!important;
	margin:0!important;
/*	background:url(../img/wa_bg.jpg) repeat;	*/
	background-color: #44362D;
	padding-top: 1.5em;
	padding-bottom: 1.5em;
	}
.slider img{
	height: auto;
	border: 8px;
	width: 100%;
	}
.slider:after{
	content: "."; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
	}	
.slick-prev::before,
.slick-next::before {
	font-size: 50px;
	}
.lazy-item .slick-next,
.thumb-item-nav .slick-next,
.multiple-item .slick-next,
.center-item .slick-next {
	right: 50px;
	z-index: 1000;
	}
.lazy-item .slick-prev,
.thumb-item-nav .slick-prev,
.multiple-item .slick-prev,
.center-item .slick-prev {
	left: 15px;
	z-index: 1000;
	}
.single-item .slick-prev::before,
.single-item .slick-next::before {
	color: #666;
	}
.slick-dots {bottom:-25px;}

.slider .slick-slide:not(.slick-center) {
  -webkit-transform: scale(0.95);
  -moz-transform: scale(0.95);
  -ms-transform: scale(0.95);
  -o-transform: scale(0.95);
  transform: scale(0.95);
  transition: 0.8s ease-in;
}

.slider .slick-slide.slick-center {
  -webkit-transform: scale(1.0);
  -moz-transform: scale(1.0);
  -ms-transform: scale(1.0);
  -o-transform: scale(1.0);
  transform: scale(1.0);
  transition: 0.8s ease-in;
}


/*.eyecatch*/
.eyecatch {
	margin-bottom: 1em;
	}
.eyecatch img{
	display:block;
	margin:0 auto;
	}

/*.movieArea*/
.movieArea {
	margin-bottom: 1em;
	overflow: hidden;
	background:url(../img/bg_footer.jpg) repeat;
	width:100%;
	}

#movieBox {
/*    height: 400px;	*/
    position: relative;
}
#movieBox #bgndVideo {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}
#movieBoxLogo {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translateY(-50%) translateX(-50%);
  -webkit- transform: translateY(-50%) translateX(-50%);
}
#movieBoxLogo p {
	text-align: center;
}
#movieBoxLogo p img {
	width: 100%;
}


/* .noticeArea */
.noticeArea{
/*	background:url(../img/wa_bg.jpg) repeat;	*/
	background:url(../img/bg_notice.jpg) repeat-x;
	background-size:cover;
	padding-top:10px;
	/*box-shadow: 0 5px 3px -3px rgba(0,0,0,0.2) inset, 0 -5px 3px -3px rgba(0,0,0,0.2) inset;*/
	}
.col.s12.noticeboard{
	padding:10px 40px;
	background-repeat:repeat;
	margin-bottom:10px;
	}
.noticeboard p{
	/*
	font-size:23px;
	text-align:center;
	*/
	font-size:16px;
	color:#292929;
	line-height:1.3;
	}
.noticeboard a{
	text-decoration:underline;
	}
.col.banners{
	text-align:center;
	margin-top:15px;
	}

/* .springArea */
.springArea{
/*	background:url(../img/wa_bg.jpg) repeat;	*/
	text-align:center;
	background:url(../img/bg_spring.jpg) repeat-x;
	background-size:cover;
	padding-top:10px;
	/*box-shadow: 0 5px 3px -3px rgba(0,0,0,0.2) inset, 0 -5px 3px -3px rgba(0,0,0,0.2) inset;*/
	}
.col.s12.springboard{
	padding:10px 40px;
	background-repeat:repeat;
	margin-bottom:10px;
	}
.springboard p{
	/*
	font-size:23px;
	text-align:center;
	*/
	font-size:16px;
	color:#292929;
	line-height:1.3;
	}
.springboard a{
	text-decoration:underline;
	}
.col.banners{
	text-align:center;
	margin-top:15px;
	}

/* .awardArea */
.awardArea{
/*	background:url(../img/bg.jpg) repeat;	*/
	padding-top:0px;
	/*box-shadow: 0 5px 3px -3px rgba(0,0,0,0.2) inset, 0 -5px 3px -3px rgba(0,0,0,0.2) inset;*/
	}
.awardArea img{
	width: 100%;
	max-width: 1160px;
}


.seasonArea1 .container,
.seasonArea2 .container,
.seasonArea3 .container,
.seasonArea4 .container,
.seasonArea5 .container,
.springArea .container{
	max-width: 1000px;
	}

.seasonArea1 h2,
.seasonArea2 h2,
.seasonArea3 h2,
.seasonArea4 h2,
.seasonArea5 h2,
.springArea h2{
	background-color: #9a4743;
	border-radius: 5px;
	color: #fff;
	font-size: 22px;
	padding: 0.5em;
	margin-bottom:10px;
	margin-top:0;
	}

.seasonArea1 .section,
.seasonArea2 .section,
.seasonArea3 .section,
.seasonArea4 .section,
.seasonArea5 .section,
.springArea .section{
		margin-bottom: 0;
	}

.seasonArea1 .row .col,
.seasonArea2 .row .col,
.seasonArea3 .row .col,
.seasonArea4 .row .col,
.seasonArea5 .row .col,
.springArea .row .col{
	padding: 0 4px; 0.5em;
	}

/* .seasonArea1 */
.seasonArea1{
	text-align:center;
	padding-top: 10px;
	background: linear-gradient(180deg, #ffffff 0%, #ffffff 40px, #e9cbc1 40px, #e9cbc1 100%);
	}
.seasonArea1 .container{
	padding-top: 0;
	}
.seasonArea1 .section{
	padding-top: 0;
	}

/* .seasonArea2 */
.seasonArea2{
	text-align:center;
	padding-top:3em;
	background-color: #fff;
	}
.seasonArea2 #oseibo_kakuni {
	position: relative;
	padding-top: 0;
	}
.seasonArea2 #oseibo_kakuni_banner {
	position: absolute;
	top: 0;
	right: 25px;
	max-width: 30%;
	}

/* .seasonArea3 */
.seasonArea3{
	text-align:center;
	padding-top:10px;
	background-color: #f2e6d8;
	}

/* .seasonArea4 */
.seasonArea4{
	text-align:center;
	padding-top:10px;
	background-color: #311301;
	}

/* .seasonArea5 */
.seasonArea5{
	text-align:center;
	padding-top:10px;
	background-color: #E9CBC1;
	}

/* .newsArea */
.newsArea{
	background:url(../img/bg_shop.jpg) no-repeat;
	padding-top:10px;
	padding-bottom: 2em;
	}
.newsArea .container .panel{
	background:url(../img/bg_list.jpg) repeat;
	}
.newsArea #top-news-index{
	color: #fff;
	font-size:22px;
	font-weight: bold;
	}

/* .parallax-container */
.parallax-container{
	height: 250px;
	width:auto;
	margin-bottom:30px;
	box-shadow: 0 5px 3px -3px rgba(0,0,0,0.2) inset, 0 -5px 3px -3px rgba(0,0,0,0.2) inset;
	}

	
/*news*/
.usual dl {
    width: 100%;
	border-bottom:1px dotted #BDAFA7;
	margin-top:0;
     }
.usual dt,
.usual dd {
     display:table-cell;
     line-height: 1.4;
     vertical-align:middle;
	 padding-bottom:10px;
     }
.usual dt{
     width: 100px;
/* 2019.09.07
     padding-right:10px;
****/
     }
.usual dt p{
	width:80px;
	text-align:center;
	font-size:11px;
	}
.usual dt .newsType{
	border-radius:3px;
	color:#FFF;
	padding:3px 0;
	margin-bottom:5px;
	}
.usual dt .newsType._1{background-color:#666596;}
.usual dt .newsType._2{background-color:#C5A364;}
.usual dt .newsType._3{background-color:#ED9639;}
.usual dt .newsType._4{background-color:#3A938F;}
.usual dt .newsType._5{background-color:#9C6685;}

.usual dd a{
	color:#942A2C;
	text-decoration:underline;
	} 
.usual dd a:hover{text-decoration:none;}

/* IE 6 */
* html .usual dt,
* html .usual dd{
   display:inline;
   zoom:1;
    }
/* IE 7 */
*:first-child+html .usual dt,
*:first-child+html .usual dd{
   display:inline;
   zoom:1;
   }

/* 2019.09.07 物産展情報 */
#top-exhibition dt,
#top-exhibition dd {
     display:block;
     width: 100%;
     clear: both;
     margin-left: 0;
	}
#top-exhibition dt {
     position: relative;
	}
#top-exhibition dt p{
	text-align: left;
     width: 100%;
     padding-right: 35px;
	}
#top-exhibition dt p.icon{
     width: auto;
     padding-right: 0;
     position: absolute;
     top: 0;
     right: 0;
	}

/* 2019.09.07 最新ニュース */
#top-news dt,
#top-news dd {
     display:block;
     width: 100%;
     clear: both;
     margin-left: 0;
	}
#top-news dt p{
     float:left;
	}


/* .cm */
.cm img{
	display:block;
	margin:0 auto;
	}
.cm p{
	font-size:14px;
	margin:15px 0 40px;
	line-height:1.4em;
	}
.lyrics{
	font-size:13px;
	line-height:1.6em;
	margin-bottom:18px;
}
.half-left, .half-center, .half-right{
	position:relative;
	}
.half-left .halfLInk, .half-center .halfLInk, .half-right .halfLInk{
	position:absolute;
	bottom:10px;
	right:1.5rem;
	}

/* おすすめ商品 */
.recommend-container {
	width: 100%;
	overflow: hidden;
	position: relative;
}
.recommend-container .swiper-slide {
	max-width: 250px;
	}
.recommend-container .swiper-button-prev {
	background-image: url("../img/btn_arrow_prev2.png");
	left: 10px;
    -moz-background-size: 34px 34px;
    -webkit-background-size: 34px 34px;
    background-size: 34px 34px;
    width: 34px;
    height: 34px;
	top: 40%;
    }
.recommend-container .swiper-button-next {
	background-image: url("../img/btn_arrow_next2.png");
	right: 10px;
    -moz-background-size: 34px 34px;
    -webkit-background-size: 34px 34px;
    background-size: 34px 34px;
    width: 34px;
    height: 34px;
	top: 40%;
    }


/* SNS */
#pageplugin{text-align:center;}

/* .snsArea */
.snsArea{
	background:url(../img/wa_bg2.jpg) repeat;
	padding-top:10px;
	padding-bottom: 2em;
	}

.snsArea .panel{
	max-height: 450px;
	overflow:hidden;
	}

.snsArea .row{
	margin-bottom:0;
	}

.snsArea .index-sns {
	margin: 0 1em 1em;
	}

.snsArea .index-t,
.snsArea .index-f,
.snsArea .index-i {
	font-size:1.5em;
	line-height: 42px;
	padding-left: 46px;
	margin-bottom: 5px;
	}
.snsArea .index-t {
  background: url("../img/icon_tw.png") no-repeat;
}
.snsArea .index-f {
  background: url("../img/icon_fb.png") no-repeat;
}
.snsArea .index-i {
  background: url("../img/icon_inst.png") no-repeat;
}


.facebook-wrapper {
	height:260px;
    max-width: 500px;
    margin: 0 auto;
}
.facebook-wrapper > .fb-page {
    width: 100%;
}
.facebook-wrapper > .fb-page > span,
.facebook-wrapper iframe {
    width: 100% !important;
	}

.shareBtn{
	width:100%;
	margin-top:20px;
	padding: 0 0.75rem;
}

.blogBanner img{
	display:block;
	margin:0 auto0 auto;
	text-align:center;
	}
.blogMsg{
	font-size:20px;
	margin:15px 0;
	line-height:1.3em;
	}
.sns_btn{
	display:block;
	float:left;
	width:32%;
	position: relative;
/*
	color: #fff;
	height: 3em;
	font-size: 2em;
	border-radius: 3px;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.22);
	-webkit-transition: all .2s;
	-moz-transition: all .2s;
	transition: all .2s;
*/
	overflow: hidden;
	margin-right:2%;
	}
.sns_btn:last-child{
	margin-right:0!important;	
}
/*
.sns_btn i {
	position: absolute;
	top: 35%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform : translateX(-50%);
	-ms-transform : translateX(-50%);
	overflow: auto;
	}
*/
.sns_btn:hover {
	transform: scale(1.2);
/*	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.22); */
	}
.sns_btn:active {
	transform: scale(0.9);
/*	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.22); */
	}
/***
.btn_facebook {background: #3b5998;}
.btn_facebook:hover {
	color: #3b5998;
	background: #fff;
	}
.btn_twitter {background: #55acee;}
.btn_twitter:hover {
	color: #55acee;
	background: #fff;
	}
.btn_instagram { background: #9C3A91;}
.btn_instagram:hover {
	color: #9C3A91;
	background: #fff;
	}
***/


/*.guidePanels*/
.col.guidePanels{
	padding-bottom:30px!important;
	position:relative!important;
	}
.guidePanels ul li{
	margin:0 0 10px 20px;
	list-style-type:disc;	
	}
.guidePanels > a{
	font-size:11px;
	color:#942A2C;
	border-bottom:#942A2C 1px solid;
	position:absolute;
	bottom:10px;
	right:0.75rem;
	}
.guidePanels > a:after{
	content:"\f0da";
	font-family:FontAwesome;
	margin-left:6px;
	}

.fb_iframe_widget,
.fb_iframe_widget span,
.fb_iframe_widget iframe[style]{
    width: 100% !important;
}

/* item --------------------------------------------------- */
.itemImg{
	background:url(../img/wa_bg.jpg) repeat;
	border-bottom: 5px solid #F0D6AA;
	}
.itemImg img{display:block;}
.itemImg .container .row{margin:0;}

.itemText{margin:50px 25px 30px;}
.itemText p{
	font-size:16px;
	line-height:1.4em;	
	}

.itemNum{
	font-size:15px;
	margin-bottom:3px;
	margin-top:5px;
	}
.itemName{
	font-size:14px;
	margin-bottom:3px;
	}

.priceArea{margin-bottom:5px;}
.priceArea > div:last-child{
	font-size:16px;
	font-weight:bold;
	line-height:20px;
	text-align:right;
	padding:0!important;
	}
.wrapType{
	color:#FFF;
	font-size:12px;
	text-align:center;
	border-radius:3px;
	padding:1px 0!important;
	}
.wrapType.type_1{background-color:#4C662F;}
.wrapType.type_2{background-color:#8D1C02;}
.wrapType.type_3{background-color:#2E7DA6;}
.wrapType.type_4{background-color:#FE9C2E;}
.wrapType.type_5{background-color:#000080;}

.howTo p{
	font-size:13px;
	line-height:1.5em;
	margin-bottom:20px;
	}
.howTo > a img{
	display:block;
	margin:0 auto 20px;
	}

table.materials{
	font-size:13px;
	margin-bottom:20px;
	}
table.materials th,
table.materials td{
	border-bottom:#BDAFA7 1px dotted;
	}
table.materials th{
	width:15%;
	vertical-align:top;
	text-align:center;
	}

.subBtnArea{
	border-top:#BDAFA7 1px dotted!important;
	margin-top:20px;
	padding-top:20px;
	margin-bottom:20px;
	}

/* voice --------------------------------------------------- */
.voice{margin-top:30px;}
.voice > div{
	margin-bottom:30px;
	padding-top:20px!important;
	}
.voiceArea{text-align:center;}
.voiceUser{
	font-size:20px;
	font-weight:bold;
	text-align:center;
	color:#44362D;
	padding:10px 0;
	margin-bottom:10px;
	border-bottom:#ccc 1px solid;
	}
.reply{
	text-align:left;
	font-size:13px;
	line-height:1.3em;
	}


/* exhibition --------------------------------------------------- */

/* 2019.09.07 追加 */
.exhibitionArea {
	background-color: rgba(255,255,255,0.6);
	padding: 2em;
	margin-bottom: 3em;
}

.exhibitionArea .mail {
	background: url(../img/bg_link.png) repeat;
	color: #fff;
}

.exhibitionArea2 {
	margin-bottom: 0;
	padding: 2em;
	background: url(../img/wa_bg2.jpg) repeat;
	background-position: left 0 top 30%;
}
.exhibitionArea2 .col{
}
.exhibitionArea2 .img{
	display:block;
	margin:0 auto;
	}
.exhibitionArea2 p.comment{
	font-size: 18px;
	line-height: 1.8em;
	margin-bottom:1em;
	}


.exhibitionMsg {
/*	margin-bottom:20px;	*/
}
.exhibitionMsg p.index{
	font-size: 20px;
	line-height: 1.3em;
	position: relative;
	padding-left: 1.5em;
	background: url(../img/icon_title2.png) no-repeat left top;
	margin-bottom:1em;
	}
.exhibitionMsg p.comment{
	font-size: 16px;
	line-height: 1.5em;
	margin-bottom:1em;
	}
.exhibitionMsg .img{
	display:block;
	margin:0 auto;
	}




/****
.thisMonthCaution{
	position:relative;
	}
.thisMonthCaution:before {
    content: "今月";
    position: absolute;
    white-space: pre;
    height: 50px;
    width: 50px;
    border-radius: 100px;
    background: #F60;
    color: #fff;
    text-align: center;
    padding: 8px;
    line-height: 35px;
    font-size: 16px;
    left: 0px;
    top: -8px;
    z-index: 100;
	}
****/

#tabExhibition {
	border-bottom: 2px solid #363940;
	}
#tabExhibition li {
	background: #EFE7D0;
	border-radius: 5px 5px 0 0;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.22);
	}
#tabExhibition li:first-child {
	margin-right: 0.5rem;
	}
#tabExhibition li:last-child {
	margin-left: 0.5rem;
	}
#tabExhibition li.selected {
	background: #363940;
	}
#tabExhibition li .btn-flat {
	box-shadow: none;
	margin-bottom: 0;
	font-size: 14px;
	color: #942A2C;
	}
#tabExhibition li.selected .btn-flat {
	color: #fff;
	}
#tabExhibition .btn-flat .month {
	font-size: 20px;
	margin-right: 0.3em;
	font-weight: bold;
	}

ul.tabbox {
	display: flex;
}
ul.tabbox li {
	width: 33%;
}

ul.tabpanel {
	margin: 0;
}
ul.tabpanel li {
	display: block;
}
ul.tabpanel li.hide {
	display: none;
}
ul.tabpanel li .nodata {
	text-align: center;
	margin-bottom: 2em;
}

ul.tabpanel .schedule {
/*	border-collapse: separate;	*/
	border-spacing: 5px;
	}
ul.tabpanel .schedule th {
	background: #c4b6a8;
	border: none;
	}
ul.tabpanel .schedule th:last-child {
	margin-right: 0;
	}
ul.tabpanel .schedule td:first-child {
     position: relative;
	}
ul.tabpanel .schedule td:first-child {
    width: 12em;
	}
ul.tabpanel .schedule td p.icon{
     width: auto;
     padding-right: 0;
     position: absolute;
     top: 10px;
     right: 0;
	}

ul.tabpanel .schedule tr {
	border-bottom: 1px dotted #BDAFA7;
	}


/* press --------------------------------------------------- */
.press .subtitle{padding-top:20px;}

dl.pressMedia{margin: 0 0.75rem;}
dl.pressMedia dt{
	font-size:16px;
	font-weight:bold;
	}
dl.pressMedia dd{
	font-size:13px;
	margin:0 0 10px 0;
	padding:0 0 10px 0;
	border-bottom:#ccc 1px solid;
	}
dl.pressMedia dd:last-child{margin-bottom:0;}

.magazine{margin-bottom:15px;}
.magazine img{
	display:block;
	float:left;
	margin-right:15px;
	}
.magazineTtl{
	font-size:16px;
	font-weight:bold;
	line-height:1.3em;
	margin-bottom:5px;
	}
.magazine > p:last-child{
	font-size:13px;
	font-weight:normal;
	line-height:1.3em;
	color:#292929;
	}


/* event --------------------------------------------------- */
.col.s12.panel.expansion{
	padding:20px 20px!important;
	}
	
.col.s12.panel.expansion p{
	font-size:14px;
	line-height:1.3rem!important;
	margin-bottom: 1em;
}

.video {
position: relative;
height: 0;
padding: 30px 0 56.25%;
overflow: hidden;
}

.video iframe {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

/* pay --------------------------------------------------- */
.col.s12.panel.payArea{
	padding-top:10px!important;
	padding-bottom:10px!important;
	}
.pay p{font-size:16px;}
.anchor a{font-size:14px;}

.payArea p{
	font-size:14px;
	line-height:1.3em;
	}

ul.about{
	margin-top:0;
}
ul.about li{
	font-size:14px;
	line-height:1.3em;
	margin-bottom:5px;
	}
ul.about li img{
	margin-left:15px;
	margin:10px 0
	}
ul.about li:before{
	content:"\f0da";
	font-family: FontAwesome;
	color:#942A2C;
	font-size:15px;
	margin-right:5px;
	}


/* pack --------------------------------------------------- */
p.pack{
	font-size:16px;
	line-height:1.3em;
	}
.list dd .itemTotal{
	line-height:28px;
}
	
.list dd .pack p.wrapType{
	height:24px!important;
	line-height:24px!important;
	min-height:0!important;
	padding:0 10px!important;
	margin-top:2px;
}

.packArea .lecture{
	font-size:16px;
	line-height:1.3em;
	margin-bottom:10px;
	}

.noshiType img,
.packArea img{
	display:block;
	margin:0 auto;
	}
.noshiType p{
	font-size:14px;
	line-height:1.3em;
	}

.paperBag p{
	font-size:16px;
	background-color:#363940;
	color:#fff;
	font-weight:bold;
	text-align:center;
	padding:8px 0;
	margin-bottom:10px;
	}
.paperBag p span{
	font-size:14px;
	font-weight:normal;
	}
	
ul.size{margin-bottom:10px;}
ul.size li{font-size:13px;}
ul.size li:before{
	content:"\f0da";
	font-family: FontAwesome;
	color:#942A2C;
	font-size:12px;
	margin-right:3px;
	}


/* shop --------------------------------------------------- */
#shop{
	background:url(../img/bg_list.jpg) repeat;
	}

.shopText{
	font-size:16px;
	line-height:1.3em;
	margin-bottom:20px;
	}

.shopArea img{
	display:block;
	margin:0 auto;
	}

.shopTel{
	display:inline!important;
	margin:0 0 10px 0!important;
	}

.otherSpot p{
	font-size:15px;
	font-weight:bold;
	}
.otherSpot ul{margin:5px 0 10px;}
.otherSpot ul li{
	list-style-type:disc;
	margin-left:10px;
	}
p.otherSpotText{
	font-size:13px!important;
	font-weight:normal!important;
	}


/* plant --------------------------------------------------- */
.plantMsg p{
	font-size:16px;
	line-height:1.3em;
	}

.plantArea p{
	font-size:15px;
	line-height:1.2em;
	margin-bottom:10px;
	}

.plantGuide img{
	display:block;
	margin:0 auto 10px;
	}
.plantGuide p{font-size:13px;}


/* character --------------------------------------------------- */
.mascotArea img{
	display:block;
	margin:0 auto 10px;
	}
.mascotArea p{
	margin-bottom:10px;
	text-align:center;
	}


/* faq --------------------------------------------------- */
.contactArea p.att{
	font-size:18px;
	color:#8F1A23;
	line-height:1.2em;
	}

.faqArea p{
	font-size:15px;
	line-height:1.3em;
	}

.displayNone {display: none;}
.accordion{margin-top:20px;}
.accordion li {
	border-bottom: 1px solid #ccc;
    padding: 10px;
	}
.accordion a {display: block;}
.accordion p > a{display:inline!important;}
.contentWrap {margin: 10px 20px;}

.accordionToggle:before{
	content:"\f2c4";
	font-family: FontAwesome;
	color:#FFF;
	font-size:12px;
	margin-right:10px;
	}
.accordionToggle {
    cursor:pointer;
    padding:15px 40px 15px 10px;
    font-size: 15px;
    background: #292929;
    border-bottom: 1px solid #ccc;
    position: relative;
	color:#FFF;
	}
.accordionToggle:after {
    position: absolute;
    top: 60%;
    right: 20px;
    margin-top: -15px;
    content: '>';
    font-size: 13px;
    font-weight: bold;
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
    transform: rotate(90deg);
    -moz-transition: all, 0.25s, linear;
    -o-transition: all, 0.25s, linear;
    -webkit-transition: all, 0.25s, linear;
    transition: all, 0.25s, linear;
    font-family: sans-serif;
    color: #EFEBD0;
	}
.accordionToggle.open:after {
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    -moz-transform: rotate(-90deg);
    -ms-transform: rotate(-90deg);
    -webkit-transform: rotate(-90deg);
    transform: rotate(-90deg);
    font-family: sans-serif;
	}

.faqArea ul li{font-size:15px;}

/* legal --------------------------------------------------- */

/* privacy --------------------------------------------------- */
dl.privacy{
	margin:20px 15px;	
	}
dl.privacy dt:before{
	content:"\f0da";
	font-family: FontAwesome;
	color:#942A2C;
	font-size:12px;
	margin-right:10px;
	}
dl.privacy dt{
	font-size:14px;
	font-weight:bold;
	margin-bottom:10px;
	}
dl.privacy dd{
	font-size:12px;
	margin: 0 0 15px 0;
	padding-left:15px;

	}


/* company --------------------------------------------------- */
.president p{
	font-size:16px;
	line-height:1.3em;
	}
.president p span{font-size:18px;}

.recruitArea p{
	font-size:15px;
	line-height:1.4em;
	}

/* catalog --------------------------------------------------- */
p.catalogPdf{font-size:15px;}


/* material --------------------------------------------------- */
.placeArea{
	height:250px;
	overflow-y:scroll;
	margin-bottom:20px;
	}

table.place{
	border-collapse:separate;
	border-spacing:0;
	margin-bottom:20px;
	}

table.place th{
	font-size:14px;
	text-align:center;
	vertical-align:top;
	background-color:#363940;
	color:#FFF;
	border-radius:0!important;
	padding:8px 5px;
	}
table.place td{
	border-bottom:#363940 1px dotted!important;
	font-size:12px;
	border-radius:0!important;
	padding:8px 5px;
	text-align:center;
	}
	
	
/* safety --------------------------------------------------- */
.safetyArea p{
	font-size:15px;
	line-height:1.3em;
	}
.safetyArea p.big{
	font-size:20px;
	margin-bottom:5px;
	}
.safetyArea img{
	display:block;
	margin:0 auto 15px;
	}


/* movie-wrap ------------------------------------------------ */
.movie-wrap {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
 
.movie-wrap iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}

	
/* recipe --------------------------------------------------- */
.recipeArea img{
	display:block;
	margin:0 auto;
	}
.recipeArea p{
	text-align:center;
	font-size:16px;
	margin:10px 0;
	line-height:1.2em;
	}

.arrangeArea img{
	display:block;
	margin:0 auto 10px;
	}
.arrangeArea p{
	font-size:14px;
	line-height:1.2em;
	}
		
/* translation --------------------------------------------------- */
.noticeArea .translateArea{
	max-width:500px;	
}

/* member --------------------------------------------------- */
.panel.accountDashboard{
	margin-top:20px!important;
	font-size:14px;
}

.panel.accountDashboard li{
	list-style:disc;
	margin-left:20px;
}

.panel.accountDashboard a{
	margin-bottom:20px;	
}

.panel.accountDashboard i{
	font-size:50px;	
}

#memberNav{
	margin-top:20px;
	text-align:center;
	background:#BDAFA7;
	box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.05);
	margin-bottom:0px!important;
}

#memberNav .col{
	margin:0!important;
	padding:0!important;	
}

#memberNav a{
	color:#fff!important;
	display:block;
	padding:10px 0;
}

#memberNav a:hover{
	background:#fff!important;
	color:#942A2C!important;
}

#memberNav .active{
	background:#942A2C;
	padding:10px 0!important;
	color:#fff;
}

#memberNav i{
	font-size:20px;
}

#memberNav p{
	font-size:14px;
	margin-top:5px;
}

/* history --------------------------------------------------- */
.historyList{
	padding:0px 10px 20px 10px!important;
}

.historyHeader{
	color:#292929;
	padding:10px 0;
	font-weight:bold;
	font-size:14px;
	border-bottom:1px solid #BDAFA7;
}
.rowToggle{
	position:relative;
	font-size:14px!important;
	border-bottom:1px solid #BDAFA7;
	cursor:pointer;
	-moz-transition: all, 0.25s, linear;
    -o-transition: all, 0.25s, linear;
    -webkit-transition: all, 0.25s, linear;
    transition: all, 0.25s, linear;
}

.rowToggle .col:not(.arrow){
	padding-top:10px!important;
	padding-bottom:10px!important;
	margin-bottom:0!important;
}

.rowToggle span{
	padding:10px 0;
	display:block;
}

.historyWrap{
	position: relative!important;
	font-size:14px!important;
	padding:10px 0;
	border-bottom:3px solid #34373E;
}

.rowToggle i{
    -moz-transition: all, 0.25s, linear;
    -o-transition: all, 0.25s, linear;
    -webkit-transition: all, 0.25s, linear;
    transition: all, 0.25s, linear;
}

.rowToggle.open{
	background:	#34373E;
	color:#fff;
	-moz-transition: all, 0.25s, linear;
    -o-transition: all, 0.25s, linear;
    -webkit-transition: all, 0.25s, linear;
    transition: all, 0.25s, linear;
}

.rowToggle.open i{
    -moz-transform: translate(0, 50%);
    -ms-transform: translate(0, 50%);
    -webkit-transform: translate(0, 50%);
    transform: translate(0, 50%);
    -moz-transform: rotate(-180deg);
    -ms-transform: rotate(-180deg);
    -webkit-transform: rotate(-180deg);
    transform: rotate(-180deg);
}

.historyWrap .shipRow a.addressbookAddBtn i{
	font-size:16px!important;
	padding-top:3px;
}

.historyWrap .shipRow a.addressbookAddBtn{
	line-height:1em!important;
	padding:5px 5px;
    border-radius: 4px;
	background:#ca5310;
    color: #fff;
    font-size: 14px;
    text-align: center;
	display:block;
}

.historyWrap .shipRow a.addressbookAddBtn:hover{
	background:#eee;
	color:#555;
	border:	1px solid #ccc;
}

.historyWrap .shipRow a.addressbookAddBtn span{
	font-size:11px;
}

.historyWrap .shipRow{
	padding:10px 0;
	border-top: 1px solid #34373E
}

.historyWrap .shipRow:first-child{
	border:none;
	padding:0;
}

.historyWrap .default-list .col{
	padding-left:0!important;	
}

/* default-list */
.default-list{
	margin-bottom:10px;
}
.default-list dl{
	margin:0;	
}

.default-list dt{
	padding:5px 0 5px 8px;
	position:absolute;
	min-height:30px;
}
	
.default-list dd{
	width:100%;
	color:rgba(0, 0, 0, 0.87);
	padding:5px 0 5px 20%;
	border-bottom: 1px dotted #BDAFA7;
	margin:0!important;
	min-height:30px;
}

.default-list p{
	line-height:30px;
}

.default-list dd:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

/* history --------------------------------------------------- */
#addressBookList{
	margin-top:10px;	
}
#addressBookList .btn-simple{
	position:absolute;
	padding:0 10px;
	top:30%;
	left:10px;
}

#addressBookList i{
	position:absolute;
	font-size:45px;
	top:27%;
	right:10px;
}

#addressBookList .addressRow:first-child{
	border-top:1px dotted #BDAFA7;
}

#addressBookList .addressRow{
	position:relative;
	border-bottom:1px dotted #BDAFA7;
	margin:0!important;
	padding:10px 0;
}

#addressBookList .addressRow > a{
	color:#292929!important;
}

/* check --------------------------------------------------- */
.checkPhoto {
float: left;
width:28%;
}
.checkInfo {
	float: left;
	width:70%;
}

.checkPhoto img{
	width: 90%;
}




/* COMMON ================================================================================*/
.min{
	font-family: 'Kozuka Mincho Pro', '小塚明朝 Pro', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','MS PMincho','Sawarabi Mincho', Georgia, Times, Baskerville, Palatino, serif;
}

.num{
	font-weight:bold;
	font-size:1.5em;
	line-height:1.2em;
}

input.valid[type="text"], input.valid[type="text"]:focus, input.valid[type="password"], input.valid[type="password"]:focus, input.valid[type="email"], input.valid[type="email"]:focus, input.valid[type="url"], input.valid[type="url"]:focus, input.valid[type="time"], input.valid[type="time"]:focus, input.valid[type="date"], input.valid[type="date"]:focus, input.valid[type="datetime-local"], input.valid[type="datetime-local"]:focus, input.valid[type="tel"], input.valid[type="tel"]:focus, input.valid[type="number"], input.valid[type="number"]:focus, input.valid[type="search"], input.valid[type="search"]:focus, textarea.materialize-textarea.valid, textarea.materialize-textarea.valid:focus {
    box-shadow:none!important;
}

.p20{
	width:20%;
	text-align:center;
	padding:0 0.2rem;
}

.err{
	padding:20px 10px;
	margin:10px 0;
	text-align:center;
	font-weight:bold;
	font-size:18px;
	color:#fff;
	line-height:1!important;
	background:#F60;
}
a.remainder{
	text-decoration:underline!important;	
}

.err > a{
	color:#fff!important;
}

.clearfix:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
}

.loading img{
	opacity:0.6;
	filter: alpha(opacity=60);        /* ie lt 8 */
	-ms-filter: "alpha(opacity=60)";  /* ie 8 */
	-moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
	-khtml-opacity: 0.6;
}

h4.msg {
    color: #44362D;
    font-size: 1.4rem;
    text-align: center;
    margin-top: 20px;
}

/* HEADER --------------------------------------------------- */
header{
	padding:0px;
	background:#fff;
}
.brand-logo{
	padding:20px 0;
	text-align:center;
}
.brand-logo img{
	width: 100%;
	max-width: 254px;
}

/* NAV --------------------------------------------------- */
ul.side-nav.leftside-navigation {
	overflow: hidden;
}

nav{
	background:#44362D;
	box-shadow:none;
	height:56px;
	font-family: 'Kozuka Mincho Pro', '小塚明朝 Pro', 'Hiragino Mincho Pro', 'ヒラギノ明朝 Pro W3','ＭＳ Ｐ明朝','MS PMincho', Georgia, Times, Baskerville, Palatino, serif;
}

#pcMenu .nav-wrapper ul{
	  display: flex;
  justify-content: flex-end;
  align-items: center;
  list-style: none;
	}

#pcMenu .tabs{
	background:none!important;
	overflow:visible;
}

#pcMenu .tabs,
#pcMenu .tab{
	height:56px;
	line-height:56px;
}

#pcMenu .tabs .tab a{padding:0!important;}

#navContents{
	display:none;
/*	background:url(/htdocs/img/gray_bg.jpg) repeat;	*/
	background-color:#460D03;
	opacity: 0.6;
}

#navContents > div{
	padding:10px 0;
	margin-bottom:0!important;
}

#pcMenu .tab a{
	color:#fff;
	font-size:16px;
	position:relative;
	z-index:100;
}
#pcMenu .tab.top{
	background:#44362D;
	position:relative;
	z-index:100;
}

#pcMenu .tabs .indicator{
	display:none;
	background:url(/htdocs/img/gray_bg.jpg) repeat;
	height:55px;
	z-index:99;
	border-radius:3px 3px 0px 0px ;
	-moz-border-radius:3px 3px 0px 0px ;
	-webkit-border-radius:3px 3px 0px 0px ;
}

#navContents .navLink{
}

#navContents .navLink a{
	display:block;
	color:#E3E3E3!important;
	text-align:center;
	font-size:16px;
	line-height:40px!important;
	padding:3px 5px 0 5px;
	border:solid #666;
	border-width:0px 0 1px 0px;
	position:relative;
	}
#navContents .navLink a:hover{
	background:#FFF;
	color:#292929!important;
	}
/*
#navContents .navLink a:before{
	content:"\f0da";
	font-family: FontAwesome;
	margin-right:10px;
	position:absolute;
	left:10px;
	font-size:11px;
	line-height:40px;
}
*/

#navContents .navLink a:after{
	content:" ";
	height:1px;
	width:100%;
	background:#292929;
	position:absolute;
	bottom:0px;
	left:0;
}


/* SMP MENU --------------------------------------------------- */
nav.smpMenu{
	background-color:transparent!important;
	box-shadow:none!important;
	}
nav.smpMenu .nav-wrapper > a{
	color:#942A2C;
	float:right!important;
	margin:0!important;
	}

nav.smpMenu .button-collapse i{
	font-size:24px;	
}
.side-nav{z-index:9999;}
.side-nav li{padding:0;}
.side-nav a{
	height:40px;
	line-height:40px;
	}
	
#sidenav-overlay{
	z-index:7000;	
}

/* SIDE-OUT --------------------------------------------------- */

#slide-out{
	box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.05), 0px 1px 0px rgba(0, 0, 0, 0.05)!important;
	height:100%!important;
	background:#F9EFE3;
}

#slide-out .collapsible{
	margin-bottom:50px!important;	
}

#slide-out *{
}

#slide-out .divider{
	border-bottom: 1px dotted #BDAFA7;
	margin-top:0!important;
}

#slide-out li a i {
    font-size: 1.2rem;
	margin:0!important;
	line-height:40px;
}

ul#slide-out.leftside-navigation li.user-details {
	text-align:center;
	background:#44362D;
}

ul#slide-out.leftside-navigation li.user-details .userText{
	padding:15px 0;
	font-size:18px;
	color:#fff!important;
}

#slide-out .collapsible-body{
	background: url(/htdocs/img/gray_bg.jpg) repeat;
	padding:5px 0px!important;
	color:#292929;
}

#slide-out .collapsible-body a{
	font-size:14px!important;
	color:#fff!important;
}

#slide-out li.active {
    background-color: #44362D!important;
	
}

#slide-out li.active > a.active,
#slide-out li.active > a.active i{
	color:#fff!important;
}

#slide-out li.current {
    background-color: #34588A!important;
}
#slide-out #profile-dropdown{
}

#slide-out #profile-dropdown li:hover{
	background:#fff!important;	
}

#slide-out #profile-dropdown a:hover {
    /*color: #C1C3C9 !important;*/
}

ul#slide-out.leftside-navigation{
	top:0;
}

ul#slide-out.leftside-navigation ul.collapsible-accordion {
    background:none!important;
	position:relative;
}

#slide-out .collapsible-header{
    border: none;
	background:none!important;
    height: 42px;
	line-height:42px;
	font-size:14px;
}

#slide-out ul.collapsible-accordion .right{
	position:absolute;
	right:5px;
	top:0px;
	color:#292929;
	margin:0!important;
	padding:0!important;
}

/* TITLE --------------------------------------------------- */
.title{
/*
	color:#fff;
	background-color:#44362D;
	background-image:url(../img/ttl-left.png),url(../img/ttl-right.png);
	padding:15px 0 10px;
	margin-top:10px;
*/
	color:#2d3837;
	border-bottom:1px solid #b0b2b2;
	background-position:left,right;
	background-repeat:repeat-y,repeat-y;
	padding:10px 0 0;
	margin-top:5px;
	text-align:center;
	font-size:22px;
	font-weight: bold;
	line-height:1.2em!important;
	letter-spacing:0.2em;
    position: relative;
	height:45px;
}
.title::after {
	content: "";
	display: block;
	line-height: 3em;
	overflow: hidden;
	position: absolute;
	left: 0;
	bottom: -1px;
	width: 33%;
	border-bottom: 2px solid #6B1D11;
	margin-left: 33%;
}

.title2{
	color:#2d3837;
	border:2px solid #942A2C;
	border-radius: 5px;
	padding:0.5em 2em 0.5em;
	margin-top:5px;
	text-align:center;
	font-size:22px;
	font-weight: bold;
	letter-spacing:0.2em;
    position: relative;
}
.title2 span {
	position: relative;
	padding-left: 1.5em;
	width: auto;
	background: url(../img/icon_title2.png) no-repeat left center;
}

.subtitle{
	border-bottom:1px solid #44362D;
	font-weight:bold;
	font-size:20px;
	text-align:center;
	padding:0 0 10px 0;
	color:#44362D;
	margin-bottom:10px;
	letter-spacing:0.2em;
}

.subtitle02{
	border-bottom:2px dashed #44362D;
	font-weight:bold;
	font-size:25px;
	text-align:center;
	padding:0 0 10px 0;
	color:#44362D;
	margin-bottom:10px;
	letter-spacing:0.2em;
}

.darkTtl{
	font-size:15px;
	background-color:#363940;
	color:#fff;
	padding:10px 10px;
	margin-bottom:15px;
	}

/* PANEL --------------------------------------------------- */
.panel{
	padding-top:0px!important;
	padding-bottom:0px!important;
/***
	background: rgba(255,255,255,0.4);
	box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.05);
	-moz-box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.05);
	-webkit-box-shadow:0px 0px 2px 2px rgba(0, 0, 0, 0.05);
***/
}

.panel:after{
	content: ".";
	display: block;
	visibility: hidden;
	height: 0.1px;
	font-size: 0.1em;
	line-height: 0;
	clear: both;
	float:none!important;
}

.panel.height-panel{
	padding:20px 0.75em!important;
}

.panel.half-left{
	width:32%;
	margin-right:1%;
}

.panel.half-center{
	width:33%;
	margin-left:0.5%;
	margin-right:0.5%;
}

.panel.half-right{
	width:32%;
	margin-left:1%;
}

/* ITEM-PANEL --------------------------------------------------- */
.item-panel,
.recommend-item-panel{
	color:#292929;
	margin-bottom:10px;
	background-color: #fff;
}

.item-panel .btn-flat,
.recommend-item-panel .btn-flat{
	font-size:15px;	
}

.item-panel.popularity,
.recommend-item-panel.popularity{
	position:relative;
}
.item-panel.popularity:before,
.recommend-item-panel.popularity:before{
	content:"人気\A商品";
	position:absolute;
	white-space: pre;
	height:50px;
	width:50px;
	border-radius:100px;
	background:#F60;
	color:#fff;
	text-align:center;
	padding:8px;
	line-height:17px;
	font-size:16px;
	right:0px;
	top:-10px;
	-moz-transform: rotate(10deg);
	-webkit-transform: rotate(10deg);
	-o-transform: rotate(10deg);
	-ms-transform: rotate(10deg);
	z-index:100;
}

.recommend-item-panel{
	max-width: 220px;
}

/* SUBMIT --------------------------------------------------- */
input[type="submit"]{
	border:none!important;
	display:block!important;
	height:100%;
	width:100%;
	background:none!important;
	/*text-shadow: 0px -2px 0px #58666E;*/
	font-size:20px;
	/*font-weight:bold;*/
}

.href-field{
	margin:10px 0;	
}

.submit-field{
	margin-top:20px;	
}

.submit-field .col{
	padding:0!important;
}

.href-field .btn,
.href-field a,
.submit-field .btn,
.submit-field a{
	width:100%!important;
	height:60px!important;
	line-height:60px!important;
	text-align:center;
}

.submit-field .col.mb10{
	margin-bottom:10px!important;	
}

.submit-field .btn.left{
	border-radius: 3px 0px 0px 3px!important;
}

.submit-field .btn.right{
	border-radius: 0px 3px 3px 0px!important;
}


.submit-field .btn.center{
	border-radius: none!important;
}

/* BTN --------------------------------------------------- */

.btn {
	display:block;
	margin-bottom:5px;
	text-align:center;
	border-radius: 3px;
	font-size:20px;
	font-weight:bold;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.22);
	background-color:#DFDFDF;
}

.btn.w100p {
	width:100%;	
}

.btn.w100p i{
	line-height:36px!important;
	vertical-align:top;
}

.btn i{
	font-size: 15px;
}

.btn.disabled{
	background:#DFDFDF!important;
	box-shadow: none;
	color: #9F9F9F;
	cursor: default;
	border:1px solid #bdbdbd!important;
	color:#58666E!important;
	text-shadow:none!important;
}

.btn._white{
	border:1px solid #bdbdbd;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fff', endColorstr = '#E7E7E7');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fff', endColorstr = '#E7E7E7')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #fff, #E7E7E7);
	background-image: -ms-linear-gradient(top, #fff, #E7E7E7);
	background-image: -o-linear-gradient(top, #fff, #E7E7E7);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#E7E7E7));
	background-image: -webkit-linear-gradient(top, #fff, #E7E7E7);
	background-image: linear-gradient(top, #fff, #E7E7E7);
	
	color:#58666E;
	text-shadow: 0px 2px 0px #fff;
}

.btn._grey{
	border:1px solid #757575;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#9e9e9e', endColorstr = '#737373');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#9e9e9e', endColorstr = '#737373')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #9e9e9e, #737373);
	background-image: -ms-linear-gradient(top, #9e9e9e, #737373);
	background-image: -o-linear-gradient(top, #9e9e9e, #737373);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#9e9e9e), to(#737373));
	background-image: -webkit-linear-gradient(top, #9e9e9e, #737373);
	background-image: linear-gradient(top, #9e9e9e, #737373);
	
	color:#fff;
	text-shadow: 0px -2px 0px #58666E;
}

.btn._blue{
	border:1px solid #426DAD;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#5288d8', endColorstr = '#3a6199');
	/*INNER ELEMENTS MUST NOT BREAK THIS ELEMENTS BOUNDARIES*/
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#5288d8', endColorstr = '#3a6199')";
	/*Element must have a height (not auto)*/
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #5288d8, #3a6199);
	background-image: -ms-linear-gradient(top, #5288d8, #3a6199);
	background-image: -o-linear-gradient(top, #5288d8, #3a6199);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#5288d8), to(#3a6199));
	background-image: -webkit-linear-gradient(top, #5288d8, #3a6199);
	background-image: linear-gradient(top, #5288d8, #3a6199);
	
	color:#fff;
	text-shadow: 0px -2px 0px #003;
}

/* BTN-SIMPLE --------------------------------------------------- */
.btn-simple{
    border: 1px solid #CCC;
    border-radius: 4px;
    color: #eee;
    font-size: 14px;
    text-align: center;
	background:#555;
	line-height:40px!important;
	display:block;
}

.btn-simple:hover{
	background:#eee;
	color:#555;
}

/* BTN-FLAT --------------------------------------------------- */
.btn-flat {
	display:block;
	margin-bottom:5px;
	text-align:center;
	font-size:20px;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.22);
	border-radius: 3px!important;
}

.btn-flat.short {
	display:block;
	margin-bottom:5px;
	text-align:center;
	font-size:16px;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.22);
	border-radius: 3px!important;
	margin:0 auto;
	max-width:450px;
	text-transform: none;

}

.btn-flat.half {
	display:block;
	margin-bottom:5px;
	text-align:center;
	font-size:16px;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.22);
	border-radius: 3px!important;
	margin:0 auto;
	max-width:550px;
	padding:0 5px!important;
}

.btn-flat.noPadding{
	padding:0!important;
	}

.btn-flat._red{
	background:#942A2C!important;
	color:#fff;
}

.btn-flat._brown{
	background:#ca5310!important;
	color:#fff;
}

.btn-flat._red.disabled{
	background:#9e9e9e!important;
	color:#fff!important;
}
.btn-flat._gray{
	background:#393C43!important;
	color:#fff!important;
}

.btn-flat._ocher{
	background:#BDAFA7!important;
	color:#fff;
}

.btn-flat._silver{
	background:#eee!important;
	color:#555;
}

.btn-flat._simple{
	background:#555!important;
	color:#eee;
}

/* 2019.09.09 こげ茶 */
.btn-flat._darkbrown{
	background:#45372E!important;
	color:#fff;
}


/* 2019.09.12 */
div.link-center {
	margin: 0 auto;
	width:100%;
}
.btn-flat._link{
	background-image:url(../img/bg_link.png),url(../img/bg_link.png);
	color:#fff;
}

.submit-field .btn-flat
{
	display:block!important;
	margin-bottom:0!important;
	margin-top:5px!important;
	width:100%!important;
	height:60px!important;
	line-height:60px!important;
	text-align:center;
	font-weight:normal!important;
}

.btn-detail{
/*	border:#942a2c 1px solid; */
	border:#5b3d22 1px solid;
	background:#FFF;
/*	color:#942a2c; */
	color:#5b3d22;
	display:block;
	margin-bottom:5px;
	text-align:center;
	font-size:15px;
	line-height:30px;
	box-shadow: 0px 1px 2px 0px rgba(0, 0, 0, 0.22);
	position:relative;
	border-radius:3px!important;
}
.btn-detail:after{
	content:"\f0da";
	font-family: FontAwesome;
	position:absolute;
	right:10px;
}
.btn-detail.sold-out {
	background:#ccc;
}

/* CARD --------------------------------------------------- */
#spsvInputCardInfo{
	display:block!important;
	margin-bottom:0!important;
	margin-top:5px!important;
	width:100%!important;
	height:60px!important;
	line-height:60px!important;
	text-align:center;
	font-weight:normal!important;
	background: #942A2C !important;
	color: #fff;
	-webkit-appearance: button;
	cursor: pointer;
	box-shadow:none!important;
	padding:0!important;
	border-radius:3px!important;
}

/* SELECTOR --------------------------------------------------- */
.selector{
	height:60px;
	font-size:16px;
	margin:0!important;
}

.selector > div{
	height:60px;
	line-height:60px;
	text-align:center;
	background:#4572B5;
	color:#fff;
	padding:0!important;
}

.selector > div a{
	color:#fff;
	display:block;
}

.selector > div a.active{
	background:#29446B;
}

.selector div.disabled{
	background:#666;
	color:#ccc;
}

/* table.list */
table.list{
	border-collapse:separate;
	border-spacing:0;
	}

table.list th{
	width:130px;
	font-size:13px;
	vertical-align:middle;
	border-bottom:#BDAFA7 1px dotted!important;
	border-radius:0!important;
	padding:10px 5px 10px 10px;
	font-weight:normal;

	}
table.list td{
	font-size:12px;
	border-bottom:#BDAFA7 1px dotted!important;
	border-radius:0!important;
	padding:10px 5px;
	}

/*checkbox*/
.filled-in[type="checkbox"]:checked + label::after {
    top: 8px;
    width: 20px;
    height: 20px;
	line-height:40px;
    border: 2px solid #5288D8;
    background-color: #5288D8;
    z-index: 0;
}

[type="checkbox"] + label::before {
    top: 0px;
    left: -5px;
}

[type="checkbox"]:checked + label::before {
    top: 8px!important;
    left: -3px;
    width: 12px;
    height: 22px;
    border-width: 2px;
    border-style: solid;
    border-color: transparent #5288D8 #5288D8 transparent;
    transform: rotate(40deg);
    transform-origin: 100% 100% 0px;
}

.filled-in[type="checkbox"]:not(:checked) + label::after {
    height: 20px;
    width: 20px;
	line-height:40px;
    background-color: transparent;
    border: 2px solid #ccc;
    top: 8px;
    z-index: 0;
}

[type="checkbox"] + label{
	height:28.5px;
	line-height:38px;
	font-size:14px;
}

/* CHECK-GROUP */
div.check-group{
	margin:2px 10px 2px 0;
}

div.check-group > div{
	float:left;	
}

div.check-group input {
    display: none!important;
}
div.check-group [type="checkbox"] + label::before{
	display:none;	
}

div.check-group label {
   	cursor: pointer;
    padding: 0 10px;
	height:36px;
    float: left;
    border: solid 1px #aaa;
    margin-left: -1px;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fff', endColorstr = '#E7E7E7');
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr = '#fff', endColorstr = '#E7E7E7')";
	background-image: -moz-linear-gradient(top, #fff, #E7E7E7);
	background-image: -ms-linear-gradient(top, #fff, #E7E7E7);
	background-image: -o-linear-gradient(top, #fff, #E7E7E7);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#E7E7E7));
	background-image: -webkit-linear-gradient(top, #fff, #E7E7E7);
	background-image: linear-gradient(top, #fff, #E7E7E7);
    text-shadow: 1px 1px 0px #fff;
}
div.check-group input:checked+label {
    color: #666;
    background: #DFDFDF;
	text-shadow:none;
}

/* radio */
[type="radio"]:checked + label::after {
    border-radius: 50%;
    border: 2px solid #ccc;
    z-index: 0;
    transform: scale(1.02);
	background-color: #942A2C;
}

/* radioLine */
.radioLine input{
	display: none!important;
	height:0px!important;
}

.radioLine input[type="radio"] + label::before,
.radioLine input[type="radio"] + label::after{
	display:none!important;
}

.radioLine label{
	display: block!important;
	float: left!important;
	cursor: pointer!important;
	width: 25%!important;
	margin: 0!important;
	padding: 0px 5px!important;
	border-right: 1px solid #abb2b7!important;
	background: #666666!important;
	color: #BFBEB7!important;
	font-size: 14px!important;
	text-align: center!important;
	transition: .2s!important;
	height:22px!important;
	line-height:20px;
}
.radioLine label:first-of-type{
	border-radius: 3px 0 0 3px;
}
.radioLine label:last-of-type{
	border-right: 0px;
	border-radius: 0 3px 3px 0;
}

.radioLine input[type="radio"]:nth-child(1):checked + label {
	background-color: #9DC6D8!important;
	color: #fff!important;
}

.radioLine input[type="radio"]:nth-child(3):checked + label {
	background-color: #00B3CA!important;
	color: #fff!important;
}

.radioLine input[type="radio"]:nth-child(5):checked + label {
	background-color: #7DD0B6!important;
	color: #fff!important;
}

.radioLine input[type="radio"]:nth-child(7):checked + label {
	background-color: #E38690!important;
	color: #fff!important;
}

.lessonDecision{
	color: #fff!important;
	height:22px;
	line-height:22px;
	text-align:center;
	font-size:14px!important;
	border-radius: 3px;
	font-weight:normal;
	margin:0!important;
}

.lessonDecision.ld1{background-color: #9DC6D8!important;}
.lessonDecision.ld2{background-color: #00B3CA!important;}
.lessonDecision.ld3{background-color: #7DD0B6!important;}
.lessonDecision.ld4{background-color: #E38690!important;}

/* switch */
.switch label input[type="checkbox"]:checked + .lever {
    background-color: #FFC8A8;
}


.switch label input[type="checkbox"]:checked + .lever::after {
    background-color: #942A2C;
}

input[type=checkbox]:checked:not(:disabled) ~ .lever:active::after,
input[type=checkbox]:checked:not(:disabled).tabbed:focus ~ .lever::after {
  box-shadow: 0 1px 3px 1px rgba(0, 0, 0, 0.4), 0 0 0 15px rgba(148,42,44, 0.1);
}

/* range */
input[type="range"] + .thumb .value {
    display: block;
    width: 30px;
    text-align: center;
    color: #206624;
    font-size: 0px;
    transform: rotate(45deg);
}

input[type="range"] + .thumb {
    position: absolute;
    border: medium none;
    height: 0px;
    width: 0px;
    border-radius: 50%;
    background-color: #206624;
    top: 10px;
    margin-left: -6px;
    transform-origin: 50% 50% 0px;
    transform: rotate(-45deg);
}

input[type=range]::-moz-range-thumb {
	border: none;
	height: 14px;
	width: 14px;
	border-radius: 50%;
	background: #206624;
	margin-top: -5px;
}

/* LINE-TABLE --------------------------------------------------- */

table.line-table{
	border-collapse:collapse;
	width:100%;
	table-layout:auto;
	margin:10px 0;
	-webkit-text-size-adjust:none;
}
table.line-table{
	vertical-align:middle;
}
table.line-table td{
	text-align:center;
}

table.line-table thead th{
	color:#44362D;
	border-bottom:1px solid #44362D;
	font-weight:bold;
	font-size:16px;
	text-align:center;
}

table.line-table tr{
	border-bottom:1px dotted #BDAFA7;
}

table.line-table tbody th{
	border-collapse:collapse;
	font-size:14px;
	padding:10px 0 5px 0;
	color:#FFF;
	width:30%;
	
}

table.line-table td{
	border-collapse:collapse;
	border-radius:0;
	padding:10px 0;
}

/* FORM --------------------------------------------------- */
select {
    background: #FFF none repeat scroll 0% 0%;
	border: 1px solid #ccc;
	border-radius: 0px 3px 3px 0px;
	color: rgba(0, 0, 0, 0.87);
	display: block;
	font-family: inherit;
	font-size: 12px;
	height: 36px;
	padding: 2px 15px;
	width: 100%;
	outline: medium none;
	box-sizing: border-box;
	transition: all 0.4s ease 0s;
	margin:0 0 3px 0;
	border-radius:3px;
	position:relative;
	-moz-appearance: none;
	-webkit-appearance: none;
}

.input-short{
	width:150px!important;
	float:left;
}

.input-mini{
	width:70px!important;
	float:left;
}

.input-short + span,
.input-mini + span{
	float:left;
	line-height:36px;
	margin-left:5px;
}

.select-short input{
	width:150px!important;
	float:left!important;
	margin-right:2px!important;
}
	


/* radio */
[type="radio"]:not(:checked) + label::before {
    border-radius: 50%;
    border: 2px solid #ccc;
	background:#fff;
}


[type="radio"]:not(:checked) + label, [type="radio"]:checked + label {
    height: 30px;
	margin-right:10px;
	padding-left:25px;
}

/* textarea */
textarea{
	height: 112px!important;
	line-height:1.5em;
}

label{
	color:rgba(0, 0, 0, 0.87);
	font-size:15px;
}

/* INPUT --------------------------------------------------- */
input[type=text],
input[type=password],
input[type=email],
input[type=url],
input[type=time],
input[type=date],
input[type=datetime-local],
input[type=tel],
input[type=number],
input[type=search],
textarea
{
	/*
	border: 1px solid #9e9e9e!important;
	height: 1.5rem!important;
	padding: 2px!important;
	margin:2px 0;
	*/
	
	background: #FFF none repeat scroll 0% 0%;
	border: 1px solid #ccc!important;
	border-radius: 0px 3px 3px 0px;
	color: rgba(0, 0, 0, 0.87);
	display: block;
	font-family: inherit;
	font-size: 12px;
	height: 36px;
	padding: 10px 15px;
	width: 100%;
	outline: medium none;
	-moz-appearance: none;
	-webkit-appearance: none;
	box-sizing: border-box;
	transition: all 0.4s ease 0s;
	margin:0;
	
}

input[type="text"]:disabled, input[type="text"][readonly="readonly"], input[type="password"]:disabled, input[type="password"][readonly="readonly"], input[type="email"]:disabled, input[type="email"][readonly="readonly"], input[type="url"]:disabled, input[type="url"][readonly="readonly"], input[type="time"]:disabled, input[type="time"][readonly="readonly"], input[type="date"]:disabled, input[type="date"][readonly="readonly"], input[type="datetime-local"]:disabled, input[type="datetime-local"][readonly="readonly"], input[type="tel"]:disabled, input[type="tel"][readonly="readonly"], input[type="number"]:disabled, input[type="number"][readonly="readonly"], input[type="search"]:disabled, input[type="search"][readonly="readonly"], textarea.materialize-textarea:disabled, textarea.materialize-textarea[readonly="readonly"] {
    color: rgba(0, 0, 0, 0.26);
	background:#ebebeb;
}

.mbsc-control{
	margin:2px 0 2px 0!important;
}

.input-group select.col2 {
    border-top-left-radius: 0px;
    border-bottom-left-radius: 0px;
    margin-bottom: 0px;
}

.input-group-addon:first-child {
    border-right: 0px none;
}

.input-group > input[type=text]:nth-of-type(2){
	border-radius: 3px 3px 3px 3px!important;
}

.input-group .form-control:first-child, .input-group-addon:first-child, .input-group-btn:first-child > .btn, .input-group-btn:first-child > .btn-group > .btn, .input-group-btn:first-child > .dropdown-toggle, .input-group-btn:last-child > .btn-group:not(:last-child) > .btn, .input-group-btn:last-child > .btn:not(:last-child):not(.dropdown-toggle) {
    border-top-right-radius: 0px;
    border-bottom-right-radius: 0px;
}

.input-group {
    position: relative;
    display: table;
    border-collapse: separate;
	margin:2px 0;
}

.input-group .open-modal{
	position:absolute;
	top:3px;
	left:42px;
	height:30px;
	line-height:25px;
	padding:0px 9px!important;
	background:#eee;
	color: #555;
	border:1px solid #ccc;
	box-shadow:none;
}

.input-group .open-modal i{
	font-size:14px;
}
input[type=text].modal-input{
	padding-left:55px;
}

.input-group .href-item{
	position:absolute;
	top:3px;
	left:86px;
	height:30px;
	line-height:28px;
	padding:0px 9px!important;
	background:#eee;
	color: #555;
	border:1px solid #ccc;
	box-shadow:none;
}

input[type=text].search-input{
	padding-left:55px;
}

.input-group .href-item i{
	font-size:14px;	
}
input[type=text].modal-input{
	padding-left:55px;
}

.input-group-addon {
	min-width:39px;
    padding: 0px 11px!important;
    font-size: 14px;
    color: #555;
    text-align: center;
    background-color: #EEE;
    border: 1px solid #CCC;
    border-radius: 3px;
	height:36px;
}
.input-group-addon.measure{
	min-width:83px;
	height:36px!important;
	line-height:34px!important;
	font-size:12px;
	padding: 0 12px;
}

.input-group-addon, .input-group-btn {
    width: 1%;
    white-space: nowrap;
    vertical-align: middle;
}

.input-group .form-control, .input-group-addon, .input-group-btn {
    display: table-cell;
}


.input-group {
    border-collapse: separate;
}

.input textarea {
    height: 112px;
    overflow: auto;
    min-height: 52px;
    resize: vertical;
}
.file-field{
	margin-top:0;	
}
.file-field .btn{
	height:30px;
	line-height:28px;
	margin:3px 3px 3px 42px!important;
	padding:0px 10px!important;
	background:#eee;
	color: #555;
	border:1px solid #ccc;
	box-shadow:none;
}

.file-field input[type="file"] {
    position: absolute;
    top: 0px;
    right: 0px;
    left: 0px;
    bottom: 0px;
    width: 100%;
    margin: 0px;
    padding: 0px;
    cursor: pointer;
    opacity: 0;
    font-size: 12px;
}

input[type=text].file-path{
	border:none!important;
	border:1px solid #ccc!important;
	height: 36px!important;
	padding: 0px!important;
	font-size:12px!important;
	padding: 10px 15px 10px 55px!important;
}

input[type=text].file-path:focus:not([readonly]){
	border:none!important;
	border:1px solid #ccc!important;
	border-radius:3px!important;
}

.file-field input.file-path {
    margin-left: 0px;
    width: 100%;
}

.file-field span i{
	font-size:14px;	
}

input[type=text]:focus:not([readonly]),
input[type=password]:focus:not([readonly]),
input[type=email]:focus:not([readonly]),
input[type=url]:focus:not([readonly]),
input[type=time]:focus:not([readonly]),
input[type=date]:focus:not([readonly]),
input[type=datetime-local]:focus:not([readonly]),
input[type=tel]:focus:not([readonly]),
input[type=number]:focus:not([readonly]),
input[type=search]:focus:not([readonly]),
textarea.materialize-textarea:focus:not([readonly]),
textarea:focus:not([readonly])
	{
		box-shadow: none!important;
		background:#F3E3C3;
	}
select:focus:not([readonly])
	{
		box-shadow:none!important;
		border:1px solid #FE781D!important;
	}
.input-group-addon:focus
	{
		background:#F3E3C3;
	}

.input-field .prefix ~ input, .input-field .prefix ~ textarea {
    margin-left: 0;
    width: 100%;
}

.input-field .prefix {
	color:#9e9e9e;
}
.input-field .prefix.active {
	color: #333;
}

.file-path-wrapper {
	position:relative;
    padding-left: 0px;
}

input[type="text"].cell{
	background: transparent!important;
	border: 0!important;
	height: 20px!important;
	padding: 0px 0px!important;
	outline: 0!important;
	width:100%!important;
}

input[type="text"].cell:focus,input[type="text"].cell:hover{
	border: 0!important;
	outline: 0!important;
}

@media (max-width: 479px) {
	
	header{
		height:56px!important;
	}
	nav.smpMenu{
		height:56px;
	}
	
	.brand-logo{
		height:36px!important;
		margin:10px 0;
		padding:0;
		text-align:center;
	}
	.brand-logo *{
		height:36px!important;
	}
	.container{
		width:100%;	
	}

	.submit-field .row .col{
		padding:0px;
	}
	
	.submit-field{
		padding:0 0.75em!important;
	}
	
	.col.l6.m12.s12.footerTel{margin-top:20px;}
/*	.footerLink{text-align:center;}	*/
	
	.default-list dt{
		width:100%;
		padding:5px 0 0 0;
		position:static;
		display:block;
		}
	
	.default-list dd{
		width:100%;
		color:rgba(0, 0, 0, 0.87);
		padding:0 0 5px 10px;
		margin:0!important;
	}

	.seasonArea2 #oseibo_kakuni h2 {
		font-size: 19px;
		padding-right: 60px;
	}

	.seasonArea2 #oseibo_kakuni_banner {
		right: 10px;
		max-width: 45px;
	}

}

@media (min-width: 480px) and (max-width: 599px) {
	
	header{
		height:56px!important;
	}
	
	nav.smpMenu{
		height:56px;
	}
	
	.brand-logo{
		height:36px!important;
		margin:10px 0;
		padding:0;
		text-align:center;
	}
	.brand-logo *{
		height:36px!important;
	}
	
	.container{
		width:95%;	
	}
		
	.col.l6.m12.s12.footerTel{margin-top:20px;}
/*	.footerLink{text-align:center;}	*/
	
	.default-list dt{
		width:100%;
		padding:5px 0 0 0;
		position:static;
		display:block;
		}
	
	.default-list dd{
		width:100%;
		color:rgba(0, 0, 0, 0.87);
		padding:0 0 5px 10px;
		margin:0!important;
	}

	#loginConsole {
		margin-top: 0;
		}
	
}

@media only screen and (max-width : 600px) {
	
	header{
		height:64px;
	}
	.container{
		width:95%;
	}
	.brand-logo{
		text-align:center!important;	
	}

	.col.l6.m12.s12.footerTel{margin-top:20px;}
	
	.footerLogo img{
		width:150px;	
	}
	
	.panel.half-left{
		width:100%;
		margin-right:0px!important;
		margin-bottom:20px;
	}
	.panel.half-center{
		width:100%;
		margin-left:0px!important;
		margin-bottom:20px;
	}
	.panel.half-right{
		width:100%;
		margin-left:0px!important;
		margin-bottom:20px;
	}
	
	.shareBtn{
		position:static!important;
		width:100%;
		bottom:0;
		right:0;
		padding: 0!important;
	}
	
	.blogBanner{
		display:block;
		margin-top:20px;
	}
	
	#loginConsole {
		margin-top: 0;
		}

}
@media only screen and (max-width : 992px) {
	/*
	header{
		height:64px;
		padding:0;
	}
	.brand-logo{
		height:44px;
		margin:10px 0;
		padding:0;
		text-align:center;
	}
	.brand-logo *{
		height:44px;
	}
	*/
	.brand-logo{
		text-align:left;
	}
	.title{
		font-size:18px;
		padding:10px 0;
		margin-bottom:10px!important;
	}
	.noticeboard p{
		font-size:14px;
	}
	.subtitle{
		font-size:16px;
		padding-bottom:8px;
	}
	.itemText p{
		font-size:14px;
	}
	
	.container{
		width:95%;
	}
	
/****
	.exhibitionDm p{
		font-size:16px!important;
		line-height:1.3em;
		margin-bottom:20px;
	}
***/
	table.schedule th{
		font-size:14px!important;
	}
	table.schedule td{
		font-size:11px!important;
	}

	.blogBanner{
		display:block;
	}
	
	.col.l6.m12.s12.footerTel{margin-top:20px;}
	
	.parallax-container{
		height:150px!important;	
	}
	
	.slider .slick-slide:not(.slick-center) {
		-webkit-transform:none!important;
		-moz-transform:none!important;
		-ms-transform:none!important;
		-o-transform:none!important;
		transform:none!important;
		transition:none!important;
	}
	
	h4.msg {
		font-size:1.2rem!important;	
	}

	#loginConsole {
		margin-top: 0;
		}

	.snsArea .index-t,
	.snsArea .index-f,
	.snsArea .index-i {
		font-size: 1.2em;
		}
}

@media only screen and (max-width : 1350px) {
/***
	.exhibitionDm p{
		font-size:20px;
		line-height:1.3em;
		margin-bottom:20px;
	}
***/
	
	.blogMsg{
		font-size:16px!important;
		margin:15px 0;
		line-height:1.3em;
	}

}

@media screen and (min-width:1351px) {
/***
	.exhibitionDm p{
		font-size:20px;
		line-height:1.3em;
		margin-bottom:20px;
	}
***/
	
}