/*
Theme Name: matsuya
Template: twentyeleven
Description: matsuya
Author: Yamazen Communications co.,ltd.
Author URI: http://www.yamazen-net.co.jp/
*/
	

/* reset style
----------------------------------------------------------- */

html {
	overflow-y:scroll;
}


body,div,
dl,dt,dd,ul,ol,li,
h1,h2,h3,h4,h5,h6,
pre,form,fieldset,input,textarea,p,blockquote,th,td {
	margin:0;
	padding:0;
}

body,x:-moz-broken {
	margin-left:-1px;
}

h1,h2,h3,h4,h5,h6,p {
	font-weight:normal;
	font-size: 100%;
	text-align:left;
}
ol,ul,li{
	list-style:none;
}

ul,li,img{
	margin:0;
	padding:0;
	list-style:none;
	vertical-align:bottom;
	line-height:1.6;
	text-align:left;
}

caption,th {
	text-align:left;
}
address,caption,cite,code,dfn,em,strong,th,var {
	font-style:normal;
	font-weight:normal;
}

a{
	text-decoration:none;
	outline:0;
	line-height:1.6;
/* Hides from IE-mac \*/
	overflow:hidden;
/* End hide from IE-mac */
}

img,td,th {
	border:0;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}

td,th{
	text-align: left;
	vertical-align: top;
}





/* CLEAR FIX*/
.clearfix:after,
p.text:after{
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}
.clearfix,
p.text{display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
* html p.text { height: 1%;}
.clearfix,
p.text{display: block;}
/* End hide from IE-mac */



/* common
----------------------------------------------------------------------------------*/

body {
 	margin:0 auto;
	padding:0;
	font-size:87.5%;
	font-family:Verdana,Arial,"メイリオ",Meiryo,"Osaka","ヒラギノ角ゴPro W3","Hiragino Kaku Gothic Pro","ＭＳ Ｐゴシック",sans-serif;
	line-height:1.8;
	color:#4d4d4d;
	vertical-align:top;
	-webkit-text-size-adjust:100%;
}


a:link   {color:#9e0014;text-decoration:underline;}
a:visited{color:#9e0014;text-decoration:underline;}
a:hover  {color:#9e0014;text-decoration:none;}
a:active {color:#9e0014;text-decoration:underline;}

a:hover img{
    opacity:0.50;
    filter: alpha(opacity=50);
}
@media screen and (max-width:768px){
img{
	max-width:100%;
	height:auto;
}
}

/* margin */
.mt0  {margin-top:0px!important;}
.mt5  {margin-top:5px!important;}
.mt10 {margin-top:10px!important;}
.mt15 {margin-top:15px!important;}
.mt20 {margin-top:20px!important;}
.mt25 {margin-top:25px!important;}
.mt30 {margin-top:30px!important;}
.mt40 {margin-top:40px!important;}
.mt50 {margin-top:50px!important;}

.mb0  {margin-bottom:0px!important;}
.mb5  {margin-bottom:5px!important;}
.mb10 {margin-bottom:10px!important;}
.mb15 {margin-bottom:15px!important;}
.mb20 {margin-bottom:20px!important;}
.mb25 {margin-bottom:25px!important;}
.mb30 {margin-bottom:30px!important;}
.mb40 {margin-bottom:40px!important;}
.mb50 {margin-bottom:50px!important;}

.mr0  {margin-right:0px!important;}
.mr5  {margin-right:5px!important;}
.mr10 {margin-right:10px!important;}
.mr15 {margin-right:15px!important;}
.mr20 {margin-right:20px!important;}
.mr25 {margin-right:25px!important;}
.mr30 {margin-right:30px!important;}

.ml0  {margin-left:0px!important;}
.ml5  {margin-left:5px!important;}
.ml10 {margin-left:10px!important;}
.ml15 {margin-left:15px!important;}
.ml20 {margin-left:20px!important;}
.ml25 {margin-left:25px!important;}
.ml30 {margin-left:30px!important;}

/* padding */
.pt0  {padding-top:0px!important;}
.pt5  {padding-top:5px!important;}
.pt10 {padding-top:10px!important;}
.pt15 {padding-top:15px!important;}
.pt20 {padding-top:20px!important;}
.pt25 {padding-top:25px!important;}
.pt30 {padding-top:30px!important;}

.pb0  {padding-bottom:0px!important;}
.pb5  {padding-bottom:5px!important;}
.pb10 {padding-bottom:10px!important;}
.pb15 {padding-bottom:15px!important;}
.pb20 {padding-bottom:20px!important;}
.pb25 {padding-bottom:25px!important;}
.pb30 {padding-bottom:30px!important;}

.pr0  {padding-right:0px!important;}
.pr5  {padding-right:5px!important;}
.pr10 {padding-right:10px!important;}
.pr15 {padding-right:15px!important;}
.pr20 {padding-right:20px!important;}
.pr25 {padding-right:25px!important;}
.pr30 {padding-right:30px!important;}

.pl0  {padding-left:0px!important;}
.pl5  {padding-left:5px!important;}
.pl10 {padding-left:10px!important;}
.pl15 {padding-left:15px!important;}
.pl20 {padding-left:20px!important;}
.pl25 {padding-left:25px!important;}
.pl30 {padding-left:30px!important;}

.fs10{font-size:10px!important;}
.fs12{font-size:12px!important;}
.fs14{font-size:14px!important;}
.fs16{font-size:16px!important;}
.fs18{font-size:18px!important;}
.fs20{font-size:20px!important;}
.fs22{font-size:22px!important;}
.fs24{font-size:24px!important;}
.fs26{font-size:25px!important;}
.fs28{font-size:28px!important;}
.fs30{font-size:30px!important;}
.fs36{font-size:36px!important;}
.fs48{font-size:48px!important;}

.align-l{text-align:left!important;}
.align-r{text-align:right!important;}
.align-c{text-align:center!important;}

.fR{float:right!important;}
.fL{float:left!important;}

.clear{clear:both!important;}
.wrap{overflow:hidden;zoom:1;}

@media only screen and (max-width: 768px){
.tLsp{text-align:left!important;}
.tRsp{text-align:right!important;}
.tCsp{text-align:center!important;}
.fRsp,
.fLsp{float:none!important;margin: 0 0 10px!important;text-align: center;}
}


/* decoration
----------------------------------------------------------------------------------*/
.alignleft {
	display: inline;
	float: left;
	margin-right: 1.625em;
}
.alignright {
	display: inline;
	float: right;
	margin-left: 1.625em;
}
.aligncenter {
	clear: both;
	display: block;
	margin-left: auto;
	margin-right: auto;
}
#contents strong{font-weight:bold;}
#contents em{font-style: italic;}
#contents p{margin:0 0 15px;}
#contents h1{
	clear:both;
	margin:0 0 20px;
	padding:40px 0 15px 42px;
	font-size:142.857%;
	line-height:1;
	background:url(img/common/bg-h1.png) no-repeat 0 bottom;
}
#contents h2{
	clear:both;
	margin:40px 0 15px;
	padding:0 0 25px 33px;
	font-size:128.571%;
	line-height:1;
	background:url(img/common/bg-h2.png) no-repeat 10px 0;
}
#contents h3{

}
#contents table{
	border-right:1px solid #c8c8c8;
	border-top:1px solid #c8c8c8;
}
#contents table th{
	padding:10px;
	border-left:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
}
#contents table td{
	padding:10px;
	border-left:1px solid #c8c8c8;
	border-bottom:1px solid #c8c8c8;
}



/* structure
----------------------------------------------------------------------------------*/
#sidenavi-wrap{
	position:fixed;
	top:0;
	right:50%;
	width:100%;
	margin-right:335px;
	z-index:10;
}
.side{
	width:250px;
	margin:0 0 0 auto;
}
#container{
	position:relative;
	top:0;
	width:100%;
	min-width:1170px;
	padding:0 0 40px;
	background:url(img/common/bg-container.gif) repeat-x 0 0 #fcf0d9;
	z-index:1;
}
.top{
	background:url(img/common/bg-container-top.gif) repeat-x 0 0 #fcf0d9!important;
}
#contents-wrap{
	width:920px;
	margin:0 auto;
	padding-top:150px;
	padding-left:250px;
	position:relative;
	background:url(img/common/bg-new.jpg) no-repeat 250px 0;
}
#contents{
	width:750px;
	margin:0 0 0 30px;
	padding:45px 0 0;
}
.topics #contents-wrap   {background:url(img/common/bg-new.jpg) no-repeat 250px 0;}
.item #contents-wrap     {background:url(img/common/bg-ichiran.jpg) no-repeat 250px 0;}
.kodawari #contents-wrap {background:url(img/common/bg-kodawari2.jpg) no-repeat 250px 0;}
.life #contents-wrap     {background:url(img/common/bg-hitono.jpg) no-repeat 250px 0;}
.shopping #contents-wrap {background:url(img/common/bg-otoriyose.jpg) no-repeat 250px 0;}
.company #contents-wrap  {background:url(img/common/bg-gaiyo.jpg) no-repeat 250px 0;}
.contact #contents-wrap  {background:url(img/common/bg-contact.jpg) no-repeat 250px 0;}



.top #contents-wrap{
	padding-top:0;
	background:none;
}

@media screen and (max-width:768px){
#sidenavi-wrap{
	position:relative!important;
	top:0;
	right:0;
	left:0;
	min-width:320px!important;
	width:100%!important;
	margin:0;
	z-index:10;
}
#gnavi{
	display:none;
}
.side{
	width:100%;
}

#container{
	min-width:100%;
}
#container{
	background:#fcf0d9;
}
.top{
	background:#fcf0d9!important;
}
#contents-wrap{
	width:100%;
	padding:0;
	position:relative;
	background:none!important;
}
#contents{
	width:auto;
	margin:0;
	padding:0 10px;
}
.top #contents{
	padding:20px 10px 0;
}

}
@media screen and (max-width:1169px){
#sidenavi-wrap{
	position:absolute;
	top:0;
	right:0;
	left:0;
	width:250px;
	margin-right:0;
	z-index:10;
}
}



/* sidenavi
----------------------------------------------------------------------------------*/
#logo{
	width:100%;
	padding:35px 0;
	background:#31302a;
}
#gnavi{
	width:100%;
	padding:5px 0 15px;
	color:#ffffff;
	font-size:85.714%;
	background:#31302a;
	-webkit-border-radius:0 0 10px 0;
	-moz-border-radius:0 0 10px 0;
	border-radius:0 0 10px 0;
	overflow:hidden;
}
#gnavi ul{margin-right:20px;overflow:hidden;}
#gnavi ul li{
	float:right;
	width:14px;
	padding:0 8px;
	text-indent:-999999px;
	border-left:1px dotted #ffffff;
}
#gnavi ul li a{
	display:block;
	height:185px;
}
#gnavi ul li.nav07{border:none;}

#gnavi ul li.nav01 a{background:url(img/common/nav01.png) no-repeat 0 0;}
#gnavi ul li.nav02 a{background:url(img/common/nav02.png) no-repeat 0 0;}
#gnavi ul li.nav03 a{background:url(img/common/nav03.png) no-repeat 0 0;}
#gnavi ul li.nav04 a{background:url(img/common/nav04.png) no-repeat 0 0;}
#gnavi ul li.nav05 a{background:url(img/common/nav05.png) no-repeat 0 0;}
#gnavi ul li.nav06 a{background:url(img/common/nav06.png) no-repeat 0 0;}
#gnavi ul li.nav07 a{background:url(img/common/nav07.png) no-repeat 0 0;}

#gnavi ul li.nav01 a:hover{background:url(img/common/nav01.png) no-repeat right 0;}
#gnavi ul li.nav02 a:hover{background:url(img/common/nav02.png) no-repeat right 0;}
#gnavi ul li.nav03 a:hover{background:url(img/common/nav03.png) no-repeat right 0;}
#gnavi ul li.nav04 a:hover{background:url(img/common/nav04.png) no-repeat right 0;}
#gnavi ul li.nav05 a:hover{background:url(img/common/nav05.png) no-repeat right 0;}
#gnavi ul li.nav06 a:hover{background:url(img/common/nav06.png) no-repeat right 0;}
#gnavi ul li.nav07 a:hover{background:url(img/common/nav07.png) no-repeat right 0;}


#gnavi address{
	clear:both;
	margin:55px 0 10px;
}

@media screen and (max-width:768px){
#sp-menu{
	position:absolute;
	top:17px;
	right:10px;
	cursor:pointer;
}
#logo{
	padding:10px 0;
}
#logo .side h1{text-align:center;}
#logo .side h1 img{width:115px;height:auto;}
#gnavi{
	padding:10px 0 20px;
	background:#31302a;
	-webkit-border-radius:0 0 10px 10px;
	-moz-border-radius:0 0 10px 10px;
	border-radius:0 0 10px 10px;
}
#gnavi .side{
	width:230px;
	margin:0 auto;
}
#gnavi ul{margin:0;}
#gnavi address{
	margin:20px 0 10px;
}
#gnavi .pc{display:none;}
}
@media screen and (min-width:769px){
#sp-menu{display:none;}
#gnavi .sp{display:none;}
}

/* contents
----------------------------------------------------------------------------------*/
#sns-btn{
	position:fixed;
	right:0;
	top:170px;
	z-index:2;
}
#sns-btn ul li{
	margin:0 0 6px;
}
.top #sns-btn{top:320px;}
@media screen and (max-width:768px){
#sns-btn{
	position:relative;
	top:10px;
	width:100%;
	z-index:2;
}
#sns-btn ul{text-align:center;}
#sns-btn ul li{
	display:inline;
	padding:0 10px;
}
.top #sns-btn{top:10px;}
}

#topicpath{
	margin:0 0 20px;
	overflow:hidden;
	zoom:1;
}
#topicpath li{
	position:relative;
	float:left;
	min-width:95px;
	margin:0 31px 0 0;
	padding:7px 15px 7px 5px;
	color:#ffffff;
	line-height:1;
	background:#333333;
}
#topicpath li:after { left: 100%; top: 50%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: rgba(51, 51, 51, 0); border-left-color: #333333; border-width: 28px; margin-top: -28px; }

#topicpath li.top-link,
#topicpath li.top-link a{
	color:#fcf0d9;
}
#topicpath li a{
	display:block;
	color:#ffffff;
	text-decoration:none;
	line-height:1;
}
@media screen and (max-width:768px){
#topicpath{display:none;}
}
/* footer
----------------------------------------------------------------------------------*/
#footer{
	padding:50px 0 27px;
	text-align:center;
	background:url(img/common/bg-footer.gif) repeat-x 0 bottom;
}
#pTop{
	position:fixed;
	bottom:80px;
	right:20px;
	z-index:10000;
}


/* toppage
----------------------------------------------------------------------------------*/
.top #contents{
	
}

.top #contents p{margin:0;}
.top #contents .ttl{
	margin:0 0 15px;
	padding:0;
	background:none;
}
.top #contents .ttl02{
	margin:0 0 15px;
	padding:0 0 5px;
	border-bottom:1px solid #8c6239;
	background:none;
}
.top #contents .ttl03{
	margin:500 50 50px;
	padding:0;
	background:none;
}
.top #season{
	width:762px;
	margin:0 -12px 50px 0;
	letter-spacing: -0.4em;
	overflow:hidden;
}
.top #season li{
	display: inline-block;
	width:242px;
	margin:0 12px 20px 0;
	letter-spacing: normal;
	vertical-align: top;
}
.top #season li .icon{
	float:right;
	margin:4px 0 0 10px;
}
.top #season li .icon img{
	width:18px;
	height:auto;
}

.top #season li .item-image a img{
	max-width:100%;
	height:auto;
}
.top #season li h3{
	margin:5px 0;
}
.top #season li h3 a{
	color:#42210b;
	font-size:114.285%;
	text-decoration:none;
}
.top #season li .time{
	padding:0 0 5px;
	color:#99272d;
	font-size:71.428%;
	border-bottom:1px dotted #8c6239;
}

.top #standard{
	width:760px;
	margin:0 -10px 50px 0;
	overflow:hidden;
}
.top #standard li{
	float:left;
	width:370px;
	margin:0 10px 10px 0;
}
.top #topics{
	margin:0 0 5px;
	overflow:hidden;
	border-top:1px dotted #8c6239;
}
.top #insta1{
    width:500px;
    margin:0 auto;
    list-style:none;
    padding:0;
}
.top #topics dt{
	float:left;
	width:7em;
	padding:5px 0 0;
}
.top #topics dd{
	padding:5px 0 5px 7em;
	border-bottom:1px dotted #8c6239;
}
.top .topics-list{
	margin:0 0 50px!important;
	text-align:right;
}

.top #twitter,
.top #facebook-wrap{
	float:left;
	width:365px;
}
.top #facebook{
	min-height:568px;
	padding:15px;
	background:url(img/top/bg-facebook.png) no-repeat 0 0;
}
.top #calendar,
.top #access-wrap{
	float:right;
	width:365px;
}
.top #calendar{
	width:100%;
	float:none;
}
.top #access{
	min-height:568px;
	padding:15px;
	background:url(img/top/bg-facebook.png) no-repeat 0 0;
}
.top #address{
	margin:5px 0 0;
	font-size:85.714%;
	line-height:1.6;
	overflow:hidden;
}
.top #address dt{
	float:left;
	width:6em;
}
.top #address dd{
	padding-left:6em;
}

.top #facebook2{
	clear:both;
	width:820px;
	height:217px;
	margin:30px 0 0 -83px;
	padding:15px 0 0 100px;
	background:url(img/top/bg-facebook2.gif) no-repeat 0 0;
}

@media screen and (max-width:768px){
.top #contents .ttl{
	width:100%;
	overflow:hidden;
}
.top #contents .ttl img{
	max-width:739px;
	width:739px;
	height:auto;
}
.top #season{
	width:100%;
	margin:0 0 50px;
	letter-spacing: -0.4em;
	overflow:hidden;
}
.top #season li{
	display: inline-block;
	width:31%;
	margin:0 1% 20px;
	letter-spacing: normal;
	vertical-align: top;
}

.top #standard{
	width:100%;
	margin:0 0 50px;
}
.top #standard li{
	float:left;
	width:46%;
	margin:0 2% 2%;
	text-align:center;
}

.top #twitter,
.top #facebook-wrap,
.top #facebook2{display:none;}
.top #calendar,
.top #access-wrap{
	float:none;
	width:100%;
}
.top #map{
	width:70%;
	margin:0 auto;
}
.top #access{
	min-height:auto;
	padding:0;
	background:none;
}
}
@media screen and (min-width:320px) and (max-width:640px){
.top #season li{
	float:none;
	width:100%;
	margin:0 0 20px;
}

.top #standard{
	width:100%;
	margin:0 0 50px;
}
.top #standard li{
	float:none;
	width:100%;
	margin:0 0 10px;
	text-align:center;
}

.top #topics dt{
	float:none;
	width:auto;
	padding:5px 0;
}
.top #topics dd{
	padding:0 0 5px;
	border-bottom:1px dotted #8c6239;
}

.top #map{
	width:90%;
	margin:0 auto;
}
}

/* app_bnr */
div#app{
	min-height:120px;
	padding:15px 15px 15px 160px;
	border:10px #e1e1e1 solid;
	background:#fff url(/cms/wp-content/themes/matsuya/img/top/app_mark.png) no-repeat left 15px top 15px;
	background-size:120px auto;
	overflow:hidden;
}
div#app ul{
	width:calc(100% - 150px);
	float:left;
}
div#app h1.ttl{
	margin-bottom:10px!important;
	color:#42210b;
	font-size:22px;
	font-weight:bold;
}
div#app img.qr{
	max-width:150px;
	float:right;
	display:block;
	margin:-15px -15px -15px 15px;
}
div#app a.btn{
	width:100%;display:block;
	margin-top:10px;
	padding:4px 0;color:#fff;
	text-align:center;
	border-radius:15px;
	background-color:#31302a;
	transition:all 0.3s linear;
}
div#app a.btn:hover{
	background-color:orange;
}
@media screen and (max-width:720px){
	div#app {
		padding:15px;
		background-position:left -50px center;
		background-size: 83% auto;
	}
	div#app ul {
		font-weight: bold;
	}
}
@media screen and (max-width:540px){
	div#app {
		min-height: 0;
		padding:10px;
		border:5px #e1e1e1 solid;
		background-position:right -30px center;
		background-size: 70% auto;
	}
	div#app img.qr{
		display:none;
	}
	div#app ul{
		width:100%;
	}
}

/* topics
----------------------------------------------------------------------------------*/
#category{
	text-align:center;
	word-break:keep-all;
}
#category li{
	display:inline;
	padding:0 5px;
	white-space: nowrap;
}
@media screen and (max-width:768px){
#category{margin:20px 0 0;}
}
.topics #topics-list li{
	margin:0 0 30px;
	padding:0 0 30px;
	border-bottom:1px solid #000000;
}
.topics #topics-list li p{
	margin:0 0 10px!important;
}
.topics #topics-list li .ttl{
	font-size:128.571%;
}
.topics #stopics-list li .date{
	font-size:85.714%;
}



/* item
----------------------------------------------------------------------------------*/
.item .item-list{
	width:780px;
	margin:0 -30px 0 0;
	overflow:hidden;
	zoom:1;
}
.item .item-list li{
	float:left;
	width:230px;
	margin:0 30px 30px 0;
	border-bottom:1px dotted #8a6239;
}
.item .item-list li .item-img{
	margin:0 0 5px!important;
	text-align:center;
}
.item .item-list li .item-img img{
	max-width:100%;
	height:auto;
}
.item .item-list li .item-ttl{
	overflow:hidden;
	zoom:1;
}
.item .item-list li .item-ttl .icon{
	float:right;
}
.item .item-list li .item-ttl .icon img{
	width:18px;
	height:auto;
}
.item .item-list li .item-ttl .ttl{
	margin:0!important;
}
.item .item-list li .item-ttl .ttl a{
	color:#42210b;
	font-size:114.285%;
	text-decoration:none;
}
.item .item-list li .item-ttl .period{
	margin:0 0 5px!important;
	color:#97272d;
	font-size:71.428%;
}
@media screen and (max-width:768px){
.item .item-list{
	width:100%;
	margin:0;
}
.item .item-list li{
	width:46%;
	margin:0 2% 20px;
}
}

/* item-single
----------------------------------------------------------------------------------*/
.item-single #period-icon{
	float:right;
	margin:0 0 0 10px;
}
.item-single #catch{
	font-size:128.571%;
}
.item-single #item-text{
	float:left;
	width:420px;
}
.item-single #item-detail{
	float:right;
	width:300px;
	overflow:hidden;
}
.item-single #item-detail dt{
	float:left;
	width:5em;
	padding:3px 0 0;
}
.item-single #item-detail dd{
	padding:3px 0 3px 5em;
	border-bottom:1px solid #000000;
}
.item-single #back{
	margin:30px 0;
	text-align:center;
}

@media screen and (max-width:768px){
.item-single #item-text{
	float:none;
	width:100%;
}
.item-single #item-detail{
	float:none;
	width:100%;
	margin:30px 0 0;
}

}



/* kodawari
----------------------------------------------------------------------------------*/
.kodawari .list3c{
	clear:both;
	width:774px;
	margin:0 -24px 0 0;
	overflow:hidden;
	zoom:1;
}
.kodawari .list3c li{
	float:left;
	width:234px;
	margin:0 24px 24px 0;
}
.kodawari .list3c li p.sozai{
	margin:5px 0 0;
	padding:5px 0 0;
	border-top:1px dotted #8a6239;
}
@media screen and (max-width:768px){
.kodawari .list3c{
	clear:both;
	width:100%;
	margin:0;
	overflow:hidden;
	zoom:1;
}
.kodawari .list3c li{
	float:left;
	width:46%;
	margin:0 0 24px;
	padding:0 2%;
}
.kodawari .list3c li p{
	text-align:center;
}
.kodawari .list3c li p.sozai{
	margin:5px 0 0;
	padding:5px 0 0;
	text-align:left;
	border-top:1px dotted #8a6239;
}
}


/* life
----------------------------------------------------------------------------------*/
.life .life-list{
	padding:0 210px 0 0;
}
.life .life-list dt{
	margin:0 0 10px;
	color:#42210b;
	font-size:128.571%;
	font-weight:bold;
}
.life .life-list dd{
	margin:0 0 25px;
	padding:0 0 25px;
	border-bottom:1px dotted #8a6239;
}
.life #life01{background:url(img/life/bg-life01.png) no-repeat right top;}
.life #life02{background:url(img/life/bg-life02.png) no-repeat right top;}
.life #life03{background:url(img/life/bg-life03.png) no-repeat right top;}
@media screen and (max-width:768px){
.life .life-list{
	padding:0;
	background:none!important;
}

}



/* company
----------------------------------------------------------------------------------*/
.company .catch{
	margin:0 0 40px!important;
	text-align:center;
}
.company .greeting{
	margin:0 0 20px;
}
.company .greeting-sp{
	display:none;
}
.company .greeting-logo{
	text-align:center;
}
.company #outline01{
	float:left;
	width:360px;
	padding:0 14px 0 0;
	border-right:1px solid #000000;
}
.company #outline02{
	float:right;
	width:360px;
	margin:0 0 0 14px;
}
.company .outline dt{
	float:left;
	width:7em;
	padding:2px 0 0;
}
.company .outline dd{
	padding:2px 0 2px 7em;
	border-bottom:1px dotted #000000;
}
.company #history dt{
	float:left;
	width:85px;
	min-height:62px;
	padding:25px 0 0 10px;
	background:url(img/company/bg-history.png) no-repeat 0 0;
}
.company #history dd{
	min-height:62px;
	margin:0 0 0 100px;
	padding:15px 0;
	border-bottom:1px dotted #000000;
}
.company #history dd.history-img{
	float:right;
	min-height:inherit;
	margin:15px 0 0 10px;
	padding:0;
	border:none;
}

@media screen and (max-width:768px){
.company .greeting{
	display:none;
}
.company .greeting-sp{
	display:block;
}
.company .rinen-img{
	display:none;
}
.company #outline01,
.company #outline02{
	float:none;
	width:100%;
	padding:0;
	margin:0;
	border:none;
}
.company #history dt{
	float:none;
	width:auto;
	min-height:inherit;
	padding:0;
	color:#42210b;
	font-size:114.285%;
	font-weight:bold;
	background:none;
}
.company #history dd{
	min-height:inherit;
	margin:0 0 10px;
	padding:0 0 10px;
}
.company #history dd.history-img{
	display:none;
}
}



/* contact
----------------------------------------------------------------------------------*/
#inquiry{
	overflow:hidden;
}
#inquiry dt{
	float:left;
	width:15em;
	padding:15px 0 0;
}
#inquiry dd{
	padding:15px 0 15px 15em;
	border-bottom:1px dotted #c8c8c8;
}
#inquiry dd:after{
	content: ".";  
	display: block;  
	visibility: hidden;  
	height: 0.1px;  
	font-size: 0.1em;  
	line-height: 0;  
	clear: both;  
}
#inquiry dd input[type="text"],
#inquiry dd input[type="email"],
#inquiry dd textarea{
	width:450px;
}
#inquiry dd #policy{
	width:430px;
	height:200px;
	margin:10px 0 0;
	padding:10px;
	font-size:85.714%;
	border:1px solid #c8c8c8;
	background:#ffffff;
	overflow:auto;
}

#submit{
	margin:20px 0 0;
	text-align:center;
}

@media screen and (max-width:768px){
#inquiry dt{
	float:none;
	width:auto;
	padding:20px 0 10px;
}
#inquiry dd{
	padding:0 0 20px;
}
#inquiry dd input[type="text"],
#inquiry dd input[type="email"],
#inquiry dd textarea{
	width:98%;
}
#inquiry dd #policy{
	width:auto;
}
}


/* shopping
----------------------------------------------------------------------------------*/
.shopping .fs12{font-size:85.714%;}
.contact .require,
.shopping .require{color:#ff0000;}
@media screen and (max-width:768px){
.shopping #order{
	margin:0 0 30px;
}
.shopping #order li{
	text-align:center;
}
.shopping #order li.left{
	margin:0 0 20px;
}
}
@media screen and (min-width:769px){
.shopping #order{
	margin:0 0 30px;
	overflow:hidden;
}
.shopping #order li.left{
	float:left;
}
.shopping #order li.right{
	float:right;
}
}



/* dealing
----------------------------------------------------------------------------------*/
.dealing .table dt{
	float: left;
	width: 210px;
	padding: 10px 0 0;
	color: #333;
	font-size: 16px;
}
.dealing .table dd{
	padding: 10px 0 10px 230px;
	border-bottom: 1px dotted #ba7d5c;
}
.dealing .table dd:last-child{border: none;}


.dealing table th {
    background: none repeat scroll 0 0 #e4d8cf;
    border-bottom: 1px solid #ffffff;
    border-right: 1px solid #ffffff;
    text-align: center;
	padding:10px;
	vertical-align:middle;
}

.dealing table th.left {
    background: none repeat scroll 0 0 #cfcece;
    padding-left: 4px;
    text-align: left;
}

.dealing table td{
	background: none repeat scroll 0 0 #e7e7e7;
    border-bottom: 1px solid #ffffff;
    border-right: 0 solid #ffffff;
    padding-right: 4px;
    text-align: right;
	vertical-align:middle;
}
.dealing #contents .table02{
	width: 100%;
}
.dealing #contents .table02 th,
.dealing #contents .table02 td{
	padding: 5px;
	font-size: 12px;
	line-height: 1.5;
}
@media screen and (max-width:768px){
.dealing .table dt{
	float: none;
	width: auto;
	padding: 0;
	color: #ba7d5c;
}
.dealing .table dd{
	margin: 0 0 10px;
	padding: 10px 0;
}
.dealing #contents .table02 th,
.dealing #contents .table02 td{
	padding: 2px;
	font-size: 10px;
}
}