@charset "UTF-8";



/******* ↓↓↓↓↓ リセットCSS ↓↓↓↓↓ *************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
margin: 0;
padding: 0;
border: 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;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
content: '';
content: none;
}
table {
border-collapse: collapse;
border-spacing: 0;
}

#footerFloatingMenu {
    display: block;
    width: 100%;
    position: fixed;
    left: 0px;
    bottom: 2px;
    z-index: 9999;
    text-align: center;
    padding: 0 auto;
}
 
#footerFloatingMenu img {
    max-width: 99%;
}

@media (min-width: 481px) {
    #footerFloatingMenu {
        display: none;
    }
}

/******* ↑↑↑↑↑↑ リセットCSS ↑↑↑↑↑↑ *************************************/


html {
  width: 100%;
  height: 100%;
}

body {
  width: 100%;
  height: 100%;
  margin: 0;
  padding: 0;
  font-size: 14.5px;
  font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif;
  color: #575757;
  background-color: #ffffff;
  line-height:135%;
}

header, nav, section, article, main, footer {
  display: block;
}

a {
  color: #8f2e14;
	font-weight: bold;
text-decoration:none;outline: none;
}

a:hover {
font-weight: bold;
color: #98623c;
text-decoration:underline;
}


img,a img {
  border-style: none;
border:0 none;
}

a:hover img {
opacity: 0.6;
}


ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}
ul.disc {
  list-style-type: disc;
  margin-left: 18px;
}

ol {
  margin-left: 18px;
}


em {
  color: #f00;
  font-style: normal;
}

strong {
  color: #f00;
}

.small {font-size:11px;}


section {
  *zoom: 1;
}
section:after {
  content: "";
  display: table;
  clear: both;
}

.sponly {display:none;}


/**** h1 - h6 *******************/
h1,h2,h3,h3,h4,h5,h6{font-weight:normal; font-size:100%;    -webkit-margin-before: 0;
    -webkit-margin-after: 0;}
.tit_bold {font-weight:400; font-size:1.25em; margin-bottom:30px; color:#808080;}



.pagetit {text-align:center; font-size:37px; color:#808080;
	/*\*/
	letter-spacing: 17px;
	/**/
margin-bottom:60px;
}

.pagetit span{font-size:20px;
	/*\*/
	letter-spacing: 5px;
	/**/
display:block; margin-top:30px;
}
.width900 {width:900px; margin-left:auto; margin-right:auto;}


/**** text-align *******************/
.center {text-align:center;}
.left {text-align:left;}
.right {text-align:right;}



/**** magin padding *******************/
.mb10 {margin-bottom:10px;}
.mb20 {margin-bottom:20px;}
.mb30 {margin-bottom:30px;}
.mb40 {margin-bottom:40px;}
.mb50 {margin-bottom:50px;}
.mb60 {margin-bottom:60px;}


.pb20 {padding-bottom:20px;}
.pb30 {padding-bottom:30px;}
.pb40 {padding-bottom:40px;}
.pb50 {padding-bottom:50px;}



/**** clear *******************/
.clear {clear:both;}
.clearfix {
    zoom: 1;
}
.clearfix:before,
.clearfix:after {
    content: "";
    display: table;
}
.clearfix:after {
    clear: both;
}


/**** color *******************/
.white {color:#fff;}


/**** width *******************/
.width100 {width:100%;}
.widthplain {width:1000px; margin-left:auto; margin-right:auto;}




/* ------ dl.tableLike */
.tableLike {margin:.6em 0; overflow:hidden; zoom:1; line-height:1.6;}
.tableLike dt {clear:left; width:32%; float:left; padding:1.1em 0; border-top:1px #ccc solid;}
.tableLike dd {width:68%; float:left; padding:1.1em 0; border-top:1px #ccc solid;}
.tableLike dt:first-child,
.tableLike dt:first-child + dd {border-top:0;}

/* ------ dl.tableLike2 */
.tableLike2 {margin:.6em 0; overflow:hidden; zoom:1; line-height:1.6;}
.tableLike2 dt {clear:left; width:20%; float:left; padding:1.1em 0; border-top:1px #ccc solid;}
.tableLike2 dd {width:80%; float:left; padding:1.1em 0; border-top:1px #ccc solid;}
.tableLike2 dt:first-child,
.tableLike2 dt:first-child + dd {border-top:0;}

/****************************************
	header
***************************************/
#header {width:1000px; margin:0 auto; position:relative;height:220px;}
#logo {position:absolute; top:32px; left:5px;}

#headmenu {position:absolute; top:17px; right:0px;font-size:13px;}
#headmenu a{color:#a0a0a0;}
#headmenu li {float:left; margin-left:20px;}


/**** gnavi *******************/
/* 
#gnavi {position:absolute; bottom:30px; left:0px; width:1000px;}
#gnavi {position:absolute; bottom:30px; left:0px; width:872px;}*/
#gnavi li {float:left; display:block;}
#gnavi {position:absolute; bottom:30px; left:64px; width:872px;}

/****************************************
	content
****************************************/
#content {
border-top:2px solid #e9e9ed;
padding: 65px 0 150px 0;}



/**********************************
	lineup
************************************/
#lineup {text-align:center; padding:50px 0 60px 0; font-size:13px;color:#505050;line-height:140%;}
#lineup h2 {font-size:27px; font-weight:bold;margin-bottom:40px; color: #40210f; letter-spacing:3px;line-height:120%;}
#lineup h2 span{display:block; font-size:13px; margin-bottom:5px;}
#lineup .plist {width:100%; margin:0 auto 70px auto;}
#lineup .plist li {width:220px; text-align:center; padding:0; display:inline-block;overflow:hidden; vertical-align:bottom;}
#lineup .plist li img {margin-right:auto; margin-left:auto;}
#lineup .plist li .price {color:#666;}
#lineup .plist li h3 {font-weight:bold; font-size:17px;color: #40210f;text-align:left;line-height:140%;margin-bottom:15px;}
#lineup .plist li p {font-size:13px; width:200px;text-align:left;margin-bottom:15px;}
#lineup .plist li p.redbtn,
#lineup .plist li p.graybtn {text-align:center;}
.graybtn a{    background: #535353;display:block;
    color: #fff; font-size:15.5px;
    text-align: center;
    width: 190px;
    padding: 9px 0;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;}

.redbtn a{    background:#800c00;display:block;
    color: #fff; font-size:15.5px;
    text-align: center;
    width: 190px;
    padding: 9px 0;
    border-radius: 7px;
    -webkit-border-radius: 7px;
    -moz-border-radius: 7px;}

#lineup .plist li .price {font-size:17px;margin-top:15px;}


/******** reason *************/
#reason {background:#40210f; color:#40210f; text-align:center;}
#reasonmenu li {display:inline-block; margin:80px 45px;}
#reasonmenu li a {display:block; background:#fff; padding:23px 120px;  border-radius: 5px; color#40210f; color:#40210f; font-weight:bold;}
#reasonmenu li a:hover {text-decoration:none; background:#f0e4dd;}



/****************************************
	footerbnr
****************************************/
#footerbnr {border-top:1px solid #ccc;border-bottom:1px solid #ccc; text-align:center; padding:50px 0 45px 0; font-size:15px;}
#footerbnr:after {
    content:"";
    display:block;
    clear:both;
}
#footerbnr ul{display:table; border-collapse:separate; border-spacing:20px 0; margin:0 auto; width:1000px;}
#footerbnr li {width:235px; text-align:center; display:table-cell; vertical-align:middle;}
#footerbnr li img {margin-bottom:15px;}

/****************************************
	footer
****************************************/
footer {background:#000; color:#fff; width:100%;}
footer a{color:#fff;}
footer .widthplain {position:relative; height:350px;}

#gotop {position:absolute; top:-25px; left:50%;margin-left:-26px;}
#gotop a:hover img {
opacity: 1; margin-top:2px;
}



#fmenu1 {position:absolute; top:35px; left:0;font-size:13px;}
#fmenu1 ul{margin-right:50px; float:left;}
#fmenu1 ul li {margin-bottom:11px;}
#footerlogo {position:absolute; bottom:28px; right:0px;}
address {position:absolute; bottom:41px; left:0; font-style:normal; font-size:11px;}
#ssl  {position:absolute; top:35px; right:0;}


/***********************************
	SP
************************************/
@media screen and (max-width: 767px) {
	.pconly {display:none;}
	.sponly {display:inline;}
	h3{font-size:110%; }

	#header {background:#40210f; color:#fff; width:100%; height:87px;}
	#logo {position:static; width:190px; margin:0 auto; padding-top:24px;}
	#logo img {width:100%;}
	
	#headmenu {display:none;}
	#gnavi{display:none;}
	#spcart {position:absolute; top:27px; right:15px; width:26px; height:27px;}
	#spcart img {width:100%;}

	#slidearea {border-bottom:none 0 !important;}
	#slideshow img {width:100%;}
	.widthplain {width:100%;}
	#bnr_odr {width:300px;margin:auto;}
	#bnr_odr img {width:100%;}
	.itemlist {width:100% !important;}
	.itemlist li {width:48% !important;}
	.marulink {display:none;}

	#footerbnr {display:none;}
	#footerbnr ul {width:300px; margin:10px auto; display:inline; text-align:center;}
	#footerbnr li {display:inline; width:100%;}
	#gotop {
    position: absolute;
    top: -45px;
	left:auto;
    right:10px;
    margin-left: 0;
z-index:500;
}

	footer {padding-bottom:20px;}
	footer .widthplain {height:auto;}
	footer h2.sponly {text-align:center;background:#f16600; padding:12px 0 11px 0; width:100%;display:block;margin:0;}
	#fmenu1,address,#footerlogo{position:static;}

	#ssl{position:static;text-align:center; margin-top:20px;}
	#footerlogo { text-align:center;margin-top:15px;margin-bottom:25px;}
	address {text-align:center;}

	#fmenu1 ul { margin-right: 0px; float: none;}
	#fmenu1 ul li {margin-bottom: 0px;}
	#fmenu1 li a {display:block; padding:10px 15px; background:#40210f; color:#fff; border-bottom:1px solid #fff; position: relative;}
	#fmenu1 li a:before {
    content: "";
    margin-top: auto;
    margin-bottom: auto;
    display: block;
    position: absolute;
    top: 0;
    right: 15px;
    bottom: 0;
    border-right: 1px solid #fff;
    border-bottom: 1px solid #fff;
    width: 10px;
    height: 10px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}


	.halfwidth {width:50%; float:left;}
	#fmenu1 li.halfwidth a:before {display:none;}
	.bdr_left {border-left:1px solid #fff;}
#reason {padding-bottom:1.7em;}
#reasonmenu li {margin:1.5em auto 0 auto;}
	
/**** menu *********/

.collapse-button{position:absolute;left:12px;top:50%;width:25px; height:23px;text-align:center;background:url(../img/common/sp_menu.gif) no-repeat 50% 50%; background-size:cover;
cursor:pointer;transform:translate(0, -50%);-o-transform:translate(0, -50%);-ms-transform:translate(0, -50%);-moz-transform:translate(0, -50%);-webkit-transform:translate(0, -50%);box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}

ul.slimmenu{position:absolute; top:87px;left:0; width:52%;margin:0;padding:0;list-style-type:none;z-index:500;}
ul.slimmenu:before,ul.slimmenu:after{content:'';display:table}
ul.slimmenu:after{clear:both}

ul.slimmenu.collapsed li{display:block;margin-bottom:1px;width:100%;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}


ul.slimmenu.collapsed li>ul{position:static;display:none}
ul.slimmenu.collapsed li a{display:block;box-sizing:border-box;-moz-box-sizing:border-box;-webkit-box-sizing:border-box}


ul.slimmenu.collapsed li .sub-toggle{height:40px}
ul.slimmenu li{position:relative;float:left;display:inline-block;background-color:rgba(81,16,0,0.8);}


ul.slimmenu li ul{margin:0;list-style-type:none}/*
ul.slimmenu li ul li{background:#bbbbbb}*/
ul.slimmenu li>ul{position:absolute;left:0;top:100%;z-index:999;display:none;width:100%}


ul.slimmenu li a{display:block;padding:12px 64px 12px 16px;color:#fff;font-size:16px;font-weight:400;transition:background-color 0.5s ease-out;-o-transition:background-color 0.5s ease-out;-moz-transition:background-color 0.5s ease-out;-webkit-transition:background-color 0.5s ease-out;}
ul.slimmenu li a:before {
content: "";
margin-top: auto;
margin-bottom: auto;
display: block;
position: absolute;
top: 0;
right: 15px;
bottom: 0;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
width: 15px;
height: 15px;
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
transform: rotate(-45deg);}

ul.slimmenu li a:hover{text-decoration:none;background-color:#da4a03;}
ul.slimmenu li .sub-toggle{background:none repeat scroll 0 0 rgba(0,0,0,0.075);position:absolute;right:0;top:0;z-index:999;width:48px;height:100%;text-align:center;cursor:pointer}

.pparea .pagetit {line-height:1.2;
    margin-bottom: 40px;}
.pparea h2 img {width:100%;}
.pparea .tableLike {margin:.6em 0; overflow:hidden; zoom:1; line-height:1.6;}
.pparea .tableLike dt {clear:left; width:100%; float:none; padding:1.1em 0; border-top:1px #ccc solid;font-weight:bold;}
.pparea .tableLike dd {width:100%; float:none; padding:1.1em 0; border-top:1px #ccc solid;}
.pparea .tableLike dt:first-child,
.pparea .tableLike dt:first-child + dd {border-top:1px #ccc solid;}
.pparea .widthplain {
    width: 92%; margin-left:auto;margin-right:auto;
}


.comanyarea .widthplain {
    width: 92%; margin-left:auto;margin-right:auto;
}
.comanyarea h2 img {width:100%;}
.comanyarea .tableLike2 dt {font-weight:bold;}










}