/*header*/
#header { padding-bottom: 1em;}
#hd_sp { width: 100%; max-width: 1000px; margin: 0 auto;}
#logo_sp { width: 100%; padding-top: 17.592592592592593%; padding-top: -webkit-calc(640 / 2000 * 100%); padding-top: calc(640 / 2000 * 100%); position: relative;}
#logo_fadein { width: 100%; height: 100%; position: absolute; top: 0; left: 0; display: none;}
#logo { width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}

/*contents*/
#con_sp { width: 100%; max-width: 980px; margin: 1em auto 0em auto; position: relative; z-index: 100;}
#con_sp .content_txt { box-sizing: border-box; width: 100%; color: rgba(0, 0, 0, 1); background-color: rgba(255, 255, 255, 1); line-height: 170%; padding-bottom: 1em;}
/*#con_sp .con_title-bg { width: 100%; height: 80px; background-image: url(../img/title_bg.png); background-repeat: no-repeat; -webkit-background-size: 60%; background-size: 60%; background-position: center .5em; position: relative;}*/
#con_sp .content_txt h3 { padding: 2em 0 1em 0; font-size: 120%; font-family: dnp-shuei-anti-std, sans-serif; font-style: normal; font-weight: 600; letter-spacing: .05em; color: rgba(164, 5, 25, 1); text-align: center; line-height: 160%;}

.catch_txt { text-align: center; line-height: 170%; font-family: dnp-shuei-anti-std, sans-serif; font-style: normal; font-weight: 600; font-size: 120%; padding-bottom: 1em; letter-spacing: .05em;}

#con_sp .con_title { text-align: center; margin: 0 auto; font-size: 100%; font-weight: 800; padding: 1em 0; background: linear-gradient(90deg, #ece8a5, #f9e401 30%, #9b8e00); background: -webkit-linear-gradient(0deg, #ece8a5, #f9e401 30%, #9b8e00); -webkit-background-clip: text; -webkit-text-fill-color: transparent;}
#con_sp .con_title span { vertical-align: middle;}
#con_sp .con_title::before { content: '★ '; opacity: .75;}
#con_sp .con_title::after { content: ' ★'; opacity: .75;}

#con_sp .movie_sp { box-sizing: border-box; width: 90%; margin: .5em auto 1em auto; position: relative; z-index: 100;}
#con_sp .txt { letter-spacing: .025em; padding: .5em 2em;}

.cimg_sp-t { width: 90%; max-width: 800px; margin: .5em auto; position: relative; background-color: rgba(164, 5, 25, .1);}
.cimg_sp-y { width: 90%; max-width: 1000px; margin: .5em auto; position: relative; background-color: rgba(164, 5, 25, .1);}
.cimg_sp-t img, .cimg_sp-y img { width: 100%; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative; box-shadow: 1px 1px 8px 0 rgba(164, 5, 25, .3);}

#cmt_sp { box-sizing: border-box; width: 100%; max-width: 980px; margin: 0 auto; padding: 2em 1em 1em 1em; background-image:  repeating-radial-gradient( circle at 0 0, transparent 0, rgba(255, 239, 192, .1) 10px ), repeating-linear-gradient( rgba(255, 239, 192, .5), rgba(245, 221, 150, .1) );}
#cmt_sp h3 { text-align: center; font-size: 200%; font-weight: 900;}
#cmt_sp .white_sp { width: 100%; background-color: rgba(255, 255, 255, 1); color: rgba(0, 0, 0, 1); padding-bottom: 1em; margin-bottom: 1em;}
#cmt_sp h4 { text-align: center; font-size: 120%; font-family: dnp-shuei-anti-std, sans-serif; font-style: normal; font-weight: 600; text-align: center; padding: 1em 0 .5em 0; letter-spacing: .05em;}
#cmt_sp h4::before { content: "[ ";}
#cmt_sp h4::after { content: " ]";}
#cmt_sp .white_sp .txt { letter-spacing: .025em; padding: .5em 1.5em; line-height: 170%; color: rgba(105, 3, 5, 1);}

/*for_W768-*/
@media all and (min-width: 768px) { 
.catch_txt { font-size: 160%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#con_sp .content_txt { line-height: 180%; padding-bottom: 3em;}
#con_sp .content_txt h3 { padding-top: 3em; font-size: 160%;}
#cmt_sp h3 { text-align: center; font-size: 280%;}
#con_sp .txt { padding: .5em 3em;}
#cmt_sp .white_sp .txt { padding: 1em 2.8em; line-height: 180%;}
#cmt_sp h4 { font-size: 140%; padding: 1.5em 0 .5em 0;}
.cimg_sp-t, .cimg_sp-y { margin: 1.5em auto;}
.catch_txt { font-size: 180%;}
}