@charset "utf-8";
/*  common
----------------------------------------------------------------------------------------------------------- */
@import url(//fonts.googleapis.com/earlyaccess/notosansjp.css);
*{font-family: YakuHanJP, 'Noto Sans JP',"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Meiryo, "メイリオ", "ＭＳ Ｐゴシック", Arial, Helvetica, sans-serif; font-size: 16px; word-break: normal; font-weight:normal; -webkit-font-smoothing:subpixel-antialiased; }
body{font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small; *font:x-small; background: #f6fbff;}
select,input,button,textarea,button{ font:99% arial,helvetica,clean,sans-serif;}
table{ font-size:inherit;font:100%;}
pre,code,kbd,samp,tt{ font-family:monospace;*font-size:108%;line-height:100%;}
/*-----------------------------------------------------
Yahoo UI Library Font-size Adjustment
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
http://developer.yahoo.com/yui/license.txt
http://developer.yahoo.com/yui/fonts/
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/


a{text-decoration: none;}
img{width: auto; max-width: 100%; margin: 0; padding: 0; vertical-align: bottom;}
.flex{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex;}
.flex2{ display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;}
strong{font-weight: bold;}


/*  header
----------------------------------------------------------------------------------------------------------- */
.base-buy-menu{ width: 100%; background: #f7e642; border-bottom: solid 1px #99997d; /* position: fixed; z-index: 999; */ color: #000;}
.base-wp{height: auto; padding: 0 0 0 0;}
.base-buy-menu-in{width: 100%; max-width: 1200px; margin: 0 auto; padding: 10px 0;}
.base-buy-menu .base-buy-btn{width: 50%; max-width: 200px;}
.base-buy-menu .base-buy-btn a{ width: 100%; display: block; font-size: 108%; padding: 10px 0; text-shadow:2px 2px 1px #600; text-align: center; font-weight: bold; color: #fff; text-decoration: none; background: rgb(254,0,0); background: -moz-linear-gradient(top,  rgba(254,0,0,1) 0%, rgba(172,10,10,1) 100%); background: -webkit-linear-gradient(top,  rgba(254,0,0,1) 0%,rgba(172,10,10,1) 100%); background: linear-gradient(to bottom,  rgba(254,0,0,1) 0%,rgba(172,10,10,1) 100%); filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fe0000', endColorstr='#ac0a0a',GradientType=0 );}
.base-buy-menu .base-kt-logo{ margin-left: auto;}
.header-txt{ font-family: 'Julius Sans One', sans-serif; text-align: center;}

/*  出しわけ
----------------------------------------------------------------------------------------------------------- */
.pc-only{display:block;}
.sp-only{display:none;}

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


/*  footer
----------------------------------------------------------------------------------------------------------- */
.base-footer-txt-link{width: 100%; max-width: 455px; margin: 0 auto; text-align: center; padding-bottom: 20px;}
.base-footer-txt-link li{padding: 8px;}
.base-footer-sns-btn{width: 100%; max-width: 250px; margin: 0 auto;}
.base-footer-sns-btn li{padding: 8px;}
.base-footer-sns-btn img{width: 100%; max-width: 45px;}
.base-footer-box{border-top: solid 1px #ccc; padding: 14px 0 48px 0; background: #fff;}
.base-footer-txt-link li a{color: #8d3535; border-bottom: dotted 2px #8d3535;}

@media screen and (max-width: 640px) {
	  .base-footer-txt-link{display: block;}
	  .base-footer-txt-link li{padding: 4px;}
	  .base-footer-sns-btn{max-width: 190px; padding-top: 16px;}
	  .base-footer-sns-btn li{padding: 1%;}
}

/*  footer -copyright
----------------------------------------------------------------------------------------------------------- */
.base-copyright{width: 95%; max-width: 1200px; margin: 0 auto; font-size: 93%; line-height:1.4; padding: 16px 0; text-align: center;}
.base-copyright span img{max-height: 16px;}
.base-copyright-win-txt{}
.base-copyright-ss-txt{padding-bottom: 16px;}
.base-copyright-txt{padding-top: 16px;}
.base-copyright img[src$=".gif"], .base-copyright img[src$=".png"] {
mage-rendering: -moz-crisp-edges;         /* Firefox */
image-rendering:   -o-crisp-edges;         /* Opera */
image-rendering: -webkit-optimize-contrast;/* Webkit (非標準の名前) */
image-rendering: pixelated;
image-rendering: crisp-edges;
-ms-interpolation-mode: nearest-neighbor;  /* IE (非標準プロパティ) */
}

/*  base-banner-box
----------------------------------------------------------------------------------------------------------- */
.base-banner-box{width: 95%; max-width: 640px; margin: 0 auto; letter-spacing: -1.00em;  text-align: center; margin-bottom: 32px; margin-top: 24px;}
.base-banner-box li{max-width: calc(25% - 10px); display:inline-block; letter-spacing: normal; padding: 5px;}
.base-banner-box img{width: 100%;}

@media screen and (max-width: 640px) {
.base-banner-box li{max-width: calc(50% - 10px);}
}



/*  page-top
----------------------------------------------------------------------------------------------------------- */
#pageTop{ position: fixed; bottom: 20px; right: 20px; }
#pageTop a { display: block; z-index: 997; padding: 8px 8px 0 8px; width: 40px; height: 40px; background: #0f9146; color: #fff; font-weight: bold; text-decoration: none; text-align: center; }
#pageTop a:hover { text-decoration: none; opacity: 0.7;}


/*  バナーリスト
----------------------------------------------------------------------------------------------------------- */
.banner-list-1list{width: 98%; max-width: 985px; margin: 0 auto 5px auto; }
.banner-list-2list,
.banner-list-3list{width: 98%; max-width: 985px; margin: 0 auto 5px auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;}

.banner-list-1list img{width: 98%; padding: 1%;}
.banner-list-2list li{width: 48%; padding: 1%;}
.banner-list-3list li{width: 31.33%; padding: 1%;}



/*  モーダルコンウィンドウ(menu)
----------------------------------------------------------------------------------------------------------- */
.lock { overflow:hidden;}
.modal-content { position:relative; display:none; width: calc(90% - 100px); max-width: 700px; margin:30px; padding:5% 20px 0 20px; background:#fff;}

.modal-content2,
.modal-content3 { position:relative; display:none; width: calc(90% - 100px); max-width: 700px; margin:30px; padding:3% 20px 0 20px; background:url(/corda/15th/img/message/tab_bg.gif);}




.modal-overlay { z-index:2; display:none; position:fixed; top:0; left:0; width:100%; height:120%; background-color:rgba(60,108,236,0.75);}
.modal-wrap { z-index:3; display:none; position:fixed; top:0; left:0; width:100%; height:100%; overflow:auto;}

.modal-open { color:#00f; text-decoration:underline;}
.modal-open:hover { cursor:pointer; color:#f00;}

.modal-close{background:#3c6cec; border-radius: 30px 30px 0 0; -webkit-border-radius: 30px 30px 0 0; -moz-border-radius: 30px 30px 0 0;}
.modal-close { width:50%; max-width:292px; margin: 0 auto; display:block; padding-top: 3%; margin-top: 2%;}
.modal-close:hover { cursor:pointer;color:#f00;}

.main-menu{width:50px; position: fixed; top: 5px; right: 0; z-index: 2; margin: 20px; border: solid 1px #fff; background:#cc0011;}
.main-menu a{display: block; color: #fff;  text-decoration: none;}
.main-menu a:hover{color: #fff;  background:#cc0011;}

.modal-menu{width: 95%; max-width: 630px; margin: 0 auto 5px auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap;}
.modal-menu li{width: calc(16.66% - 5px); margin: 2.5px;}
.modal-menu li img{width: 100%;}

@media screen and (max-width: 640px) {
.modal-menu li{width: calc(33.33% - 5px); margin: 2.5px;}
.modal-content2{padding: 0 0 0 0; width: calc(100% - 60px);}
.modal-content3{padding: 3% 2% 0 2%;  width: calc(96% - 60px);}
.modal-content2 .content{margin-top: 0;}

.main-menu{top: 5px; right: 0; z-index: 2; margin: 5px;}


}







/*  movie
----------------------------------------------------------------------------------------------------------- */
.movie-emb-box{width: 100%; max-width: 600px; margin: 10px auto 0 auto;}
.movie-emb{ position: relative; width: 100%; padding-top: 56.25%;}
.movie-emb iframe { position: absolute; top: 0; right: 0; width: 100% !important; height: 100% !important;}


/*  news
----------------------------------------------------------------------------------------------------------- */
.cont-list, .cont-list2{width: 98%; max-width: 1000px; margin: 10px auto 0 auto; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; letter-spacing: 0.1em;}
.cont-list2{margin: 0 auto 0 auto;}


.cont-list-box{width: calc(31.33% - 2px); margin: 2% 1%; overflow: hidden; background: #fff; border: solid 1px #3c6cec; display:flex}
.btn-more-list{display: block; width: 98%; max-width: 400px; margin: 10px auto 0 auto; background: #c70021; border-radius: 20px; -webkit-border-radius: 20px; -moz-border-radius: 20px; color: #fff; font-size: 153.9%; text-align: center; padding: 1% 0; cursor:pointer;}


.cont-list-box-btn { position: relative; color: white; transition: all 0.3s; display:block; height:100%;
 span { transition: all 0.6s; tranform: scale(1, 1); }}

.cont-list-box-btn::before, .cont-list-box-btn::after { content: ''; position: absolute; transition: all 0.6s; bottom: 0; left: 0; width: 100%; height: 100%; z-index: 1;}
.btn-eff::before { opacity: 0; background: rgba(255, 255, 255, 0.6); transform: scale(1.3, 1.3);}
.btn-eff:hover::before { opacity: 1; transform: scale(1, 1);}
.btn-eff::after { transition: all 0.3s; border: 2px solid rgba(255, 255, 255, 1); margin-left: -2px; margin-bottom: -2px;}
.btn-eff:hover::after { transform: scale(0, 0); opacity: 0;}

.category-event{background: #32dbcd; box-shadow:-3px -4px 0px -1px #1f7878 inset; -webkit-box-shadow:-3px -4px 0px -1px #1f7878 inset; -moz-box-shadow:-3px -4px 0px -1px #1f7878 inset;}
.category-game{background: #ba5eff;  box-shadow:-3px -4px 0px -1px #651a8f inset; -webkit-box-shadow:-3px -4px 0px -1px #651a8f inset; -moz-box-shadow:-3px -4px 0px -1px #651a8f inset;}
.category-goods{background: #556afb; box-shadow:-3px -4px 0px -1px #1f276b inset; -webkit-box-shadow:-3px -4px 0px -1px #1f276b inset; -moz-box-shadow:-3px -4px 0px -1px #1f276b inset;}
.category-disc{background: #556afb; box-shadow:-3px -4px 0px -1px #1f276b inset; -webkit-box-shadow:-3px -4px 0px -1px #1f276b inset; -moz-box-shadow:-3px -4px 0px -1px #1f276b inset;}
.category-special{background: #f7b275; box-shadow:-3px -4px 0px -1px #e6740d inset; -webkit-box-shadow:-3px -4px 0px -1px #e6740d inset; -moz-box-shadow:-3px -4px 0px -1px #e6740d inset;}
.category-news{background: #f96167; box-shadow:-3px -4px 0px -1px #cd0711 inset; -webkit-box-shadow:-3px -4px 0px -1px #cd0711 inset; -moz-box-shadow:-3px -4px 0px -1px #cd0711 inset;}

.cont-list-top{width: 100%; display: -webkit-flex; display: -moz-flex; display: -ms-flex; display: -o-flex; display: flex; flex-wrap: wrap; background: #fff;}
.cont-list-date{width: calc(50% - 40px); padding: 10px 20px;  text-align: center; font-family: 'Julius Sans One', sans-serif; font-size: 93%; font-weight: bold; letter-spacing: 0.1em; color: #0a2263;}
.cont-list-category{width: calc(50% - 40px); margin: 5px; padding: 4px 15px 6px 15px; text-align: center; color: #fff;}
.cont-list-img{text-align: center;}
.cont-list-img img{width: 100%;}
.cont-list-title{width: calc(100% - 10px); background: #3c6cec; color: #f7e642; padding: 5px; text-align: center;}
.cont-list-txt{width: calc(100% - 40px); padding: 10px 20px 30px 20px; color: #0a2263; line-height:1.61; }


@media screen and (max-width: 700px) {
.cont-list-category{font-size: 2vw;}

}


@media screen and (max-width: 640px) {
.cont-list-box{width: calc(49% - 2px); margin: 1% 0.5%;}
.cont-list-txt{width: calc(100% - 10px); padding: 10px 5px 30px 5px; line-height:1.61; font-size: 12px; letter-spacing: 0em;}
.cont-list-category{font-size: 2vw;}

}

@media screen and (max-width: 430px) {
.cont-list-date{width: calc(100% - 40px); padding: 10px 20px 0 20px;  text-align: center;}
.cont-list-category{width: calc(100% - 40px); padding: 5px 20px 5px 20px; text-align: center;}
}


.cont-list-box2{width: calc(64.66% - 2px); margin: 2% 1%; overflow: hidden; background: #fff; border: solid 1px #3c6cec;}
@media screen and (max-width: 640px) {
.cont-list-box2{width: calc(100% - 2px); margin: 1% 0.5%;}
}

.cont-list-box3{width: calc(98% - 2px); margin: 2% 1%; overflow: hidden; background: #fff; border: solid 1px #3c6cec;}

.cont-list-box4{width: calc(48% - 2px); margin: 2% 1%; overflow: hidden; background: #fff; border: solid 1px #3c6cec;}
.cont-list-box4 .cont-list-txt{text-align: center; font-size: 20px;}


.cont-list-box-point{background: #fba13a; padding: 5px 10px; margin-top: 10px; color: #fff; text-align: left; font-size: 90%; border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; line-height:1.4; font-size: 14px;}

@media screen and (max-width: 640px) {
.cont-list-box4 .cont-list-txt{text-align: center; font-size: 15.5px;}
}

.cont-list-box3 .free-btn-dm{width:50%; margin: 20px auto 10px auto;}
.cont-list-box3 .cont-list-txt{text-align: center;}

/*  見出し
----------------------------------------------------------------------------------------------------------- */
h2{width: 95%; font-size: 50px; text-align: center; padding: 10% 0 4% 0; font-family: 'Julius Sans One', sans-serif; color: #0475db; margin: 0 auto; }
h3{width: 95%; font-size: 45px; text-align: center; padding: 1% 0 3% 0; color: #3c6cec; margin: 0 auto;}
h4{width: 95%; font-size: 30px; text-align: center; padding: 2% 0 2% 0; color: #fff; margin: 0 auto 1.5% auto;  background: #ffc732; font-weight: 800; letter-spacing: 0.1em;}
h5{width: 100%; font-size: 20px; padding: 1% 0 3% 0;  color: #2d2d2d; font-weight: 400; margin: 0 auto;}
h3 span{font-size: 20px;}
.heading-type1{font-size: 20px; margin: 2% 0 0 0; color: #556afb; border-left: solid 10px #556afb; padding-left: 10px;}

.h2_title{width: 40%; max-width: 445px; margin: 0 auto; text-align: center; padding: 15% 0 5% 0;}


@media screen and (max-width: 640px) {
	h2{font-size: 40px;}
	h3{font-size: 30px;}
	h4{font-size: 20px;}
}


/* ctg
---------------------------------------------------------------------------------------------------------- */
.ctg-header{width: 100%;}
.ctg-header img{width: 100%;}
.ctg-header + h2{padding: 5% 0 4% 0;}



/*  common css
----------------------------------------------------------------------------------------------------------- */
.lead-box{width: 95%; max-width: 985px; margin: 2% auto; color: #0a2263; text-align: center; line-height:1.61; font-size: 116%;}
.text-box{width: 95%; max-width: 985px; margin: 2% auto; color: #0a2263; text-align: left; line-height:1.61; font-size: 116%;}

.red{color: #cc0010;}
.yellow{color: #f7e65d;}

.free-btn-dm{margin-top: 3%; padding: 2% 0; text-align: center; border: solid 1px #eaddc1; background: #3b6bec; color: #fff; font-size: 15px;}

hr.line{margin: 5% 0;}

.cont-title-box{width: 98%; max-width: 981px; margin: 0 auto 2% auto; background:#38cdba; padding: 1%;}
.cont-title-box img{width: 100%;}


.at-box{font-size: 14px; color: #5b60ab; padding-top: 5px;}
.at-box li{text-indent: -12px; padding-left: 12px; padding-bottom: 5px; }
.hidden-box{ position: absolute; width: 0; height: 0; overflow: hidden;}








/*  dvdbox (.disk-color)
----------------------------------------------------------------------------------------------------------- */
#photos{ background:url(/corda/15th/img/dvdbox/photos.jpg) repeat-x; background-size:2106px; width:95%; height:200px; margin: 0 auto;}

.dvdlist-box{ width: calc(33.33% - 20px); background: #556afb; padding: 5px; margin: 5px;}
.dvdlist-box img{width: 100%;}
.dvdlist-box-left{ width: calc(100% - 20px); padding:10px;}
.dvdlist-box-img{max-width: 200px; margin: 0 auto;}
.dvdlist-box-right{ width: 100%; }

.dvdlist-box-right li{padding: 10px; text-align: center;}
.dvdlist-box-title{text-align: center; color: #fff; padding-bottom: 10px;}
.dvdlist-box-price{text-align: center; font-size: 20px; color: #fff;}
.dvdlist-box-lineup{text-align: center; color: #fff; padding-top: 10px; border-top: solid 1px #fff; margin-top: 10px;}
.dvdlist-box-lineup a{color: #fff;}
.dvdlist-box .free-btn a{display:block; width: 98%; margin: 0 auto; background: #fff; color: #556afb; text-align: center; padding: 10px 0;
    -webkit-transition: all 1s ease;
    -moz-transition: all 1s ease;
    -o-transition: all 1s ease;

}
.dvdlist-box .free-btn a:hover{background: #fcc92d;}
.dvd-point-txt{padding-top: 10px;}



@media screen and (max-width: 800px) {
.dvdlist-box{ width: calc(50% - 20px); background: #556afb; padding: 5px; margin: 5px;}
}

@media screen and (max-width: 640px) {
.dvdlist-box{ width: calc(100% - 20px); background: #556afb; padding: 5px 5px 10px 5px; margin: 5px;}
}

.dvd-point{width: 92%; max-width: 985px;  margin: 10px 0; padding: 2% 4% 4% 4%; background: #fff;}
.dvd-point a{color: #0454c1; text-decoration: underline; display:inline-block; padding: 0 4px;}
.disk-color h5{color: #c48d00;}
.disk-color h3 span{font-size: 18px; display:block; padding-bottom: solid 1px #000; margin-top: 5%;}
.disk-color .lead-box{font-size: 20px; color: #4377ff;}
.disk-color h4 span{font-size: 160%; color: #b38200;}


.cast-box li{padding: 5px;}

.disk-color .ctg-header{border-bottom: solid 8px #fcc92d;}

@media screen and (max-width: 640px) {
.disk-color .lead-box{font-size: 14px; text-align: left; padding-bottom: 10px;}
}




.free_btn{width: 80%; max-width: 300px; margin: 0 auto;}
.free_btn a{width: calc(100% - 20px); text-align: center; display: block; background: #ffc732; color: #645418 !important; font-size: 20px; padding: 5% 10px; margin-top: 5%; border-radius: 30px; -webkit-border-radius: 30px; -moz-border-radius: 30px;}
.free_btn a:hover{background: #645418; color: #ffc732 !important;}






.clearfix:after{
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix{display:inline-block;}
* html .clearfix{height:1%;}
.clearfix{display:block;}