/* html5,body,font-size(h1-h6 p li dt dd),table. basic style setting in normalize.css */

/*---------------------------------------------------------------------
 index page css
---------------------------------------------------------------------*/

/* common */
#wrapper {background: repeating-linear-gradient(-45deg, #CAB194, #CAB194 6px, #fff 0, #fff 16px);}
#wrapper .row {background: white}
section {clear: both; padding-bottom: 100px; margin-bottom: 15px; background: url(../img/bg-3points.svg) no-repeat center bottom;}
section:last-child {background: none; padding-bottom:30px}
section:after{ content:""; clear:both; display:block; height:0; } /* -- clearfix --*/
.main section h1 {text-align: center; max-width: 100%; background: repeating-linear-gradient(-45deg, #906D3A, #906D3A 16px, #fff 0, #fff 44px); margin-bottom: 46px;}
.main section h1 img {height: 42px}
.main section p {color: #5C310C; font-weight: bold; font-size: 1.6rem; margin-bottom: 1.6rem}

/* header */
header {}

/* hero */
#hero {position: relative;}
#hero h1 {max-width: 425px; margin: 80px auto 35px; padding-top: 80px;}
#hero ul {position: relative;}

#hero li.wankosoba {position: absolute; bottom: 0; left: 0; z-index: 5}
#hero li.remen {width: 500px; margin-right:auto; margin-left:auto;}
#hero li.jajamen {position: absolute; bottom: 0; right: 0; z-index: 5}

/* about */
#about h2 {text-align: center; margin-top: -60px}
#about dl {min-height: 670px}
#about dt {text-align: center; margin-bottom: 18px; color: #5C310C; line-height: 2.8em; font-size: 1.2rem}
#about dd p {padding: 0 8%; text-indent: 1em}
#about .remen {background: #F4D3C1;}
#about .jajamen {background: #F5DCC1}
#about .wankosoba {background: #F4DEE5}

/* shop */
#shop table {width: 95%; margin-right:auto; margin-left:auto; margin-bottom: 0;}
#shop thead tr th {color: white; font-size: 1.6rem; font-weight: normal; padding: 10px;}
#shop thead tr th:nth-child(1) {width: 35%}
#shop thead tr th:nth-child(2) {width: 48%}
#shop thead tr th:nth-child(3) {width: 17%}

#shop .wankosoba thead tr {background: #761623}
#shop .remen thead tr {background: #AD3602}
#shop .jajamen thead tr {background: #A18000}
#shop .remen-jajamen thead tr {background: #0c4c15}

#shop .wankosoba tr th,#shop .wankosoba tr td {border: 1px #761623 solid;}
#shop .remen tr th,#shop .remen tr td {border: 1px #AD3602 solid;}
#shop .jajamen tr th,#shop .jajamen tr td {border: 1px #A18000 solid;}
#shop .remen-jajamen tr th,#shop .remen-jajamen tr td {border: 1px #0c4c15 solid;}

#shop table th,#shop table td {line-height: 2.2rem}
#shop table tr th,#shop table tr td {font-size: 1.4rem}

#shop table tr:nth-of-type(even) {background: none}

/* brand */
#brand h2 {max-width: 132px; margin-right:auto; margin-left:auto; margin-bottom: 30px}
#brand .figure .columns {padding: 0; margin: 0; text-align: center}

/* council */
#council dl {
    border: solid #5C310C 1px;
    padding: 25px;
    text-align: center;
    width: 340px;
    margin-right: auto;
    margin-left: auto;
    color: #5C310C;
    font-weight: 700;
    clear: both;
		letter-spacing: 0.2em
}


footer {height: 72px; max-width: 100%; background: repeating-linear-gradient(-45deg, #906D3A, #906D3A 24px, #fff 0, #fff 68px);}


/*---------------------------------------------------------------------
 jquery css
---------------------------------------------------------------------*/




/*---------------------------------------------------------------------
 media query
---------------------------------------------------------------------*/
/*---------------------------------------------------------------------
 メディアクエリー
---------------------------------------------------------------------*/

 /* スマホ・タブレット共通対応 */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 1024px){
}


 /* スマホ対応 */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
#hero h1 {max-width: 340px; margin-top: 20px}
}


 /* タブレット対応 */
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px) {

}


 /* PCモニター（1024px以降） */
@media only screen and
(min-width : 1024px) {

}


/*---------------------------------------------------------------------
 print URL非表示は foundation.min.jsに削除コード挿入済み
---------------------------------------------------------------------*/
@media print {}