@charset "utf-8";
/* CSS Document */
.cover-overwrap{background-size: cover; background-position:top center;}

body#sec .cover-overwrap{background-image: url("../images/character/cover_common.jpg");}

body#sec.story .cover-overwrap{background-image: url("../images/story/cover.jpg");}

body#sec.chara01 .cover-overwrap{background-image: url("../images/character/cover01.jpg");}
body#sec.chara02 .cover-overwrap{background-image: url("../images/character/cover02.jpg");}
body#sec.chara03 .cover-overwrap{background-image: url("../images/character/cover03.jpg");}
body#sec.chara04 .cover-overwrap{background-image: url("../images/character/cover04.jpg");}
body#sec.chara05 .cover-overwrap{background-image: url("../images/character/cover05.jpg");}

body#sec.special .cover-overwrap{background-image: url("../images/character/cover_common2.jpg");}

.cover-overwrap .cover .innr-content{display: flex; flex-direction: column; justify-content:space-between; align-items: flex-start; width: 96%; height: 440px; max-width: 1080px;}

body#sec.special .cover-overwrap .cover .innr-content{height: 400px;}

.cover-overwrap .cover h2{flex: 1; display: flex; justify-content: flex-start; align-items: center; padding-top: 150px;}
.cover-overwrap .cover h2 img{height: 100px; width: auto;}

.cover-overwrap .cover .pankuzu{padding:0 0 20px 0;}
.cover-overwrap .cover .pankuzu ul{color: #fff; font-size: 0.8rem; line-height: 100%; display: flex; justify-content: flex-start; align-items: center;}
.cover-overwrap .cover .pankuzu ul a{color: #fff;}
.cover-overwrap .cover .pankuzu ul a:after{content: '>'; margin: 0 8px;}

body#top #main .clm2{display: flex; flex-direction: row-reverse; justify-content: space-between; align-items: flex-start;
 margin: 0 auto; max-width: 1300px;}

body#top #main .clm2 .wrap-leadtext{padding:180px 0 60px 0; width: 620px; z-index: 2; position: relative; padding-left: 2%;}
body#top #main .clm2 .wrap-leadtext h2{margin-bottom: 40px; text-align: left;}
body#top #main .clm2 .wrap-leadtext h2 img{max-width: 440px;}
body#top #main .clm2 .wrap-leadtext .bnr_special{margin-bottom: 40px; text-align:left;}
body#top #main .clm2 .wrap-leadtext .bnr_special img{max-width: 340px;}

body#top #main .clm2 .wrap-chara{margin-left: -320px; margin-right: -120px; flex: 1; z-index: 1; position: relative;}
body#top #main .clm2 .wrap-chara .catchcopy{position: absolute; top:520px; right:140px; z-index: 2;}
body#top #main .clm2 .wrap-chara .catchcopy img{width: 520px;}
body#top #main .clm2 .wrap-chara .chara{padding-top: 60px; max-width: 1080px; z-index:1; position: relative;}
body#top #main .clm2 .wrap-chara .chara img{}

@media screen and (max-width: 1260px) {
body#top #main .clm2 .wrap-chara .catchcopy{top:440px;}
}
@media screen and (max-width: 1160px) {
body#top #main .clm2 .wrap-chara .catchcopy img{width: 410px;}
}

body#top #main .wrap-banner-special{margin-bottom: 15px;}
body#top #main .wrap-banner-special ul{display: flex; justify-content:space-between;}
body#top #main .wrap-banner-special ul li{width: 48.5%;}

body#top #main .wrap-news{background: rgba(253,253,251,0.8); border-radius: 10px;}
body#top #main .wrap-news .innr{padding: 20px 2%;}
body#top #main .wrap-news .innr hgroup{display: flex; justify-content: space-between; align-items: center; margin-bottom: 20px;}
body#top #main .wrap-news .innr hgroup h3{font-size: 1.4rem;}
body#top #main .wrap-news .innr hgroup .button a{background: #ee0b6b; display:flex; justify-content: center; align-items: center;
 height: 22px; border-radius: 99px; padding: 0 10px; font-size: 0.8rem; color: #fff;}
body#top #main .wrap-news .innr dl{display: flex; justify-content: space-between;}
body#top #main .wrap-news .innr dl dt{width: 100px;}
body#top #main .wrap-news .innr dl dd{flex: 1; padding-left: 20px; text-align:left;}
body#top #main .wrap-news .innr dl dd ul{}
body#top #main .wrap-news .innr dl dd ul li{margin-bottom: 10px;}
body#top #main .wrap-news .innr dl dd ul li a{background: url("../images/common/icon_link.png") no-repeat left top 4px; background-size: 12px auto; padding-left: 20px; display: block; font-size: 0.86rem; line-height: 160%;}
body#top #main .wrap-news .innr dl dd time{font-size: 0.86rem;}

body#top #wrap-banner{z-index: 3;  width:100vw; margin:0 auto -2% auto; max-width: 1300px; margin-top: 60px;}
body#top #wrap-banner ul{display: flex; justify-content: flex-start; flex-wrap: wrap; width: 96%; max-width: 1080px; margin: 0 auto;}
body#top #wrap-banner ul li{width: 32.5%; margin-right:1.25%; margin-bottom: 15px;}
body#top #wrap-banner ul li:nth-child(3n){margin-right: 0;}

#main .mainhead{background: url("../images/common/background_overwrap_head.jpg") no-repeat right top; background-size: 100% auto;}

body.story .wrap-maincontent{padding: 60px 0 0 0; font-size: 1rem; line-height: 240%;}
body.story .wrap-maincontent p{padding-bottom: 30px; text-align: center;}

body.story .wrap-maincontent ul li{margin: 0 auto 30px auto; text-align: center;}

body.story .wrap-maincontent ul .icon{}
body.story .wrap-maincontent ul .icon img{width: 50px; height: auto; margin-top:-10px;}

body.story .wrap-maincontent p.font_l{font-size: 1.4rem;}

body.story .wrap-endcontent{background-image: url("../images/story/image_end.png"); background-repeat: no-repeat;
 background-position: top center; background-size: 100% auto; padding-top: 380px!important;}

nav#subnav ul{ display: flex; justify-content: flex-start; align-items: center; margin-bottom: -1px;}
nav#subnav ul li{margin-right: 10px; font-size: 0.8rem; line-height: 150%;}
nav#subnav ul li a{background: #fdfdfb; display: flex; justify-content: center; align-items: center; border-radius:10px 10px 0 0;
 height: 60px; padding: 0 10px; border:solid 1px #4F1819; border-bottom:solid 1px #fdfdfb;}
nav#subnav ul li a span{background: url("../images/common/icon_link.png") no-repeat left center; background-size: 12px auto; padding-left: 20px; display: block;}

body.character nav#subnav ul li:nth-child(2) a{background:#f7eed2; border-bottom:solid 1px #4F1819;}
body.chart nav#subnav ul li:nth-child(1) a{background:#f7eed2; border-bottom:solid 1px #4F1819;}
body.product nav#subnav ul li:nth-child(2) a{background:#f7eed2; border-bottom:solid 1px #4F1819;}
body.social nav#subnav ul li:nth-child(1) a{background:#f7eed2; border-bottom:solid 1px #4F1819;}
body.special.cp01 nav#subnav ul li:nth-child(2) a{background:#f7eed2; border-bottom:solid 1px #4F1819;}
body.special.cp02 nav#subnav ul li:nth-child(1) a{background:#f7eed2; border-bottom:solid 1px #4F1819;}

body.character #main .clm2{display: flex; justify-content: space-between;}
body.character #main .clm2 .wrap-chara{flex: 1; position: relative;}

body.character #main .clm2 #chara_nav{width: 240px; padding: 40px 0;}
body.character #main .clm2 #chara_nav img{margin-left: -4px;}
body.character #main .clm2 #chara_nav h3{margin-bottom: 10px;}
body.character #main .clm2 #chara_nav ul{margin-bottom: 10px;}
body.character #main .clm2 #chara_nav li{margin-bottom: 10px;}

body.character #main .clm2 #chara_nav h3{font-size: 1rem; text-align: right; padding-bottom: 8px;}
body.character #main .clm2 #chara_nav h3.line1{background: url("../images/character/line01.png") no-repeat right bottom; background-size:100% auto; color:#fe88c2;}
body.character #main .clm2 #chara_nav h3.line2{background: url("../images/character/line02.png") no-repeat right bottom; background-size:100% auto; color:#66c6f1;}

.cosnav{position: absolute; right:20px; top:20px; z-index: 3;}
.cosnav ul{display: flex; flex-direction: column;}
.cosnav ul li{margin-bottom: 10px;}
.cosnav ul li img{width: 90px; height:auto;}

body.character .wrap-maincontent{display: flex; justify-content: space-between; flex-direction: row-reverse; padding: 0 30px;
 max-width: 900px; margin: 0 auto;}
body.character .wrap-maincontent .wrap-detail{padding: 40px 0; text-align: left; z-index: 2; width: 580px;}
body.character .wrap-maincontent .chara-image{ z-index: 1;  margin-top:-50px; flex: 1; margin-left: -450px; margin-right: -450px;}
body.character .wrap-maincontent .chara-image .none{display: none;}

body.character.chara09 .wrap-maincontent .chara-image{margin-left: -220px; margin-right: -220px;}
body.character.chara11 .wrap-maincontent .chara-image{margin-left: -220px; margin-right: -220px;}
body.character.chara10 .wrap-maincontent .wrap-detail{width:100%;}
body.character.chara16 .wrap-maincontent .wrap-detail{width:100%;}

body.character .wrap-maincontent hgroup.name{display: flex; flex-direction: column; align-items: flex-start; margin-bottom: 40px;}
body.character .wrap-maincontent hgroup.name p{color: #ee0b6b; font-size: 1.4rem; margin-bottom: 40px;}
body.character .wrap-maincontent hgroup.name h3{font-size: 4.4rem; text-shadow:0 0 3px #fefcf7;}
body.character .wrap-maincontent hgroup.name h3:first-letter{color: #ee0b6b;}
body.character .wrap-maincontent hgroup.name h3 .last{margin-right: 20px;}

body.character .wrap-maincontent .group{display: flex; justify-content: flex-start; align-items: center;
 margin-bottom: 40px;}
body.character .wrap-maincontent .group dl{display: flex; justify-content: flex-start; margin-right: 20px;
 font-size: 1.1rem;}
body.character .wrap-maincontent .group .button a{background: #ee0b6b; display:flex; justify-content: center; align-items: center;
 height: 24px; border-radius: 99px; padding: 0 20px; font-size: 0.8rem;}
body.character .wrap-maincontent .group .button a span{background: url("../images/common/icon_link_w.png")
 no-repeat left center; background-size: 12px auto; padding-left: 20px; color: #fff; display: block;}

body.character .wrap-maincontent .cv{display: flex; justify-content: flex-start; align-items: center; margin-bottom: 40px;}
body.character .wrap-maincontent .cv dt{ border: #ee0b6b solid 1px; display: flex; justify-content: center; align-items: center;
 width: 60px; height: 60px; margin-right: 10px; font-size: 1.2rem; line-height: 100%; color: #ee0b6b; line-height: 100%;}
body.character .wrap-maincontent .cv dd{font-size: 1.4rem; color: #ee0b6b;}

body.character .wrap-maincontent .comment{display: flex; flex-direction:column; align-items: flex-start; margin-bottom: 40px;}
body.character .wrap-maincontent .comment .button a{background: linear-gradient(to right, #b6359c, #ec0c6d); display: flex; justify-content: center; align-items: center; height: 40px; border-radius: 99px; font-size:1rem; line-height: 100%; color: #fff!important;
 padding: 0 20px; margin-bottom: 10px;}
body.character .wrap-maincontent .comment .button a span{background: url("../images/common/icon_comment_w.png") no-repeat left center;
 background-size: 14px auto; padding-left: 24px;}
body.character .wrap-maincontent .comment dd a{background: url("../images/common/icon_download.png") no-repeat left center;
 background-size: 18px auto; padding-left: 28px;}

body.character .wrap-maincontent .profile{background: rgba(255,255,255,0.8); padding:40px 20px; border-radius: 10px; box-shadow: 0 0 3px #A76465; min-height: 380px;}

body.character.chara10 .wrap-maincontent .profile{}

body.character .wrap-maincontent .profile .catchcopy{position: relative;}
body.character .wrap-maincontent .profile .catchcopy .icon{position: absolute; top:-90px; right: 0;}
body.character .wrap-maincontent .profile .catchcopy .icon img{width: 90px; height: auto;}
body.character .wrap-maincontent .profile .catchcopy h4{font-size: 1.3rem; line-height: 200%; margin-bottom: 30px;}
body.character .wrap-maincontent .profile p{margin-bottom: 15px;}
body.character .wrap-maincontent .profile p:last-child{margin-bottom: 0;}

body.character .wrap-endcontent{margin-top:-300px;}
body.character.chara09 .wrap-endcontent{margin-top:0; margin-top:-100px;}
body.character.chara10 .wrap-endcontent{margin-top:20px;}
body.character.chara11 .wrap-endcontent{margin-top:0; margin-top:-100px;}
body.character.chara16 .wrap-endcontent{margin-top:20px;}
body.chart .wrap-endcontent{margin-top:0;}
body.chart .wrap-chart{max-width: 700px; margin: 0 auto; padding: 60px 0;}

.wrap-graphic{padding:60px 0; margin: 0 auto; max-width:1300px;}
.wrap-graphic .innr-content{display: flex; justify-content: flex-start; flex-wrap: wrap; margin-bottom: -30px;}
.wrap-graphic .box{width: 23%; margin-right: 2.6%; margin-bottom: 30px; position: relative;}
.wrap-graphic .box img{border-radius:10px;}
.wrap-graphic .box:nth-child(4n){margin-right: 0;}

.wrap-graphic .box .icon{background:#ee0b6b; color: #fff; font-size: 0.8rem; line-height: 100%; border-radius: 9999px;
 height: 24px; width: 70px; display: flex; justify-content: center; align-items: center;
  position: absolute; top:-10px; left:10px;}

#main #inpage-nav ul{ display: flex; justify-content: center; align-items: center; padding:60px 0;}
#main #inpage-nav ul li{margin-right: 10px;}
#main #inpage-nav ul li:last-child{margin-right:0;}
#main #inpage-nav ul li a{height: 28px; border-radius: 9999px; padding: 0 20px; font-size: 0.8rem; line-height: 100%;
	display:inline-flex; justify-content: center; align-items: center; color:#ee0b6b; background: #fff; border:#ee0b6b solid 2px;}

#main h4.title{padding-bottom:20px; margin-bottom: 40px; display: flex; flex-direction: column; justify-content: center; border-bottom: #f1d8b7 solid 1px;}
#main h4.title .main{font-size:2rem; line-height: 150%; }
#main h4.title .main:first-letter{color:#ee0b6b;}
#main h4.title .sub{font-size: 1.2rem; margin-bottom: 10px;}

.wrap-campaign{max-width: 1080px; margin: 0 auto; }

.campaign_box{margin-bottom: 60px;}
.campaign_box:last-child{padding-bottom:0;}

.campaign_box .mainbox{display: flex; justify-content: space-between; align-items:flex-start;}
.campaign_box .mainbox.rv{flex-direction: row-reverse;}

.campaign_box .mainbox .photo{max-width:360px;}
.campaign_box .mainbox .text{ flex: 1; padding: 0 40px 0 0; text-align: left;}
.campaign_box .mainbox.rv .text{padding:0 0 0 40px;}

.campaign_box .mainbox .text h5{font-size: 2rem; line-height:160%; margin-bottom: 20px;}
.campaign_box .mainbox .text h6{font-weight: bold; font-size: 1.2rem; line-height: 180%; margin-bottom: 15px;}
.campaign_box .mainbox .text dl.price{font-size: 1rem; margin-bottom: 10px; margin-bottom:20px;}
.campaign_box .mainbox .text dl.price dt{font-weight: bold;}
.campaign_box .mainbox .text dl.price dd{font-weight: bold; color:#ee0b6b;}
.campaign_box .mainbox .text dl.price dd .num{font-size: 1.8rem;}
.campaign_box .mainbox .text .detail{background: #fff; padding: 20px 2%; border-radius: 10px; border:#f1d8b7 solid 1px;
 margin-top: 20px;}

.campaign_box .mainbox .text .icon{display: flex; justify-content: flex-start; align-items: center; margin-bottom:40px;}
.campaign_box .mainbox .text .icon li{background:#ee0b6b; color: #fff; display: flex; justify-content: center; align-items: center; height: 26px; 
 font-weight: bold; margin-right: 10px; padding: 0 30px; font-size: 0.8rem; line-height: 100%;}

.campaign_box .mainbox .photo img{border-radius: 10px;}

.photo.dakimakura ul{display: flex; justify-content: space-between;}
.photo.dakimakura ul li{margin-right: 20px;}
.photo.dakimakura ul li:last-child{margin-right: 0;}
.photo.dakimakura ul li{position: relative;}
.photo.dakimakura ul li .icon{display: block; position: absolute; left: 10px; bottom:10px; z-index: 2;}
.photo.dakimakura ul li .icon img{width: 28px;}
.photo.dakimakura ul li a{z-index: 1;}

.product_box{ padding-bottom: 20px;}
.wrap-officialbnr{}
.wrap-officialbnr .text{padding-bottom: 40px;}
.wrap-officialbnr p{padding-bottom: 15px;}
.wrap-officialbnr p.url{color: #ee0b6b;}
.wrap-officialbnr .button{background: #ee0b6b; color: #fff; display:flex; justify-content: center; align-items: center;
 height: 26px; padding: 0 10px; border-radius: 99px; cursor: pointer;}
.wrap-officialbnr dl{padding-bottom: 20px;}
.wrap-officialbnr dl dt{margin-bottom: 20px;}
.wrap-officialbnr dl dd{margin-bottom: 20px;}
.wrap-officialbnr dl dd p.url{font-size: 0.86rem; line-height: 160%;}

body.product .clm2{display: flex; justify-content: space-between;}
body.product .clm2 .product_box{width: 48%;}

.product_box .common-table{padding-bottom: 40px;}
.product_box .common-table dl{display: flex; justify-content: flex-start; background: #fff; margin-bottom: 1px;}
.product_box .common-table dl dd{flex: 1;}
.product_box .common-table dl dt,.product_box .common-table dl dd{padding: 10px;}
.product_box .common-table dl dt{background: #f1d8b7; font-weight: bold; width: 24%;}

.product_box .common-table dl dd ul li{margin-bottom: 10px;}
.product_box .common-table dl dd ul li:last-child{margin-bottom: 0;}
.product_box .common-table dl dd ul li a{background: url("../images/common/icon_link.png") no-repeat left top 2px; background-size: 12px;
 padding-left: 20px;}
.product_box .common-table dl dd .price{color: #ee0b6b;}

.indextext{padding-bottom: 45px;}
.indextext p{padding-bottom:15px;}
.social_box{padding-bottom: 50px;}
.social_box p{padding-bottom: 10px;}
.social_box ul{display: flex; justify-content: flex-start; flex-wrap: wrap;}
.social_box ul li{width: 12%; margin-bottom: 10px; margin-right: 0.57%;}
.social_box ul li:nth-child(8n){margin-right: 0;}

body#sec.special #main .innr-content{max-width: 880px;}
body#sec.special #main .cover-cp{position: relative; padding-top: 60px;}
body#sec.special #main .cover-cp .photo img{border-radius: 10px;}
body#sec.special #main .cover-cp hgroup{position: absolute; padding-left: 20px; bottom:60px;}
body#sec.special #main .cover-cp hgroup h3{max-width: 600px;}
body#sec.special #main .cover-cp hgroup p{max-width: 280px; position: absolute; right: 0;}

body#sec.special #main .saledays{margin-top: 60px;}
body#sec.special #main .saledays .innr-content{max-width: 880px;}

body#sec.special #main .indextext{padding: 0;}
body#sec.special #main .indextext .innr-content{padding: 60px 0; display: flex; align-items: center;}
body#sec.special #main .indextext .innr-content .title{padding-bottom: 20px;}
body#sec.special #main .indextext .innr-content .title h4{font-size: 2rem; line-height: 150%; margin-bottom: 20px;}
body#sec.special #main .indextext .innr-content .title p{font-size: 1.1rem;  background:url("../../nekonin-spin/images/common/nikukyu.png") no-repeat left top; padding-left: 30px; background-size: 24px auto;}
body#sec.special #main .indextext .innr-content .text{color: #333;}
body#sec.special #main .indextext .box{flex: 1;}
body#sec.special #main .indextext .wrap-banner{max-width: 360px;}

body#sec.special #main .indextext .price{display: flex; justify-content: flex-start; align-items: center;}
body#sec.special #main .indextext .price dt{margin-right: 10px;}
body#sec.special #main .indextext .price dd{color: #ee0b6b;}
body#sec.special #main .indextext .price dd span{font-size: 1.4rem;}

body#sec.special #main .packagelist{ background:#FBF5E8; margin-bottom: 60px;}
body#sec.special #main .packagelist .innr-content{padding: 60px 0;}
body#sec.special #main .packagelist .package{display: flex; justify-content: flex-start; align-items:flex-start;}

body#sec.special #main .packagelist .package dl:nth-child(1):after,
body#sec.special #main .packagelist .package dl:nth-child(2):after{
  content: '';/*何も入れない*/
  display: inline-block;
  width: 60px;/*画像の幅*/
  height:60px;/*画像の高さ*/
  background-image: url("../images/special/cp01/plus.png");
  background-size: contain;
  vertical-align: middle;	
position:absolute; top:100px; right: -40px; z-index: 2;}

body#sec.special #main .packagelist .package dl{background: #fff; border-radius: 10px; position: relative;
 margin-right: 1.333%; width: 24%;}
body#sec.special #main .packagelist .package dl.plus{background: none;}
body#sec.special #main .packagelist .package dl.plus dt{margin-bottom: 20px;}
body#sec.special #main .packagelist .package dl.plus dt li{text-align: center; margin-bottom:20px;}
body#sec.special #main .packagelist .package dl.plus dt li img{width: 140px;}

body#sec.special #main .packagelist .package dl.plus2{background: none;}
body#sec.special #main .packagelist .package dl.plus2 dt{margin-bottom: 20px;}

body#sec.special #main .packagelist .package dl:last-child{margin-right: 0;}
body#sec.special #main .packagelist .package dl dt{position: relative; margin-bottom: 65px;}
body#sec.special #main .packagelist .package dl dt .photo img{ border-radius: 10px 10px 0 0;}
body#sec.special #main .packagelist .package dl dt .logo{position: absolute; left: 10px; bottom:-45px;}
body#sec.special #main .packagelist .package dl dt .logo img{height: 90px;}

body#sec.special #main .packagelist .package dl dd{padding: 0 2% 10px 2%;}
body#sec.special #main .packagelist .package dl dd a{background: #ee0b6b; display:flex; justify-content: center; align-items: center;
 height: 36px; border-radius: 99px; padding: 0 20px; font-size: 0.8rem; line-height: 140%;}
body#sec.special #main .packagelist .package dl dd a span{background: url("../images/common/icon_link_w.png")
 no-repeat left center; background-size: 12px auto; padding-left: 20px; color: #fff; display: block;}

body#sec.special #main .packagelist .package dl.plus dd a{height: 48px; margin-bottom: 10px;
 font-size: 0.74rem;}

body#sec.news #main .wrap-news{background: rgba(253,253,251,0.8); border-radius: 10px; padding: 60px 0 20px 0; min-height: 400px;}
body#sec.news #main .wrap-news .innr-content{max-width:880px; margin: 0 auto;}
body#sec.news #main .wrap-news dl{display: flex; justify-content: space-between; margin-bottom: 40px;}
body#sec.news #main .wrap-news dl dt{width: 100px;}
body#sec.news #main .wrap-news dl dd{flex: 1; padding-left: 20px; text-align:left;}
body#sec.news #main .wrap-news dl dd ul{}
body#sec.news #main .wrap-news dl dd ul li{margin-bottom: 10px;}
body#sec.news #main .wrap-news dl dd ul li a{background: url("../images/common/icon_link.png") no-repeat left top 4px; background-size: 12px auto; padding-left: 20px; display: block; font-size: 0.86rem; line-height: 160%;}
body#sec.news #main .wrap-news dl dd time{font-size: 0.86rem;}

/*IPAD横*/
@media only screen
    and (min-device-width:768px) 
    and (max-device-width:1024px) 
    and (orientation:landscape) {
}

/*IPAD縦*/
@media only screen
    and (min-device-width:768px) 
    and (max-device-width:1024px) 
    and (orientation:portrait){
}

@media screen and (min-width: 831px) {
.sp-only{display: none;}
}

@media screen and (max-width: 1300px) {
.cosnav{position:relative; right:inherit; top:inherit; margin-bottom: 40px;}
.cosnav ul{display: flex; flex-direction:row;}
.cosnav ul li{margin-bottom: 0; margin-right: 15px;}
}

@media screen and (max-width: 830px) {
.pc-only{display: none;}

body#top #main .clm2{display: inherit;}	
body#top #main .clm2 .wrap-leadtext{padding:0; width:inherit; padding: 0; width: 96%; margin: 0 auto;}
body#top #main .clm2 .wrap-leadtext h2{margin-bottom: 40px; width: 100%;}
body#top #main .clm2 .wrap-leadtext h2 img{width: 100%;}
body#top #main .clm2 .wrap-leadtext .bnr_special{text-align: center;}
body#top #main .clm2 .wrap-leadtext .bnr_special img{max-width: 340px; width: 100%;}	
	
body#top #main .clm2 .wrap-chara{margin-left:inherit; margin-right:inherit; width: 100%; margin-bottom: -360px;}
body#top #main .clm2 .wrap-chara .catchcopy{top:inherit; right:inherit; top:300px;}
body#top #main .clm2 .wrap-chara .catchcopy img{width:inherit; width: 88%;}
body#top #main .clm2 .wrap-chara .chara{padding-top: 60px; max-width: 1080px; width: 160%; margin-left: -30%;}
body#top #main .clm2 .wrap-chara .chara img{width: 200%;}
	
body#top #main .wrap-banner-special{margin-bottom:45px;}
body#top #main .wrap-banner-special ul{display: inherit;}
body#top #main .wrap-banner-special ul li{width:100%; margin-bottom: 15px;}	
	
body#top #wrap-banner{margin-top:40px; width: 100%;}
body#top #wrap-banner ul{justify-content: space-between; width:100%;}
body#top #wrap-banner ul li{width:48.5%; margin-right:0; margin-bottom: 10px;}
	
#main .mainhead{background: url("../images/common/background_overwrap_head.jpg") no-repeat right top; background-size: 200% auto;}
	
.cover-overwrap .cover h2 img{height: 70px; width: auto;}	

body.story .wrap-maincontent p{padding-bottom: 30px; text-align:left;}
body.story .wrap-maincontent ul li{display: flex; justify-content: flex-start; align-items: flex-start;}
body.story .wrap-maincontent ul li .icon{}	
body.story .wrap-maincontent ul li .text{flex: 1; padding-left: 10px;}	
body.story .wrap-maincontent ul li{margin: 0 auto 30px auto; text-align:left;}
	
body.story .wrap-endcontent{background-image: url("../images/story/image_end_sp.png"); background-size: 90% auto;}		

body.character #main .clm2{flex-direction: column;}	
body.character #main .clm2 #chara_nav{width: inherit; padding-bottom: 30px;}
body.character #main .clm2 #chara_nav h3{max-width: 40%;}
body.character #main .clm2 #chara_nav img{margin-left:0;}
	
body.character #main .clm2 #chara_nav ul.main{display: flex; justify-content: flex-start; flex-wrap: wrap; width: 96%;
	 margin: 0 2%;}
body.character #main .clm2 #chara_nav ul.main li{width: 32%; margin-right: 1.5%;}
body.character #main .clm2 #chara_nav ul.main li:nth-child(3n){margin-right: 0;}
	
body.character #main .clm2 #chara_nav ul.sub{display: flex; justify-content: flex-start; flex-wrap: wrap; width: 96%;
	 margin: 0 2%;}
body.character #main .clm2 #chara_nav ul.sub li{width: 24%; margin-right: 1.33%;}
body.character #main .clm2 #chara_nav ul.sub li:nth-child(4n){margin-right: 0;}

body.character .wrap-maincontent{flex-direction: column; padding: 0; width:100%; position: relative;}
body.character .wrap-maincontent .chara-image{margin-top: 0; width:inherit; margin-left:0; margin-right:0; margin-bottom: -900px;}
body.character .wrap-maincontent .chara-image .photo{width: 280%; margin-left: -86%; padding-top: 220px;}

body.character.chara09 .wrap-maincontent .chara-image,
body.character.chara11 .wrap-maincontent .chara-image{margin-bottom: -500px;}
body.character.chara09 .wrap-maincontent .chara-image .photo,
body.character.chara11 .wrap-maincontent .chara-image .photo{ width: 160%; margin-left:0;}

body.character .wrap-maincontent .wrap-detail{width: 96%; margin: 0 auto;}	
body.character.chara10 .wrap-maincontent .wrap-detail{width: 96%; padding-top: 0;}
body.character.chara16 .wrap-maincontent .wrap-detail{width: 96%; padding-top: 0;}
	
body.character .wrap-maincontent .wrap-detail .wrap-name{position:absolute; top: 0;}	

body.character.chara10 .wrap-maincontent .wrap-detail .wrap-name{position: relative;}
body.character.chara16 .wrap-maincontent .wrap-detail .wrap-name{position: relative;}

body.character .wrap-maincontent hgroup.name h3{font-size: 3.8rem;}

body.character.chara11 .wrap-maincontent hgroup.name p{font-size:1.2rem; margin-bottom: 30px;}	
body.character.chara11 .wrap-maincontent hgroup.name h3{font-size: 2.8rem;}
	
body.character .wrap-maincontent .group{flex-direction: column; align-items: flex-start; margin-bottom: 30px;}	
body.character .wrap-maincontent .group dl{margin-bottom: 10px;}
body.character .wrap-maincontent .profile .catchcopy h4{font-size: 1.3rem;}

.cosnav ul li img{width: 110px; height:auto;}
	
body.character .wrap-maincontent .profile{padding: 40px 2%;}
body.character.chara10 .wrap-maincontent .profile,
body.character.chara16 .wrap-maincontent .profile{margin-top: 40px;}
	
body.character .wrap-endcontent{margin-top:20px;}
body.character.chara09 .wrap-endcontent{margin-top:0; margin-top:20px;}
body.character.chara11 .wrap-endcontent{margin-top:0; margin-top:20px;}
body.character.chara16 .wrap-endcontent{margin-top:0; margin-top:20px;}
	
body.character.chara09 .wrap-maincontent hgroup.name h3{font-size: 3.6rem;}

.wrap-graphic .innr-content{justify-content: space-between;}
.wrap-graphic .box{width: 48%; margin-right:0;}

.wrap-graphic .box .icon{background:#ee0b6b; color: #fff; font-size: 0.8rem; line-height: 100%; border-radius: 9999px;
 height: 24px; width: 70px; display: flex; justify-content: center; align-items: center;
  position: absolute; top:-10px; left:10px;}

#main #inpage-nav{width: 96%; margin: 0 auto;}	
#main #inpage-nav ul{ display: flex; justify-content:space-between; flex-wrap: wrap;}
#main #inpage-nav ul li{margin-right:0; width: 48.5%; margin-bottom: 10px;}
#main #inpage-nav ul li a{display: flex; padding: 0 10px;}

.campaign_box .mainbox{display: flex; flex-direction: column; margin-bottom: 60px;}
.campaign_box .mainbox.rv{flex-direction: column;}

.campaign_box .mainbox .text{padding: 0!important; width: 100%; margin-bottom: 40px;}
.campaign_box .mainbox .photo{max-width: inherit; width: 100%;}

body.product .clm2{flex-direction: column;}	
body.product .clm2 .product_box{width: 100%;}

.indextext{text-align: left;}
.social_box ul{display: flex; justify-content: flex-start; flex-wrap: wrap;}
.social_box ul li{width: 24%; margin-bottom: 10px; margin-right:1.3%;}
.social_box ul li:nth-child(4n){margin-right: 0;}	

body#sec.special #main .cover-cp hgroup{position: absolute; padding-left:10px; bottom:30px;}
body#sec.special #main .cover-cp hgroup h3{width: 96%;}
body#sec.special #main .cover-cp hgroup p{max-width: 220px; right: 10px;}

body#sec.special #main .indextext .innr-content{flex-direction: column; align-items: flex-start;}
body#sec.special #main .indextext .innr-content .title h4{font-size:1.6rem; line-height: 160%;}
body#sec.special #main .indextext .innr-content .title p{font-size: 1.1rem;}
body#sec.special #main .indextext .innr-content .text{color: #333; margin-bottom: 40px;}
body#sec.special #main .indextext .wrap-banner{max-width:inherit; width: 100%;}
	
body#sec.special #main .packagelist .package{display: flex; flex-direction: column; align-items: center;}

body#sec.special #main .packagelist .package dl:nth-child(1):after{
  content: '';/*何も入れない*/
  display: inline-block;
  width: 60px;/*画像の幅*/
  height:60px;/*画像の高さ*/
  background-image: url("../images/special/cp01/plus.png");
  background-size: contain;
  vertical-align: middle;	
position:absolute; top:inherit; right:auto; left:42%; bottom: -70px; z-index: 2;}

body#sec.special #main .packagelist .package dl{ margin-right:0; margin-bottom:80px;}
body#sec.special #main .packagelist .package dl{ margin-right:0%; width:100%;}	
body#sec.special #main .packagelist .package dl:last-child{margin-bottom: 0;}

body#sec.special nav#subnav ul li{font-size: 0.64rem; letter-spacing: 0;}

body#sec.special #main .packagelist .package dl.plus dt{margin-bottom: 40px;}
body#sec.special #main .packagelist .package dl.plus dt li img{width:60%;}	
	
}

@media screen and (max-width: 680px) {
body#sec .cover-overwrap{background-size: auto 100%; background-position: top right -60px;}
	
body.character.chara01 .cover-overwrap{background-position:top right -100px;}
body.character.chara02 .cover-overwrap{background-position:top right -100px;}
body.character.chara03 .cover-overwrap{background-position:top right -100px;}
body.character.chara04 .cover-overwrap{background-position:top right -100px;}
body.character.chara05 .cover-overwrap{background-position:top right -100px;}	
	
body.story .wrap-endcontent{background-size:140% auto;}		
body.character.chara09 .wrap-maincontent .chara-image .photo,
body.character.chara11 .wrap-maincontent .chara-image .photo{ width: 150%; margin-left:32%;}
}

@media screen and (max-width: 414px) {

}

@media screen and (max-width: 375px) {
	
}

.wrap-maincontent .chara-image .photo{margin-top: 70px;}