﻿

/* RESET */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var,optgroup{font-style:inherit;font-weight:inherit;}del,ins{text-decoration:none;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:baseline;}sub{vertical-align:baseline;}legend{color:#000;}input,button,textarea,select,optgroup,option{font-family:inherit;font-size:inherit;font-style:inherit;font-weight:inherit;}input,button,textarea,select{*font-size:100%;}
/* RESET HTML5 */
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;font:inherit;vertical-align:baseline;}
/* HTML5 display-role reset for older browsers */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}

/* GENERAL */
a:link, a:visited {color: #461707;text-decoration: none;}
a:hover {color: #461707;text-decoration: underline;}
a{outline: none;}

/* CLEARFIX */
.clearfix
{zoom: 1;}

.clearfix:after,
section:after,
.ftHead:after,
#ftSubList:after,
.hdBox:after,
.container:after,
.moriyaOriginalList li:after,
#flowList li .dispArea:after,
#kindList:after,
#materialList li:after,
#colorList:after,
.storeList li:after,
.mapArea:after,
.infoList li:after,
.shopList:after
{content: "."; display: block; visibility: hidden; clear: both; height: 0; font-size: 0; line-height: 0;}

strong{
font-weight: bold;
}

img{
vertical-align: bottom;
}

/* ------------------------------------------
LAYOUT
------------------------------------------ */

html{
	height: 100%; 
}

body{
	font: 12px/1.4 "游ゴシック体", "YuGothic", "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium",  sans-serif;
	font-family: "Helvetica Neue", Arial, "Hiragino Kaku Gothic ProN",
        "Hiragino Sans", "Noto Sans", Meiryo, sans-serif;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: none;
	width: 100%; 
	height: 100%; 
	background-color: #fff;
	color:#000;
	color: #371205;
	position:relative;
	font-size: 16px;
}

#wrapper{

}


/* ------------------------------------------
header
------------------------------------------ */

header{
	position: fixed;
	z-index: 100;
	background-color: #fff;
	width: 100%;
}

#contents{
padding-top: 144px;
}
.home #contents{
padding-top: 0px;
}
.home header{
position: relative;
margin-bottom: 70px;
}

.page-id-228 header{
display: none;
}
.page-id-228 footer{
display: none;
}


h1#logo{
	width: 170px;
	height: 40px;
	float: left;
	padding-top: 7px;
	margin-right: 25px;
}
h1#logo a{
	text-indent: -9999px;
	display: block;
	width: 100%;
	height: 100%;
	background-image:url(../image/logo.png);
	background-repeat:no-repeat;
	background-size: contain;
}

/*背景
.bg{
	background-image:url(../images/bg_main.jpg);
}
*/


#nav{
	clear: both;
	height: 54px;
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	font-size: 0;
	overflow: hidden;
}
.home #nav{
	height: 70px;
}

#nav > li{
	font-family: 'EB Garamond',Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
	font-size: 17px;
	font-weight: bold;
	display: inline-block;
	margin-left: 1px;
	margin-right: 1px;
}

#nav > li a span{
	display: block;
	font-size: 16px;
	color: #461707;
}

.home #nav > li a{
padding: 15px 15px;
display: inline-block;
letter-spacing: 0.02em;
}
#nav > li a{
padding: 5px 24px;
display: inline-block;
letter-spacing: 0.02em;
	border-radius: 4px;
}

#nav > li a:hover{
	background-color: #EFE9E6;
}
#nav > li.current a{
	background-color: #EFE9E6 !important;
}
.home #nav > li a:hover{
	background-color: transparent;
}


#nav > li a:hover{
	text-decoration: none;
}

.hdBox{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
	padding-top: 20px;
	margin-bottom: 23px;
}

h1#copy{
	float: left;
	color: #371205;
	font-size: 11px;
	margin-top: 13px;
	font-weight: bold;
}

#hdSubNav{
	float: right;
	margin-right: 28px;
}





#subNav{
	position: absolute;
	left: 130px;
	top: 0;
	white-space: nowrap;
	display: none;
}
li.current #subNav{
	display: block;
}

#subNav > li{
	margin-bottom: 8px;
}
#subNav > li.current > a{
	text-decoration: underline;
}











#mainVisual{
	position: relative;
	overflow: hidden;
}

.home #mainVisual{
	min-height: 560px;
}

#exNav{
	position: absolute;
	right: 50px;
	top: 70px;	
	z-index: 10;
}
#exNav li{
	float: left;
	margin-left: 40px;
	font-size: 13px;
}
#exNav li a:hover{
	text-decoration: none;
}
#exNav li.online a{
	display: block;
	background-image:url(../image/ic_online.png);
	background-repeat:no-repeat;
	background-position: 0 6px;
	color: #fff;
	padding-left: 20px;
}
#exNav li.contact a{
	display: block;
	background-image:url(../image/ic_contact.png);
	background-repeat:no-repeat;	
	background-position: 0 8px;
	color: #fff;
	padding-left: 20px;
}
#exNav li.facebook a{
	display: block;
	background-image:url(../image/ic_facebook.png);
	background-repeat:no-repeat;	
	background-position: 0 8px;
	color: #fff;
	padding-left: 20px;
}
#exNav li.we a{
	display: block;
	background-image:url(../image/we.png);
	background-repeat:no-repeat;	
	background-position: 0 8px;
	color: #fff;
	padding-left: 20px;
}
#exNav > li{
	font-family: 'EB Garamond',Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
	font-size: 17px;
	font-weight: bold;
	display: inline-block;
}

#exNav > li a span{
	display: block;
	font-size: 9px;
}







#hdSubNav{

}
#hdSubNav li{
	float: left;
	margin-left: 30px;
	font-size: 12px;
}
#hdSubNav li a:hover{
	text-decoration: none;
}
#hdSubNav li.online a{
	display: block;
	background-image:url(../image/hd_ic_online.png);
	background-repeat:no-repeat;
	background-position: 0 3px;
	color: #371205;
	padding-left: 20px;
}
#hdSubNav li.contact a{
	display: block;
	background-image:url(../image/hd_ic_contact.png);
	background-repeat:no-repeat;	
	background-position: 0 4px;
	color: #371205;
	padding-left: 20px;
}
#hdSubNav li.facebook a{
	display: block;
	background-image:url(../image/hd_ic_facebook.png);
	background-repeat:no-repeat;	
	background-position: 0 4px;
	color: #371205;
	padding-left: 20px;
}
#hdSubNav li.we a{
	display: block;
	background-image:url(../image/we1.png);
	background-repeat:no-repeat;	
	background-position: 0 4px;
	color: #371205;
	padding-left: 20px;
}
#hdSubNav > li{
	font-family: 'EB Garamond',Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
	font-size: 17px;
	font-weight: bold;
	display: inline-block;
}

#hdSubNav > li a span{
	display: block;
	font-size: 9px;
	color: #877169;
}












h2.logo a{
	display: block;
	background-image:url(../image/logo.png);
	background-repeat:no-repeat;
	background-size: contain;
	position: absolute;
	left: 50px;
	top: 70px;
	text-indent: -9999px;
	width: 200px;
	height: 50px;
	z-index: 10;
}

#contents{
padding-bottom: 0px;
}

h2.mainCopy{
	margin-bottom: 20px;
	text-align: center;
}
h2.mainCopy img{
	margin-left: auto;
	margin-right: auto;
}

h3.copy{
	color: #444444;
	font-size: 16px;
	text-align: center;
	margin-bottom: 50px;
}

.btnOrder{
	text-align: center;	
}






section{
	margin-bottom: 50px;
}
section.bg{
	padding-top: 50px;
	padding-bottom: 50px;
	
	margin-bottom: 0;
}

section .box > .left{
	width: 460px;
	float: left;
}

section .box > .right{
	width: 490px;
	float: right;
	padding-top: 52px;
}

.subTtl{
	font-size: 22px;
	font-weight: bold;
	margin-bottom: 20px;
	margin-bottom: 30px;
}

.subTtl span{
	font-size: 9px;
	color: #877169;
	margin-left: 20px;
}

.newsList li{
	border-bottom: 1px dotted #887168;
	padding-bottom: 12px;
	margin-bottom: 12px;
}

.newsList li:last-child{
	border-bottom: none;
}

.newsList li > div{
	vertical-align: top;
	display: inline-block;
}

.newsList li > div.date{
	margin-right: 10px;
}

.ico{
	margin-right: 10px;
	background-color: #75240F;
	color: #fff;
	width: 100px;
	text-align: center;
	border-radius: 2px;
	font-size: 11px;
	padding-top: 1px;
}

.itemsList .ico{
	width: auto;
	display: inline-block;
	padding: 1px 10px 0 10px;
}

.newsList li > div.disp{
	width: 100%;
	font-size: 13px;
}

.bnrList li{
	float: left;
	margin-left: 20px;
}

.btnGray a{
	display: block;
	height: 28px;
	line-height: 28px;
	vertical-align:middle;
	background-color: #F3F3F3;
	text-align: center;
	font-size: 13px;
	font-weight: bold;
}
.btnGray a:hover{
	text-decoration: none;
}
.btnGray a span{
	background-image:url(../image/arr_right_brown.png);
	background-repeat:no-repeat;
	padding-left: 15px;
	background-position: 0 5px;
}

h2.ttl{
	font-family: 'EB Garamond',Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
	font-size: 26px;
	font-weight: bold;
	letter-spacing: 0.06em;
	text-align: center;
	background-repeat: repeat-x;
	background-position: 0 36px;
	margin-left: 20px;
	margin-right: 20px;
	margin-top: 20px;
	margin-left: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
}

h2.ttl span{
	display: block;
	font-size: 14px;
	font-weight: bold;
}

h2.ttl .mask{
	display: inline-block;
}

h2.ttl .mask{
	padding-left: 20px;
	padding-right: 20px;
}
.white h2.ttl .mask{
	background-color: #fff;
}


.moriyaList{
	text-align: center;
	margin-left: -10px;
	margin-right: -10px;
}

.moriyaList li{
	float: left;
	display: block;
	margin: 0 10px;
	vertical-align: top;
	
	width: 20%;
	width: calc(33% - 20px);
}

.moriyaList li .disp{
	font-family: "游ゴシック体", "YuGothic", "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium",  sans-serif;	
}

a.underline{
	text-decoration: underline;
}

.moriyaList li img{
	margin-bottom: 20px;
	max-width: 100%;
}

.box{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}


.gothic{
	font-family: "游ゴシック体", "YuGothic", "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium",  sans-serif;
}

.itemsList{
	text-align: center;
	margin-bottom: 40px;
}

.itemsList li{
	display: inline-block;
	margin: 0 0px;
	width: 19.5%;
	vertical-align: top;
	text-align: left;
}

.itemsList li img{
	margin-bottom: 20px;
	border: 4px solid #F0EAE7;
}

.itemsList li .ttl{
	font-weight: bold;
	display: inline;
}

.itemsList li a:hover{
	text-decoration: none;
}



footer{
	background-color: #381203;
	color: #fff;
	padding-top: 30px;
}
footer a:link, footer a:visited{
	color: #fff;	
}

.ftHead{
	width: 980px;
	margin-left: auto;
	margin-right: auto;
}


#ftLogo{
	width: 140px;
	height: 30px;hd_
}
#ftLogo a{
	text-indent: -9999px;
	display: block;
	width: 100%;
	height: 100%;
	background-image:url(../picture/wt_logo.png);
	background-repeat:no-repeat;
	background-size: contain;
}


.ftHead .left{
	float: left;
}
.ftHead  .right{
	float: right;
}




#ftNav li{
	display: inline-block;
	margin-left: 5px;
}
#ftNav li a{
	margin-right: 10px;
	margin-left: 10px;
}

#ftNav{
	float: right;
	margin-bottom: 30px;
	margin-top: 5px;
}
#ftSubList{
	clear: both;
	float: right;
	margin-bottom: 30px;
}

#ftSubList li{
	float: left;
	margin-left: 20px;
	margin-right: 8px;
}

#ftSubList li a{
	padding-left: 18px;
}

#ftSubList li.online a{
	background-image:url(../image/ic_online.png);
	background-repeat:no-repeat;	
}
#ftSubList li.contact a{
	background-image:url(../image/ic_contact.png);
	background-repeat:no-repeat;	
	background-position: 0 2px;
}
#ftSubList li.facebook a{
	background-image:url(../image/ic_facebook.png);
	background-repeat:no-repeat;	
	background-position: 0 0px;
}
#ftSubList li.we a{
	background-image:url(../image/we.png);
	background-repeat:no-repeat;	
	background-position: 0 0px;
}


#copyright{
	text-align: center;
	padding-bottom: 30px;
	font-size: 10px;
	letter-spacing: 0.01em;
}

.container{
	margin-bottom: 0px;
}

.container #mainContent{
	width: 730px;
	float: right;
}

.container #sideArea{
	width: 250px;
	float: left;
}

.widget-title{
	font-family: 'EB Garamond',Garamond,Baskerville,Baskerville Old Face,Hoefler Text,Times New Roman,serif;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 15px;
}

.widget-title span{
	display: block;
	font-size: 9px;
	color: #877169;
	margin-left: 15px;
	margin-left: 0;
}

.widget > ul{
	margin-bottom: 60px;
}

.widget > ul li{
	max-width: 210px;
	margin-bottom: 5px;
	font-family: "游ゴシック体", "YuGothic", "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium",  sans-serif;
}

article{
	border-bottom: 1px dotted #887168;
	padding-bottom: 40px;
	margin-bottom: 60px;
}
article:last-child{
	border-bottom: none;
}

article .ico{
	margin-right: 15px;
	display: inline-block;
	margin-bottom: 10px;
}

article .date{
	display: inline-block;
	font-weight: bold;
}

article .ttl{
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
}

article .disp{
	line-height: 180%;
	font-family: "游ゴシック体", "YuGothic", "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium",  sans-serif;
	padding-right: 20px;
}
article .disp p{
	margin-bottom: 20px;
}

article .disp img{
display: block;
margin-bottom: 20px;
max-width: 500px;
height: auto;

max-width: 100%;
}












.newsDirectionBox{
clear: both;
font-family: Georgia,Times,Baskerville,Palatino,serif;
margin-bottom: 20px;

text-align: center;
}
.newsDirectionBox .arr{
margin-right: 30px;
background-image:url(https://www.moriya-japan.com/_wp/wp-content/themes/moriya/images/ar_arrow_back.png);
background-position: 0 5px;
background-repeat: no-repeat;
padding-left: 18px;
}

.newsDirection.singleDirection > a{
padding-left: 10px;
padding-right: 10px;
margin-right: 10px;

color: #fff;
padding: 6px 10px;
background-color: #381203;	
}
.newsDirection.singleDirection > a:hover{
background-color: #444;
color: #FFF;
text-decoration: none;
}

.page-numbers{
padding-left: 10px;
padding-right: 10px;
border-right: 1px solid #381203;
}
.page-numbers:last-child{
border-right: none;
}
.page-numbers a{
	color: #fff;
}
.page-numbers a:hover{
	text-decoration: none;
}

.page-numbers.current{
font-weight: bold;
}

.prev.page-numbers{
padding-left: 10px;
padding-right: 10px;
margin-left: 0;
margin-right: 10px;

color: #fff;
padding: 6px 10px;
background-color: #381203;
display: inline;
}
.next.page-numbers{
padding-left: 10px;
padding-right: 10px;
margin-left: 10px;
margin-right: 0;

color: #fff;
padding: 6px 10px;
background-color: #381203;
display: inline;
}

.prev.page-numbers:hover, .next.page-numbers:hover{
background-color: #444;
color: #FFF;
text-decoration: none;
}













.thumbSlider{
	background-color: #65260A;
}

.owl-controls{
	position: absolute;
	top:50%;
	margin-top: -25px;
	width: 100%;
	height: 100%;
	z-index: 10;
}
.owl-nav > div{
	background-color: #662603;
	width: 50px;
	height: 50px;
	border-radius: 25px;
}
.owl-nav > div:hover{
	background-color: #855135;
}

.owl-prev{
position: absolute;
left: 50%;
margin-left: -400px;
background-image:url(../image/btn_prev.png);
background-position: 18px 50%;
background-repeat: no-repeat;
text-indent: -9999px;
}
.owl-next{
position: absolute;
right: 50%;
margin-right: -400px;
background-image:url(../image/btn_next.png);
background-position: 23px 50%;
background-repeat: no-repeat;
text-indent: -9999px;
}


.moriyaOriginalList{
	margin-top: 60px;
}

.moriyaOriginalList li{
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px dotted #887168;
}
.moriyaOriginalList li:last-child{
	border-bottom: none;
}

.moriyaOriginalList li .left{
	float: left;
	width: 380px;
	margin-right: 60px;
}
.moriyaOriginalList li .left img{
	max-width: 100%;
}

.moriyaOriginalList li .right{
	float: right;
	width: 530px;
	padding-top: 20px;
}

.moriyaOriginalList li .right .ttl{
	margin-bottom: 30px;
}

.moriyaOriginalList li .right .disp{
	line-height: 160%;
	font-family: "游ゴシック体", "YuGothic", "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium",  sans-serif;
	padding-right: 20px;
	font-size: 16px;
	margin-bottom: 20px;
}

.moriyaOriginalList li .right .btn a{
background-image:url(../image/arr_right.png);
background-position: 20px 50%;
background-repeat: no-repeat;

background-color: #642610;
	border-radius: 4px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	display: inline-block;
	padding: 0 25px 0 30px;
	color: #fff;
}

.moriyaOriginalList li .right .btn a:hover{
	text-decoration: none;
	background-color: #855135;
}



.brandList{
	text-align: center;
	font-size: 0;
	margin-bottom: 60px;
}

.brandList li{
	display: inline-block;
	vertical-align: top;
	font-size: 12px;
	margin: 8px 7px;
	margin-bottom: 15px;
	font-family: "游ゴシック体", "YuGothic", "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium",  sans-serif;
	font-weight: bold;
}

.brandList li img{
	border: 4px solid #571E08;
	margin-bottom: 8px;
}

.mainImg{
	height: 460px;
	text-align: center;
}

.mainImgCopy{
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.95);
	font-size: 20px;
	position: absolute;
	z-index: 5;
	left: 50%;
	margin-left: -460px;
	bottom: 20px;
	padding: 15px 25px;
}




.ui-tabs .ui-tabs-nav .ui-tabs-anchor{
	padding: 0;
	height: 33px;
	overflow: hidden;
}

.ui-tabs .ui-tabs-nav li{
	margin: 0;
	padding: 0;
	margin-right: 8px;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active{
	margin: 0;
	padding: 0;
	margin-right: 8px;
}
.ui-tabs .ui-tabs-nav li.last{
	margin-right: 0 !important;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a{
	background-position: 0 -33px !important;
	cursor: default;
}
.ui-tabs .ui-tabs-nav li a{
	text-indent: -9999px;
	cursor: pointer;
background-position: 0 0;
background-repeat: no-repeat;
}

#ui-id-1{
background-image:url(../image/btn_tab1.png);
width: 184px;
}

#ui-id-2{
background-image:url(../image/btn_tab2.png);
width: 190px;
}

#ui-id-3{
background-image:url(../image/btn_tab3.png);
width: 154px;
}

#ui-id-4{
background-image:url(../image/btn_tab4.png);
width: 138px;
}

#ui-id-5{
background-image:url(../image/btn_tab5.png);
width: 194px;
}




.ui-tabs .ui-tabs-panel{
	border: 1px solid #DDDDDD;
	background-color: #fff;
	padding: 60px 100px;
	padding-bottom: 30px;
	margin-left: 1px;
	margin-right: 1px;
	margin-top: -1px;
}

#tabs{
	width: 900px;
	margin-left: auto;
	margin-right: auto;
}


#flowList{
	margin-left: auto;
	margin-right: auto;	
}


.tabTtl{
	font-size: 16px;	
	margin-bottom: 30px;
}
.tabSubTtl{
	font-size: 16px;
		margin-bottom: 10px;
		margin-left: 13px;	
}
.tabTtlStr{
	margin-bottom: 30px;	
	font-family: "游ゴシック体", "YuGothic", "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium",  sans-serif;
	margin-left: 13px;	
}

#flowList .img{
	margin-bottom: 30px;
}

#flowList .arr{
	background-image:url(../image/arr_down.gif);	
	width: 180px;
	height: 100px;
	background-repeat: no-repeat;
	background-position: 60px 30px;
	float: left;
}
#flowList .arr.last{
	background-image: none;
}

#flowList .disp{
	float: left;
	width: 510px;
}

#flowList li{
	margin-bottom: 30px;
	font-family: "游ゴシック体", "YuGothic", "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium",  sans-serif;
	line-height: 180%;
}


#kindList{
	width: 690px;
}

#kindList li{
	font-size: 13px;
	float: left;
	margin: 0 13px;
	margin-right: 13px;
	margin-bottom: 30px;
	font-family: "游ゴシック体", "YuGothic", "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium",  sans-serif;
}

#kindList li .img{
	border: 2px solid #461C01;
	margin-bottom: 8px;
}
#kindList li .ttl{
	text-align: center;
}


#materialList{
	margin-bottom: 40px;
}

#materialList li{
	margin-bottom: 40px;
	clear: both;
}

#materialList li .img{
	width: 200px;
	float: left;
	border: 2px solid #461C01;
	margin-right: 40px;
}

#materialList li .dispArea{
	float: left;
	line-height: 180%;
}

#materialList li .ttl{
	margin-bottom: 5px;
	font-size: 16px;	
	font-weight: bold;
}
#materialList li .disp{
	font-family: "游ゴシック体", "YuGothic", "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium",  sans-serif;
}

.materialTtl{
	clear: both;
	border-radius: 2px;
	background-color: #602E02;
	padding: 8px 20px;
	color: #fff;
	font-size: 15px;
	margin-bottom: 30px;
}

#colorList{
	margin-bottom: 60px;
}

#colorList li{
	float: left;
	margin-right: 35px;
	margin-bottom: 20px;
}
#colorList li .img{
	margin-bottom: 8px;
}

#colorList li .ttl{
	text-align: center;
	font-family: "游ゴシック体", "YuGothic", "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium",  sans-serif;
	font-size: 12px;
	font-weight: bold;
}

.attention{
	clear: both;
	font-family: "游ゴシック体", "YuGothic", "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium",  sans-serif;
	line-height: 180%;
}



.storeTtl{
	clear: both;
	border-radius: 2px;
	background-color: #602E02;
	padding: 8px 20px;
	color: #fff;
	font-size: 15px;
	margin-bottom: 30px;
}

.storeList li{
	clear: both;
	margin-bottom: 40px;
}


.btn a{
background-image:url(../image/arr_right.png);
background-position: 20px 50%;
background-repeat: no-repeat;

background-color: #642610;
	border-radius: 4px;
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	display: inline-block;
	padding: 0 25px 0 30px;
	color: #fff;
}

.btn a:hover{
	text-decoration: none;
	background-color: #855135;
}

.storeList li .dispArea{
	width: 350px;
	float: left;
	line-height: 180%;
	margin-left: 10px;
}

.storeList li .img{
	width: 340px;
	float: right;
	margin-right: 10px;
}


.storeList li .ttl{
	margin-bottom: 10px;
	font-size: 16px;	
	font-weight: bold;
	margin-top: 20px;
}
.storeList li .disp{
	font-family: "游ゴシック体", "YuGothic", "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium",  sans-serif;
	margin-bottom: 20px;
}

.shopList{
	clear: both;
}

.shopList > li{
	width: 30%;
	margin-right: 3%;
	float: left;
	margin-bottom: 30px;
	padding-bottom: 30px;
	border-bottom: 1px dotted #887168;
}
.shopList > li.last{
	border-bottom: none;
	margin-bottom: 31px;
}

.area{
	font-size: 16px;
	margin-bottom: 15px;
}


.shopEachList{
	clear: both;	
}


.shopEachList li{
	font-family: "游ゴシック体", "YuGothic", "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium",  sans-serif;
	margin-bottom: 5px;	
}

.map{
	margin-bottom: 30px;
}

.mapArea{
	margin-bottom: 30px;
}

.mapArea .address{
	float: left;
	font-family: "游ゴシック体", "YuGothic", "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium",  sans-serif;
	font-size: 14px;
	line-height: 180%;
}
.mapArea .btn{
	float: right;
}



.btnBig a{
	background-image:url(../image/arr_bnr_right.png);
	background-position: 40px 50%;
	background-repeat: no-repeat;
	
	background-color: #fff;
	background-color: rgba(255, 255, 255, 0.95);

	width: 280px;
	height: 80px;
	line-height: 80px;
	vertical-align: middle;
	display: inline-block;
	border: 4px solid #461C01;
	text-align: center;
	font-size: 20px;
}

.page-id-16 .btnBig a{
	font-size: 16px;
	background-position: 30px 50%;
}

.btnBig a:hover{
	text-decoration: none;
	opacity: 0.8;
}


.str{
	font-family: "游ゴシック体", "YuGothic", "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium",  sans-serif;
	font-size: 13px;
	line-height: 180%;
	padding-left: 10px;
	margin-bottom: 60px;
}

.str .btn{
	margin-top: 30px;
}

.infoList{
	font-family: "游ゴシック体", "YuGothic", "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium",  sans-serif;
	font-size: 16px;
	line-height: 180%;
	margin-left: 10px;
	margin-bottom: 60px;
}
.infoList li{
	margin-bottom: 5px;
}

.infoList .ttl{
float: left;
width: 120px;
font-weight: bold;
}

.infoList .disp{
float: left;
width: 580px;
}




.infoEachList li{
	margin-bottom: 10px;
}

.infoEachList .ico{
	font-size: 12px;
	width: 90px;
	float: left;
	margin-right: 20px;
}

.infoEachList .address{
	width: 460px;
	float: left;	
}




#tblForm{
font-family: "游ゴシック体", "YuGothic", "Yu Gothic M", "游ゴシック Medium", "Yu Gothic Medium",  sans-serif;
}

.wpcf7-form{
	padding-bottom: 60px;
}

.wpcf7-form input{
	background-color: #fff;
	border: none;
	padding: 10px;
	position: relative;
	border: 1px solid #DDDDDD;
}

.wpcf7-form input.wpcf7-submit{
	background-color: #602e02;
	border-radius: 4px;
	padding: 10px 50px;
	color: #fff;
	margin-left: 15px;
	background-image:url(../image/arr_right.png);
	background-position: 20px 50%;
	background-repeat: no-repeat;
	cursor: pointer;
	border: none;
	font-size: 16px;
}

.wpcf7-form input.wpcf7-submit:hover{
	text-decoration: none;
}

.wpcf7-form textarea{
	background-color: #fff;
	border: none;
	padding: 10px;
	width: 400px;
	border: 1px solid #DDDDDD;
}
.wpcf7-form select{
	background-color: #fff;
	border: none;
	border-radius: 4px;
	padding: 10px;
}
.sel1{
	width: 300px;
}
.wpcf7-list-item{
	margin-right: 20px;
}

#tblForm th,#tblForm td{
	padding: 10px 0;
	vertical-align: top;
}

span.wpcf7-not-valid-tip{
	margin-top: 3px;
	font-size: 12px;
}

#tblForm th{
	width: 200px;
}

.necessary{
	background-color: #fff;
	background-color: #602e02;
	float: right;
	color: 	#333;
	color: #fff;
	text-align: center;
	padding: 3px 6px;
	border-radius: 4px;
	margin-right: 10px;
	font-size: 12px;
}


#btnArea{
	margin-top: 30px;
	margin-left: 185px;
}



.subStr{
	font-size: 16px;
	margin-bottom: 10px;
	margin-left: 10px;
}

.subStr2{
	margin-bottom: 30px;
}

.maintenanceList{
	margin-bottom: 60px;
	margin-left: 10px;
}

.maintenanceList li{
	margin-bottom: 15px;
}


.page-id-9 span.wpcf7-list-item{
	display: block;
	margin-bottom: 4px;
}
.page-id-231 span.wpcf7-list-item{
	display: block;
	margin-bottom: 4px;
}


.orderBox{
	margin-bottom: 20px;
	text-align: center;
}

.orderBoxTop{
	margin-bottom: 60px;
	text-align: center;
	margin-top: -20px;
}


.wp_social_bookmarking_light{
	margin-top: 60px !important;
}

.noPc{
	display: none;
}
.noSp{
	display: block;
}

/* ------------------------------------------
sp
------------------------------------------ */

body{
padding-top: 260px;
padding-top: 0;
}

#spHeader{
display: none;
position: relative;
z-index: 30;
width: 100%;
}

#tabContent{
background-color: #65260A;
position: absolute;
z-index: 100;
top:-260px;
left:0;
width: 100%;
display: block;
}

#tabContent ul{

}
#tabContent ul li{
font-size: 12px;
float: left;
display: table;
height: 40px;
background-image: url(../image/bg_sp_navi.gif);
background-position: right top;
background-repeat:repeat-y;
}

#tabContent ul li.col1{
width: 50%;
}
#tabContent ul li.col2{
width: 50%;
background-image: none;

}
#tabContent ul li.col3{
width: 100%;
background-image: none;
height: 60px;
}


#tabContent ul li a{
padding-top: 6px;
padding-bottom: 6px;
display: table-cell;
color: #fff;
font-size: 14px;
text-align: center;
vertical-align: middle;
background-image: url(../image/bg_sp_navi.gif);
background-position: center bottom;
background-repeat:repeat-x;
}

#tabContent ul li a:hover{
	text-decoration: none;
	background-color: #84513B;
background-image: url(../image/bg_sp_navi.gif);
}


#tab{
position: absolute;
right: 0;
width: 50px;
height: 48px;
position: absolute;
z-index: 300;
}

#tab a{
display: block;
width: 100%;
height: 100%;
background-image: url(../image/btn_tab.png);
background-repeat: no-repeat;
background-size: 24px 24px;
background-position: 50% 50%;	
}

.home #tab a{
background-image: url(../image/btn_tab.png);
}
#tab a{
background-image: url(../image/btn_tab_page.png);
}

#spHeader{
	display: none;
}

#tab{
	display: none;
}














/* ------------------------------------------
smartphone
------------------------------------------ */
@media only screen and (max-width:640px) {

.owl-controls{
	display: none;
}

.thumbSlider{

}

.owl-carousel .owl-item img{

}

article{
	margin-bottom: 40px;
}

.wp_social_bookmarking_light {
    margin-top: 20px !important;
}

header{
	position: relative;
}

#contents{
	padding-top: 0;
}


.hdBox{
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
	margin-bottom: 13px;
}

#hdSubNav{
	display: none;
}

header nav{
	display: none;
}

h1#logo{
	float: none;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

h1#copy{
	float: none;
	text-align: center;
	font-size: 12px;	
}


#nav{
	width: auto;
}


#tab{
display: block;
}

#spHeader{
	display: block;
}


section{
	padding-left: 20px;
	padding-right: 20px;
}

.noPc{
	display: block;
}
.noSp{
	display: none;
}


.home #mainVisual{
	min-height: initial;
	min-height: auto;
	margin-bottom: 40px;
}

#exNav{
	display: none;
}

.home header{
	display: none;	
}


.box{
	width: auto;
}

h2.mainCopy{
	width: 100%;
    color: #75240f;
    font-size: 16px;
    margin-bottom: 30px;
    text-align: center;
    line-height: 180%;
    font-weight: bold;
}

h2.mainCopy img{
	max-width: 90%;
}


.btnOrder{
	width: 100%;
}
.btnOrder img{
	max-width: 100%;
}

h3.copy{
	margin-bottom: 20px;
}

h1#logo a{
	background-image:url(../image/logo.png);
}

.moriyaList li .ttl img{
    -webkit-transform: scale(0.8);  
    -moz-transform: scale(0.8); 
    -webkit-transform-origin:left top;
    -moz-transform-origin:left top;
}

.moriyaOriginalList li .left .ttl img, .moriyaOriginalList li .right .ttl img{
    -webkit-transform: scale(0.8);  
    -moz-transform: scale(0.8); 
    -webkit-transform-origin:left top;
    -moz-transform-origin:left top;
}

h2.logo a{
	left: 50%;
	top: 50%;
	margin-left: -140px;
	margin-top: -34px;
	background-image:url(../image/hd_logo_home_sp.png);
	width: 280px;
	height: 68px;
}

#ftSubList li.online a{
	background-image:url(../image/ic_online_sp.png);
	background-size: 14px 15px;
}
#ftSubList li.contact a{
	background-image:url(../image/ic_contact_sp.png);
	background-size: 14px 15px;
}
#ftSubList li.facebook a{
	background-image:url(../image/ic_facebook_sp.png);
	background-size: 14px 15px;
}


section .box > .left,
section .box > .right{
	width: auto;
	float: none;
}


.bnrList li{
	width: 46%;
	margin-left: 2%;
	margin-right: 2%;
}

.bnrList li img{
	max-width: 100%;
}

.moriyaList li{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}
.moriyaList li img{
	max-width: 100%;
}

.moriyaList li img{
	margin-bottom: 10px;
}

.moriyaList li .ttl img{
	margin-bottom: 30px;
}


.itemsList{
	font-size: 0;
}
.itemsList li{
	width: 44%;
	margin-left: 3%;
	margin-right: 3%;
	font-size: 12px;
	margin-bottom: 30px;

}
.itemsList li img{
	max-width: 100%;
}

.itemsList li a{
	display: block;
}

.itemsList li img{
	margin-bottom: 10px;
}

.itemsList li .ttl{
	display: block;	
}

.itemsList .ico{
	margin-bottom: 4px;
}


#ftLogo{
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 30px;
	display: none;
}

footer{
	padding-top: 20px;
	margin-top: -50px;
}

.ftHead{
	width: auto;
	padding-left: 20px;
	padding-right: 20px;
}

.ftHead .left{
	float: none;
	margin-bottom: 20px;
}

.ftHead .right{
	float: left;
}

#ftNav{
	text-align: center;
	margin-bottom: 10px;
}

#ftNav li{
	margin-left: 8px;
	margin-bottom: 8px;
	float: none;
}

#ftNav li a{
	margin-left: 0;	
}


#ftSubList{
	text-align: center;
}

#ftSubList li{
	margin-left: 5px;
	margin-right: 5px;
	float: none;
	display: inline-block;
	margin-bottom: 10px;
}

.subTtl{
	margin-bottom: 20px;
}

.container #mainContent{
	float: none;
	width: auto;
	border-bottom: 1px solid #381203;
	margin-bottom: 60px;
	padding-bottom: 20px;
}

.container #sideArea{
	float: none;
	width: auto;
	clear: both;	
}

#secondary{
	top:0 !important;
	position: relative !important;

}


.widget > ul{
	margin-bottom: 30px;
}
.widget-title{
	margin-bottom: 10px;
}

.moriyaOriginalList li .left,
.moriyaOriginalList li .right{
	width: 100%;
	margin-left: auto;
	margin-right: auto;
}

.moriyaOriginalList li .left img,
.moriyaOriginalList li .right img{
	max-width: 100%;
}

.mainImg{
	height: 160px;
}

.mainImg img{
	height: 100%;
	width: auto;
}

.mainImgCopy{
	left: 20px;
	margin-left: 0;
	font-size: 14px;
	display: none;
}
.orderBoxTop{
	margin-top: 0;
}

.orderBoxTop img{
	max-width: 100%;
}

#tabs{
	width: auto;
}

.ui-tabs .ui-tabs-panel{
	padding: 30px 20px;
}

#filter{
	margin-left: 1px;
	margin-bottom: 10px;
}
#filter li{
	margin-bottom: 5px;
	margin-left: 2%;
	width: 46%;
	margin-right: 2%;
}

.ui-tabs .ui-tabs-nav li a{
background-image: none;
text-indent: 0;
width: 100%;
}

#ui-id-1,
#ui-id-2,
#ui-id-3,
#ui-id-4{
background-image: none;
width: 100%;
margin-right: 0px;
height: auto;
box-sizing: border-box;

	background-color: #fff;
    border: 1px solid #dddddd;
    padding: 10px 10px 8px 10px;
}

.ui-tabs .ui-tabs-nav{
	padding: 0;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-active a{
	background-color: #65260a !important;
    color: #fff;
}

.ui-tabs .ui-tabs-nav li a span{
	background-image:url(../image/arr_right_brown.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 10px;
}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a span{
	background-image:url(../image/arr_right_white.png);
}

.brandList li{
	width: 44%;
	margin: 0;
	margin-left: 3%;
	margin-right: 3%;
	margin-bottom: 15px;
}
.brandList li img{
	max-width: initial;
	max-width: 100%;
	height: auto;
}


#flowList img{
	max-width: initial;
	max-width: 100%;
}

#flowList .img{
	margin-bottom: 0;
}

#flowList .img span{
	background-color: #602e02;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	padding: 10px 10px 8px 10px;
	letter-spacing: 0.05em;
	text-align: center;
	border-radius: 4px;
}

.tabTtl span{
	background-color: #602e02;
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	font-family: "ヒラギノ明朝 ProN W6","HiraMinProN-W6","HG明朝E","ＭＳ Ｐ明朝","MS PMincho","MS 明朝",serif;
	padding: 10px 10px 8px 10px;
	letter-spacing: 0.05em;
	text-align: center;
}


#flowList .disp{
	width: auto;
}

#flowList .arr{
	background-position: center center;
	margin-left: auto;
	margin-right: auto;
	float: none;
	height: 70px;
}

#flowList li{
	margin-bottom: 50px;
}

#kindList{
	width: auto;
}

#kindList li{
	width: 44%;
	margin-left: 3%;
	margin-right: 3%;
	font-size: 12px;
	margin-bottom: 20px;
	min-height: 145px;
}

#kindList li .img img{
	max-width: initial;
	max-width: 100%;
}
.tabTtl{
	font-size: 13px;
	line-height: 160%;
}

.tabSubTtl{
	font-size: 13px;
	line-height: 160%;
}

#colorList{
	text-align: center;
	font-size: 0;
}

#colorList li{
	float: none;
	display: inline-block;
	width: 33%;
	margin-right: 0;
	margin-left: 0;
	font-size: 12px;
	margin-bottom: 45px;
}


.storeList li .dispArea{
	float: none;
	width: auto;
	margin-bottom: 20px;
	margin-left: 0;
}


.storeList li .img{
	float: none;
	width: auto;	
	margin-right: 0;
}

.storeList li .img iframe{
	width: 100%;
	height: 160px;
}


.shopList > li{
	width: 46%;
	margin-right: 4%;
}

.storeList li .disp{
	margin-bottom: 10px;
}

.storeList li{
	margin-bottom: 60px;
}

.infoList .ttl{
	width: 25%;	
	margin-right: 0;
}
.infoList .disp{
	width: 75%;	
	margin-right: 0;
}

.infoEachList .ico{
	margin-bottom: 5px;
}

.infoEachList .address{
	line-height: 120%;
}

.infoList li{
	margin-bottom: 10px;
}
.infoEachList li{
	margin-bottom: 15px;
}

#tblForm th,#tblForm td{
	float: none;
	width: auto;	
	display: block;
}
#tblForm th{
	padding-bottom: 0;
}
#tblForm td{
padding-top: 3px;
}

.wpcf7-form textarea{
	width: 100%;
	box-sizing: border-box;	
}

#btnArea{
	margin-left: 0;
	text-align: center;
}

.necessary{
	float: none;
	margin-left: 15px;
	font-size: 10px;
	padding: 1px 4px;
}

.infoEachList .address{
	width: auto;
}


.btnBig{
	text-align: center;
}

.btnBig a{
	height: 60px;
	line-height: 60px;
}




article .disp{
	padding-right: 0;
}






}

































