@charset "UTF-8";

/*=================================================================================
	default
=================================================================================*/
body {
	margin:0;
	padding:0;
    font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;
	font-size:12px;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
 body {
     margin:0;
     padding:0;
     font-family:"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", "Osaka", sans-serif;

     font-weight: normal;
}
}
#sp, #sp #inner, #sp .pr, #sp .content, .content-sss, .content2, .content-week, #sp .area, #sp.item, #sp .product, #sp .info {
	overflow:hidden;
	_zoom:1;
}

.clearfix:after {  
  content: ".";   
  display: block;   
  height: 0;   
  clear: both;   
  visibility: hidden;  
}
.clearfix { display: inline-table; }


/*=================================================================================
	main contents
=================================================================================*/

/********** 共通 **********/

#sp /* 全体の幅 */ {
    background: #000;
    font-family: "Sawarabi Mincho";
	width:750px;
	margin-bottom:10px;
}
#sp #inner /* 全体の上下左右に余白のあるデザインではない時には使わない */ {
	width:750px;
	margin:0;
}
#sp .sns {
    background: #000;
    height: 26px;
    padding:  5px 20px 0 0;
    text-align: right;
    width: 730px;
}

#sp .pr /* 特集のメイン画像エリア */ {
    background: #000 url(img/koreanmovie_bg.jpg) 0 0 no-repeat;
	width:750px;
	height:410px;
	margin: 0;
}
#sp .pr h1 {
    display: block;
    height: 300px;
    margin: 0 auto;
    padding: 0;
    text-indent: -9999px;
    width: 340px;
}
#sp .pr .catchcopy {
    color: #fff;
    display: block;
    font-size: 18px;
    height: 100px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    width: 550px;
}
#sp .catchcopy_mob {
    display: none;
}

#sp h2.band {
    background: url(img/band_bg.jpg) 0 0 no-repeat;
    color: #fff;
    font-family: 'Noto Sans Japanese', serif;
    font-size: 32px;
    font-weight: bold;
    height: 78px;
    padding: 0;
    text-align: center;
    width: 750px;
}
#sp h2.band span {
    color: #fff;
    font-family: "Sawarabi Mincho";
    font-size: 16px;
}
#sp h2.band_list {
    background: url(img/band_bg.jpg) 0 0 no-repeat;
    color: #fff;
    font-family: 'Noto Sans Japanese', serif;
    font-size: 32px;
    font-weight: bold;
    height: 78px;
    line-height: 78px;
    padding: 0;
    text-align: center;
    width: 750px;
}

#sp .product {
    color: #fff;
    display: block;
    height: auto;
    margin: 0;
    padding: 30px 30px 50px;
    width: 690px;
}
#sp .product .jacket {
    float: left;
    height: 430px;
    margin: 0 0 20px;
    padding: 0 30px 0 0;
    width: 304px;
}
#sp .product .detail {
    float: left;
    height: auto;
    margin: 0 0 20px;
    padding: 0;
    width: 356px;
}
#sp .product .detail .catch {
    font-size: 18px;
    font-weight: bold;
    letter-spacing:-0.1em;
    margin: 0 0 20px;
    width: 100%;
}
#sp .product .detail .summary {
    border-bottom: 1px dotted #fff;
    display: inline-block;
    font-size: 14px;
    letter-spacing:-0.1em;
    margin: 0 0 20px;
    padding: 0 0 20px;
    width: 100%;
}
#sp .product .detail .summary span {
    display: block;
    color: #809baf;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px;
    width: 100%;
}
#sp .product .detail .summary a {
    display: block;
    color: #8277a2;
    float: right;
    margin: 10px 0 0;
}
#sp .product .detail .cast_staff {
    display: inline-block;
    height: auto;
    margin: 0;
    width: 100%;
}
#sp .product .detail .cast_staff dt {
    float: left;
    margin: 0;
    width: 18%;
}
#sp .product .detail .cast_staff dd {
    float: left;
    margin: 0;
    width: 82%;
}
#sp .product .detail .to_detail:link {
    -moz-box-shadow: 3px 3px rgba(66,53,106,1);
    -webkit-box-shadow: 3px 3px rgba(66,53,106,1);
    -o-box-shadow: 3px 3px rgba(66,53,106,1);
    -ms-box-shadow: 3px 3px rgba(66,53,106,1);
    background: #8277a2;
    border-radius: 10px;
    clear: left;
    color: #fff;
    display: block;
    font-size: 22px;
    font-weight: bold;
    height: 54px;
    line-height: 54px;
    margin: 10px auto;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 210px;
}
#sp .product .detail .to_detail:hover {
    -moz-box-shadow: 3px 3px rgba(89,9,24,1);
    -webkit-box-shadow: 3px 3px rgba(89,9,24,1);
    -o-box-shadow: 3px 3px rgba(89,9,24,1);
    -ms-box-shadow: 3px 3px rgba(89,9,24,1);
    background: #8c152b;
}
#sp .product .detail .to_detail:visited {
    color: #fff;
}
#sp .product .thum {
    clear: left;
    height: 150px;
    margin: 20px 0;
    padding: 0;
    width: 690px;
}
#sp .product .trailer {
    height: auto;
    margin: 0;
    padding: 0;
    width: 690px;
}
#sp .product .trailer span {
    display: block;
    color: #809baf;
    font-size: 18px;
    font-weight: bold;
    margin: 0 0 5px;
    width: 100%;
}
#sp .product .to_detail_mob:link {
    display: none;
}

#sp .product ul {
    display: inline-block;
    height: auto;
    margin: 0 0 0 -10px;
    padding: 0 0 0 10px;
    width: 690px;
}
#sp .product ul li {
    float: left;
    height: 236px;
    margin: 0 0 10px 8px;
    padding: 0;
    width: 164px;
}
#sp .product .to_list:link {
    -moz-box-shadow: 3px 3px rgba(66,53,106,1);
    -webkit-box-shadow: 3px 3px rgba(66,53,106,1);
    -o-box-shadow: 3px 3px rgba(66,53,106,1);
    -ms-box-shadow: 3px 3px rgba(66,53,106,1);
    background: #8277a2;
    border-radius: 10px;
    color: #fff;
    display: table;
    font-size: 22px;
    font-weight: bold;
    height: 54px;
    line-height: 54px;
    margin: 20px auto 0;
    padding: 0;
    text-align: center;
    text-decoration: none;
    width: 270px;
}
#sp .product .to_list:hover {
    -moz-box-shadow: 3px 3px rgba(89,9,24,1);
    -webkit-box-shadow: 3px 3px rgba(89,9,24,1);
    -o-box-shadow: 3px 3px rgba(89,9,24,1);
    -ms-box-shadow: 3px 3px rgba(89,9,24,1);
    background: #8c152b;
}
#sp .product .to_list:visited {
    color: #fff;
}



/*-- shop.common.css打ち消し用  --*/
#alpha a {
    color: #000;
    text-decoration: none;
}
#alpha a:hover {
	color:#000;
	text-decoration: none;
}
#alpha .productarea .box a {
    color: #000;
    text-decoration: none;
}
#alpha .productarea .box a:hover {
	color:#000c;
	text-decoration: none;
}
#alpha p.attention a {
    color: #e6002d;
    text-decoration: none;
}
#alpha p.attention a:hover {
	color:#90001c;
	text-decoration: none;
}
#alpha p a {
    color:#fff;
    text-decoration: none;
}
#alpha p a:hover {
	color:#fff;
	text-decoration: none;
}
#alpha a img{
	border: 0;
}
#alpha div {
    line-height: 1.4em;
}
/*-- shop.common.css打ち消し用  --*/
#sp h3/*-- 左メニューに影響するので、#spは外さない --*/{
	display:none;
}
#sp .com{
    border-bottom: dotted 1px #fff;
    color: #fff;
    font-size:12px;
    width:730px;
    margin:10px auto 10px auto;
    padding: 10px 0;
    text-align: center;
}

/********** footer area **********/
#sp .footer{
    background: #000;
    color: #ababab;
	font-size:10px;
	width:730px;
	margin: 0 auto;
	padding: 0 0 10px;
	text-align: center;
}


@media (max-width: 640px) {
    #alpha-inner {
        margin: 0 auto;
        padding: 0;
        width: 100%;
        min-height: 282px;
    }

    #sp {
        width: 100%;
        margin: 0;
    }

    #sp #inner {
        width: 100%;
        margin: 0;
    }

    #sp .sns {
        background: #000;
        height: 26px;
        padding: 5px 3% 0;
        text-align: right;
        width:94%;
    }

    #sp .pr /* 特集のメイン画像エリア */ {
        display: block;
        height: 0;
        padding-top: 80.25%;
        background: #000 url(img/koreanmovie_bg_mob.jpg) 0 0 no-repeat;
        background-size: contain;
        margin: 0;
        width: 100%;
    }
    #sp .pr h1 {
        display: block;
        height: auto;
        margin: 0 auto;
        padding: 0;
        text-indent: 0;
        width: 80%;
        max-width: 450px;
    }
    #sp .pr h1 img {
        margin: -87% auto 0;
    }
    #sp .pr .catchcopy {
        display: none;
    }
    #sp .catchcopy_mob {
        color: #fff;
        display: block;
        font-size: 16px;
        height: auto;
        margin: 0 auto 20px;
        padding: 4% 2%;
        text-align: center;
        width: 96%;
    }

    #sp h2.band,#sp h2.band_list {
        background: url(img/band_bg_mob.jpg) center 0 no-repeat;
        color: #fff;
        font-size: 18px;
        font-weight: bold;
        height: 50px;
        line-height: 50px;
        margin: 0 0 20px;
        padding: 0;
        text-align: center;
        width: 100%;
    }
    #sp h2.band span {
        display: none;
    }

    #sp .product {
        color: #fff;
        display: block;
        height: auto;
        margin: 0 auto;
        padding: 2%;
        width: 96%;
    }
    #sp .product .jacket {
        height: auto;
        margin: 0 auto 20px;
        padding: 0;
        text-align: center;
        width: 100%;
    }
    #sp .product .jacket img {
        max-width: 260px;
    }
    #sp .product .detail {
        height: auto;
        margin: 0 auto 20px;
        padding: 0;
        width: 100%;
    }
    #sp .product .detail .catch {
        display: none;
    }
    #sp .product .detail .summary {
        border: none;
        font-size: 14px;
        letter-spacing:-0.1em;
        margin: 0 0 5px;
        padding: 0;
        width: 100%;
    }
    #sp .product .detail .summary span {
        display: block;
        color: #809baf;
        font-size: 18px;
        font-weight: bold;
        margin: 0 0 5px;
        width: 100%;
    }
    #sp .product .detail .summary a {
        display: none;
    }
    #sp .product .detail .cast_staff {
        display: none;
    }
    #sp .product .detail .to_detail:link {
        display: none;
    }
    #sp .product .thum {
        display: none;
    }
    #sp .product .trailer {
        height: auto;
        margin: 0 auto 20px;
        padding: 0;
        width: 100%;
    }
    #sp .product .trailer span {
        display: block;
        color: #809baf;
        font-size: 18px;
        font-weight: bold;
        margin: 0 0 5px;
        width: 100%;
    }
    #sp .product .to_detail_mob:link {
        -moz-box-shadow: 3px 3px rgba(66,53,106,1);
        -webkit-box-shadow: 3px 3px rgba(66,53,106,1);
        -o-box-shadow: 3px 3px rgba(66,53,106,1);
        -ms-box-shadow: 3px 3px rgba(66,53,106,1);
        background: #8277a2;
        border-radius: 10px;
        clear: left;
        color: #fff;
        display: block;
        font-size: 22px;
        font-weight: bold;
        height: 54px;
        line-height: 54px;
        margin: 10px auto 30px;
        padding: 0;
        text-align: center;
        text-decoration: none;
        width: 210px;
    }
    #sp .product .to_detail_mob:hover {
        background: #8277a2;
    }
    #sp .product .to_detail_mob:visited {
        color: #fff;
    }

    #sp .product ul {
        display: inline-block;
        height: auto;
        margin: 0 2%;
        padding: 0;
        width: 96%;
    }
    #sp .product ul li {
        float: left;
        height: auto;
        margin: 0 0 5%;
        padding: 0 2%;
        text-align: center;
        width: 46%;
    }
    #sp .product ul li img {
        max-width: 160px;
    }

    #sp .footer{
        background: #000;
        color: #fff;
        clear: left;
        font-size:10px;
        margin: 0;
        padding: 3%;
        text-align: center;
        width:94%;
    }

}