@charset "utf-8";
/* Reset Style
======================================================= */
/* 
html5doctor.com Reset Stylesheet
v1.6.1
Last Updated: 2010-09-17
Author: Richard Clark - http://richclarkdesign.com 
Twitter: @rich_clark
*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
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%;
vertical-align:baseline;
background:transparent;
}
body{
line-height:1;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{ 
display:block;
}
nav ul{
list-style:none;
}
blockquote, q{
quotes:none;
}
blockquote:before, blockquote:after,
q:before, q:after{
content:'';
content:none;
}
a{
margin:0;
padding:0;
font-size:100%;
vertical-align:baseline;
background:transparent;
}
/* change colours to suit your needs */
ins{
background-color:#ff9;
color:#000;
text-decoration:none;
}
/* change colours to suit your needs */
mark{
background-color:#ff9;
color:#000; 
font-style:italic;
font-weight:bold;
}
del{
text-decoration: line-through;
}
abbr[title], dfn[title]{
border-bottom:1px dotted;
cursor:help;
}
table{
border-collapse:collapse;
border-spacing:0;
}
/* change border colour to suit your needs */
hr{
display:block;
height:1px;
border:0;   
border-top:1px solid #cccccc;
margin:1em 0;
padding:0;
}
input, select{
vertical-align:middle;
}
/* hattori add */
ul li{
list-style:none;
}
img,
iframe{
vertical-align:bottom;
}
.mgn_t0 {
margin-top: 0px !important;
}
.mgn_t5 {
margin-top: 5px !important;
}
.mgn_t10 {
margin-top: 10px !important;
}
.mgn_t20 {
margin-top: 20px !important;
}
.mgn_t30 {
margin-top: 30px !important;
}
.mgn_t40 {
margin-top: 40px !important;
}
.mgn_t60 {
margin-top: 60px !important;
}
.mgn_t-5 {
margin-top: -5px !important;
}
.mgn_t-10 {
margin-top: -10px !important;
}
.mgn_b0 {
margin-bottom: 0px !important;
}
.mgn_b5 {
margin-bottom: 5px !important;
}
.mgn_b10 {
margin-bottom: 10px !important;
}
.mgn_b20 {
margin-bottom: 20px !important;
}
.mgn_b-20 {
margin-bottom: -20px !important;
}
.mgn_b25 {
margin-bottom: 25px !important;
}
.mgn_b30 {
margin-bottom: 30px !important;
}
.mgn_b40 {
margin-bottom: 40px !important;
}
.mgn_b60 {
margin-bottom: 60px !important;
}
.mgn_r0 {
margin-right: 0px !important;
}
.mgn_r5 {
margin-right: 5px !important;
}
.mgn_r10 {
margin-right: 10px !important;
}
.mgn_r20 {
margin-right: 20px !important;
}
.mgn_r30 {
margin-right: 30px !important;
}
.mgn_r40 {
margin-right: 40px !important;
}
.mgn_l0 {
margin-left: 0px !important;
}
.mgn_l5 {
margin-left: 5px !important;
}
.mgn_l10 {
margin-left: 10px !important;
}
.mgn_l20 {
margin-left: 20px !important;
}
.mgn_l30 {
margin-left: 30px !important;
}
.mgn_l40 {
margin-left: 40px !important;
}
.pdg_t0 {
padding-top: 0px !important;
}
.pdg_t5 {
padding-top: 5px !important;
}
.pdg_t10 {
padding-top: 10px !important;
}
.pdg_t20 {
padding-top: 20px !important;
}
.pdg_t30 {
padding-top: 30px !important;
}
.pdg_t35 {
padding-top: 35px !important;
}
.pdg_t40 {
padding-top: 40px !important;
}
.pdg_b0 {
padding-bottom: 0px !important;
}
.pdg_b5 {
padding-bottom: 5px !important;
}
.pdg_b10 {
padding-bottom: 10px !important;
}
.pdg_b20 {
padding-bottom: 20px !important;
}
.pdg_b30 {
padding-bottom: 30px !important;
}
.pdg_b40 {
padding-bottom: 40px !important;
}
.pdg_r0 {
padding-right: 0px !important;
}
.pdg_r5 {
padding-right: 5px !important;
}
.pdg_r10 {
padding-right: 10px !important;
}
.pdg_r20 {
padding-right: 20px !important;
}
.pdg_r30 {
padding-right: 30px !important;
}
.pdg_r40 {
padding-right: 40px !important;
}
.pdg_l0 {
padding-left: 0px !important;
}
.pdg_l5 {
padding-left: 5px !important;
}
.pdg_l10 {
padding-left: 10px !important;
}
.pdg_l15 {
padding-left: 10px !important;
}
.pdg_l20 {
padding-left: 20px !important;
}
.pdg_l30 {
padding-left: 30px !important;
}
.pdg_l40 {
padding-left: 40px !important;
}
.f10 {
	font-size: 10px !important;
}
.f12 {
	font-size: 12px !important;
}
.f14 {
	font-size: 14px !important;
}
.f16 {
	font-size: 16px !important;
}
.f18 {
	font-size: 18px !important;
}
.f20 {
	font-size: 20px !important;
}
.f22 {
	font-size: 22px !important;
}
.f24 {
	font-size: 24px !important;
}
.line{
    border-top:1px solid #d7d0cb;
}
/*----------------------------------------------------
DefaultLayout
----------------------------------------------------*/
html{
overflow-y:scroll;
font-size:62.5%;
}
body{
font-family:"メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
line-height:1.6;
letter-spacing:0.125em;
color:#333;
font-size:12px;
font-size:1.2rem;
}
/* link
----------------------------------------------------*/
a{
color:#336685;
outline:none;
text-decoration:none;
}
a:link{
text-decoration:none;
}
a:visited{
text-decoration:none;
}
a:hover{
text-decoration:underline;
}
a:active{
text-decoration:underline;
}
a:focus{
text-decoration:underline;
}
/*----------------------------------------------------
GeneralLayout
----------------------------------------------------*/
/* clerfix */
#contents:after{
content: ".";display: block; visibility: hidden; height: 0.1px; font-size: 0.1em; line-height: 0; clear: both;
}
.clearfix{zoom:1;}
.clearfix:after{
content:"";
display:block;
clear:both;
}
.clear{
clear:both;
}
.btn{
text-align:center;
}
.txtl{
text-align:left;
}
.txtr{
text-align:right;
}
.txtc{
text-align:center;
}
.fl-l{
float:left;
}
.fl-r{
float:right;
}
.space{
margin-bottom:25px;
}
.imgl{
float:left;
margin:0 20px 20px 0;
}
.imgr{
float:right;
margin:0 0 20px 20px;
}
.arrow a{
padding:2px 0 2px 25px;
background:url(/images/arrow.png) no-repeat 0 0;
}
/* mt */
.mt-image-left{
float:left;
margin:0 20px 20px 0;
}
.mt-image-center{
display:block;
margin:0 auto 20px;
text-align:center;
}
.mt-image-right{
float:right;
margin:0 0 20px 20px;
}
/*----------------------------------------------------
#page
----------------------------------------------------*/
#page{
background:#fff;
}
/* #skipnav */
#skipnav a img{
display:none;
}
/*----------------------------------------------------
header
----------------------------------------------------*/
header{
position:relative;
width:986px;
height:145px;
margin:0 auto;
}
header #name{
position:absolute;
top:20px;
left:0;
}
header #logo{
position:absolute;
top:23px;
left:406px;
}
/* #gnav */
#gnav{
position:absolute;
top:83px;
left:0;
width:986px;
height:38px;
margin:0;
padding:0;
background:url(/images/gnav-bgnew.png) no-repeat 0 0;
}
#gnav a:hover img,
#gnav a:active img{
width:0;
height:0;
}
#gnav ul li{
float:left;
position: relative;
width:140px;
padding:0;
margin-right:41px;
}
#gnav ul li.second{
margin-right:344px;
}
#gnav ul li.end{
margin-right:0px;
}
#gnav ul li a{
display:block;
width:140px;
height:38px;
}
/* ドロップダウンメニュー */
#gnav ul ul{
display:none;
position:absolute;
top:38px;
left:0px;
margin:0;
padding:24px 0 1px 0;
background:#fff;
list-style-type:none;
border-bottom:1px solid #d1cecd;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
behavior:url('js/PIE.htc');
z-index:10;
}
#gnav ul ul li{
position:relative;
float:none;
width:116px;
margin:0;
padding:0 12px;
border-right:1px solid #d1cecd;
border-left:1px solid #d1cecd;
}
#gnav ul ul li a{
display: block;
width:100%;
height:100%;
padding:9px 0 8px;
text-align:left;
font-size:12px;
font-size:1.2rem;
font-weight:normal;
letter-spacing:0.05em;
line-height:1.2;
border-top:2px solid #d9d7d6;
}
#gnav ul ul li.first a{
border:none;
}
/* #unav */
nav#unav{
position:absolute;
top:22px;
right:0;
}
nav#unav ul li{
float:left;
margin-right:10px;
}
nav#unav ul li.end{
margin:0;
}
.path{
width: 100%;
max-width: 986px;
margin: 0 auto;
overflow: hidden;
}
.path li{
float: left;
padding: 0;
}
.path li:after{
content: " > ";
}
.path li:last-child:after{
content: "";
}
/*----------------------------------------------------
footer
----------------------------------------------------*/
#pagetop{
width:113px;
margin:0 auto;
}
footer .inner{
width:986px;
margin:0 auto;
}
#fnav{
background:#796553;
}
#fnav ul{
padding:20px 0 15px;
text-align:center;
}
#fnav ul li{
display:inline;
padding:0 19px;
}
#fnav ul li a{
color:#fff;
}
#footer-info{
padding:17px 0 14px;
background:url(/images/footer-info-bg.jpg) repeat 0 0;
}
#footer-info .title{
position:relative;
width:180px;
margin:0 auto 17px;
padding:0 0 0 212px;
}
#footer-info .title h2{
position:absolute;
top:3px;
left:37px;
}
#footer-info p{
margin-bottom:6px;
text-align:center;
}
/*----------------------------------------------------
#contents
---------------------------------------------------- */
#pagetitle{
height:43px;
padding:13px 0 0;
background:url(/images/pagetitle-bg.png) repeat-x 0 0;
text-align:center;
}
nav#snav{
margin-bottom:13px;
}
nav#snav ul{
padding:13px 0;
text-align:center;
border-bottom:1px solid #d1cecd;
}
#snav ul li{
display:inline;
padding:0 26px;
}
#pharase{
margin-bottom:27px;
text-align:center;
}
#contents{
/*width:986px;*/
width:1086px;
margin:25px auto 17px;
padding-bottom:7px;
background:url(/images/line.png) no-repeat center bottom;
}
#contents h2{
padding:34px 0 23px;
background:url(/images/line.png) no-repeat 0 top;
line-height:1;
font-size:26px;
font-size:2.6rem;
text-align:center;
}
#contents .outline{
overflow:hidden;
}
/* トップページ
----------------------------------------------------*/
/* レスポンシブ化にともない削除
#topimg{
background:url(/images/topimg-bg.jpg) repeat-x 0 top;
}
#topimg .inner{
width:986px;
height:302px;
margin:0 auto;
background:url(/images/line.png) no-repeat 0 bottom;
}
#topimg .inner img{
height:295px;
*/
/* レスポンシブ対応 */
#topimage{
background:url(/images/topimg-bg.jpg) repeat-x 0 top;
}
#topimage .inner{
padding-bottom:7px;
background:url(/images/line.png) no-repeat center bottom;
}
.rslides{
position:relative;
list-style:none;
overflow:hidden;
width:100%;
max-width:986px;
padding:0;
margin:0 auto;
}
.rslides li{
-webkit-backface-visibility:hidden;
position:absolute;
display:none;
width:100%;
left:0;
top:0;
}
.rslides li:first-child{
position:relative;
display:block;
float:left;
}
.rslides img{
display:block;
height:auto;
float:left;
width:100%;
border:0;
}

/* ranking */
#contents .ranking h2{
    background-image: none;
    padding-top: 0;
}
.ranking .rank_list ol li{
    float: left;
    list-style: none;
    width: 18%;
    padding: 2% 1%;
    position: relative;
}
.ranking .rank_list ol li img{
    margin-bottom: 5px;
}
.ranking .rank_nmbr{
    position: absolute;
    left: 5px;
    top: 5px;
    z-index: 1;
}

/* #top-news #top-about */
#top-news,
#top-about{
margin-bottom:23px;
}
#top-news{
width:463px;
}
#top-about{
width:472px;
}
#top-news h2,
#top-about h2{
padding:0;
background:none;
font-size:0;
}
#top-news .title,
#top-about .title{
position:relative;
}
#top-news .title{
padding:0 0 0 258px;
}
#top-about .title{
padding:0 0 0 217px;
}
#top-news .title h2,
#top-about .title h2{
position:absolute;
top:3px;
}
#top-news .title h2{
left:119px;
}
#top-about .title h2{
left:148px;
}
#top-news ul,
#top-about ul{
margin:13px 0 0 4px;
overflow:hidden;
}
#top-about ul{
width:221px;
}
ul#news-list li,
#top-about ul li{
padding-top:11px;
margin:-1px 0 12px;
border-top:1px solid #d1cecd;
letter-spacing:0.1em;
}
ul#news-list li a,
#top-about ul li a{
padding:2px 0 2px 25px;
background:url(/images/arrow.png) no-repeat 0 0;
}
ul#news-list li span{
padding:2px 0 2px 61px;
}
ul#news-list li span.notice{
background:url(/images/category-notice.png) no-repeat 0 0;
}
ul#news-list li span.magazine{
background:url(/images/category-magazine.png) no-repeat 0 0;
}
ul#news-list li span.release{
background:url(/images/category-release.png) no-repeat 0 0;
}
ul#news-list li span.column{
background:url(/images/category-column.png) no-repeat 0 0;
}
ul#news-list span.new{
padding:0 0 0 5px;
color:#d92121;
}
#top-about .fl-r{
display:table-cell;
width:247px;
margin:7px 0 -7px;
text-align:center;
}
#top-about .fl-r p{
margin-bottom:7px;
letter-spacing:0.1em;
}
/* #top-introduction */
#top-introduction{
margin-bottom:45px;
padding:16px 31px 1px 50px;
background:url(/images/top-introduction-bg.jpg) repeat-y 0 0;
}
#top-introduction ul{
overflow:hidden;
}
/* .prBnr */
.prBnr{
margin-bottom:45px;
padding:20px 50px;
background:url(/images/top-introduction-bg.jpg) repeat-y 0 0;
}
.prBnr{
overflow:hidden;
}
/* #top-products */
#top-products{
margin-bottom:32px;
}
#top-products h2{
width:92px;
margin:0 auto 17px;
padding:0;
background:none;
font-size:0;
}
#top-products ul{
margin-right:-13px;
overflow:hidden;
}
#top-products ul li{
float:left;
margin:13px 13px 0 0;
}
/* アルプスについて
----------------------------------------------------*/
/* #about-respect */
#about-respect{
margin-bottom:19px;
}
#about-respect .outline{
margin-left:-1px;
}
#about-respect .fl-l{
width:329px;
}
#about-respect .item-top{
margin:0 39px 18px;
padding-bottom:12px;
border-bottom:1px solid #d1cecd;
}
#about-respect .item{
margin:0 39px 11px;
}
#about-respect h3{
margin-bottom:15px;
text-align:center;
}
#about-respect h4{
margin-bottom:11px;
text-align:center;
}
#about-respect p{
margin-bottom:7px;
letter-spacing:0.06em;
line-height:1.4;
}
#about-respect p.space{
margin-bottom:30px;
}
#about-respect p img{
margin:5px 0;
}
/* #about-message */
#about-message .item{
margin:0 180px 0 185px;
}
#about-message h3{
margin:15px auto 25px;
text-align:center;
}
#about-message .item p{
margin-bottom:25px;
}
#about-message .item p.sign{
margin-top:-10px;
text-align:right;
}
#about-message .item p.sign img{
margin-top:5px;
}
/* 会社案内
----------------------------------------------------*/
#about-company h2,
#about-company-access h2,
#about-company-nodaya h2,
#about-company-tvcm h2{
border-bottom:1px solid #d1cecd;
}
#about-company-access h3,
#about-company-nodaya h3{
font-size:18px;
font-size:1.8rem;
}
/* #about-company */
#about-company{
margin-bottom:65px;
}
#about-company h2{
margin-bottom:10px;
}
#about-company h3{
margin-bottom:19px;
}
#about-company .outline{
padding:0 21px 0 30px;
}
#about-company .fl-l,
#about-company .fl-r{
width:434px;
}
#about-company dl{
margin-bottom:45px;
overflow:hidden;
}
#about-company dl dt{
clear:both;
float:left;
width:84px;
margin-bottom:15px;
padding:1px 5px 0;
background:#b59d80;
color:#fff;
text-align:center;
}
#about-company dl dd{
margin-bottom:15px;
padding:1px 0 1px 104px;
}
#certification{
position:relative;
padding:1px;
border:1px solid #b59d80;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior:url('js/PIE.htc');
}
#certification .outline{
padding:20px 11px;
}
#certification .fl-l{
width:234px;
}
#certification .fl-r{
width:173px;
}
#about-company ul li{
margin-bottom:4px;
line-height:1.3;
}
/* #about-company-access */
#about-company-access{
margin-bottom:40px;
}
#about-company-access h2{
margin-bottom:30px;
}
#about-company-access .fl-r{
width:453px;
}
#about-company-access p{
margin-bottom:8px;
}
#about-company-access .google-map-img{
width:434px;
margin:13px 0;
border:1px solid #bfbfbe;
}
/* #about-company-nodaya */
#about-company-nodaya{
margin-bottom:60px;
}
#about-company-nodaya h2{
margin-bottom:38px;
}
#about-company-nodaya .fl-l{
padding-left:12px;
}
#about-company-nodaya .fl-r{
width:455px;
}
#about-company-nodaya p{
margin:5px 0 10px;
}
#about-company-nodaya .em{
font-size:15px;
font-size:1.5rem;
font-weight:bold;
letter-spacing:0.05em;
}
/* #about-company-tvcm */
#about-company-tvcm{
margin-bottom:60px;
}
#about-company-tvcm h2{
margin-bottom:38px;
}
#about-company-tvcm .fl-c{
text-align: center;
}
/* 採用情報
----------------------------------------------------*/
#recruit #new,#recruit #career{
margin: 40px 0 20px 0;
padding:10px 20px;
font-size:18px;
font-size:1.8rem;
color:#fff;
}
#recruit #new{
    background: #f27364;
}
#recruit #career{
    background: #8f89c7;
}
#recruit table{
width: 100%;
margin:15px 0;
border-bottom:1px solid #d7d0cb;
border-right:1px solid #d7d0cb;
}
#recruit table th,
#recruit table td{
padding:5px 7px 5px 12px;
text-align:left;
border-top:1px solid #d7d0cb;
border-left:1px solid #d7d0cb;
font-weight:normal;
}
#recruit table th{
width: 23%;
background:url(/images/contents-bg.jpg) repeat 0 0;
}
#recruit h4{
margin-bottom:13px;
padding:5px 10px;
border-bottom:1px solid #e8e3de;
font-size:16px;
font-size:1.6rem;
font-weight:bold;
}
#recruit h5{
font-size:14px;
font-size:1.4rem;
font-weight:bold;
}
#recruit ul{
margin: 0 10px;
}
#recruit ul li{
margin-bottom:5px;
padding-left:10px;
background:url(/images/list-bg.png) no-repeat 0 4px;
}
#recruit .entry{
padding:20px;
border:1px solid #d7d0cb;
display: table-cell;
}
#recruit table ul{
margin: 0 0;
}
#recruit .arrow a{
    background: url(/images/arrow.png) no-repeat 0 3px;
}
#recruit ol{
    margin:0 20px;
}
/* CSR
----------------------------------------------------*/
#csr{
margin-bottom:73px;
}
#csr h2{
margin-bottom:19px;
border-bottom:1px solid #d1cecd;
}
#csr .outline{
margin-bottom:40px;
padding:43px
}
#csr h3{
margin-bottom:25px;
}
#csr .text{
width:467px;
}
#csr .csr01{
background:url(/images/csr-bg01.jpg) no-repeat 0 0;
}
#csr .csr02{
background:url(/images/csr-bg02.jpg) no-repeat 0 0;
}
#csr .csr03{
background:url(/images/csr-bg03.jpg) no-repeat 0 0;
}
#csr .csr01 h3{
margin-top:58px;
}
#csr .csr02 h3{
margin-top:17px;
}
#csr .csr03 h3{
margin-top:48px;
}
/* 商品ページ
----------------------------------------------------*/
#products p.title{
margin-bottom:26px;
border-bottom:1px solid #d1cecd;
padding:34px 0 23px;
background:url(/images/line.png) no-repeat center top;
line-height:1;
font-size:26px;
font-size:2.6rem;
font-weight:bold;
text-align:center;
}
#products h2{
margin-bottom:26px;
border-bottom:1px solid #d1cecd;
}
#products .fl-l{
width:703px;
}
#products .fl-l p.description{
padding-bottom:25px;
margin-bottom:50px;
border-bottom:1px solid #d1cecd;
font-family: 'A1明朝', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
font-size: 16px;
color: #1e4463;
font-weight: bold;
}
#products .fl-r{
/*width:214px;*/
width:314px;
margin-bottom:45px;
}
#products .fl-r h1{
height: auto;
margin-bottom: 15px;
line-height: 1.4;
font-size: 19px;
font-size: 1.9rem;
border: none;
}
#products .fl-r h3{
height:22px;
margin-bottom:12px;
font-size:14px;
font-size:1.4rem;
line-height:1;
border-bottom:1px solid #d1cecd;
}
#products .fl-r h4{
display:block;
padding:0 0 0 23px;
background:url(/images/arrow.png) no-repeat 0 3px;
margin-bottom:7px;
font-size:15px;
font-size:1.5rem;
}
/* 
#products .fl-r h4 a{
display:block;
padding:0 0 0 23px;
background:url(/images/arrow.png) no-repeat 0 3px;
}
 */
#products .fl-r ul{
margin-bottom:13px;
padding-bottom:8px;
border-bottom:1px solid #d1cecd;
}
#products .fl-r ul li{
margin-bottom:5px;
padding-left:10px;
background:url(/images/list-bg.png) no-repeat 0 6px;
}
/* #category */
#category h3{
margin-bottom:3px;
}
#category .item{
width:651px;
margin:0 0 45px 52px;
}
#category ul{
margin-right:-11px;
overflow:hidden;
}
#category ul li{
float:left;
margin:11px 11px 0 0;
}
/* #detail */
#detail .fl-l{
width:313px;
margin-bottom:50px;
}
ul#gallery{
margin-bottom:11px;
}
ul#thumbs{
width:100%;
margin-right:-14px;
overflow:hidden;
}
ul#thumbs li{
float:left;
margin:0 14px 14px 0;
}
#detail .fl-l p.expansion{
padding-left:25px;
background:url(/images/expansion-icon.png) no-repeat 0 0;
font-size:10px;
font-size:1.0rem;
line-height:15px;
}

#detail .fl-r{
width:352px;
margin-bottom:50px;
}
#products #detail .fl-r h3{
height:auto;
margin-bottom:15px;
line-height:1.4;
font-size:19px;
font-size:1.9rem;
border:none;
}
#products #detail .fl-r p{
margin-bottom:10px;
line-height:2.0;
}
#products #detail .fl-r p.price{
margin-bottom:7px;
font-size:19px;
font-size:1.9rem;
font-weight:bold;
letter-spacing:0.05em;
}
#products #detail .fl-r p.add-to-cart{
margin-bottom:30px;
}
#products #detail .fl-r dl{
width:100%;
margin-bottom:21px;
padding:15px;
background:#e8e3de;
overflow:hidden;
}
#products #detail .fl-r dt{
float:left;
line-height:27px;
}
#products #detail .fl-r dd{
width:65px;
height:25px;
margin-left:42px;
padding:0 5px 0 8px;
/* border:1px solid #c0b9b5; */
/* background:#fff; */
line-height:27px;
}
#products #detail .fl-r h4{
width:100%;
margin-bottom:13px;
padding:5px 10px;
background:#e8e3de;
font-size:12px;
font-size:1.2rem;
font-weight:normal;
}
#detail .fl-r table{
width:349px;
margin:15px 0;
border-bottom:1px solid #d7d0cb;
border-right:1px solid #d7d0cb;
}
#detail .fl-r table th,
#detail .fl-r table td{
padding:5px 7px 5px 12px;
text-align:left;
border-top:1px solid #d7d0cb;
border-left:1px solid #d7d0cb;
font-weight:normal;
}
#detail .fl-r table th{
width:100px;
background:url(/images/contents-bg.jpg) repeat 0 0;
}
/* #line-up */
#products #line-up h3{
margin-bottom:24px;
padding-top:16px;
font-size:14px;
font-size:1.4rem;
border-top:1px solid #d1cecd;
text-align:center;
font-weight:normal;
}
#products #line-up ul{
margin:0 21px 0 40px;
overflow:hidden;
}
#products #line-up ul li{
float:left;
width:166px;
margin:0 19px 36px 0;
letter-spacing:0.05em;
}
#products #line-up ul li img{
margin-bottom:5px;
}

#products .fl-l #line-up ul{
margin:0 -13px 0 0;
}
#products .fl-l #line-up ul li{
margin:0 13px 36px 0;
}
/* 原料
----------------------------------------------------*/
#materials{
margin-bottom:58px;
}
#materials h3{
margin-bottom:22px;
}
#materials table{
width:655px;
margin:0 0 22px 50px;
border-collapse:separate;
border-spacing:2px;
}
#materials table th{
padding:7px 15px 5px 20px;
font-weight:normal;
font-size:14px;
font-size:1.4rem;
background:#a5978b;
color:#fff;
}
#materials table td{
padding:10px 15px 8px 20px;
}
#materials table tr.bg-blu td{
background:#d8deed;
}
#materials table tr.bg-gre td{
background:#d8ebed;
}
#materials table tr.bg-yel td{
background:#f8efd7;
}
#materials table tr.bg-pin td{
background:#f8e3d9;
}
#materials table tr.bg-pur td{
background:#eadde3;
}
/* できるまで
----------------------------------------------------*/
#flow{
margin-bottom:89px;
}
#flow h2{
margin-bottom:22px;
padding:0;
background:none;
}
#flow h3{
margin-bottom:35px;
}
#flow .item{
margin:0 90px 35px;
}
#flow .item .fl-l{
width:637px;
}
#flow .item .imgl{
margin-right:30px;
}
#flow .item p{
margin-bottom:10px;
}

/* おいしい理由
----------------------------------------------------*/
/* #reason */
#reason{
position:relative;
width:984px;
margin-bottom:60px;
padding:42px 0 45px;
background:url(/images/contents-bg.jpg) repeat 0 0;
border:1px solid #a7998c;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior:url('js/PIE.htc');
}
#reason h2{
margin:0 0 8px 129px;
padding:0;
background:none;
text-align:left;
}
#reason h3{
margin:0 0 41px 209px;
}
#reason ul{
width:899px;
margin-left:85px;
overflow:hidden;
}
#reason ul li{
float:left;
margin-right:47px;
}
#reason .outline{
margin:0 108px 0 86px;
}
#reason .outline .fl-l{
margin-top:51px;
}
#reason .item{
margin:-35px 85px 0 90px;
}
#reason p{
margin-bottom:26px;
font-size:14px;
font-size:1.4rem;
}
/* #reason-brand */
#reason-brand{
width:987px;
margin:0 0 60px -1px;
}
#reason-brand h2{
padding-bottom:34px;
}
#reason-brand .outline{
margin:0 -17px 18px 0;
overflow:hidden;
}
#reason-brand .item{
position:relative;
display:block;
float:left;
width:199px;
margin-right:17px;
padding:16px 16px 10px 17px;
border:1px solid #796553;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
behavior:url('js/PIE.htc');
}
#reason-brand .item h3{
margin:20px 0 3px;
text-align:center;
font-size:18px;
font-size:1.8rem;
letter-spacing:0.05em;
}
#reason-brand .item h3 span{
display:block;
margin-bottom:2px;
line-height:1;
}
#reason-brand .item p{
letter-spacing:0.05em;
line-height:1.4;
}
/*コラム共通------------------------------------------*/
#column,
#column_article{
margin-bottom: 45px;
}
#column img,
#column_article img{
max-width:100%;
height: auto;
}
#column .column_newest img,
#column_article article img{
margin-bottom: 15px;
}
#column h1,
#column_article h1{
margin-bottom: 17px;
border-bottom: 1px solid #d1cecd;
padding: 34px 0 23px;
background: url(/images/line.png) no-repeat 0 top;
line-height: 1;
font-size: 26px;
font-size: 2.6rem;
text-align: center;
}
#column h2,
#column_article h2{
margin-bottom: 17px;
border-bottom: 1px solid #d1cecd;
}
#column h3,
#column_article h3{
margin-bottom:20px;
padding:0 5px 10px;
border-bottom:1px solid #b69e80;
}
#column_article article h3,
#column .h3_txt{
margin-bottom:15px;
padding:0 5px 5px;
border-bottom:1px solid #b69e80;
font-size:21px;
font-size:2.1rem;
color: #473c38;
}
#column .category,
#column_article .category{
display: inline-block;
background-color: #483b35;
color: #fff;
padding: 2px;
}
#column ul,
#column_article ul{
margin-bottom:25px;
}
#column ul li,
#column_article ul li{
margin-bottom:17px;
}
#column ul li a,
#column_article ul li a{
display:inline-block;
padding-left:25px;
margin-left: 10px;
background:url(../images/arrow.png) no-repeat 0 0;
}
#column .new-column li a,
#column_article .new-column li a{
background: none;
margin:0;
padding: 0;
}
/*コラム一覧
----------------------------------------------------*/
#column .new-column .thumbnail{
float: left;
width: 30%;
}
#column .new-column .thumb_right{
float: right;
width: 68%;
margin-left: 2%;
}

/*コラム記事
----------------------------------------------------*/
#column_article article p{
margin:0 0 15px;
font-size: 14px;
font-size: 1.4rem;
}
#column_article h4{
display: inline-block;
margin-bottom: 10px;
padding: 3px;
background: #e8e3de;
font-size: 18px;
font-size: 1.8rem;
}
#column_article h5{
margin-bottom: 6px;
font-size: 16px;
font-size: 1.6rem;
}
#column_article article a{
text-decoration: underline;
}
#column_article article table{
width:100%;
margin-bottom:15px;
border-bottom:1px solid #d7d0cb;
border-right:1px solid #d7d0cb;
font-size: 14px;
font-size: 1.4rem;
}
#column_article article table th,
#column_article article table td{
padding:5px 7px 5px 12px;
text-align:left;
border-top:1px solid #d7d0cb;
border-left:1px solid #d7d0cb;
font-weight:normal;
}
#column_article article table th{
background:url(../images/contents-bg.jpg) repeat 0 0;
}
#column_article article ul{
margin-bottom: 15px;
}
#column_article article ul li{
font-size: 14px;
font-size: 1.4rem;
margin-bottom:5px;
padding-left:15px;
background:url(/images/list-bg.png) no-repeat 0 7px;
}
#column_article article ol{
margin-bottom: 10px;
}
#column_article ol li{
font-size: 14px;
font-size: 1.4rem;
margin-bottom:5px;
margin-left: 20px;
}
#column_article .page-control{
margin-top:43px;
padding-top:15px;
border-top:1px solid #d1cecd;
}
#column_article .page-control ul li.fl-r{
text-align:right;
margin-right: 10px;
}
#column_article .page-control ul li a{
display:block;
padding:0 0 0 25px;
background:url(../images/arrow.png) no-repeat 0 0;
}
#column_article .layout-4col .thum{
  width: 100%;
  padding-top:75%;
  overflow: hidden;
  position: relative;
  background: #fff;
}
#column_article .layout-4col .thum img{
  max-width: 100%;
  max-height: 200%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
#column_article .contentBox .thum{
	text-align: center;
	margin-bottom: 0;
}
/*コラム新着情報4カラム
----------------------------------------------------*/
.new-column-4col .category{
display: inline-block;
background-color: #483b35;
color: #fff;
padding: 2px;
}
.new-column-4col .layout-4col .thum{
  width: 100%;
  padding-top:75%;
  overflow: hidden;
  position: relative;
  background: #fff;
}
.new-column-4col .layout-4col .thum img{
  max-width: 100%;
  max-height: 200%;
  position: absolute;
  top: 50%;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  -ms-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.new-column-4col .contentBox .thum{
	text-align: center;
	margin-bottom: 0;
}

/* 新着情報
----------------------------------------------------*/
#news{
margin-bottom:45px;
}
#news p.title{
margin-bottom:17px;
border-bottom:1px solid #d1cecd;
padding: 34px 0 23px;
background: url(/images/line.png) no-repeat 0 top;
line-height: 1;
font-size: 26px;
font-size: 2.6rem;
font-weight:bold;
text-align: center;
}
#news h2{
margin-bottom:17px;
border-bottom:1px solid #d1cecd;
}
#news .fl-l{
width:742px;
}
#news .fl-l article{
width:730px;
margin-right:12px;
}
#news .fl-l article h1{
margin-bottom:15px;
padding:0 5px 5px;
border-bottom:2px solid #b69e80;
font-size:21px;
font-size:2.1rem;
}
#news .fl-l article h3{
margin-bottom:15px;
padding:0 5px 5px;
border-bottom:2px solid #b69e80;
font-size:21px;
font-size:2.1rem;
}
#news .fl-l article p{
margin:0 5px 15px;
}
#news .fl-r{
width:207px;
}
#news .fl-r h3{
margin-bottom:16px;
}
#news .fl-r ul{
margin-bottom:25px;
}
#news .fl-r ul li{
margin-bottom:17px;
}
#news .fl-r ul li a{
display:block;
padding:0 0 0 25px;
background:url(/images/arrow.png) no-repeat 0 0;
}
#news .fl-r ul li ul{
margin-top:8px;
}
#news .fl-r ul li ul li{
margin:5px 0 5px 25px;
padding-left:10px;
background:url(/images/list-bg.png) no-repeat 0 6px;
}
#news .fl-r ul li ul li a{
padding:0;
background:none;
}
#news .fl-r ul li .em{
font-size:15px;
font-size:1.5rem;
font-weight:bold;
line-height:16px;
}
#news .page-number{
margin-top:43px;
padding:15px 10px 0;
border-top:1px solid #d1cecd;
}
#news .page-number span{
display:inline-block;
padding:0 5px;
letter-spacing:0.05em;
line-height:26px;
text-align:center;
font-weight:bold;
}
#news .page-number a{
display:inline-block;
width:26px;
margin:0 2px;
letter-spacing:0.05em;
line-height:26px;
text-align:center;
color:#fff;
font-weight:bold;
background:url(/images/page-number-bg.png) no-repeat 0 0;
}
#news .page-control{
margin-top:43px;
padding:15px 10px 0;
border-top:1px solid #d1cecd;
}
#news .page-control ul li{
width:auto;
}
#news .page-control ul li.fl-r{
text-align:right;
}
#news .page-control ul li a{
display:block;
padding:0 0 0 25px;
background:url(/images/arrow.png) no-repeat 0 0;
}
/* よくある質問
----------------------------------------------------*/
#faq{
margin-bottom:65px;
}
#faq h2{
margin-bottom:25px;
border-bottom:1px solid #d1cecd;
}
#faq h3{
text-align:center;
}
#faq .answer{
width:768px;
margin:6px auto 42px;
padding-top:17px;
background:url(/images/answer-top.jpg) no-repeat 0 0;
}
#faq .answer .item{
position:relative;
margin-top:-2px;
padding:12px 20px 0;
background:url(/images/contents-bg.jpg) repeat-y 0 0;
border-right:1px solid #796553;
border-bottom:1px solid #796553;
border-left:1px solid #796553;
-webkit-border-radius:3px;
-moz-border-radius:3px;
border-radius:3px;
behavior:url('js/PIE.htc');
}
#faq .answer .item p{
margin-bottom:10px;
text-align:center;
font-size:14px;
font-size:1.4rem;
}
#faq .answer .item p.small{
font-size:12px;
font-size:1.2rem;
letter-spacing:0.05em;
}
#faq .answer .item .box{
margin:38px 40px 15px 45px;
}
#faq .answer .item .outline h4{
margin:8px 0;
}
#faq .answer .item .outline p{
overflow:hidden;
text-align:left;
}
/* お問い合わせ
----------------------------------------------------*/
#contact{
margin-bottom:37px;
}
#contact h2{
margin-bottom:15px;
border-bottom:1px solid #d1cecd;
}
#contact .text{
width:740px;
margin:0 auto 35px;
}

/* サイトマップ
----------------------------------------------------*/
#sitemap{
margin-bottom:50px;
}
#sitemap h2{
margin-bottom:30px;
border-bottom:1px solid #d1cecd;
}
#sitemap ul li{
margin-bottom:10px;
}
#sitemap ul li a{
display:block;
padding:0 0 0 23px;
background:url(/images/arrow.png) no-repeat 0 1px;
}

/* リンク透過
----------------------------------------------------*/
header a:hover img,header a:active img,header a:focus img,
#contents a:hover img,#contents a:active img,#contents a:focus img,
footer #footer-info a:hover img,footer #footer-info a:active img,footer #footer-info a:focus img{
opacity:.7;
filter:alpha(opacity=70);
-ms-filter:"alpha(opacity=70)";
-khtml-opacity:.70;
-moz-opacity:.70;
-webkit-transition:opacity .2s linear;
-o-transition:opacity .2s linear;
-moz-transition:opacity .2s linear;
-ms-transition:opacity .2s linear;
transition:opacity .2s linear;
}
}
/*----------------------------------------------------
Googlemap
---------------------------------------------------- */
#gmap iframe{
width:100%;
}

div#nav ul.nav_menu li ul.sub {
_zoom: 1;
overflow: hidden;
margin: 0;
position: absolute;
width: 150px;
border-radius: 0 0 5px 5px;
-moz-border-radius: 0 0 5px 5px;
-webkit-border-radius: 0 0 5px 5px;
background: #333;
box-shadow: 0 1px 1px #000;
-moz-box-shadow: 0 1px 5px #111;
-webkit-box-shadow: 0 1px 1px #000;
visibility: visible;
z-index: 1000;
}
/*----------------------------------------------------
Youtube
---------------------------------------------------- */
.youtube iframe{
width: 100%;
aspect-ratio: 16 / 9;
}
/*----------------------------------------------------
3カラム
---------------------------------------------------- */
.layout-3col{
width:100%;
margin-bottom:0px;
overflow:hidden;
}

.layout-3col .contentBox{
	width:31.92%;
	max-width:100%;
	float:left;
	margin:0 2.12% 0 0;
}

.layout-3col .contentBox img{
width:100%;
}

.layout-3col .contentBox:nth-child(3n){
	margin:0 0 0px 0;
}
/* ---------------------------------------------------
4カラム
--------------------------------------------- */
.layout-4col{
	width:100%;
	max-width:986px;
	margin-bottom:10px;
    overflow:hidden;
}
.layout-4col .contentBox{
	width:23.4%;
	max-width:246px;
	float:left;
	margin:5px 2.12% 20px 0;
}
.layout-4col .contentBox:nth-child(4n){
	margin:5px 0 20px 0;	
}

h3.txtTitle{
font-size:18px;
font-size:1.8rem;
border-bottom:1px solid #d1cecd;
}

ol.numberList li{
list-style:decimal outside;
margin:0 0 10px 25px;
}

p.itemname{
margin:5px 0;
padding:0 0 0 8px;
border-left:2px solid #df7364;
}
/* フードペアリング
----------------------------------------------------*/
#food{
margin-bottom:73px;
}
#food h2{
margin-bottom:19px;
border-bottom:1px solid #d1cecd;
}
#food h3{
    text-align: center;
    margin-bottom: 1em;
}
#food h4{
    margin: 1em 0 0.5em;
    padding: 5px 0 5px 48px;
    border-bottom: 1px solid #64484c;
    font-family: 'A1明朝', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    letter-spacing: normal;
    font-size: 24px;
    font-size: 2.4rem;
}
#food h4.et{
    background: url("/images/f_p/f-h4-et.png") no-repeat 2px 0;
}
#food h4.ma{
    background: url("/images/f_p/f-h4-ma.png") no-repeat 0 0;
}
#food h4.da{
    background: url("/images/f_p/f-h4-da.png") no-repeat 2px 0;
}
#food h4.oa{
    background: url("/images/f_p/f-h4-oa.png") no-repeat 2px 0;
}
#food h4.li{
    background: url("/images/f_p/f-h4-li.png") no-repeat 0 0;
}
#food h4.re{
    background: url("/images/f_p/f-h4-re.png") no-repeat 2px 0;
}
#food .price {
    margin-bottom: 7px;
    font-size: 19px;
    font-size: 1.9rem;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.sommelier{
    width:80%;
    margin: 0 auto;
    text-align: center;
}
.sommelier p{
    font-family: 'A1明朝', '游明朝', YuMincho, 'ヒラギノ明朝 ProN W3', 'Hiragino Mincho ProN', 'HG明朝E', 'ＭＳ Ｐ明朝', 'ＭＳ 明朝', serif;
    font-size:16px;
    font-size:1.6rem;
    font-weight: bold;
    margin-bottom: 0.2em;
}
.pairingArea{
  padding:2.5em;
   background: url("/images/top-introduction-bg.jpg") repeat 0 0;  
}
.pairingBox {
    padding:0.5em 1em;
    background:#fff;
}
.sp{
    display: none;
}

/* --- アコーディオン --- */
.toggle{
    border-bottom:solid 1px #d0c8c9 !important;
	cursor: pointer;
}
.toggleBox .linkList,
.toggleBox dd{
    display: none;
}

#food .toggleBox .linkList{
    margin-top: 1%;
}
#food .toggle{
	padding: 0.3em 1.5em 0.3em 0.5em;
    background:  url(/images/f_p/f-icon-open.png) right 50% no-repeat;
}
#food nav h5.toggle{
    margin: 0;
    font-size: 18px;
    font-size: 1.8rem;    
}
#food .toggle.open{
    background-image: url(/images/f_p/f-icon-close.png);
}
#food .foodname{display: block;
    padding: 0 0 0 14px;
    background: url("/images/f_p/f-listmark.png") no-repeat 0 4px;
    }
#food h6{
    margin: 1em 0 0.5em;
    padding: 10px 0 10px 58px;
    background: url("/images/f_p/f-h5.png") no-repeat 0 0;
    font-size: 16px;
    font-size: 1.6rem;
}
#food .advice{
    padding:1em 2em;
    box-shadow: 2px 2px 0px 0 rgba(100,72,76,.4);
}
#food .btnArea ul{
    width: 100%;
    margin: 1em auto;
    text-align: center;
}
#food .btnArea ul li{
    display:inline-block;
    margin:0.5em;
    vertical-align:middle;
}
#food h7{
    display: block;
    margin: 0 0 0.5em;
    padding: 10px 0 15px 56px;
    font-size: 14px;
    font-size: 1.4rem;
}
#food h7.kudou{
    background: url("/images/f_p/f-kudou-s.png") no-repeat 0 0;
}
#food h7.nakata{
    background: url("/images/f_p/f-nakata-s.png") no-repeat 0 0;
}
#food h7.kikuchi{
    background: url("/images/f_p/f-kikuchi-s.png") no-repeat 0 0;
}
#food h7.momose{
    background: url("/images/f_p/f-momose-s.png") no-repeat 0 0;
}
#food h7.kakuta{
    background: url("/images/f_p/f-kakuta-s.png") no-repeat 0 0;
}

.bg_cloth{
     background: url("/images/top-introduction-bg.jpg") repeat 0 0;
}
#food .foodphoto img{
    width:100%;
    max-width: 640px;
}
.calender {
margin-bottom: 10px;
}