@charset "utf-8";
/* CSS Document */

/*==============================================
  font指定
==============================================*/

@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 400;
    src: url('../common/font/NotoSansCJKjp-DemiLight.eot');
    src: url('../common/font/NotoSansCJKjp-DemiLight.eot?#iefix') format('embedded-opentype'),
    url('../common//font/NotoSansCJKjp-DemiLight.woff') format('woff'),
    url('../common//font/NotoSansCJKjp-DemiLight.ttf')  format('truetype');
}
@font-face {
    font-family: 'Noto Sans Japanese';
    font-style: normal;
    font-weight: 900;
    src: url('../common//font/NotoSansCJKjp-Black.eot');
    src: url('..//common/font/NotoSansCJKjp-Black.eot?#iefix') format('embedded-opentype'),
    url('../common//font/NotoSansCJKjp-Black.woff') format('woff'),
    url('../common//font/NotoSansCJKjp-Black.ttf')  format('truetype');
}



/*==============================================
  reset
==============================================*/

/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 14px;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
  font-family: 'Noto Sans Japanese',"メイリオ", Meiryo, Osaka,"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
  color: #FFF;
  font-size: 14px;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* add */
img { vertical-align: bottom;}



/*==============================================
  style
==============================================*/
#wrapper {
  background: #000000;
}
#wrapper::after {
  content: none;
}
#contents {
  width: 100%;
  margin: 0;
  padding: 0;
}


#gv_sec{}

#gv_sec a:hover img.over {
	filter:alpha(opacity=60);
	-moz-opacity:0.6;
	opacity:0.6;
}

/* Global class */
.pc_only { display: block;}
.sp_only { display:none;}
.dis_none{ display:none;}

/* Main image */
#gv_sec #main_image_sec { /*background:url(../img/bg01.png) no-repeat top center;*/ position: relative; background-size: auto auto;}
#gv_sec #main_image_sec .overflow_box { width:100%; /*max-width:1277px;*/ margin:0 auto; overflow:hidden; position:relative;}
#gv_sec #main_image_sec .overflow_box div.contents_box { width:980px; position:relative; margin:0 auto;}
#gv_sec #main_image_sec .overflow_box h2 { width:462px; height:112px; position:relative; top:10px; left:10px; z-index:1; padding:0; background:none; display:block;}
#gv_sec #main_image_sec .overflow_box h2 span { position:absolute; display:block; text-align:left;}
#gv_sec #main_image_sec .overflow_box h2 span#logo01 { top:0; left:0; width:auto;}
#gv_sec #main_image_sec .overflow_box h2 span#logo02 { bottom:0; right:0; width:auto;}
#gv_sec #main_image_sec .overflow_box h2 span img { width:auto; height:auto; display:block;}
#gv_sec #main_image_sec .overflow_box h2 span#logo01 img { margin:0;}
#gv_sec #main_image_sec .overflow_box h2 span#logo02 img { margin:0;}
#gv_sec #main_image_sec .overflow_box > div.main_image01,
#gv_sec #main_image_sec .overflow_box > div.main_image02 { /*width:1277px;*/ position:relative; top:0; left:50%; /*margin-left:-638px;*/ margin-left:-960px;}
#gv_sec #main_image_sec .overflow_box > div.main_image01 { margin-top:-112px;}
#gv_sec #main_image_sec .overflow_box > div.main_image02 { margin-top:-1px;}
#gv_sec #main_image_sec .overflow_box > div.main_image01 > img,
#gv_sec #main_image_sec .overflow_box > div.main_image02 > img { /*width:100%;*/ height:auto;}
#gv_sec #main_image_sec .overflow_box > div.main_image02 .main_ttl { position: absolute; top: 0; width: 100%; text-align: center;}
#gv_sec #main_image_sec .overflow_box > div.main_image02 .main_ttl img { margin-top:10px; width:auto; height:auto;}
#gv_sec #main_image_sec .overflow_box > div.main_image02 .main_ttl img:last-child { margin-top:-10px; width:auto;}
#gv_sec #main_image_sec .shadow_image { position: absolute; bottom: 0; left: 0; width: 100%;}
#gv_sec #main_image_sec .shadow_image img { width:100%; height:30px;}

/* Item detail */
#gv_sec #item_detail_sec { width:100%; display:table; position:relative;}
#gv_sec #item_detail_sec .sec_ttl { display:block; width:348px; height:54px; position:absolute; top:0; left:50%; background:url(../img/bg_item_ttl.png); background-size: auto auto; margin-left:-174px; text-align:center;}
#gv_sec #item_detail_sec .sec_ttl p { color:#FFF; font-size:24px; font-weight: 900; line-height:2;}
#gv_sec #item_detail_sec .column2 { width:50%; display:table-cell; padding:80px 0 40px;}
#gv_sec #item_detail_sec .column2.item01 { background:url(../img/item_bg01.gif) repeat; background-position: top right; padding-top:30px;}
#gv_sec #item_detail_sec .column2.item02 { background:url(../img/item_bg02.gif) repeat; background-position: top left;}

#gv_sec #item_detail_sec .column2 .contents_box { width:460px;}
#gv_sec #item_detail_sec .column2.item01 .contents_box { margin-left:auto; margin-right:25px; background:url(../img/item_bg_ink01.png) no-repeat 40% 0;}
#gv_sec #item_detail_sec .column2.item02 .contents_box { margin-left:25px; margin-right:auto; background:url(../img/item_bg_ink02.png) no-repeat 70% 0;}
#gv_sec #item_detail_sec .column2 .contents_box h3 { text-align:center; color:#fff; font-size:24px; margin-bottom:10px; font-weight: 900; font-style: italic; line-height:1.6;  width:auto; margin-left:auto; margin-right:auto;
	text-shadow:
	0 0 25px #000,
	0 0 20px #000,
	0 0 0.40px #000;
}
#gv_sec #item_detail_sec .column2 .contents_box .item_image { text-align:center; margin-bottom:10px; width:auto; margin-left:auto; margin-right:auto;}
#gv_sec #item_detail_sec .column2 .contents_box .item_image img { width:100%; height:auto; max-width:440px;}
#gv_sec #item_detail_sec .column2 .contents_box .item_info { background:url(../img/bg_black40.png) repeat; display: table; width: 96%; margin:0 auto;}
#gv_sec #item_detail_sec .column2 .contents_box .item_info > div { display:table-cell; width: 50%; vertical-align:middle; text-align:left;}
#gv_sec #item_detail_sec .column2 .contents_box .item_info > div.btn_buy { width:161px;}

#gv_sec #item_detail_sec .column2 .contents_box .item_info > div.text { padding:15px; }
#gv_sec #item_detail_sec .column2 .contents_box .item_info > div.text.center { text-align:center;}
#gv_sec #item_detail_sec .column2 .contents_box .item_info > div.text p { color:#FFF; font-size:18px; line-height:1.6;}
#gv_sec #item_detail_sec .column2 .contents_box .item_info > div.text p span.font_small { font-size:14px;}
#gv_sec #item_detail_sec .column2 .contents_box .item_info > div.text p.color_red { color:#E60012; font-size:15px; }

#gv_sec #item_detail_sec .column2 .contents_box .item_info > div.btn_buy { padding:15px 15px 15px 0;}
#gv_sec #item_detail_sec .column2 .contents_box .item_info > div.btn_buy a { width: 161px; display: block; margin-left: auto;  margin-right: 0;}
#gv_sec #item_detail_sec .column2 .contents_box .item_info > div.btn_buy a + a { margin-top:10px;}
#gv_sec #item_detail_sec .column2 .contents_box .item_info > div.btn_buy a img { height:35px; width:auto;}


#gv_sec .sec-item02{ border-top:none;}
#gv_sec #item_detail_sec .column2.item03_01,#gv_sec #item_detail_sec .column2.item03_02 { padding:50px 0 40px !important;}

#gv_sec .sec-item02 .column2.item03_01 { background:url(../img/item_bg03.gif) repeat; background-position: top right; vertical-align:middle;}
#gv_sec .sec-item02 .column2.item03_02 { background:url(../img/item_bg03.gif) repeat; background-position: top left;}

#gv_sec .sec-item02 .column2.item03_01 .contents_box { margin-left:auto; margin-right:25px; background:url(../img/item_bg_ink03.png) no-repeat 50% 0;}
#gv_sec .sec-item02 .column2.item03_02 .contents_box { }






/* Contents footer */
#gv_sec #contents_footer_sec { background:url(../img/bg_footer.jpg) repeat; padding:30px 0; border-top:none;}
#gv_sec #contents_footer_sec .bnr_sec { width:100%; max-width:980px; margin:0 auto;}
#gv_sec #contents_footer_sec .bnr_sec ul { }
#gv_sec #contents_footer_sec .bnr_sec ul li { width:25%; float:left; }
#gv_sec #contents_footer_sec .bnr_sec ul li a { margin:10px; display:block; text-align:center;}
#gv_sec #contents_footer_sec .bnr_sec ul li a img { width:100%; height:auto; max-width:282px;}

/*sns*/
#gv_sec #contents_footer_sec .sns_sec { margin-top:20px;}
#gv_sec #contents_footer_sec .sns_sec ul { text-align:center;}
#gv_sec #contents_footer_sec .sns_sec ul li { display: inline-block; padding: 0 6px; line-height: 100%;}

/*copyright*/
#gv_sec #contents_footer_sec .copy_sec { margin-top:20px;}
#gv_sec #contents_footer_sec .copy_sec p { text-align:center; color:#999; font-size:12px;}


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

/* Global class */
.sp_only { display:block;}
.pc_only { display:none;}

/* Main image */
#gv_sec #main_image_sec { background-size: 960px 476px;}
#gv_sec #main_image_sec .overflow_box div.contents_box { width:auto;}
#gv_sec #main_image_sec .overflow_box h2 { width:100%; height:auto; position:relative; top:0; left:0; padding:10px; background:#000; display:table;}
#gv_sec #main_image_sec .overflow_box h2 span { position:relative; display:table-cell;}
#gv_sec #main_image_sec .overflow_box h2 span#logo01 { width:60%;}
#gv_sec #main_image_sec .overflow_box h2 span#logo02 { width:40%;}
#gv_sec #main_image_sec .overflow_box h2 span img { height:66px;}
#gv_sec #main_image_sec .overflow_box h2 span#logo01 img { margin:0 5px 0 auto;}
#gv_sec #main_image_sec .overflow_box h2 span#logo02 img { margin:0 auto 0 5px;}
#gv_sec #main_image_sec .overflow_box > div.main_image01,
#gv_sec #main_image_sec .overflow_box > div.main_image02 { /*width:440px;*/ width:100%; /*margin-left:-220px;*/ margin-left:0;}
#gv_sec #main_image_sec .overflow_box > div.main_image01 { margin-top:0;}
#gv_sec #main_image_sec .overflow_box > div.main_image02 { margin-top:-1px;}
#gv_sec #main_image_sec .overflow_box > div.main_image02 .main_ttl {}
#gv_sec #main_image_sec .overflow_box > div.main_image02 .main_ttl img { margin-top:4px; width:290px; height:auto;}
#gv_sec #main_image_sec .overflow_box > div.main_image02 .main_ttl img:last-child { margin-top:-4px; width:260px;}
#gv_sec #main_image_sec .shadow_image img { height:20px;}

#gv_sec #main_image_sec .overflow_box > div.main_image01 img { width:100%;}
#gv_sec #main_image_sec .overflow_box > div.main_image01 { left:0;}


/* Item detail */
#gv_sec #item_detail_sec { display:block;}
#gv_sec #item_detail_sec .sec_ttl { width:280px; height:44px; background-size: 280px 44px; margin-left:-140px;}
#gv_sec #item_detail_sec .sec_ttl p { font-size:20px; line-height:2;}
#gv_sec #item_detail_sec .column2 { width:100%; display:block; padding:30px 0 0;}
#gv_sec #item_detail_sec .column2.item01 { background-position:top center; padding-top:60px;}
#gv_sec #item_detail_sec .column2.item02 { background-position:top center;}
#gv_sec #item_detail_sec .column2 .contents_box { width:100%;}
#gv_sec #item_detail_sec .column2.item01 .contents_box { margin-left:0; margin-right:0; background-position:top center;}
#gv_sec #item_detail_sec .column2.item02 .contents_box { margin-left:0; margin-right:0; background-position:top center;}
#gv_sec #item_detail_sec .column2 .contents_box h3 { font-size:20px; margin-bottom:10px; width:300px; margin-left:auto; margin-right:auto;}
#gv_sec #item_detail_sec .column2 .contents_box .item_image { margin-bottom:10px; width:96%; margin-left:auto; margin-right:auto;}
#gv_sec #item_detail_sec .column2 .contents_box .item_info { background:url(../img/bg_black.png) repeat; width: 100%; margin:0;}
#gv_sec #item_detail_sec .column2 .contents_box .item_info > div { text-align:center;}
#gv_sec #item_detail_sec .column2 .contents_box .item_info > div.btn_buy { width:140px;}
#gv_sec #item_detail_sec .column2 .contents_box .item_info > div.text p span.font_small {}
#gv_sec #item_detail_sec .column2 .contents_box .item_info > div.text p.color_red { font-size:14px; }
#gv_sec #item_detail_sec .column2 .contents_box .item_info > div.btn_buy a { width: 140px; margin-right: auto;}
#gv_sec #item_detail_sec .column2 .contents_box .item_info > div.btn_buy a img { height:auto; width:140px;}

#gv_sec #item_detail_sec .column2.item03_01,#gv_sec #item_detail_sec .column2.item03_02 { padding:30px 0 0px !important;}
#gv_sec .sec-item02 .column2.item03_02{ text-align:center; padding-bottom:30px !important;}
#gv_sec .sec-item02 .column2.item03_02 .contents_box{ margin-left:0; padding-bottom:30px;}
#gv_sec .sec-item02 .column2.item03_02 img { width:100%; padding:0 10px; max-width:442px;}

/* Contents footer */
#gv_sec #contents_footer_sec { /*padding:20px 0 25px;*/ padding:20px 0 0; /*border-top:1px solid #222;*/}
#gv_sec #contents_footer_sec .bnr_sec { }
#gv_sec #contents_footer_sec .bnr_sec ul { }
#gv_sec #contents_footer_sec .bnr_sec ul li { width:50%;}
#gv_sec #contents_footer_sec .bnr_sec ul li a { margin:10px; display:block; text-align:center;}
#gv_sec #contents_footer_sec .bnr_sec ul li a img { width:100%; height:auto; max-width:282px;}

/* Btn Top */
.btn-top a {
  display: block;
  text-align: center;
  margin-top: 30px;
  padding: 18px 0;
  width: 100%; height: 50px;
  background: url(../img/bg_btn_top.png) repeat-x;
}


}








/**************************************************************************

   汎用Class
   
 **************************************************************************/
 
 /* PC / SP 画像切替 */
.imgChange { visibility: hidden;}

/* color */
.f-yellow {color: #D8D800;}
.f-red {color: #D80000;}

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





/**************************************************************************

   グローバルナビゲーション
   
 **************************************************************************/
.g-nav {
  width: 100%; height: 60px;
  background: url(../img/bg_gnav_pc.png) repeat-x;
}
.g-nav ul {
  margin: 0 auto;
  width: 980px;
}
.g-nav ul li {
  float: left;
}
.g-nav ul li a {
  display: block;
  text-align: center;
  padding: 19px 0;
  width: 196px; height: 60px;
  color: #FFF;
  font-size: 20px;
  font-weight: 900;
  text-decoration: none;
  font-style: italic;
  background: url(../img/bg_gnav_btn_off.png) no-repeat;
  letter-spacing: 0.05em;
  text-shadow:0 0 10px rgba(44,54,39,1.00),0 0 25px rgba(44,54,39,0.65);
}
.g-nav ul li a span.new {
  font-size: 14px;
  color: #E60012;
  padding-left: 5px;
  text-shadow: none;
}

/* over */
.g-nav ul li a:hover {
  background: url(../img/bg_gnav_btn_on.png) no-repeat;
  text-shadow: 0 0 10px rgba(73,90,4,1.00),0 0 20px rgba(73,90,4,1.00),0 0 25px rgba(73,90,4,0.65);
}
.g-nav ul li a:hover span.new {
  text-shadow: none;
}

@media screen and (max-width: 640px) {
  .g-nav {
    width: 100%; height: auto;
    background: url(../img/line_gnav_x.png) repeat-x left bottom;
  }
  .g-nav ul {
    width: 100%;
  }
  .g-nav ul li {
    position: relative;
    width: 50%; height: 52px;
    background: url(../img/bg_gnav_btn_sp.png) repeat-x;
  }
  .g-nav ul li:nth-child(2n)::before {
    position: absolute; top: 0; left: 0;
    content: '';
    display: block;
    width: 1px; height: 52px;
    background: url(../img/line_gnav_y.png) no-repeat;
  }
  .g-nav ul li a {
    padding: 17px 0;
    width: 100%; height: 52px;
    font-size: 16px;
    font-weight: normal;
    font-style: normal;
    background: none;
    text-shadow: none;
    letter-spacing: inherit;
  }
  .g-nav ul li a span.new {
    font-weight: bold;
    font-style: italic;
  }
  
  /* over */
  .g-nav ul li a:hover {
    background: none;
    text-shadow: none;
  }
}



/**************************************************************************

   コンテンツ 共通パーツ
   
 **************************************************************************/
 
/* section */
.sec {
  position: relative;
  width: 100%;
  border-top: solid 8px #000;
}

@media screen and (max-width: 640px) {
  /* section */
  .sec {
    border-top: solid 4px #000;
  }
}


/* sec-ttl */
.sec-ttl {
  position: absolute; top: -8px; left: 50%;
  text-align: center;
  margin-left: -174px;
  width: 348px; height: 54px;
  background: url(../img/bg_item_ttl_pc.png) no-repeat;
  font-size: 24px;
  font-style: italic;
  font-weight: 900;
  padding: 14px 0;
  text-shadow: 0 0 25px rgba(73,90,4,1.00),0 0 25px rgba(73,90,4,1.00),0 0 25px rgba(73,90,4,0.65);
  letter-spacing: 0.04em;
}

@media screen and (max-width: 640px) {
  /* sec-ttl */
  .sec-ttl {
    position: absolute; top: -4px; left: 50%;
    text-align: center;
    margin-left: -120px;
    width: 240px; height: 37px;
    background: url(../img/bg_item_ttl_sp.png) no-repeat;
    font-size: 18px;
    padding: 9px 0;
    text-shadow: 0 0 10px rgba(97,97,97,1.00),0 0 10px rgba(97,97,97,1.00),0 0 10px rgba(97,97,97,1.00),0 0 10px rgba(97,97,97,0.65);
  }
}



/**************************************************************************

   各コンテンツ 専用パーツ
   
 **************************************************************************/
 
/*
  新着
******************************************/
.information {
  padding: 42px 0;
  background: url(../img/bg_infomation01.png) repeat;  
}
.information .frame {
  margin: 0 auto;
  width: 980px;  
}
.information .frame dl {
  margin-left: 10px;
}
.information .frame dl dt,
.information .frame dl dd {
  float: left;
  font-size: 16px;
}
.information .frame dl dt:not(:first-child) {
  clear: both;
}
.information .frame dl dd {
  margin-left: 20px;
}
.information .frame dl dd a {
  color: #FFF;
  text-decoration: underline;
}
.information .frame dl dd a:hover {
  color: #E60012;
  text-decoration: none;
}
.information .frame dl dd:nth-child(n+3),
.information .frame dl dt:nth-child(n+3) {
  margin-top: 20px;
}

@media screen and (max-width: 640px) {
  .information {
    padding: 22px 15px;
  }
  .information .frame {
    width: 100%;  
  }
  .information .frame dl {
    margin-left: 0;
  }
  .information .frame dl dt,
  .information .frame dl dd {
    float: none;
    font-size: 12px;
  }
  .information .frame dl dd:nth-child(n+3),
  .information .frame dl dt:nth-child(n+3) {
    margin-top: 10px;
  }
  .information .frame dl dd {
    line-height: 1.4;
    margin-left: 0;
    margin-top: 10px;
  }
  .information .frame dl dt:nth-child(n+3) {
    margin-top: 20px;
  }
}


/*
  「装甲騎兵ボトムズ」とは
******************************************/
.intro {
  width: 100%; height: 363px;
  background: url(../img/bg_intro02.png) repeat;  
}
.intro .frame {
  width: 980px; height: 363px;
  margin: 0 auto;
  padding: 100px 0;
  background: url(../img/bg_intro01.png) center center no-repeat;
  background-attachment: fixed;
}
/* IE */
.ie .intro .frame {
  background: url(../img/bg_intro01.png) -95px -30px no-repeat;
}
.intro .frame .desc-area {
  text-align: center;
  font-style: italic;
  font-weight: bold;
}
.intro .frame .desc-area dt {
  font-size: 38px;
  color: #E60012;
}
.intro .frame .desc-area dd {
  margin-top: 20px;
  line-height: 1.8;
  font-size: 24px;
}

@media screen and (max-width: 640px) {
  .intro {
    width: 100%; height: auto;
  }
  .intro .frame {
    padding: 30px 15px;
    width: 100%; height: auto;
    background-size: 100%;
    background-position: -48px -8px;
    background-attachment: inherit;
  }
  .intro .frame .desc-area dt {
    font-size: 20px;
  }
  .intro .frame .desc-area dd {
    margin-top: 15px;
    font-size: 18px;
  }
}


 /*
   section : news 
 ******************************************/
.sec-news { 
  background: url(../img/bg_news.png) repeat;  
}
.sec-news::before {
  top: -8px; left: 0;
  content: '';
  position: absolute;
  display: block;
  width: 100%; height: 30px;
  background: url(../img/bg_line_shadow01.png) repeat-x;  
}
.sec-news .frame {
  padding: 100px 0 72px;
}
.sec-news .frame .bg-area {
  /*text-align: center;*/
  margin: 0 auto;
  padding: 40px 100px;
  width: 918px; /*height: 420px;*/
  border: solid 1px #2D2D2D;
  /*background: #010101 url(../img/bg_intro01.png) center top no-repeat;*/
  background: rgba(0,0,0,0.6) url(../img/bg_intro01.png) center top no-repeat;
}
.sec-news .frame .bg-area .column:not(:first-child) {
  margin-top: 50px;
}
.sec-news .frame .bg-area .head {
  text-align: center;
  margin-bottom: 15px;
  line-height: 1.5;
  font-size: 34px;
  font-weight: bold;
}
.sec-news .frame .bg-area .eventName {
  margin-bottom: 5px;
  line-height: 1.8;
  font-size: 22px;
  font-weight: bold;
}
.sec-news .frame .bg-area .eventList {
  line-height: 1.8;
  font-size: 18px;
}
.sec-news .frame .bg-area .eventList li span {
  padding-left: 89px;
}
.sec-news .frame .bg-area .eventList.links {
  margin-top: 30px;
}
.sec-news .frame .bg-area .eventList.links li {
  line-height: 1.5;
  font-size: 16px;
}
.sec-news .frame .bg-area .eventList.links li span {
  padding-left: 89px;
}
.sec-news .frame .bg-area .eventList.links li:not(:first-child) {
  margin-top: 10px;
}
.sec-news .frame .bg-area .eventList.links a {
  color: #FFF
}
.sec-news .frame .bg-area .eventList.links a:hover {
  color: #E60012;
}
@media screen and (max-width: 640px) {
  .sec-news {
    padding: 55px 20px 30px;
  }
  .sec-news::before {
    display: none;
  }
  .sec-news .frame {
    padding: 0;
  }
  .sec-news .frame .bg-area {
    margin: 0 auto;
    padding: 0;
    width: 100%; height: auto;
    border: none;
    background: none;
  }
  .sec-news .frame .bg-area .column:not(:first-child) {
    margin-top: 40px;
  }
  .sec-news .frame .bg-area .head {
    text-align: left;
    margin-bottom: 18px;
    line-height: 1.6;
    font-size: 18px;
  }
  .sec-news .frame .bg-area .eventName {
    margin-bottom: 5px;
    line-height: 1.6;
    font-size: 15px;
  }
  .sec-news .frame .bg-area .eventList {
    line-height: 1.6;
    font-size: 15px;
  }
  .sec-news .frame .bg-area .eventList.links li {
    font-size: 14px;
  }
  .sec-news .frame .bg-area .eventList li span {
    padding-left: 0;
  }
  .sec-news .frame .bg-area .eventList.links a {
    text-decoration: underline;
  }

}



 
 /*
   section : movie 
 ******************************************/
.sec-movie {
  height: 588px;
  background: url(../img/bg_movie_pc.png) repeat-x center;
}
.sec-movie::before,
.sec-movie::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%; height: 30px;
}
.sec-movie::before {
  top: -8px; left: 0;
  background: url(../img/bg_line_shadow01.png) repeat-x;  
}
.sec-movie::after {
  bottom: 0; left: 0;
  background: url(../img/bg_line_shadow02.png) repeat-x;  
}
.sec-movie .frame {
  margin: 0 auto;
  padding: 100px 0 94px;
  width: 668px;
}
.sec-movie .frame a {
  position: relative;
  display: block;
}

/* 再生Btn */
.sec-movie .frame a:before {
  position: absolute; top: 50%; left: 50%;
  margin: -24px 0 0 -34px;
  display: block;
  content: '';
  width: 68px; height: 48px;
  background: url(../img/btn_play.png) no-repeat;
}

@media screen and (max-width: 640px) {
  .sec-movie {
    height: auto;
    background: url(../img/bg_movie_sp.png) repeat center;
  }
  .sec-movie .frame {
    padding: 57px 20px 42px;
    width: 100%;
  }
  .sec-movie::before,
  .sec-movie::after {
    display: none;  
  }
  .sec-movie .frame img {
    width: 100%;  
  }
}


 /*
   section : design
 ******************************************/
.sec-design {
  height: 1008px;
  padding: 78px 0 59px;
  background: #ECECEC url(../img/bg_design_pc.png) no-repeat center top;
}
.sec-design .frame {
  margin: 0 auto;
  width: 960px; 
}

/* text */
.sec-design .frame .text {
  margin-bottom: 18px;
  line-height: 1.4;
  font-size: 38px;
  color: #525E3A;
  font-weight: 900;
  font-style: italic;
}
.sec-design .frame .text span.f-small {
  font-size: 30px;  
}

/* .model-area */
.sec-design .frame .model-area {
  position: relative;  
}
.sec-design .frame .model-area img:first-child,
.sec-design .frame .model-area img+img {
  position: absolute;
}
.sec-design .frame .model-area img:first-child { top: -165px; right: 35px;}
.sec-design .frame .model-area img+img { top: 34px; right: 311px;}

/* img-area */
.sec-design .frame .img-area {
  position: relative;
  display: table;
}
.sec-design .frame .img-area .col {
  display: table-cell;
}
.sec-design .frame .img-area .col:not(:last-child) {
  padding-right: 20px;  
}

@media screen and (max-width: 640px) {
  .sec-design {
    height: auto;
    padding: 50px 26px 20px;
    background: #ECECEC url(../img/bg_design_sp.png) no-repeat center;
    background-size: cover;
  }
  .sec-design .frame {
    width: 100%; 
  }
  
  /* text */
  .sec-design .frame .text {
    text-align: center;
    margin-bottom: 37px;
    line-height: 1.3;
    font-size: 20px;
  }
  .sec-design .frame .text span.f-small {
    font-size: 16px;  
  }
  
  /* .model-area */
  .sec-design .frame .model-area img:first-child { top: -33px; right: 2px; width: 42%;}
  
  /* img-area */
  .sec-design .frame .img-area {
    display: inherit;
  }
  .sec-design .frame .img-area .col {
    display: inherit;
    width: 100%;
  }
  .sec-design .frame .img-area .col img {
    width: 100%;  
  }
  .sec-design .frame .img-area .col:first-child {
    margin-bottom: 11px;
  }
  .sec-design .frame .img-area .col:nth-child(3) {
    display: none;
  }
  .sec-design .frame .img-area .col:not(:last-child) {
    padding-right: 0;  
  }
}

 
 /*
   section : play
 ******************************************/
.sec-play {
  height: 850px;
  padding: 80px 0 60px;
  background: url(../img/bg_sec_play.png) no-repeat center;
}
.sec-play::before,
.sec-play::after {
  content: '';
  position: absolute;
  display: block;
  width: 100%; height: 30px;
}
.sec-play::before {
  top: 0; left: 0;
  background: url(../img/bg_line_shadow01.png) repeat-x;  
}
.sec-play::after {
  bottom: 0; left: 0;
  background: url(../img/bg_line_shadow02.png) repeat-x;  
}
.sec-play .frame {
  margin: 0 auto;
  width: 960px; 
}
.sec-play .frame .sttl {
  text-align: center;
  margin-bottom: 44px;
  font-size: 38px;
  font-weight: 900;
  font-style: italic;
  text-shadow: 0 0 25px rgba(0,0,0,0.3),0 0 20px rgba(0,0,0,0.3);
}

/* img-area */
.sec-play .frame .img-area .top {
  margin-bottom: 18px;  
}
.sec-play .frame .img-area .top img {
  float: left;  
}
.sec-play .frame .img-area .top img:first-child {
  margin-right: 20px;
}
.sec-play .frame .img-area .bottom .col {
  float: left;
  width: 308px;
}
.sec-play .frame .img-area .bottom .col:not(:first-child) {
  margin-left: 18px;  
}
.sec-play .frame .img-area .bottom .col-ttl {
  padding: 8px 0 8px 16px;
  width: 100%; height: 34px;
  background: url(../img/bg_sec_play_sttl.png) no-repeat;
}
.sec-play .frame .img-area .bottom .txt {
  margin-top: 10px;
  line-height: 1.5;
  font-size: 16px;
}

@media screen and (max-width: 640px) {
  .sec-play {
    height: auto;
    padding: 47px 0 40px;
    background: url(../img/bg_sec_play02.png) repeat left top;
    z-index: 2;
  }
  .sec-play::before,
  .sec-play::after {
    content: '';
    position: absolute;
    display: block;
    width: 100%;
  }
  .sec-play::before {
    top: 0; left: 0;
    height: 125px;
    background: url(../img/bg_sec_play_top.png) no-repeat center;
    background-size: cover;  
  }
  .sec-play::after {
    bottom: 0; left: 0;
    height: 263px;
    background: url(../img/bg_sec_play_bottom.png) no-repeat center;
    background-size: cover;  
  }
  .sec-play .frame {
    width: 100%; 
  }
  .sec-play .frame .sttl {
    position: relative;
    z-index: 99;
    margin-bottom: 19px;
    font-size: 20px;
    line-height: 1.4;
  }
  
  /* img-area */
  .sec-play .frame .img-area .top {
    margin-bottom: 20px;
    padding: 0 10px;  
  }
  .sec-play .frame .img-area .top img {
    float: none;
    width: 100%;
  }
  .sec-play .frame .img-area .top img:first-child {
    margin-bottom: 10px;
  }
  .sec-play .frame .img-area .top img:first-child {
    margin-right: 0;
  }
  .sec-play .frame .img-area .bottom {
    position: relative;
    z-index: 10;
  }
  .sec-play .frame .img-area .bottom .col {
    float: none;
    margin: 0 auto;
  }
  .sec-play .frame .img-area .bottom .col:not(:first-child) {
    margin: 15px auto 0;  
  }
}