@charset "UTF-8";

/*リセット*/
h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,th,td,section,div {margin: 0;padding: 0;}
ul,ul li {list-style-type: none;}
input,textarea,select {font-size: 1rem;}
form,input,textarea {margin: 0;}
table {border-collapse:collapse; border-spacing: 0;}
caption,th {text-align: left;}
a {outline: none;}
img,a img {vertical-align: bottom;border: none;}
address,caption,cite,code,dfn,em,strong,th,var {font-style: normal;}
/*clearfix*/
.clearfix::after {content: "";display: block;clear: both;height: 0;visibility: hidden;}
*html .clearfix {height: 1%}
.clearfix {display: block}
* {-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;}

body {background: #fff;color: #333;margin: 0 auto;padding: 0;
font: 90%/180% "メイリオ", Meiryo, "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", "Hiragino Kaku Gothic Pro", "Osaka", arial, Helvetica, sans-serif;}

/*PC*/
.w-pc {}
.w-sp {display: none !important;}
/*SP*/
@media print, screen and (max-width: 750px){
.w-pc {display: none !important;}
.w-sp {display: block !important;}
}

.i-cmn {margin: 0 auto;width: 100%;display: block;}
a.btm-logo {max-width: 390px;margin: 80px auto 40px;display: block;}
a.btm-logo:hover {opacity: 0.6;transition: 1s;}
@media screen and (max-width: 750px){
a.btm-logo {width: 60%;margin: 35px auto 20px;}
}

/*js-animation*/
.js-animation {opacity: 0;visibility: hidden;transform: translateY(100px);transition: all 1.5s;}
.js-animation.is-show {opacity: 1;visibility: visible;transform: translateY(0px);}

.wrap-alpha {width: 100%;margin: 0 auto;padding: 0;background-image: url("../img/bg.png");background-repeat: repeat-y;background-size: contain;background-position: center top;}
.wrap-alpha h2 {width: 93%;margin: 50px auto 25px;padding: 20px 5px;color: #682e18;border-bottom: dotted 1px #c49955;font-size: 2.6vw;line-height: 1.3;letter-spacing: 0.05rem;text-align: center;
font-family: "Shippori Mincho", serif;font-style: normal;font-weight: 800;}/*800　700　600　500　400*/
.wrap-alpha h3 {width: 93%;margin: 0 auto 50px;padding: 0;color: #682e18;font-size: 1.15vw;line-height: 1.7;letter-spacing: 0.02rem;text-align: center;font-weight: normal;}
.wrap-catalog {width: 94%;margin: 0 auto 40px;padding: 0;}
.lst-catalog {display: flex;flex-flow: row wrap;width: 100%;/*max-width: 980px;*/margin: 0 auto;padding: 0;}
.lst-catalog li {width: calc(10% - 5px);margin: 0 auto 5px;list-style: none;}
.lst-catalog.wide li {width: calc(20% - 15px);margin: 0 auto;}
.lst-catalog li .c-txt {font-size: 1.1vw;line-height: 1.3;margin: 10px auto 20px;padding: 0 5px;text-align: center;display: block;
color: #682e18;font-family: "Shippori Mincho", serif;font-style: normal;font-weight: 400;}
.lst-catalog li > a {text-decoration: none;}
.lst-catalog li > a .c-img {overflow: hidden;width: 100%;height: auto;margin: 0 auto;box-shadow: 1px 1px 3px rgba(0,0,0,.2);display: flex;}
.lst-catalog li > a .c-img {box-shadow: 1px 1px 4px rgba(0,0,0,.2);}
.lst-catalog.wide li > a .c-img {box-shadow: 2px 2px 9px rgba(0,0,0,.2);}
.lst-catalog li > a .c-img:hover,.lst-catalog.wide li > a .c-img:hover {box-shadow: 0px 0px 0px rgba(0,0,0,0);}
.lst-catalog li > a .c-img > img {width: 100%;height: auto;margin: 0;padding: 0;display: block;}
.lst-catalog li > a .c-img > img:hover {opacity: 0.6;transition: 0.6s;transition-duration: 0.6s;}
@media screen and (max-width: 750px){
.wrap-alpha h2 {font-size: 1.4rem;margin: 30px auto 20px;padding:15px 5px;}
.wrap-alpha h3 {font-size: 0.85rem;margin: 0 auto 30px;}
.lst-catalog {width: 100%;}
.lst-catalog li {width: calc(20% - 5px);margin: 0 auto 5px;}
.lst-catalog.wide li {width: calc(25% - 5px);}
.lst-catalog li .c-txt {font-size: 0.5rem;margin: 5px auto 10px;padding: 0 3px;}
}

a.btn1 {color: #fde49c;margin: 30px auto 50px;padding: 2rem;font-size: 1.2rem;line-height: 1;letter-spacing: .1rem;font-weight: 800;border-radius: 5.2rem;
text-decoration: none;display: block;text-align: center;width: 80%;max-width: 50rem;
background: #692c07;background: -moz-linear-gradient(-70deg, #8f4e25, #692c07); background: -webkit-linear-gradient(-70deg, #8f4e25, #692c07); background: linear-gradient(160deg, #8f4e25, #692c07);
box-shadow: 3px 3px 7px rgba(128,128,128,.3);}
a.btn1:hover {opacity: 0.7;box-shadow: none;transition: 0.5s;}
/*a.btn1::before {content: '';display: inline-block;width: 30px;height: 32px;background-image: url(img/cmn/mail.png);background-size: contain;
background-repeat: no-repeat;;vertical-align: middle;margin-right: 8px;}*/
/*擬似要素としてFontAwesomeを配置の場合*/
/*a.btn1::after {font-family: FontAwesome;content: '\f061';margin-left: 15px;font-weight: 100;vertical-align: middle;}*/
@media print, screen and (max-width: 750px){
a.btn1 {font-size: 0.95rem;line-height: 1.4;letter-spacing: .01rem;margin: 25px auto 20px;padding: 1.2rem 1rem;border-radius: 4.8rem;width: 90%;}
/*a.btn1::before {font-size: 1.4rem;}*/
}