/* ===================================================================
CSS / elephant studio 2011
=================================================================== */
@charset "utf-8";
/*reset********************************/
html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, textarea, p, blockquote, th, td, img, article, aside, canvas, details, figure, figcaption, footer, header, nav, section, summary {
    margin: 0;
    padding: 0;
}
ul, ol {
    list-style-type: none;
}
/*base********************************/
html {
    overflow-y: scroll;
} /*スクロールバーを常に表示*/
body {
    font-family: "Hiragino Kaku Gothic ProN","Hiragino Sans","BIZ UDPGothic",Meiryo,sans-serif;
    text-align: left;
    background-color: #fff;
    -webkit-text-size-adjust: 100%; /* spで文字の自動拡大しない */
    background-image: url('../images/body_bg.jpg');
}
body, h1, h2, h3, h4, h5, h6, p, ul, ol, li {
    font-size: 15px;
    color: #333;
    line-height: 150%;
    text-align: justify; /* 両端揃え */
    text-justify: inter-ideograph; /* 両端揃えの種類 IE Edgeで必要 */
}
img {
    border: none;
    display: block; /*画像の下余白対策でブロック要素にしてるのでtext-align効かない注意*/
}
a {
    color: #ea570f;
    font-style: normal;
    text-decoration: underline;
}
a img:hover {
    opacity: 0.6; /*要素の透明度を指定*/
    filter: alpha(opacity=60); /*ie6、7の透明度指定*/
    transition: all 0.3s ease;
}
a:focus, *:focus {
    outline: none; /*画像リンクの破線・青線を消す*/
}
.hide-text { /*テキスト追い出し非表示*/
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.clearfix:after {
    content: " ";
    display: block;
    clear: both;
}
.clear {
    clear: both;
}



.fadein {
    display: none;
}

.menu_hide {
    opacity: 0.5;
}

@media screen and (min-width:981px) { /*sp時のみ表示 */
.sp_only {
    display: none;
}
}
@media screen and (max-width:980px) { /*pc時のみ表示 */
.pc_only {
    display: none;
}
}

/*index********************************/
body#index {
}

/*container********************************/
.container980 {
  width: 980px;
  margin: 0 auto;
}
.container960 {
  width: 960px;
  margin: 0 auto;
}

/*main********************************/
#main_wrp {
  width: 100%;
  background-image: url("../images/main_bg.png");
  background-position: 50% 0px;
}
.main1 {
  width: 100%;
  height: 282px;
  background-image: url("../images/main_img1.jpg");
  background-position: 50% 0px;
}
.main1 img {
  display: inline;
}
.main1 .bnr_movie {
  margin-top: 60px;
  padding-left: 10px;
}
.main1 .bnr_goods {
  padding-top: 92px;
  padding-right: 10px;
  float: right;
}

#billing_wrp {
  width: 100%;
  margin: 0 auto;
  background-color: #0259a8;
}

/*intro********************************/
#intro_wrp {
  width: 100%;
  background-color: #e8f7fd;
  background-image: url('../images/intro_bg.png');
  background-position: 50% 0px;
}

/*comment********************************/
#comme_wrp {
  width: 100%;
  background-color: #e8f7fd;
  padding: 50px 0px;
}

#comme_wrp .comme_txt img {
  margin: 0 auto;
}
#comme_wrp .comme_txt {
  margin-bottom: 20px;
}

/*contents_wrp********************************/
#contents_wrp {
  width: 100%;
  background-color: #ffe900;
  padding: 50px 0;
}
#contents_wrp p img {
  margin: 0 auto 15px auto;
}


/*bluray_wrp********************************/
#bluray_wrp {
  width: 100%;
  background-color: #008cc9;
  padding: 50px 0px;
}
#bluray_wrp .container960 {
  background-color: #fff;
  padding: 20px 20px;
  border-radius: 10px;
}
.cntnr {
  padding-bottom: 20px;
  margin-bottom: 30px;
  border-bottom: solid 1px #ccc;
}
.flex {
  display: flex;
  justify-content: space-around;
}
#bluray_wrp .container960 .bluray_title1 {
  color: #055a7e;
  font-size: 24px;
  line-height: 130%;
  text-align: center;
  padding-bottom: 20px;
  margin-bottom: 20px;
  border-bottom: solid 1px #ccc;
}
#bluray_wrp .container960 .bluray_title2 {
  color: #055a7e;
  font-size: 24px;
  line-height: 130%;
  text-align: center;
  margin-bottom: 20px;
}
#bluray_wrp .container960 .bluray_text {
  padding-left: 25px;
}
#bluray_wrp .container960 .shop_bnr {
  margin-bottom: 13px;
}
#bluray_wrp .container960 .shop_bnr img {
  border: solid 1px #ccc;
}





/*footer********************************/
#footer_wrp {
  background-color: #008cc9;
  padding-top: 200px;
  padding-bottom: 20px;
}
@media screen and (max-width:980px) {
#footer_wrp {
  padding-top: 1200px;
}
}

#footer_wrp p img {
  margin: 0 auto 20px auto;
}
#footer_wrp .footer_logo {
  margin-bottom: 50px;
}


.mt0 {margin-top: 0px;}
.mt3 {margin-top: 3px;}
.mt5 {margin-top: 5px;}
.mt10 {margin-top: 10px;}
.mt15 {margin-top: 15px;}
.mt20 {margin-top: 20px;}

.mb0 {margin-bottom: 0px;}
.mb3 {margin-bottom: 3px;}
.mb5 {margin-bottom: 5px;}
.mb10 {margin-bottom: 10px;}
.mb15 {margin-bottom: 15px;}
.mb20 {margin-bottom: 20px;}

.pt0 {padding-top: 0px;}
.pt3 {padding-top: 3px;}
.pt5 {padding-top: 5px;}
.pt10 {padding-top: 10px;}
.pt15 {padding-top: 15px;}
.pt20 {padding-top: 20px;}

.pb0 {padding-bottom: 0px;}
.pb3 {padding-bottom: 3px;}
.pb5 {padding-bottom: 5px;}
.pb10 {padding-bottom: 10px;}
.pb15 {padding-bottom: 15px;}
.pb20 {padding-bottom: 20px;}