@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;
-webkit-text-size-adjust: 100%;}

/*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;}
.i-cmn.t-gallery {margin: 0 auto 30px;}
.i-cmn.t-gallery2 {margin: 0 auto 30px;max-width: 960px;}
.i-cmn.t-item {margin: 0 auto 40px;max-width: 960px;}
.i-cmn.i-item {margin: 0 auto 50px;max-width: 960px;}
a.btm-logo {max-width: 410px;margin: 60px auto 80px;display: block;}
a.btm-logo:hover {opacity: 0.6;transition: 1s;}
@media screen and (max-width: 750px){
.i-cmn.t-gallery {margin: 0 auto 20px;}
.i-cmn.t-item {margin: 0 auto 20px;}
.i-cmn.i-item {margin: 30px auto 20px;}
a.btm-logo {width: 60%;margin: 35px auto 40px;}
}

/*スライドイン（トップタイトル）*/
.slid-box {animation: poyon 1.2s cubic-bezier(0.1, 0, 0.4, 0) 1 forwards;
width: 100%;max-width: 960px;margin: 0 auto 40px;padding-top: 110px;display: block;position: relative;}
@media screen and (max-width: 750px){
.slid-box {width: 96%;margin: 0 auto 30px;padding-top: 60px;}
}
@keyframes poyon {
  0% {transform: translateY(50px);opacity: 0;}
  50% {transform: translateY(0);}
  65% {transform: translateY(15px);}
  100% {transform: translateY(0);}
  20%,100% {opacity: 1;}
}
@keyframes yurayura {
  0% {transform: rotate(0deg) translate(0, 0);}
  25% {transform: rotate(6deg) translate(2px, 2px);}
  75% {transform: rotate(-4deg) translate(-2px, 2px);}
  100% {transform: rotate(0deg) translate(0, 0);}
}
.yurayura-image {position: absolute;top: 58%;right: 2%;z-index: 2;width: 21.5%;/*max-width: 210px;*/
animation: yurayura 3s infinite ease-in-out;transform-origin: bottom center;/* 揺れの支点を画像の下中央に設定 */}

/*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);}

/*alpha-calendar*/
.wrap-alpha-calendar {background-image: url("../img/bg-top.jpg");background-repeat: no-repeat;background-size: contain;background-position: center top;}
.wrap-catalog {width: 100%;margin: 0 auto;padding: 0 0 50px;background-image: url("../img/bg.png");background-repeat: repeat-y;background-size: contain;background-position: center top;}
.lst-catalog {display: flex;flex-flow: row wrap;width: 94%;max-width: 980px;margin: 0 auto;padding: 0;}
.lst-catalog li {width: calc(16.666% - 6px);margin: 0 auto 6px;list-style: none;}
.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: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;}
/*.lst-catalog li .c-name {text-align: center;font-size: .7rem;line-height: 1.3;width: 98%;margin: 2px auto 3px;color: #333;}*/
.wrap-item {width: 100%;margin: 0 auto;padding: 0;/*background-color: #fef8e8;*/background-image: url("../img/bg.png");background-repeat: repeat-y;background-size: contain;background-position: center top;}
@media screen and (max-width: 750px){
.lst-catalog {width: 90%;}
.lst-catalog li {width: calc(33.333% - 7px);margin: 0 auto 8px;}
/*.lst-catalog li .c-name {font-size: .6rem;}*/
}

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: 1rem;line-height: 1.4;margin: 25px auto 20px;padding: 1.2rem 1rem;border-radius: 4.8rem;width: 85%;}
/*a.btn1::before {font-size: 1.4rem;}*/
}


/*YouTube*/
.video-wrap {width: 100%;margin: 0 auto;padding: 30px 15% 50px;}
.video-responsive {position: relative;overflow: hidden;width: 100%;margin: 0 auto 5px;padding-bottom: 56.25%;height: 0;}
.video-responsive iframe {position: absolute;top: 0;left: 0;width: 100%;height: 100%;}
@media screen and (max-width: 750px){
.video-wrap {padding: 30px 5% 50px;}
}