<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset "UTF-8";

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;  background:transparent;}
ol, ul {list-style: none;}




	
body, html {text-align: center; font-family: 'Hiragino Kaku Gothic ProN', YuGothic, 'Yu Gothic Medium', Meiryo, sans-serif;font-size: 62.5%;padding: 0;margin: 0;width:100%; animation: fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal;}

@keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

@-webkit-keyframes fadeIn {
    0% {opacity: 0}
    100% {opacity: 1}
}

body{font-size:1.6rem; background: url("../img/bg.jpg") no-repeat center calc(100% - 90px)/100%;}
footer{width:100%;}
img{max-width:100%; margin: 0 auto}
p{font-size: 1.6rem; line-height: 1.8em; margin-bottom: 10px; text-align: left}
h2{line-height:1.6em; font-size:2.8rem; font-weight:400; margin:0 auto; position: relative;text-align: center;display: inline-block;}
h2 span{color: #e4007f;font-size: 2.0rem;transform: rotate(-10deg);position: absolute;text-align: center;margin: 0 auto;left: -30px;top: -20px;}
.book h3{display: flex;margin: 20px 0;font-size: 3rem;font-weight: 400;}
h3 img{width:70px;height:100%;}
.book h3 span{margin-top: 26px;font-weight: 400;font-size: 2.4rem;}
section{margin: 40px auto; padding-top: 20px;}
section &gt; div{width: 100%;border-bottom:1px solid #595757;margin: 18px auto}

a:hover {opacity: 0.7;}

section#book &gt;div,
section.footer_book &gt;div{ border-bottom: none;margin: 0; text-align: left}

.pc{display: none}
.sp{display: block}

body{font-weight:200; font-size:1.6rem;line-height:1.6em;position: relative;left: 0;overflow-x: hidden; color: #595757}
/*a,*/
a:hover{text-decoration:none;}

a{color:#e4007f}
article a,
article a:hover{color: #e4007f;}
article{width:90%; max-width: 730px; margin: 34px auto 100px;}

header{background:#595757; margin: 0 auto;height:56px;}
header div{max-width:800px;width: 90%;height:56px; display: flex;justify-content:space-between;align-items: center;margin: 0 auto}
.j-n{width:130px;height:20px;}
.sns {width: 150px;height:40px;}
.sns li{display: inline-block; width:40px}



.title{display: flex;order:2;max-width: 43px;height: 100%;margin: 0 0 0 20px;}
.title img{order: 2;width:43px;height:100%}
.title img.pc{order: 1;width:auto;max-width: 344px;height:100%;margin: 40px;}

.book{order: 1;color: #000;margin: 0 auto}
.book figure{width: 100%;max-width: 280px;}
.book p{font-size: 1.2rem;line-height: 1.5em;}

/*.comment{margin: 300px auto;}*/
#book .book{max-width: 280px;margin: 0 auto ;}
#book{position:relative;display: flex;justify-content:space-between;padding-bottom:200px/*300px*/}
.footer_book .book{display: flex;flex-wrap: wrap; justify-content: space-between;text-align: center;align-items:flex-start; max-width: 280px;margin: 0 auto;}
.txt{width: 100%;}
#book p{text-align: left; margin:25px auto}
button{background: #e4007f;color: #fff;max-width: 320px;width: 100%;border: 0; border-radius: 10px;height:60px; margin: 0 auto;font-size: 2.4rem}
button:hover{cursor:pointer; opacity: .8}
button img{height: 33px;margin-top: 5px;}
#book button{position: absolute;bottom:140px;/*240px*/left:0;right:0; margin: 0 auto}
#profile h3{font-size: 2.2rem;font-weight: 400}
#profile h3 span{display: block; margin-bottom: 20px}
.badge {position: absolute;bottom:0; left: 0; right:0 ; margin: 0 auto;max-width: 200px; }
#goto_cp {max-width: 100%; }
#goto_cp a {background: #FFF2FB; border: 1px solid #E2007F; display: block; font-size: 24px; font-weight: bold; text-align: center; text-decoration: none; width: 250px; margin: 0 auto; height: 100px; padding: 25px; box-sizing: border-box; position: relative;} 
#goto_cp a:after {content: "▼"; position :absolute; bottom: 15px; left: 0; right: 0;}

h4 img{width: 107px;display: block;margin: 0 0 10px 0;}
h4{color: #e4007f; font-size: 2.4rem; text-align: left;padding-bottom:10px;margin-bottom: 30px;line-height:1.2em}
.footer_book{background:rgba(255,255,255,.86) ;padding:5%}

#video h2 {width: 6em;}
#video figure {width:100%; padding-bottom: 56.25%; height:0px; position: relative;}
#video figure iframe{position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

#yukiyama {background: #FFF2FB; padding: 20px;}
#yukiyama h3 {color: #E2007F; font-size: 24px; line-height: 30px; margin-bottom: 20px;}
#yukiyama p {font-size: 14px;}
#yukiyama .remarks {font-size: 12px; line-height: 1.5em; text-align: left; margin: 0 0 20px;}
#yukiyama .award {background: #fff; margin:0 0 20px; padding: 20px;}
#yukiyama .award .circle {width: 140px;height: 140px; border-radius: 50%; background: #E2007F; margin: 0 auto 20px; display: flex; align-items: center;justify-content: center;}
#yukiyama .award h4 {color: #fff; font-size: 18px; line-height: 25px; text-align: center; margin: 0; padding: 0; font-weight: normal;}
#yukiyama .award .details {margin: 0;}
#yukiyama h5 {font-size: 18px; line-height: 22.5px; text-align: left; margin: 0 0 20px;}
#yukiyama strong{ background:#666; color: #fff; padding: 0 5px; margin: 10px 0 0; display: inline-block;}
#yukiyama em {font-weight: bold; font-size: 16px; font-style: normal;}
#yukiyama .apply {margin-bottom: 0;}
#yukiyama .apply h4 {font-size: 20px; color: #333; margin: 0 0 20px; padding: 0;}
#yukiyama .apply section { margin: 0;}
#yukiyama .apply .details {text-align: left; margin: 0;}
#yukiyama .apply h5 {color: #fff; background: #666; display: inline-block; padding: 5px; font-size: 16px; margin: 0 0 5px;}
#yukiyama .apply h6 {font-size: 16px; font-weight: bold; margin: 10px 0 0;}
#yukiyama .apply #ticket img {width: 160px;}
#yukiyama .apply #tag img {width: 80px; margin: 10px;}
#yukiyama .apply #tag li {margin: 0 0 10px;}

footer{margin-top: 40px; background: #595757;height:55px;padding-top:35px}
.copyright{font-size: 12px; color:#fff; text-align: center;margin: 0 auto; padding: 5px;}

@keyframes show{
    from{
        opacity: 0;
    }
    to{
        opacity: 1;
    }
}






@media screen and (min-width:300px) and ( max-width:410px) { 
h3 {font-size: 2.6rem;}
}

@media screen and (min-width:411px) and ( max-width:480px) {

}


@media screen and (min-width:730px) {
.pc{display: block}
.sp{display: none}

button{width: 100%;max-width: 280px}
#book{display:inherit;padding-bottom:0}
.book{margin: 0;height: auto;}
.book h3 span{font-size: 3rem}
#book .book{max-width: 280px;width: 40%; margin: 66px 0 80px 0;}
#book button{position: absolute;bottom:0;left:0; right:auto}

.comment{margin: 72px auto;}

.footer_book .book{ max-width: 540px;align-items:flex-end ;}
.title { position: absolute; right: 0;max-width: inherit;}
.title img{width: inherit;max-height: 500px;}
.cover{width: 520px;height: 480px;margin-top:0}
.cover img{ width: 240px;bottom:0}
#profile h3 span{display: inline-block}

#goto_cp {max-width:  250px;}

#yukiyama {padding: 70px;}
#yukiyama h3 {font-size: 30px;margin-bottom: 30px;}
#yukiyama p {font-size: 18px;}
#yukiyama .award {display: flex; align-items: center; padding: 40px;}
#yukiyama .award .circle {width: 140px;}
#yukiyama .award .details {flex: 1; padding: 0 0 0 45px;}
#yukiyama h5 {font-size: 20px; line-height: 30px;}
#yukiyama p {font-size: 14px;}
#yukiyama .apply h4 {font-size: 20px; line-height: 30px; border: none;}
#yukiyama #sticker figure {text-align: center;}

#book{justify-content: space-between;display: flex;flex-wrap: wrap;}
#copy p{font-size: 2.8rem;line-height: 1.6em; text-align: center}
h1{font-size: 5.8rem;margin: 0 auto 30px;}
#copy { margin: 60px auto 80px;}
.badge {bottom: -20px;max-width: 250px;width:100%;right: 20px; left: auto;margin: 0 }
.footer_book { padding: 30px 48px;}
.footer_book .book figure{width: 100%;max-width: 226px;}
.footer_book button{margin: 0}
h4{border-bottom: 1px solid  #e4007f; font-size:3.2rem; }

.footer_book .txt{width:250px;}


}



</pre></body></html>