.catch_set { padding-bottom: 1em;}
.catch_sp { color: rgba(0,0,0,0); line-height: 170%; background-image: linear-gradient(to right, rgba(1, 1, 1, 1), rgba(140, 2, 0, .9)); -webkit-background-clip: text; font-weight: 900; text-shadow: 2px 2px 4px rgba(94, 155, 197, .4); text-align: center; letter-spacing: .05em; padding: 1em 0 0 0;}

#p_con .wrap { width: 98%; max-width: 980px; margin: 0 auto;}
#campaign_sp { box-sizing: border-box; width: 96%; max-width: 980px; margin: 3em auto 2em auto; border: 1px solid rgba(255, 255, 255, 1); padding: 3em .5em 0 .5em;}
#campaign_sp h2 { display: block; width: 88%; max-width: 500px; position: absolute; top: -1.5em; left: 50%; transform: translate(-50%, 0); -webkit-transform: translate(-50%, 0); z-index: 200;}
#campaign_sp h2 .h2_img { display: block; width: 100%; height: 0; padding-top: 13.50482315%; padding-top: -webkit-calc(126 / 933 * 100%); padding-top: calc(126 / 933 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
#campaign_cont { width: 100%; max-width: 960px;}
#campaign_cont .contxt_sp { box-sizing: border-box; width: 100%; margin: 0 auto .5em auto; padding: 1.5em 1.2em .5em 1.2em; background-color: rgba(255, 255, 255, .9); position: relative; z-index: 150; color: rgba(0, 0, 0, 1);}
#campaign_cont .contxt_sp .mds_p0 { font-size: 110%; font-weight: 700; margin-top: -1em; text-align: center;}
#campaign_cont .contxt_sp h3 { width: 100%; font-size: 120%; font-family: "shippori-mincho-b1", serif; font-weight: 700; font-style: normal; text-align: center; padding: 0; color: rgba(211, 11, 26, 1);}
#campaign_cont .contxt_sp h3 span { padding: 0 1em;}
#campaign_cont .contxt_sp h3::before { content: ''; display: inline-block; width: 45.333333333333333px; height: 5.666666666666667px; background-image: url(../../img/h2_p.png); -webkit-background-size: contain; background-size: contain; vertical-align: middle;}
#campaign_cont .contxt_sp h3::after { content: ''; display: inline-block; width: 45.333333333333333px; height: 5.666666666666667px; background-image: url(../../img/h2_p.png); -webkit-background-size: contain; background-size: contain; vertical-align: middle; transform: rotate(180deg);}
/*con*/
.introcon_sp h3 { text-align: center; padding: 2em 0 .5em 0;}
.introcon_sp h3::before { content: '♥ '; color: rgba(211, 11, 26, 1);}
.introcon_sp h3::after { content: ' ♥'; color: rgba(211, 11, 26, 1);}
.comment h4 { font-size: 110%; font-weight: 400; padding: .5em 0 .75em 0; line-height: 140%; color: rgba(255, 255, 255, 1);}
#campaign_cont .comment .contxt_sp { box-sizing: border-box; width: 100%; margin: 0 auto .5em auto; padding: 1.5em 1.2em; background-color: rgba(255, 255, 255, .9); position: relative; z-index: 150; color: rgba(0, 0, 0, 1); font-size: 100%; line-height: 170%;}
.comment { margin-bottom: 2em;}
.comment .contxt_sp .cimg_sp-t { width: 60%; max-width: 360px; margin: .5em auto 1em auto;}
.comment .photo_sp { width: 66%; margin: 0 auto .5em auto;}
.comment .photo { width: 100%; height: 0; padding-top: 125%; padding-top: -webkit-calc(1000 / 800 * 100%); padding-top: calc(1000 / 800 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.comment #bp2_sp { width: 60%; margin: 0 auto .5em auto;}
.comment #bp2_img { width: 100%; height: 0; padding-top: 119.48424069%; padding-top: -webkit-calc(417 / 349 * 100%); padding-top: calc(417 / 349 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.org_set { width: 100%; line-height: 140%; text-align: left; font-size: 90%; padding: 1em 0 1em 0;}
.org_set:before, .org_set:after { content: ""; content: none; display: table;}
.org_set:after { clear: both; }
.org_set::after { content: ""; display: block; clear: both;}
.org_set #bp_sp { width: 38%; float: right; font-size: 75%; text-align: right;}
.org_set #bp_img { width: 100%; height: 0; padding-top: 141.84210526%; padding-top: -webkit-calc(539 / 380 * 100%); padding-top: calc(539 / 380 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; box-shadow: 1px 1px 8px 0 rgba(4, 33, 50, .3); margin-top: .75em;}
.org_set .orgcom0 { width: 60%; float: left; display: block;}
.org_set #bp2_sp { width: 32%; float: left;}
.org_set #bp2_img { width: 100%; height: 0; padding-top: 119.48424069%; padding-top: -webkit-calc(417 / 349 * 100%); padding-top: calc(417 / 349 * 100%); background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain;}
.org_set .orgcom { width: 60%; float: left; display: block; padding: 4em 0 0 1em;}
.contxt_sp .cmt_txt { padding: 0 0 1em 0; font-size: 95%; line-height: 150%;}

.btn_sp { text-align: center; padding: 0 0 1em 0;}
.btn_sp .btn { display: inline-block; padding: .75em 2em; background-color: rgba(211, 11, 26, 1); color: rgba(255, 255, 255, 1); border-radius: 10px; font-weight: bold; letter-spacing: .1em;}
.btn_all { margin-bottom: 2em;}
.btn_all a:hover { opacity: .8;}

.contxt_sp dl { margin: 1em 0;}
.contxt_sp dt { color: rgba(141, 1, 6, 1); padding-top: .5em;}
.contxt_sp dd { font-size: 90%; padding-bottom: 1em; line-height: 170%;}
.contxt_sp dd .infotxt { font-size: 85%; line-height: 140%; padding-top: .75em; color: rgba(129, 137, 157, 1);}

/*tver*/
.tver_sp { box-sizing: border-box; width: 100%; padding: 0 0 1em 0; text-align: center; font-size: 95%;}
.tver_img { width: 270px; height: 66px; margin: 1em auto; background-repeat: no-repeat; -webkit-background-size: contain; background-size: contain; background-image: url(../../img/stream_tver.png);}
.tver_img a { width: 100%; height: 100%; display: block;}
.tver_img a:hover { opacity: .8;}
.tver_sp a:hover { color: rgba(255, 0, 0, 1);}
/*navi*/
#con_nav li #intro_mn { background-color: rgba(255, 255, 255, .35); opacity: .75;}
#con_nav li #intro_mn a { cursor: default; pointer-events: none;}
/*photo*/
#iimg_sp { width: 100%; max-width: 600px; margin: 0em auto .5em auto;}
#iimg { width: 100%; height: 0; padding-top: 72.37635706%; padding-top: -webkit-calc(1200 / 1658 * 100%); padding-top: calc(1200 / 1658 * 100%); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-background-position: top center; background-position: top center;}
#spimg_sp { width: 100%; max-width: 600px; margin: 1em auto;}
#spimg_sp a { display: block; width: 100%; height: 0; padding-top: 66.28571429%; padding-top: -webkit-calc(928 / 1400 * 100%); padding-top: calc(928 / 1400 * 100%); position: relative;}
#spimg_sp a:hover { opacity: .8;}
#spimg { width: 100%; height: 0; padding-top: 66.28571429%; padding-top: -webkit-calc(928 / 1400 * 100%); padding-top: calc(928 / 1400 * 100%); background-repeat: no-repeat; -webkit-background-size: cover; background-size: cover; -webkit-background-position: top center; background-position: top center; position: absolute; top: 0; left: 0;}
/*for_W640-*/
@media all and (min-width: 640px) { 
#campaign_sp h2 { margin: -.5em auto 1em auto;}
.org_set #bp_sp { width: 30%;}
.org_set .orgcom0 { width: 66%; float: left; display: block; padding: 2em 0 1em 0; font-size: 110%;}
.org_set .orgcom { font-size: 120%; padding: 6em 0 0 1em;}
#campaign_cont .comment .contxt_sp { margin: 2.5em auto 1.5em auto;}
}
/*for_W768-*/
@media all and (min-width: 768px) { 
#campaign_sp h2 { max-width: 580px; }
#iimg_sp { width: 100%; max-width: 1000px;}
}
/*for_W1000-*/
@media all and (min-width: 1000px) { 
#campaign_cont .contxt_sp { padding: 2em 2em 1em 2em;}
.comment .contxt_sp { padding: 2em;}
.comment .contxt_sp { width: 96%; margin: 0 0 2em 3%;}
.comment .contxt_sp:before, .comment .contxt_sp:after { content: ""; content: none; display: table;}
.comment .contxt_sp:after { clear: both; }
.comment .contxt_sp::after { content: ""; display: block; clear: both;}
.comment .contxt_sp .photo_sp { width: 36%; float: left; margin: -2.5em 0 0 -5%;}
.comment .contxt_sp .cmt_txt { width: 64%; float: right;}
.org_set .orgcom0 { font-size: 140%; line-height: 170%;}
.org_set .orgcom { font-size: 150%; padding: 1em 0 0 1em;}
.contxt_sp .cmt_txt { width: 65%; margin: -15em 0 1em 35%;}
}