@charset "utf-8";

#kinzanjiContents { background: #fff; color: #494039; }
#kinzanjiContents * { -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }


.area-contents{ width: 100%; min-width: 1200px; margin: 0 auto; background: url(../../kinzanji/images/main_bg001.gif); }
.area-inner{ width: 1000px; margin: 0 auto; padding: 60px 0 160px; }
.ttl-cmn { text-align: center; }
.txt-cmn { margin: 0 0 10px; padding: 0 0 0 25px; background: url(../../kinzanji/images/asked_i001.gif) no-repeat left center; font-size: 107%; font-weight: bold; }
.opacity:hover { opacity: 0.7; }


.ttl-main { width: 100%; min-width: 1200px; background: url(../../kinzanji/images/main_bg002.gif) no-repeat center top; background-size: cover; }
.txt-main { width: 1200px; margin: 0 auto; }

.area-about { margin: 0 0 135px; }
.area-about .ttl-about { margin: 0 0 15px; }
.area-about .txt-about { float: left; margin: 40px 0 0; }
.area-about .img-about { float: right; margin: 0 25px 0 0; }

.area-buy .ttl-buy { margin: 0 0 60px; }
.area-buy .img-buy { float: left; }
.area-buy .box-buy { float: right; width: 570px; }
.area-buy .ico-area { margin: 0 0 10px; }
.area-buy .box-buy dl { margin: 0 0 20px; }
.area-buy .box-buy dt { margin: 0 0 20px; }
.area-buy .box-buy .table-buy { width: 100%; }
.area-buy .table-buy th { width: 70px; padding: 2px 0; font-weight: bold; }
.area-buy .table-buy td { padding: 2px 0; }

.area-point { margin: 0 0 60px; }
.area-point .box-point { padding: 50px 0 45px; background: url(../../kinzanji/images/point_bg001.gif); }
.area-point .list-point { margin: 0 0 10px 55px; }
.area-point .list-point li { float: left; width: 267px; margin: 0 45px 0 0; } 
.area-point .list-point li:last-child { margin: 0 ; } 
.area-point .list-point li p { margin: 0 0 10px; }
.area-point .list-point li dt { width: 190px; margin: 0 auto 20px; }
.area-point .list-point li dd { text-align: center; line-height: 2; }
.area-point .box-lead .img-lead-01 { float: left; margin: 0 0 0 65px; }
.area-point .box-lead .img-lead-02 { float: right; margin: 0 40px 0 0; }
.area-point .txt-lead { float: left; width: 625px; padding: 45px 90px 50px; background: url(../../kinzanji/images/point_bg002.gif) no-repeat center top; background-size: 100% 100%; line-height: 2; }

.area-asked { margin: 0 0 50px; }
.area-asked li { float: left; width: 300px; margin: 0 50px 0 0; }
.area-asked li:last-child { margin: 0 ; } 
.area-asked li .ico-area { margin: 0 0 3px; }
.area-asked li .img-asked { margin: 0 0 15px; }
.area-asked li dl { margin: 0 0 50px; }
.area-asked li dt { margin: 0 0 15px; }
.area-asked .table-asked { width: 100%; margin: 0 0 25px; }
.area-asked .table-asked th { width: 75px; padding: 2px 0; font-weight: bold; }
.area-asked .table-asked td { padding: 2px 0; }
.area-asked .btn-detail { text-align: center; }

.area-spot { margin: 0 0 100px; }
.area-spot .box-spot{ margin: 0 0 30px; padding: 13px 30px 20px 20px; border: 1px solid #514f4a; }
.area-spot .ttl-spot { margin: 0 0 15px; border-bottom: 1px dotted #514f4a; }
.area-spot .ttl-spot .ico-area { float: left; margin: 0 10px 0 0; }
.area-spot .ttl-spot .txt-spot { float: left; }
.area-spot .box-spot .btn-detail { text-align: right; }
.area-spot .table-spot { width: 100%; margin: 0 0 25px; }
.area-spot .table-spot th { width: 75px; padding: 2px 0; font-weight: bold !important; }
.area-spot .table-spot td { padding: 2px 0; }
.area-spot .box-spot-01 .img-spot { float: left; }
.area-spot .box-spot-01 dl { float: right; width: 575px; }
.area-spot .box-spot-01 dt { margin: 0 0 30px; }
.area-spot .box-spot-02 dt { float: left; width: 355px; }
.area-spot .box-spot-02 dd { float: right; width: 575px; }
.area-spot .btn-spot { margin: 60px 0 0; text-align: center; }


.area-cooking .ttl-cooking { margin: 0 0 30px; }
.area-cooking .ttl-cooking-02 { margin: 0 0 55px; text-align: center; }
.area-cooking .box-cooking { margin: 0 0 30px; padding: 20px 30px 40px 35px; background: #fffdf4; border: 1px dotted #514f4a; }
.area-cooking .box-cooking ul{ border-top: 1px solid #cccac3; }
.area-cooking .box-cooking li{ padding: 10px 0; border-bottom: 1px solid #cccac3; }
.area-cooking .box-cooking li:last-child { border-bottom: none; }
.area-cooking .txt-cooking-01 { float: left; }
.area-cooking .txt-cooking-02 { float: right; }
.area-cooking .box-cooking-01 { float: left; width: 300px; margin: 0 20px 0 0; }
.area-cooking .box-cooking-01 dt { margin: 0 0 20px; }
.area-cooking .box-cooking-02 { float: left; width: 200px; margin: 25px 0 0; }
.area-cooking .box-cooking-02 dt { margin: 0 0 5px; }
.area-cooking .box-cooking-03 { float: right; width: 390px; margin: 25px 0 0; }
.area-cooking .box-cooking-03 dt { margin: 0 0 5px; }
.area-cooking .box-cooking-03 .txt-cooking-01 { width: 35px; }
.area-cooking .box-cooking-03 .txt-cooking-02 { width: 355px; }
.area-cooking .list-cooking li { float: left; width: 292px; margin: 0 62px 0 0; }
.area-cooking .list-cooking li:last-child { margin: 0 ; } 
.area-cooking .list-cooking li dt { margin: 0 0 15px; }
.area-cooking .list-cooking li dd { text-align: center; line-height: 2; }




/* ====================================================================================================
   640px以下のメディアクエリ
==================================================================================================== */

@media screen and (max-width: 640px) {

.ttl-main { min-width: 100%; }
.txt-main { width: 100%; }
.area-contents{ width: 100%; min-width: 100%; }
.area-inner{ width: 93.75%; padding: 10% 0; }
.ttl-cmn { width: 50%; margin: 0 auto 3% !important; }

.ico-area { width: 20%; }
.btn-detail { width: 60%; margin: 0 auto; }

.area-about { margin: 0 0 10%; }
.area-about .ttl-about { margin: 0 0 15px; }
.area-about .txt-about { float: none; }
.area-about .img-about { float: none; margin: 0; }


.area-buy .ttl-buy { margin: 0 0 10%; }
.area-buy .img-buy { float: none; margin: 0 0 3%; }
.area-buy .box-buy { float: none; width: 100%; }
.area-buy .box-buy dl { margin: 0 0 20px; }
.area-buy .box-buy dt { width: 50%; }

.area-point { margin: 0 0 10%; }
.area-point .ttl-point { width: 100% !important;}
.area-point .box-point { padding: 5% 0; }
.area-point .list-point { margin: 0 0 3% 0; }
.area-point .list-point li { float: none; width: 90%; margin: 0 auto 5%; } 
.area-point .list-point li:last-child { margin: 0 auto; } 
.area-point .list-point li p { width: 65%; margin: 0 auto 3%; }
.area-point .list-point li dt { width: 50%; margin: 0 auto 3%; }
.area-point .box-lead .img-lead-01 { float: left; width: 20%; margin: 5% 1% 0; }
.area-point .txt-lead { float: right; width: 77%; margin: 0 1% 0 0; padding: 5% 2%; background-color: #fff; background-image: none; border-radius: 10px; -webkit-border-radius: 10px;	-moz-border-radius: 10px; }


.area-asked { margin: 0 0 10%; }
.area-asked li { float: none; width: 100%; margin: 0 0 5%; }
.area-asked li .img-asked { margin: 0 0 3%; }
.area-asked li dl { margin: 0 0 5%; }
.area-asked li dt { width: 80%; margin: 0 auto 3%; }


.area-spot { margin: 0 0 10%; }
.area-spot .ttl-spot .ico-area { float: none; margin: 0; }
.area-spot .ttl-spot .txt-spot { float: none; width: 50%; }
.area-spot .box-spot-01 .img-spot { float: none; margin: 0 0 3%; }
.area-spot .box-spot-01 dl { float: none; width: 100%; }
.area-spot .box-spot-02 dt { float: none; width: 100%; }
.area-spot .box-spot-02 dd { float: none; width: 100%; }
.area-spot .box-spot .btn-detail { width: 70%; }

.area-cooking .ttl-cooking { margin: 0 0 10%; }
.area-cooking .ttl-cooking-02 { margin: 0 0 3%; }
.area-cooking .box-cooking { padding: 5%; }
.area-cooking .box-cooking-01 { float: none; width: 100%; margin: 0 0 3% ; }
.area-cooking .box-cooking-02 { float: none; width: 100%; margin: 0 0 3%; }
.area-cooking .box-cooking-02 dt { width: 50%; }
.area-cooking .box-cooking-03 { float: none; width: 100%; margin: 0; }
.area-cooking .box-cooking-03 dt { margin: 0 0 5px; }
.area-cooking .box-cooking-03 .txt-cooking-01 { float: none; }
.area-cooking .box-cooking-03 .txt-cooking-02 { float: none; }
.area-cooking .list-cooking li { float: none; width: 100%; margin: 0 auto 5%; }
.area-cooking .list-cooking li p { width: 80%; margin: 0 auto; }
.area-cooking .list-cooking li dt { margin: 0 0 2%; }

}