/* 	header
============================== */
header { background-repeat: repeat-x; -webkit-background-size: contain; background-size: contain; background-position: bottom center; -webkit-background-position: bottom center; background-image: url(../img/header_bg-c.jpg);}
#mainimg_bgset { width: 75%; max-width: 600px; margin: 0 auto; padding: 5px 0 15px 0;}
#mainimg_bgset:before, #mainimg_bgset:after { content: ""; display: table;}
#mainimg_bgset:after { clear: both;}
#mainimg_bgset::after { content: ""; display: block; clear: both;}
#mainimg_bgset #logo { width: 50%; float: left;}
#mainimg_bgset #logo .img { width: 100%; height: 0; padding-top: 72.413793103448276%; padding-top: -webkit-calc(420 / 580 * 100%); padding-top: calc(420 / 580 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
#mainimg_bgset #logo .img a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0;}
#mainimg_bgset #logo .img:hover { opacity: .8;}
#mainimg_bgset #onair { width: 39%; padding-top: 18%; float: right;}
#mainimg_bgset #onair .img { width: 100%; height: 0; padding-top: 20.833333333333333%; padding-top: -webkit-calc(100 / 480 * 100%); padding-top: calc(100 / 480 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}

/* 	footer
============================== */
.bn_sp { margin: 3em auto;}
/*for_W1000-*/
@media all and (min-width: 1000px) {
footer { height: 270px; position: relative;}
.bn_sp { margin: 0; position: absolute; bottom: 15px; left: 15px;}
#pgtp { margin: 0; position: fixed; bottom: 0; right: 2%;}
#cr { width: 66%; margin: 0; padding: 0; text-align: center; font-size: 80%; position: absolute; top: 50%; left: 32%;}
}

/* 	menu
============================== */
#nav { padding: .5em .1em;}
#intro_nav #mn_intro, #story_nav #mn_story, #news_nav #mn_news, #chart_nav #mn_chart, #caststaff_nav #mn_caststaff, #original_nav #mn_original, #message_nav #mn_message { opacity: .4;}
#intro_nav #mn_intro a, #story_nav #mn_story a, #news_nav #mn_news a, #chart_nav #mn_chart a, #caststaff_nav #mn_caststaff a, #original_nav #mn_original a, #message_nav #mn_message a { cursor: default; pointer-events: none; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn_cover-hover_s.png);}
/*for_W768-*/
@media all and (min-width: 768px) {
#intro_nav #mn_intro a, #story_nav #mn_story a, #news_nav #mn_news a, #chart_nav #mn_chart a, #caststaff_nav #mn_caststaff a, #original_nav #mn_original a, #message_nav #mn_message a { cursor: default; pointer-events: none; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/mn_cover-hover.png);}
}


/* 	contents
============================== */
#con_sp { width: 100%; margin: 0 auto; padding: 0 0 3em 0; position: relative; z-index: 0; background-repeat: repeat-x; -webkit-background-size: contain; background-size: contain; background-image: url(../img/con_btm.jpg); background-position: center bottom;}
#con_tsp { width: 100%; display: block; position: relative; z-index: 100;}
#con_title { width: 100%; height: 0; padding-top: 30.769230769230769%; padding-top: -webkit-calc(240 / 780 * 100%); padding-top: calc(240 / 780 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block; position: relative; z-index: 10; margin-bottom: -10%;}
#con_title .title_txt { width: 98%; margin: 0 auto; text-align: right; font-weight: lighter; letter-spacing: .1em; font-size: 90%; color: rgba(231, 74, 151, .75); position: absolute; top: 3em; right: 5%;}
/*_textset*/
.unit { width: 100%; max-width: 1000px; margin: 0 auto;}
.single { width: 90%; margin: 0 auto 1.5em auto; padding: 0 0 1.5em 0; position: relative; z-index: 1000; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../img/line.jpg); background-position: bottom center;}
.single0 { padding: 0; background-image: url(/um/img/cover.png);}
.headline { font-size: 140%; font-family: 'Noto Serif JP', serif; line-height: 150%; font-weight: 700;}
.headline_l { line-height: 150%; text-align: left;}
.headline_l .r_title { font-size: 140%; font-weight: 400; border-bottom: solid 1px rgba(100, 100, 100, .3); padding-bottom: .2em; margin-bottom: .1em;}
.headline_l .r_update { font-size: 85%; letter-spacing: .1em; color: rgba(223, 103, 66, .5); text-align: right;}
.photo { width: 100%; max-width: 800px; margin: 1.5em auto .5em auto; position: relative;}
.photo_t { max-width: 533px;}
.photo_y { max-width: 800px;}
.photo img { width: 100%;}
#book_all { width: 90%; max-width: 500px; margin: 0 auto;}
#book { width: 100%; height: 0; padding-top: 137.142857142857143%; padding-top: -webkit-calc(960 / 700 * 100%); padding-top: calc(960 / 700 * 100%); position: relative;}
#book img { position: absolute; top: 0; left: 0;}
.cap { text-align: center; font-size: 88%; margin: 0 auto 1.5em auto; color: rgba(218, 94, 56, 1); line-height: 130%;}
.txt_set { width: 100%; max-width: 800px; margin: 0 auto 1em auto; text-align: left; line-height: 170%; font-size: 96%; text-align: justify; text-justify: inter-ideograph;}
#report_con .txt_set { margin: 1em auto 1.5em auto;}
.gdt { font-weight: bold; color: rgba(80, 8, 45, .3); letter-spacing: .1em; font-size: 110%; padding-bottom: .5em;}
.gdd .txt_set { line-height: 190%; margin-bottom: 0;}
.gdd .txt_set .udl { color: rgba(80, 8, 45, 1); border-bottom: 1px solid rgba(180, 8, 95, .1); padding-bottom: 2px;}
.comic { background: rgba( 240, 168, 205, .1); border: 1px dotted rgba( 240, 168, 205, 1); padding: 1em; margin: 1em auto 2em auto; line-height: 140%; color: rgba(80, 8, 45, 1); font-size: 94%; letter-spacing: .1em;}
/*_kakomi*/
.kkm { width: 100%; margin: 1.5em auto;}
#book_cmt { margin-bottom: 0;}
#staff_set { margin-top: 2.5em; margin-bottom: 0;}
#staff_set .txt_set { width: 90%; max-width: 700px;}
.kkm .ue { width: 100%; height: 60px; position: relative;}
.kkm .ue::before { content: ""; position: absolute; top: 0; left: 0; width: 60px; height: 60px; border-top: 1px solid rgba(231, 74, 151, 1); border-left: 1px solid rgba(231, 74, 151, 1);}
.kkm .ue::after { content: ""; position: absolute; top: 0; right: 0; width: 60px; height: 60px; border-top: 1px solid rgba(231, 74, 151, 1); border-right: 1px solid rgba(231, 74, 151, 1);}
.kkm .shita { width: 100%; height: 60px; position: relative;}
.kkm .shita::before { content: ""; position: absolute; bottom: 0; left: 0; width: 60px; height: 60px; border-bottom: 1px solid rgba(231, 74, 151, 1); border-left: 1px solid rgba(231, 74, 151, 1);}
.kkm .shita::after { content: ""; position: absolute; bottom: 0; right: 0; width: 60px; height: 60px; border-bottom: 1px solid rgba(231, 74, 151, 1); border-right: 1px solid rgba(231, 74, 151, 1);}
.kkm .kkm_txt { width: 86%; max-width: 800px; margin: -30px auto; text-align: left; line-height: 180%; font-size: 94%;}
#staff_set .kkm_txt { width: 78%;}
.kkm .ue .ue_t { width: 100%; text-align: center; color: rgba(231, 74, 151, 1); font-size: 130%; letter-spacing: .1em; position: absolute; top: -6px; left: 0;}
.kkm .shita .shita_t { width: 100%; text-align: center; color: rgba(231, 74, 151, 1); font-size: 130%; letter-spacing: .1em; position: absolute; bottom: -4px; left: 0; font-size: 90%; font-weight: bold;}
.kkm .shita .shita_t a { display: block;}
#msg_info li { list-style: inside; line-height: 150%; padding: 6px 0;}

/*anc*/
#anc_lnk { width: 90%; margin: 0 auto; padding: 2em 0 0 0;}
#anc_lnk ul:before, #anc_lnk ul:after { content: ""; display: table;}
#anc_lnk ul:after { clear: both;}
#anc_lnk ul::after { content: ""; display: block; clear: both;}
#anc_lnk li { box-sizing: border-box; width: 49%; padding-left: 24px; text-align: left; min-height: 20px; background-repeat: no-repeat; -webkit-background-size: 18px; background-size: 18px; -webkit-background-position: left top; background-position: left center; background-image: url(../img/to_btm-s.png); padding-top: 3px; overflow: hidden; white-space: nowrap; text-overflow: ellipsis; font-size: 96%; font-weight: bold; float: left; margin-bottom: 1em;}
/*_table*/
.table { width: 90%; margin: 1em auto;}
.table td:nth-child(1) { padding-top: .02em; text-align: right;}
.table td:nth-child(2) { padding-left: 2em;}
.table td:nth-child(3) { padding-right: 1em; padding-top: .5em; font-size: 120%; letter-spacing: .2em;}
/*_table0*/
.table0 { margin: .1em  auto;}
.table0 th { vertical-align: top; font-size: 98%; white-space: nowrap; letter-space: 0; color: rgba(59, 63, 74, 1); line-height: 140%;}
.table0 td { vertical-align: top; font-size: 98%; padding-left: .2em; padding-bottom: .5em; line-height: 150%; white-space: nowrap;}
/*_link_btn*/
.link_btn { box-sizing: border-box; display: block; width: 68%; max-width: 300px; height: 50px; margin: 2em auto; text-align: center; letter-spacing: .1em; font-size: 105%; background: rgba(255, 255, 255, 1); border: 2px solid rgba(231, 74, 151, .6); border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; position: relative;}
#msg_btn { margin: 2em auto;}
#msg_btn2 { margin: 2em auto 0 auto;}
#msg_btn3 { margin: .5em auto 0 auto;}
.link_btn a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.link_btn a:hover { background: rgba(196, 118, 174, .1); color: rgba(145, 51, 104, 1);}
.link_btn .nkmtxt { width: 100%; display: block; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); font-weight: bold; font-size: 105%; letter-spacing: 0;}
.link_btn .nkmtxt::before { content: url(../img/to_right.png); display: inline-block; height: 100%; margin-right: 10px;}
.link_btnb .nkmtxt::before { content: url(../img/to_left.png);}
/*_read*/
.read { width: 100%;}
.read input { display: none;}
.read label { display: block; box-sizing: border-box; width: 76%; margin: 0 auto; padding: 12px 0; text-align: center; letter-spacing: .1em; font-size: 105%; background: -moz-linear-gradient(left, rgba(229,162,162,0.65) 0%, rgba(229,162,162,0.65) 1%, rgba(236,121,156,0.75) 100%); background: -webkit-linear-gradient(left, rgba(229,162,162,0.65) 0%,rgba(229,162,162,0.65) 1%,rgba(236,121,156,0.75) 100%); background: linear-gradient(to right, rgba(229,162,162,0.65) 0%,rgba(229,162,162,0.65) 1%,rgba(236,121,156,0.75) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#a6e5a2a2', endColorstr='#bfec799c',GradientType=1 ); border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
.read label .nkmtxt { display: block; padding: 0;}
.read label .nkmtxt::before { content: url(../img/open.png); margin-top: 13px; margin-right: 10px;}
.read label:hover { cursor: pointer;}
.nkm { height: 0; overflow: hidden; -webkit-transition: max-height 30s linear; -moz-transition: max-height 30s linear; transition: max-height 30s linear; line-height: 170%; font-size: 92%; letter-spacing: .05em;} 
.nkm .txt { padding: 0 0 10px 0; text-align: left; line-height: 160%;}
.read #nsopn:checked ~ .nkm { height: auto;}
.read input:checked + label { display: none;}
.con_link { text-align: right; font-weight: bold; padding-top: 10px; padding-right: 10px;}
.con_link::before { content: url(../img/to_right.png); margin-right: 10px;}
.con_link a { color: rgba(0, 0, 0, 1);}
.con_link a:hover { color: rgba(0, 0, 0, .6);}
/*_kakomi2*/
.kkm1 { box-sizing: border-box; width: 100%; margin: 1.5em auto; border: 1px solid rgba(231, 75, 150, 1); display: block; padding: 1em;}
/*_share */
#share_sp, .share_sp { width: 50%; max-width: 240px; margin: 2em auto 1em auto;}
#share_sp dt, .share_sp dt { text-align: center; padding-bottom: 10px;}
#share_sp dt:before, .share_sp dt:before { display: inline; content: '─ ';}
#share_sp dt:after, .share_sp dt:after { display: inline; content: ' ─';}
#share, .share { width: 100%; height: 0; padding-top: 30.666666666666667%; padding-top: -webkit-calc(92 / 300 * 100%); padding-top: calc(92 / 300 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; -webkit-background-position: bottom center; background-position: bottom center; position: relative;}
#share .link, .share .link { width: 30%; height: 0; padding-top: 30%; border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%;}
#share .link a, .share .link a { width: 100%; height: 100%; border-radius: 100%; -o-border-radius: 100%; -ms-border-radius: 100%; -webkit-border-radius: 100%; -moz-border-radius: 100%; display: block; position: absolute; top: 0; left: 0;}
#share .link a:hover, .share .link a:hover { background: rgba(255, 255, 255, .2);}
#share #link_twitter, .share .link_twitter { position: absolute; top: 1%; left: 1%;}
#share #link_facebook, .share .link_facebook { position: absolute; top: 1%; left: 35%;}
#share #link_line, .share .link_line { position: absolute; top: 1%; left: 69%;}
/*for_W640-*/
@media all and (min-width: 640px) {
.single { width: 80%;}
#con_title { margin-bottom: -15%;}
.table { font-size: 110%;}
}
/*for_W768-*/
@media (min-width: 768px) {
.table { font-size: 120%;}
.table td:nth-child(1) { letter-spacing: .1em;}
.table td:nth-child(3) { letter-spacing: .3em;}
.table0 th { vertical-align: top; font-size: 96%; white-space: nowrap; letter-space: 0; color: rgba(59, 63, 74, 1);}
.table0 td { padding-bottom: .75em; line-height: 160%; padding-left: 1em;}
#cast_set .ue .ue_t { font-size: 160%;}
#anc_lnk { width: 100%; max-width: 900px; margin: 0 auto; padding: 0;}
#anc_lnk li { box-sizing: border-box; display: block; width: 31.5%; max-width: 300px; height: 40px; text-align: center; letter-spacing: .1em; font-size: 90%; background: rgba(255, 255, 255, 1); border: 2px solid rgba(231, 74, 151, .6); border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; position: relative; margin: 0 0 5px 1.5%;}
#anc_lnk li a { width: 100%; height: 100%; display: block; position: absolute; top: 0; left: 0; border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px;}
#anc_lnk li a:hover { background: rgba(196, 118, 174, .1); color: rgba(145, 51, 104, 1);}
#anc_lnk li .nkmtxt { width: 90%; display: block; position: absolute; top: 50%; left: 5%; transform: translateY(-50%); -webkit- transform: translateY(-50%); font-weight: bold; font-size: 92%; letter-spacing: 0; text-align: left; overflow: hidden; text-overflow: ellipsis;}
#anc_lnk li .nkmtxt::before { content: url(../img/to_btm-ss.png); display: inline-block; height: 100%; margin-right: 8px;}
}
/*for_W900-*/
@media all and (min-width: 900px) {
.single { width: 90%; margin: 0 auto 2.5em auto; padding: 0 0 2.5em 0; -webkit-background-size: 90%; background-size: 90%;}
.headline { font-size: 160%; letter-spacing: .1em; line-height: 150%;}
.kkm .kkm_txt { margin: -20px auto;}
#staff_set .txt_set { width: 80%; line-height: 190%; padding-bottom: 1.5em;}
#staff_set .txt_set .f130 { font-size: 150%; letter-spacing: .2em;}
#book_set { width: 100%; margin: 0 auto;}
#book_set:before, #book_set:after { content: ""; display: table;}
#book_set:after { clear: both;}
#book_set::after { content: ""; display: block; clear: both;}
#book_all { width: 54%; float: left;}
#book_dl { width: 45%; float: right; padding-top: 80px; font-size: 90%;}
#book_dl .gdt { text-align: left;}
.comic { width: 41%; float: right; padding: 1em; margin: 2em 1% 0 0; font-size: 80%;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) {
.table { font-size: 140%;}
#cast_set .ue .ue_t { font-size: 180%;}
#anc_lnk { width: 100%; padding: 1em 0;}
#anc_lnk li { height: 50px;}
#book_dl { padding-top: 100px;}
.comic { width: 36%; padding: 2em 1em; margin: 2em 6% 0 0;}
#share_sp, .share_sp { width: 36%; max-width: 360px; text-align: center; font-size: 90%;}
#share_sp:before, #share_sp:after, .share_sp:before, .share_sp:after { content: ""; display: table;}
#share_sp:after, .share_sp:after { clear: both;}
#share_sp::after, .share_sp::after { content: ""; display: block; clear: both;}
#share_sp dt, .share_sp dt { width: 47%; float: left; text-align: right; padding: 18px 10px 0 0;}
#share_sp dt:before, .share_sp dt:before { display: inline; content: '';}
#share_sp dd, .share_sp dd { width: 49%; float: left;}
}

/* 	archives
============================== */
#archives_sp { box-sizing: border-box; width: 100%; margin: 0 auto; padding: 2em 1em; background-repeat: repeat-x; -webkit-background-size: cover; background-size: cover; background-image: url(../img/con_btm-long.jpg); background-position: center bottom;}
/*#archives_sp { box-sizing: border-box; width: 100%; margin: 0 auto; padding: 2em 1em;}*/
#archives_tsp { width: 60%; max-width: 300px; margin: 1em auto 0 auto; display: block; position: relative; z-index: 100;}
#archives_title { width: 100%; height: 0; padding-top: 19.230769230769231%; padding-top: -webkit-calc(100 / 520 * 100%); padding-top: calc(100 / 520 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; display: block; position: relative; z-index: 10;}
.archives_list { width: 100%; max-width: 900px; margin: 1em auto 0 auto;}
.archives_list:before, .archives_list:after { content: ""; display: table;}
.archives_list:after { clear: both;}
.archives_list::after { content: ""; display: block; clear: both;}
.archives_list li { width: 30%; margin: 0 0 .5em 2.5%; float: left;}
.archives_list li .p_sp { width: 100%; height: 0; padding-top: 66.619718309859155%; padding-top: -webkit-calc(473 / 710 * 100%); padding-top: calc(473 / 710 * 100%); position: relative;}
.archives_list li .s_p { width: 100%; height: 0; padding-top: 66.619718309859155%; padding-top: -webkit-calc(473 / 710 * 100%); padding-top: calc(473 / 710 * 100%); position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; background-position: top center; -webkit-background-position: top center;}
.archives_list li a { width: 100%; height: 0; padding-top: 66.619718309859155%; padding-top: -webkit-calc(473 / 710 * 100%); padding-top: calc(473 / 710 * 100%); position: absolute; top: 0; left: 0; display: block;}
.archives_list li a:hover { background-color: rgba(255, 255, 255, .2);}
.archives_list li .wa { width: 100%; padding: .1em 0; position: absolute; bottom: 0; left: 0; background: rgba(231, 75, 150, .75); text-align: center; font-size: 75%; font-weight: bold; color: rgba(255, 255, 255, 1);}
#av1 #a1, #av2 #a2, #av3 #a3, #av4 #a4, #av5 #a5, #av6 #a6, #av7 #a7, #av8 #a8, #av9 #a9, #av10 #a10 { opacity: .3;}
#av1 #a1 a, #av2 #a2 a, #av3 #a3 a, #av4 #a4 a, #av5 #a5 a, #av6 #a6 a, #av7 #a7 a, #av8 #a8 a, #av9 #a9 a, #av10 #a10 a { cursor: default; pointer-events: none;}
/*for_W640-*/
@media all and (min-width: 640px) {
#archives_sp { box-sizing: border-box; width: 100%; margin: 0 auto; padding: 2em 1em; background-repeat: repeat-x; -webkit-background-size: cover; background-size: cover; background-image: url(../img/con_btm-max.jpg); background-position: center bottom;}
/*#archives_sp { box-sizing: border-box; width: 100%; margin: 0 auto; padding: 2em 1em;}*/
.archives_list li { width: 22%;}
}
/*for_W768-*/
@media all and (min-width: 768px) {
.archives_list li { width: 17%;}
}


/* 	link_SP
============================== */
#sp { width: 100%; max-width: 900px; margin: 0 auto; padding: 2em 0;}
#sp:before, #sp:after { content: ""; display: table;}
#sp:after { clear: both;}
#sp::after { content: ""; display: block; clear: both;}
#sp li { width: 46%; min-height: 50px; float: left; background: rgb(237,123,173); background: -moz-linear-gradient(left, rgba(237,123,173,1) 0%, rgba(241,155,142,1) 100%); background: -webkit-linear-gradient(left, rgba(237,123,173,1) 0%,rgba(241,155,142,1) 100%); background: linear-gradient(to right, rgba(237,123,173,1) 0%,rgba(241,155,142,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ed7bad', endColorstr='#f19b8e',GradientType=1 ); border-radius: 10px; -o-border-radius: 10px; -ms-border-radius: 10px; -webkit-border-radius: 10px; -moz-border-radius: 10px; position: relative; margin: 0 0 .5em 2.5%;}
#sp li a { width: 100%; height: 100%; display: block; color: rgba(255, 255, 255, 1);}
#sp li a:hover { background: rgba(255, 255, 255, .2);}
#sp li .txt_set { box-sizing: border-box; width: 90%; margin: 0 auto; padding: 1.2em 0 1em 0; text-align: left; display: block; line-height: 110%; line-height: 140%;}
#sp li .title { font-family: 'Cinzel', serif; font-weight: 400; display: block; font-size: 140%;}
#repo_sp #splnk_repo { opacity: .3;}
#repo_sp #splnk_repo a { cursor: default; pointer-events: none;}
#inta_sp #splnk_inta { opacity: .3;}
#inta_sp #splnk_inta a { cursor: default; pointer-events: none;}
#quiz_sp #splnk_quiz { opacity: .3;}
#quiz_sp #splnk_quiz a { cursor: default; pointer-events: none;}
#episode_sp #splnk_episode { opacity: .3;}
#episode_sp #splnk_episode a { cursor: default; pointer-events: none;}
#marutaro_sp #splnk_marutaro { opacity: .3;}
#marutaro_sp #splnk_marutaro a { cursor: default; pointer-events: none;}
#gallery_sp #splnk_gallery { opacity: .3;}
#gallery_sp #splnk_gallery a { cursor: default; pointer-events: none;}
/*_update*/
#sp li .update { display: inline-block; width: 65px; height: 25px; line-height: 20px; vertical-align: middle; text-align: center; padding: 2px 5px 0 5px; font-size: 80%; background: rgba(231, 75, 150, .75); color: rgba(255, 255, 255, 1); font-weight: bold; box-sizing: border-box; position: absolute; top: 30%; right: -4px; z-index: 1000;}
#sp li .update:before, #sp li .update:after { position: absolute; content: ''; width: 0px; height: 0px; z-index: 1000;}
#sp li .update:before { top: 0; left: 0; border-width: 12px 3px; border-color: transparent transparent transparent rgba(241,155,142, .8); border-style: solid;}
/*for_W640-*/
@media all and (min-width: 640px) {
#sp li .txt_set { padding: 1.7em 0 1.5em 0;}
#sp li .title { font-size: 160%;}
#sp li .update { width: 75px; top: 35%;}
}
/*for_W768-*/
@media all and (min-width: 768px) {
#sp li .txt_set { width: 80%;}
#sp li .update { width: 85px; font-size: 80%;}
}
/*for_W900-*/
@media all and (min-width: 900px) {
#sp li { width: 30%;}
#sp li .title { font-size: 170%;}
}

/* 	SNS
============================== */
#sns { box-sizing: border-box; width: 100%; padding: 1.5em 0; background-repeat: repeat; -webkit-background-size: cover; background-size: cover; background-image: url(../img/sns_bg-con.jpg);}
#sns h2 { font-size: 200%; color: rgba(234, 94, 148, .8); font-family: 'Cinzel', serif; font-weight: 400; letter-spacing: .05em;}
#sns #sns_info { width: 100%; font-size: 90%; text-align: center; color: rgba(237, 120, 176, .8); padding: .8em 0 1em 0;}
#sns #sns_set { width: 96%; margin: 0 auto; max-width: 400px;}
#sns #sns_img { width: 100%; height: 0; padding-top: 29.411764705882353%; padding-top: -webkit-calc(250 / 850 * 100%); padding-top: calc(250 / 850 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; position: relative;}
#sns .sns_sp { width: 29.882352941176471%; position: absolute;}
#sns .sns_sp a { width: 100%; height: 0; padding-top: 86.614173228346457%; padding-top: -webkit-calc(220 / 254 * 100%); padding-top: calc(220 / 254 * 100%); position: absolute; top: 0; left: 0;}
#sns .sns_sp a:hover { background: rgba(255, 255, 255, .2);}
#sns #twitter_sp { top: 4.8%; top: -webkit-calc(12 / 250 * 100%); top: calc(12 / 250 * 100%); left: 1.882352941176471%; left: -webkit-calc(16 / 850 * 100%); left: calc(16 / 850 * 100%);}
#sns #insta_sp { top: 4.8%; top: -webkit-calc(12 / 250 * 100%); top: calc(12 / 250 * 100%); left: 34.823529411764706%; left: -webkit-calc(296 / 850 * 100%); left: calc(296 / 850 * 100%);}
#sns #line_sp { top: 4.8%; top: -webkit-calc(12 / 250 * 100%); top: calc(12 / 250 * 100%); left: 67.647058823529412%; left: -webkit-calc(575 / 850 * 100%); left: calc(575 / 850 * 100%); background: rgba(255, 255, 255, .5);}
/*for_W768-*/
@media all and (min-width: 768px) {
#sns #sns_all { width: 80%; max-width: 750px; margin: 0 auto;}
#sns #sns_all:before, #sns #sns_all:after { content: ""; display: table;}
#sns #sns_all:after { clear: both;}
#sns #sns_all::after { content: ""; display: block; clear: both;}
#sns #sns_atm { box-sizing: border-box; width: 49%; margin: 0; float: left; padding: 4% 2% 0 0;}
#sns h2 { text-align: right;}
#sns #sns_info { text-align: right; font-size: 75%; padding: .5em 0 0 0;}
#sns #sns_set { width: 50%; margin: 0; float: left;}
}
/*for_W900-*/
@media all and (min-width: 900px) {
#sns #sns_atm { width: 42%; padding: 5% 2% 0 0;}
#sns #sns_set { width: 57%;}
}

/* 	youtube
============================== */
.movie_sp { box-sizing: border-box; width: 100%; max-width: 800px; margin: 0 auto;}
.movie_sp .movie_all { box-sizing: border-box; width: 100%; margin: 15px auto 5px auto; background: rgba(255, 255, 255, 1); box-shadow: 0 3px 3px rgba(159, 139, 149, .4); -webkit-box-shadow: 0 3px 3px rgba(159, 139, 149, .4); -moz-box-shadow: 0 3px 3px rgba(159, 139, 149, .4);}
.movie_sp .movie_sp { width: 100%; height: 0; padding-top: 56.25%; position: relative; z-index: 500000; overflow: hidden;}
.movie_sp .movie_sp iframe { box-sizing: border-box; width: 100%; height: 100%; border: 0; position: absolute; top: 0; left: 0; overflow: hidden;}
.movie_sp .movie_sp .nojs { width: 100%; text-align: center; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%); color: rgba(0, 0, 0, 1);}
.movie_sp .movie_sp .imgsp { box-sizing: border-box; width: 100%; height: 100%; border: 0; position: absolute; top: 0; left: 0; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.movie_sp .movie_sp .play_btn { width: 40px; height: 40px; -ms-border-radius: 100%; -moz-border-radius: 100%; -webkit-border-radius: 100%; border-radius: 100%; background: rgba(0, 0, 0, .5); position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%); -webkit- transform: translate(-50%, -50%);}
.movie_sp .movie_sp .play_txt { color: rgba(255, 255, 255, 1); font-size: 90%; position: absolute; top: 50%; left: 50%; transform: translate(-50%, -50%)  rotate(90deg); -webkit- transform: translate(-50%, -50%)  rotate(90deg);}
.movie_sp .movie_sp a { width: 100%; height: 100%; position: absolute; top: 0; left: 0; z-index: 5000000;}
.movie_sp .movie_sp a:hover { opacity: .8;}

/*none_interview
#sp li { float: none; margin: 0 auto;}*/