@charset "utf-8";
/*===============================================================
	
	2016/6/6
	
===============================================================*/

/* 初期化
----------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
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-style:normal;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	outline: none;
}
blockquote, q {	quotes: none;	}
blockquote:before, blockquote:after,
q:before, q:after {	content: '';	content: none;}
input, textarea { margin: 0;	padding: 0;}
table{	border-collapse: collapse; border-spacing:0;	}
body { font-family:'Hiragino Kaku Gothic Pro','メイリオ','Meiryo','ＭＳ Ｐゴシック',Osaka,sans-serif; }
h1,h2,h3,h4,h5,h6,p,li,th,td,dt,dd { font-size:14px; line-height:22px; }
caption,th,td { text-align:left; vertical-align:top; }
img { vertical-align:top; border:0; }
ul,li { list-style:none; }
option { padding-right:1em; }
address,caption { font-style:normal; font-weight:normal; }
a {	outline:none;	text-decoration:underline; }
a:focus {	outline:none;	}
ul a ,li a {	zoom:1;	}

/* HTML5
----------------------------------------------------------------*/
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}

/* 文字サイズ、装飾
----------------------------------------------------------------*/
.bold	{	font-weight:bold; }
.cap {
	font-size:12px;
	line-height:15px;
	}		
.red	{	color:#943023;		}
.yellow	{	color:#cbb847;		}
.blue	{	color:#0047a2;		}
.lightblue { color:#00afd7; }
.green	{	color:#5b9000;	}
.brown	{	color:#633;		}
.pink	{	color:#f3c;		}
.gray	{	color:#eaeeed;		}
.deepgray { color:#92999f ;}
.align_center	{	text-align:center;		}
.align_right	{	text-align:right;		}
.replace {	overflow:hidden;	white-space:nowrap;	text-indent:100%;	}

/* フロート関係
----------------------------------------------------------------*/
.clear {
	width:100%;
	overflow:hidden;
}
.clearboth {
	clear:both;
}
.cf:before,
.cf:after {
    content: " ";
    display: table;
}
.cf:after {
    clear: both;
}
.cf {
  *zoom: 1;
}
.flol {
	float:left;
}
.flor {
	float:right;
}
/* マージン
----------------------------------------------------------------*/
.mt0	{	margin-top:0px !important; }
.mt05	{	margin-top:5px;		}
.mt10	{	margin-top:10px;	}
.mt15	{	margin-top:15px;	}
.mt20	{	margin-top:20px;	}
.mt25	{	margin-top:25px;	}
.mt30	{	margin-top:30px;	}
.mt40	{	margin-top:40px;	}
.mt50	{	margin-top:50px;	}
.mt60	{	margin-top:60px;	}
.mt70	{	margin-top:70px;	}
.mt80	{	margin-top:80px;	}
.mt90	{	margin-top:90px;	}
.mt100	{	margin-top:100px;	}

.mb05	{	margin-bottom:5px;	}
.mb10	{	margin-bottom:10px;	}
.mb15	{	margin-bottom:15px;	}
.mb20	{	margin-bottom:20px;	}
.mb25	{	margin-bottom:25px;	}
.mb30	{	margin-bottom:30px;	}
.mb40	{	margin-bottom:40px;	}
.mb50	{	margin-bottom:50px;	}

/* html/body設定
----------------------------------------------------------------*/
html {
}
body {
	width: 100%;
	color:#fff;
	background:#000;
	text-align:left;
	font-size:14px;
	line-height:25px;
	-webkit-text-size-adjust:none; /* 縦横文字サイズ同じ */
	-webkit-font-smoothing: antialiased;
}
a {
	color:#36C;
	-webkit-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
	-ms-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;  
	-moz-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
	-o-transition: background-color 0.1s linear, color 0.1s linear, border-color 0.1s linear, border-width 0.1s linear, opacity 0.1s linear;
}
a:hover { color:#39F }

.boxshadow {
	box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	-moz-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
	-webkit-box-shadow: 0px 0px 5px rgba(0, 0, 0, 0.20);
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～640px */
@media only screen and (max-width: 736px) {
}	/* for SP max-width: 736px */

/*===============================================================
	
	基本文字サイズ
	
===============================================================*/
h2 {
	/*font-size:172%;	/* 24px */
	font-weight:bold;
}
h3 {
	/*font-size:172%;	/* 24px */
	font-weight:bold;
}
h4 {
	/*font-size:115%;	/* 16px */
	line-height:1.4;
	font-weight:bold;
}
p {
	/*font-size:100%;	/* 14px */
	line-height:1.8;
}
sup {
	margin:0;
	padding:0;
	font-size:11px;
	line-height:15px;
}
/*===============================================================
	
	PC/SP/TABLET
	
===============================================================*/
.sp {
	display:none;
}
.pc {
}
.tablet {
	display:none;
}
.sp {
	display:none;
}
.sp_tablet {
	display:none;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.pc {
	display:none;
}
.tablet,
.pc_tablet,
.sp_tablet {
	display:block;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.sp {
	display:block;
}
.pc_tablet,
.tablet {
	display:none;
}
}	/* for SP max-width: 736px */

/*===============================================================
	
	img fig
	
===============================================================*/
.fig img,
.fitimg img, 
.photo img {
	width:100%;
	height:auto;
}

.fig {
	border:solid 1px #ddd;
}
.content .fig {
	margin-top:30px;
}
.borderimg {
	border:solid 1px #ddd;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.content .fig {
	margin-top:15px;
}
}	/* for SP max-width: 736px */

/*===============================================================
	
	レイアウト
	
===============================================================*/
.wrapper {
}
.content_width {
	width:960px;
	margin:0 auto;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.content_width {
	width:100%;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */
/*===============================================================
	
	ヘッダ
	
===============================================================*/
.header_wrp {
	width:100%;
}
.header {
	width:100%;
	height:80px;
	position:relative;
}
.header .logo {
	position:absolute;
	width:101px;
	height:41px;
	top:30px;
	left:0;
	right:0;
	margin:auto;
	text-align:center;
	font-weight:bold;
	font-size:20px;
}
.header .logo img {
	width:100%;height:auto;
}
.header .logo span {
	font-weight:bold;
	color:#898989;
}
.header .nav {
	position:absolute;
	width:400px;
	height:30px;
	top:30px;
	right:0;
}
.header .nav ul {
	float:right;
}
.header .nav ul li {
	float:left;
	margin-left:20px;
	font-size:13px;
	line-height:18px;
}
.header .nav ul li a {
	text-decoration:none;
	color:#000;
	padding-bottom:5px;
}
.header .nav ul li a:hover {
	border-bottom:solid 2px #f4e228;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
.header_wrp {
	height:40px;
}
.header {
	width:100%;
	height:40px;
	position:relative;
	position:fixed;
	z-index:500;
	background:rgba(0,0,0,0.90);
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.20);
}
.header .logo {
	text-align:center;
	position:static;
	width:61px;
	height:25px;
	margin:0 auto;
	padding-top:10px;
}
.header .nav {
	display:none;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
}	/* for SP max-width: 736px */


/*===============================================================
	
	2016/8/4
	MENU
	
===============================================================*/
.menu_bg {
	background:rgba(0,0,0,0.8);
	position:absolute;
	z-index:300;
	top:80px;	/* headerの高さ*/
	left:0;
}
.menu_icon {
	position:fixed;
	top:28px;
	right:20px;
	z-index:600;
}
.menu {
	width:100%;
}
.menu .menu_nav {
	position:absolute;
	top:0;
	height:220px;
	margin:auto;
	width:100%;
	z-index:400;
}
.menu .navlist {
/*	width:800px;*/
	width:470px;
	margin:0 auto;
	overflow:hidden;
}
.menu .navlist li {
/*	width:20%;*/
	width:33.3333%;
	float:left;
	text-align:center;
}
.menu .navlist li a {
	width:100%;
	display:block;
	font-family: 'Lato', sans-serif;
	font-weight: 300;

	font-size:20px;
	line-height:50px;
	text-decoration:none;
	padding:0 20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#fff;
	border-bottom:solid 1px rgba(0,0,0,0);
}
.menu .navlist li a:hover {
	border-bottom:solid 1px #fff;
}
.menu .navlist li .subnav li a {
	font-weight:normal;
	font-size:14px;
	line-height:40px;
	padding:0 20px 0 40px;
	color:#6d6886;
	background:#fff;
}

.menu .sns {
	width:390px;
	margin:80px auto 0;
	overflow:hidden;
}
.menu .sns li {
	width:80px;
	margin:0 25px;
	float:left;
}
.menu .sns li a {
	padding:0 0px;
}
.menu .sns li a:hover {
	text-decoration:none;
	opacity:0.7;
	border:0;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
.menu_bg {
	top:40px; /* headerの高さ*/
}
.menu .menu_nav {
	top:100px; /* menuの位置*/
}
.menu_icon {
	top:10px;
	right:10px;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.menu .menu_nav {
	top:40px; /* headerの高さ*/
	bottom:auto;
}
.menu .navlist {
	width:100%;
	overflow:hidden;
}
.menu .navlist li {
	width:100%;
	float:none;
	text-align:left;
}
.menu .navlist li a {
	width:100%;
	font-weight:bold;
	display:block;
	border-top:solid 1px rgba(255,255,255,0.1);
	border-bottom:solid 1px rgba(0,0,0,0.2);
	font-size:18px;
	line-height:50px;
	text-decoration:none;
	padding:0 20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#fff;
	background-image:url(../images/asset/sp_nav_arw.png);
	background-position:right center;
	background-repeat:no-repeat;
	background-size:50px 50px;
}
.menu .navlist li a:hover {
	border-bottom:solid 1px rgba(0,0,0,0.2);
}
.menu .navlist li .subnav li a {
	font-weight:normal;
	font-size:14px;
	line-height:40px;
	padding:0 20px 0 40px;
	color:#6d6886;
	background:#fff;
	border-bottom:solid 1px rgba(0,0,0,0.1);
	background-image:url(../images/asset/sp_subnav_arw.png);
	background-position:left center;
	background-repeat:no-repeat;
	background-size:40px 40px;
}
.menu .closebtn {
	border-top:solid 1px rgba(255,255,255,0.1);
	padding:30px 0;
}

.menu .sns {
	width:240px;
	padding:10px;
	margin:10px auto 0;
	overflow:hidden;
}
.menu .sns li {
	width:40px;
	height:40px;
	margin:0 20px;
	float:left;
}
.menu .sns li a {
	padding:0;
	border:0;
}

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	ハンバーガー
	menu-trigger
-------------------------------------------------------------*/
.menu-trigger,
.menu-trigger span {
	display: inline-block;
	transition: all .3s;
	box-sizing: border-box;
}
.menu-trigger {
	position: relative;
	width: 30px;	
	height: 20px;
}
.menu-trigger span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 1px;
	background-color: #fff;
	border-radius: 2px;
}
.menu-trigger.active span {
	background-color: #fff;
}
.menu-trigger span:nth-of-type(1) {
	top: 0;
}
.menu-trigger span:nth-of-type(2) {
	top: 10px;
}
.menu-trigger span:nth-of-type(3) {
	bottom: 0;
}
/* animation */
.menu-trigger.active span:nth-of-type(1) {
	-webkit-transform: translateY(10px) rotate(-45deg);
	transform: translateY(10px) rotate(-45deg);
	-moz-transform: translateY(10px) rotate(-45deg);
	-ms-transform: translateY(10px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
	opacity: 0;
	-webkit-transform: translateY(0) rotate(180deg);
	transform: translateY(0) rotate(45deg);
	-moz-transform: translateY(0) rotate(45deg);
	-ms-transform: translateY(0) rotate(45deg);
}
.menu-trigger.active span:nth-of-type(3) {
	-webkit-transform: translateY(-10px) rotate(45deg);
	transform: translateY(-10px) rotate(45deg);
	-moz-transform: translateY(-10px) rotate(45deg);
	-ms-transform: translateY(-10px) rotate(45deg);
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
	
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */



/*===============================================================
	
	フッタ
	
===============================================================*/
.footer_wrp {
	width:100%;
	text-align:center;
	background:#000;
}
.footer {
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.footer_sitemap
-------------------------------------------------------------*/
.footer_sitemap_wrp {
	width:100%;
	background:#000;
	padding-bottom:20px;
}
.footer_sitemap {
	text-align:left;
}
.footer_sitemap a {
	text-decoration:none;
	color:#fff;
}
.footer_sitemap .blank_link a {
	background-repeat:no-repeat;
	background-image:url(../images/asset/icon-blank-pc.gif);
	background-position:right -3px;
	padding-right:20px;
}
.footer_sitemap ul {
	width:25%;
	float:left;
}
.footer_sitemap ul li {
	font-size:14px;
	line-height:25px;
	font-weight:bold;
	margin-top:20px;
}
.footer_sitemap ul li ul {
	width:100%;
	float:none;
}
.footer_sitemap ul li ul li {
	font-size:12px;
	line-height:20px;
	font-weight:normal;
	margin-top:0px;
}
.footer_sitemap_wrp .menubtn {
	display:none;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
.footer_sitemap {
	display:none;
}
.footer_sitemap_wrp .menubtn {
	display:block;
	padding-top:20px;
}
.footer_sitemap_wrp .menubtn a {
	display:block;
	border:solid 1px rgba(255,255,255,0.5);
	border-radius:5px;
	width:100px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
	color:#fff;
	text-align:center;
	margin:0 auto;
	text-decoration:none;
	line-height:40px;
}

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	footer_cpy_wrp	
-------------------------------------------------------------*/
.footer_copy_wrp {
	width:100%;
	padding:20px 0 70px;
}

.footer_copy_wrp .sns {
	width:195px;
	float:left;
}
.footer_copy_wrp .sns li {
	float:left;
	width:40px;
	margin-right:25px;
}
.footer_copy_wrp .sns li a {
	opacity:1;
}
.footer_copy_wrp .sns li a:hover {
	opacity:0.7;
}

.footer_copy_wrp .copyright {
	width:100px;
	float:right;
	text-align:right;
	color:#666;
	margin-top:5px;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.footer_copy_wrp {
	padding:20px;
	width:auto;
}
.footer_copy_wrp .sns {
	width:150px;
}
.footer_copy_wrp .sns li {
	width:40px;
	margin-right:10px;
}
.footer_copy_wrp .copyright {
	margin-top:8px;
}
}	/* for SP max-width: 736px */



/*===============================================================
	
	grid
	
===============================================================*/
.gridconatiner {
	margin-top:0px;
}
.gridconatiner .grid {
	float:left;
}
.grid {
	margin-top:0px;
}
/*	gridSize :445 gutterSize :50 column :2 */
.gridwrp_2 { width:102.174%;}
.gridwrp_2 .grid_2 { width:94.949%; margin-right:5.051%; }
.gridwrp_2 .grid_1 { width:47.872%; margin-right:2.127%; }
.gridwrp_2 .grid:nth-child(2n+1) {
	clear:both;
}

/*	gridSize :280 gutterSize :50 column :3 */
.gridwrp_3 { width:105.319%;}
.gridwrp_3 .grid_3 { width:94.949%; margin-right:5.051%; }
.gridwrp_3 .grid_2 { width:61.616%; margin-right:5.051%; }
.gridwrp_3 .grid_1 { width:28.283%; margin-right:5.051%; }
.gridwrp_3 .grid:nth-child(3n+1) {
	clear:both;
}

/*	gridSize :210 gutterSize :40 column :4 */
.gridwrp_4 { width:104.167%;}
.gridwrp_4 .grid_4 { width:96.000%; margin-right:4.000%; }
.gridwrp_4 .grid_3 { width:71.000%; margin-right:4.000%; }
.gridwrp_4 .grid_2 { width:46.000%; margin-right:4.000%; }
.gridwrp_4 .grid_1 { width:21.000%; margin-right:4.000%; }
.gridwrp_4 .grid:nth-child(4n+1) {
	clear:both;
}

/*	gridSize :192 gutterSize :0 column :5 */
.gridwrp_5 { width:100.000%;}
.gridwrp_5 .grid_1 { width:20.000%; margin-right:0.000%; }
.gridwrp_5 .grid:nth-child(5n+1) {
	clear:both;
}

.column + .gridconatiner {
	margin-top:-20px;
} 

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.gridconatiner {
	margin-top:0px;
}
.gridwrp_3,
.gridwrp_3 .grid_1,
.gridwrp_2,
.gridwrp_2 .grid_1 {
	width:100%; margin-right:0;
}
.gridwrp_4 { width:105.000%;}
.gridwrp_4 .grid_1 { width:45.238%; margin-right:4.762%; }

.grid {
	margin-top:0px;
}
.grid:first-child {
	/*margin-top:0px;*/
}
.gridwrp_4 .grid:nth-child(2) {
	/*margin-top:0;*/
}

.sp_gridwrp2 .gridwrp_3 { width:105.319%;}
.sp_gridwrp2 .gridwrp_3 .grid_2 { width:94.949%; margin-right:5.051%; }
.sp_gridwrp2 .gridwrp_3 .grid_1 { width:44.949%; margin-right:5.051%; }
.sp_gridwrp2 .gridwrp_3 .grid:nth-child(2n+1) {
	clear:both;
}
.sp_gridwrp2 .gridwrp_3 .grid:nth-child(3n+1) {
	clear:none;
}
.sp_gridwrp2 .gridwrp_2 { width:105.319%;}
.sp_gridwrp2 .gridwrp_2 .grid_2 { width:94.949%; margin-right:5.051%; }
.sp_gridwrp2 .gridwrp_2 .grid_1 { width:44.949%; margin-right:5.051%; }
.sp_gridwrp2 .gridwrp_2 .grid:nth-child(2n+1) {
	clear:both;
}
.sp_gridwrp2 .gridwrp_2 .grid:nth-child(3n+1) {
	clear:none;
}
.sp_gridwrp2 .linkarea p {
	padding: 0;
}
.column + .gridconatiner {
	margin-top:0;
} 
}	/* for SP max-width: 736px */

/*===============================================================
	
	fixed
	
===============================================================*/
.fixed {
	position: fixed;
	top: 0;
}
.bg_fixed {
	background-attachment: fixed;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.fixed {
	position: fixed;
	top: 0;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*===============================================================
	
	PAGETOP
	
===============================================================*/
#btn_pagetop {
	width:100%;
	overflow:hidden;
}

#btn_pagetop a {
	display:block;
	position:absolute;
	right:-300px;
	top:0;
	width:50px;
	height:50px;
	color:#fff;
	background-image: url(../images/asset/pagetop-arw-pc.png);
	background-position:center center;
	background-repeat:no-repeat;
	background-color:#d2191a;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	z-index:101;
	position:fixed;
	border-radius:30px;
}
#btn_pagetop a:hover {
	background-color:#c00;
}

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
#btn_pagetop a {
	width:40px;
	height:40px;
	background-size:40px 40px;
}
#btn_pagetop a:hover {
}

}	/* for SP max-width: 736px */

/*===============================================================
	
	テーブル
	
===============================================================*/
table {
	width:100%;
	text-align:left;
}
table th {
	padding:15px;
	font-weight:bold;
	border-bottom:solid 1px rgba(0,0,0,0.3);
}
table td {
	padding:15px;
	border-bottom:solid 1px rgba(0,0,0,0.1);
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
table {
	border:0;
	padding:0;
	margin-top:0px;
}
table th {
	display: list-item;
	list-style:none;
	width:100%;
	border:0;
	padding:10px;
	font-size:16px;
	background:#eee;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;

	-webkit-box-sizing:border-box;
	-webkit-box-sizing:border-box;

}
table td {
	display: list-item;
	list-style:none;
	width:100%;
	padding:10px 0 20px 0;
	font-size:14px;
	line-height:1.6;
	border:0;
}

}	/* for SP max-width: 736px */


/*===============================================================
	
	フォーム
	
===============================================================*/
.form {
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*===============================================================
	
	btn_detail
	
===============================================================*/
.btn_detail {
	width:400px;
	margin:0 auto;
	margin-top:40px;
}
.btn_detail a {
	text-decoration:none;
	display:block;
	background-color:#36c;
	background-image:url(../images/asset/btn_detail_arw.png);
	background-position:right center;
	background-repeat:no-repeat;
	text-align:center;
	color:#fff;
	font-size:20px;
	line-height:20px;
	font-weight:bold;
	padding:20px 0;
	border-radius:5px;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 0px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 0px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 2px 0px 0px;
}
.btn_detail a:hover {
	text-decoration:none;
	background-color:#2b6bec;
}
.btn_detail_red a {
	background-color:#c91b36;
}
.btn_detail_red a:hover {
	background-color:#e31838;
}
.btn_detail_black a {
	background-color:#000;
}
.btn_detail_black a:hover {
	background-color:#222;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.btn_detail {
	width:100%;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.btn_detail {
	width:80%;
	margin:0 auto;
	margin-top:20px;
}
.btn_detail a {
	font-size:16px;
}
}	/* for SP max-width: 736px */
/*-------------------------------------------------------------
	btn_white	
-------------------------------------------------------------*/
.btn_white {
	width:300px;
	margin:0 auto;
	margin-top:30px;
}
.btn_white a {
	text-decoration:none;
	display:block;
	background-color:#fff;
	text-align:center;
	color:#1d50a2;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	padding:15px 0;
	border:solid 1px #1d50a2;
}
.btn_white a:hover {
	text-decoration:none;
	color:#fff;
	background-color:#1d50a2;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.btn_white {
	width:80%;
	margin:0 auto;
	margin-top:20px;
}
.btn_white a {
	font-size:14px;
	line-height:20px;
	padding:10px 0;
}
}	/* for SP max-width: 736px */

/*===============================================================
	
	headline
	見だし
	
===============================================================*/
.headline {
	position:relative;
}
.headline h3 {
	font-family: 'Lato', sans-serif;
	font-size:50px;
	font-weight:100;
	line-height:60px;
	color:#fff;
	text-align:center;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.headline h3 {
	font-size:26px;
	line-height:30px;
}
}	/* for SP max-width: 736px */
/*===============================================================
	
	subhead
	小見出し
	
===============================================================*/
.subhead {
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */
/*===============================================================
	
	背景
	
===============================================================*/
.bg_graytile {
	background-image:url(../images/asset/bg_graytile.jpg);
	background-position:top center;
	background-repeat:repeat;
}

/*===============================================================
	
	seciton
	headlineとcontentなど、複数の要素、機能を取りまとめるコンテナ的な親要素。
	幅はsection_innerに記述する
	
===============================================================*/
.section_wrp {
}
.section {
	width:100%;
}
.section .section_inner {
	width:960px;
	margin:0 auto;
	padding:30px 0 30px 0;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
.section .section_inner {
	width:100%;
	margin:0 auto;
	padding:50px 20px 100px 20px;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section .section_inner {
	width:100%;
	margin:0 auto;
	padding:20px 20px 20px 20px;
}
.section00 .section_inner {
	padding-top:30px;
	margin-top:0px;
}
}	/* for SP max-width: 736px */


/*===============================================================
	
	content 
	個別のコンテンツ
	
===============================================================*/
.section .content {
}
.section .headline + .content {
	margin-top:30px;
}
.section .content + .content {
	margin-top:80px;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
.section .content {
	width:100%;
	margin:0 auto;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.section .content {
	width:100%;
	margin:0 auto;
}
.section .headline + .content {
	margin-top:20px;
}
.section .content + .content {
	margin-top:30px;
}
}	/* for SP max-width: 736px */


/*===============================================================
	
	column
	囲み、メモなどサブ的な括り。
	
===============================================================*/
.column {
	width:700px;
	margin:0 auto;
}
.column h3 {
	font-size:20px;
	font-weight:bold;
	text-align:center;
	margin-top:30px;
}
.column h4 {
	font-size:18px;
	font-weight:bold;
	text-align:center;
	margin-top:30px;
}
.column p {
	margin-top:30px;
	font-size:16px;
}
.column * + p {
	margin-top:20px;
	font-size:16px;
}
.column p.caution {
	font-size:12px;
}
.column .bbottom {
	border-bottom:1px solid #000;
	padding-bottom:10px;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.column {
	width:100%;
	margin:0 auto;
}
.column h3 {
	font-size:18px;
	margin-top:15px;
}
.column h4 {
	font-size:16px;
	margin-top:15px;
}
.column p {
	margin-top:10px;
	font-size:14px;
	line-height:1.6;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.notes	
-------------------------------------------------------------*/
.notes {
	background:#eee;
	padding:20px;
	margin-top:20px;
}
.notes p {
	font-size:12px;
	line-height:20px;
}
.notes > p {
	margin-top:0;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */
/*===============================================================
	
	txtlink
	
===============================================================*/
.txtlink {
}
.txtlink a {
	background-image:url(../images/asset/txtlink_arw.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:14px;
	display:block;
	text-decoration:none;
	color:#000;
	line-height:1.4;
}
.txtlink a:hover {
	text-decoration:underline;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.txtlink a {
	background-position:left 4px;
}
}	/* for SP max-width: 736px */

/*===============================================================
	
	modal 2016/6/30
		
===============================================================*/
.modal_bg {
	position:absolute;
	top:0;
	left:0;
	background:#000;
	display:none;
	z-index:9998;
}
.modal {
	position:absolute;
	top:0;
	left:0;
/*	width:800px;*/
	width:550px;
	display:none;
	z-index:9999;
}
.modal .close {
	position:absolute;
	width:30px;
	height:30px;
	background:url(../images/modal/modal-closebtn.png) no-repeat 0 0;
	top:-40px;
	right:-40px;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
	z-index:9999;
}
.modal .modal_container {
	padding:0;
	position:relative;
}
.modal .modal_contents_wrp {
	position: relative;
	padding:0px;
	width: 100%;
	height: 100%;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.modal .modal_inner {
	padding:0px;
}
.modal .modal_contents_wrp::-webkit-scrollbar {
  display: none;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.modal {
	width:100%;
}
.modal .modal_container {
}
.modal .close {
	position:absolute;
	width:30px;
	height:30px;
	background:url(../images/modal/modal-closebtn-sp.png) no-repeat 0 0;
	background-size:30px 30px;
	top:5px;
	right:0px;
	text-indent:100%;
	overflow:hidden;
	white-space:nowrap;
	cursor:pointer;
}

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.modal .modal_pager
-------------------------------------------------------------*/
.modal .modal_pager li a {
	position:absolute;
	top:300px;
	display:block;
	width:30px;
	height:30px;
	background-image:url(../images/modal/modal-pager_01.png);
	background-position:top center;
	background-repeat:no-repeat;
	background-size:30px 30px;
	white-space:nowrap;
	text-indent:100%;
	overflow:hidden;
}
.modal .modal_pager li.prev a {
	left:0;
}
.modal .modal_pager li.next a {
	right:0;
	background-image:url(../images/modal/modal-pager_02.png);
}


/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.modal_container
-------------------------------------------------------------*/
.modal .modal_container .modal_header {
}
.modal .modal_container .modal_header h3 {
	font-size:25px;
	line-height:50px;
	text-align:center;
	font-weight:bold;
	text-shadow:none;
}
.modal .modal_container .modal_header p {
	font-size:14px;
	line-height:20px;
	text-align:center;
	font-weight:bold;
}
.modal .btn {
	width:560px;
	margin:0 auto;
	margin-top:40px;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

.modal .modal_container .modal_header h3 {
	font-size:20px;
	line-height:25px;
	padding-top:5px;
}
.modal .btn {
	width:100%;
	margin:0 auto;
	margin-top:40px;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	.modal_container .btn
-------------------------------------------------------------*/
.modal_container .btn {
	width:450px;
	margin:0 auto;
	margin-top:30px;
}
.modal_container .btn a {
	display:block;
	background-color:#e63412;
	background-image:url(../images/asset/btn_detail_arw.png);
	background-position:right center;
	background-repeat:no-repeat;
	text-align:center;
	color:#fff;
	font-size:18px;
	line-height:20px;
	font-weight:bold;
	padding:20px 0;
	border-radius:5px;
	box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 0px 0px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 0px 0px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 3px 0px 0px;
}
.modal_container .btn a:hover {
	text-decoration:none;
	background-color:#ff6600;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.modal_container .btn {
	width:100%;
	margin:0 auto;
	margin-top:15px;
}
.modal_container .btn a {
	font-size:16px;
}
}	/* for SP max-width: 736px */
/*-------------------------------------------------------------
	nodata	
-------------------------------------------------------------*/
.modal .nodata {
	padding:50px 15px;
	text-align:center;
}
.modal .nodata h3 {
	font-size:16px;
	color:#fff;
}
.modal .closebtn a {
	display:block;
	width:120px;
	margin:0 auto;
	line-height:30px;
	border:solid 1px #fff;
	text-align:center;
	margin-top:20px;
	color:#fff;
}
.modal_gamedetail .closebtn a:hover {
	color:#000;
	background:#fff;
	text-decoration:none;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.modal .close {
	top:10px;
	right:10px;
	background: url(../images/modal/modal-closebtn-sp.png) no-repeat 0 0;
	background-size: 30px 30px;
}
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
	モーダル制作時の確認用
-------------------------------------------------------------*/
.modal {
	/*display:block;*/
}
.modal_demo1 .modal_inner,
.modal_demo2 .modal_inner {
	color:#fff;
	background:#333;
	padding:30px;
}


/*===============================================================
	
	main_slider
	
===============================================================*/
.main_slider {
	position:relative;
	background:#fff;
}
.main_slider .pager {
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width:60px;
	height:60px;
	z-index:100;
	display:none;
}
.main_slider .prev a ,
.main_slider .next a {
	display:block;
	width:60px;
	height:60px;
	overflow:hidden;
	text-indent:-200%;
}
.main_slider .prev {
	left:10px;
}
.main_slider .prev a {
	background:url(/common/images/slidebtn/slide_btn_01.png) no-repeat center center;
	background-size:cover;
}
.main_slider .prev a:hover {
	opacity:0.7;
}
.main_slider .next {
	right:10px;
}
.main_slider .next a {
	background:url(/common/images/slidebtn/slide_btn_02.png) no-repeat center center;
	background-size:cover;
}
.main_slider .next a:hover {
	opacity:0.7;
}

.main_slider li {
	width:100%;
	position:relative;
}
.main_slider li:nth-child(even) {
	width:100%;
}
.main_slider li img {
	width: inherit;
	max-width: 100%;
	min-width: 100%;
	height: auto;
}
.main_slider li .cap {
	display:block;
	color:#000;
	font-size:16px;
	line-height:20px;
	padding:20px;
	text-align:left;
}
.main_slider li .new {
	position:absolute;
	z-index:100px;
	top:-27px;
	left:5px;
	color:#fff;
	font-size:12px;
	line-height:54px;
	font-weight:bold;
	background:#eb6877;
	text-align:center;
	width:54px;
	height:54px;
	border-radius:27px;
}
.main_slider .owl-controls {
	display:none;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.main_slider li ,
.main_slider li:nth-child(even) {
	float:none;
	width:100%;
}
.main_slider li img {
	width:100%;
}
}	/* for SP max-width: 736px */


/*===============================================================
	
	content_grid_slider
	grid_slider
	
===============================================================*/
.grid_slider {
	text-align:left;
}
.grid_slider .slider .grid h3 {
	font-size:16px;
	line-height:25px;
	margin-top:15px;
}
.grid_slider .slider .grid_1 h3 {
	height:30px;
	font-size:12px;
	line-height:15px;
	margin-top:15px;
	font-weight:normal;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.grid_slider .slider .grid_2 p {
	font-size:14px;
	line-height:20px;
	margin-top:8px;
}
.grid_slider {
}
.grid_slider .slide {
}
.grid_slider .slide .inner {
}
.grid_slider .slide .gridwrp_4 { width:102.128%;}
.grid_slider .slide .gridwrp_4 .grid_2 { width:47.917%; margin-right:2.083%; }
.grid_slider .slide .gridwrp_4 .grid_1 { width:22.917%; margin-right:2.083%; }
.grid_slider .slide .grid {
	padding:0px;
}
.grid_slider .gridwrp_4 .grid:nth-child(4n+1) {
	clear:none;
}
.grid_slider .bx-wrapper .bx-pager {
	display:none;
}
.grid_slider .bx-viewport {
	padding-bottom:1px;
}
.grid_slider .slide .noimage {
	cursor:default;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
}	/* for SP max-width: 736px */


/*-------------------------------------------------------------
	grid_slider_sp	
-------------------------------------------------------------*/
.grid_slider_sp {
	display:none;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.grid_slider_sp {
	text-align:left;
}
.grid_slider_sp .slider {
	padding:0px;
	float:none;
}
.grid_slider_sp .slider .slide {
	float:none;
	margin:0;
	padding:0;
	position:relative;
	box-sizing:border-box;
	-webkit-box-sizing:border-box;
}
.grid_slider_sp .slider .slide h3 {
	font-size:14px;
	line-height:20px;
	margin-top:15px;
	font-weight:bold;
}
.grid_slider_sp .slider .slide p {
	font-size:12px;
	line-height:16px;
	margin-top:3px;
}
.content_grid_slider .bx-wrapper {
	margin-bottom:40px;
}
.content_grid_slider .bx-wrapper .bx-pager,
.content_grid_slider .bx-wrapper .bx-controls-auto {
	position: absolute;
	bottom: -30px;
	width: 100%;
}

}	/* for SP max-width: 736px */



/*===============================================================
	
	pager編集箇所
	
===============================================================*/

.bx-wrapper .bx-prev {
	left:10px;
	background:url(/common/images/slidebtn/slide_btn_01.png) no-repeat 0 0;
	background-image:url(/common/images/slidebtn/slide_btn_01.png);
	background-size:60px 60px;
}
.bx-wrapper .bx-next {
	right:10px;
	background:url(/common/images/slidebtn/slide_btn_02.png) no-repeat 0 0;
	background-image:url(/common/images/slidebtn/slide_btn_02.png);
	background-size:60px 60px;
}

.bx-wrapper .bx-prev:hover,
.bx-wrapper .bx-next:hover {
	opacity:0.7;
}
.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: 50%;
	margin-top: -30px;
	outline: 0;
	width:60px;
	height:60px;
	text-indent: -9999px;
	z-index: 100;
}

/* 1400px以下のサイズ */
@media only screen and (max-width: 1400px) {
.bx-wrapper .bx-prev {
	left:10px;
}
.bx-wrapper .bx-next {
	right:10px;
}
.bx-wrapper .bx-controls-direction a {
	margin-top: -30px;
}

}	/* for PC max-width: 1400px */


/* 736px以下のサイズ */
@media only screen and (max-width: 736px) {
.bx-wrapper .bx-prev {
	background-size:40px 40px;
}
.bx-wrapper .bx-next {
	background-size:40px 40px;
}
.bx-wrapper .bx-controls-direction a {
	margin-top: -20px;
	width: 40px;
	height: 40px;
}

}	/* for SP max-width: 736px */



/*===============================================================
	
	lookbook_modal
	
===============================================================*/
.lookbook_modal {
	position:relative;
	background:#fff;
}
.lookbook_modal .slide_btn {
	position:absolute;
	top:0;
	bottom:0;
	margin:auto;
	width:40px;
	height:40px;
	z-index:1000;
}
.lookbook_modal_prev a ,
.lookbook_modal_next a {
	display:block;
	width:40px;
	height:40px;
	overflow:hidden;
	text-indent:-200%;
}
.lookbook_modal_prev {
	left:-40px;
}
.lookbook_modal_prev a {
	background:url(/common/images/slidebtn/modal_slide_brn_01.png) no-repeat center center;
	background-size:25px 30px;
}
.lookbook_modal_prev a:hover {
	opacity:0.7;
}
.lookbook_modal_next {
	right:-40px;
}
.lookbook_modal_next a {
	background:url(/common/images/slidebtn/modal_slide_brn_02.png) no-repeat center center;
	background-size:25px 30px;
}
.lookbook_modal_next a:hover {
	opacity:0.7;
}

.lookbook_modal li {
	width:100%;
	position:relative;
}
.lookbook_modal li:nth-child(even) {
	width:100%;
}
.lookbook_modal li img {
	width: inherit;
	max-width: 100%;
	min-width: 100%;
	height: auto;
}
.lookbook_modal li .cap {
	display:block;
	color:#000;
	font-size:16px;
	line-height:20px;
	padding:20px;
	text-align:left;
}
.lookbook_modal li .new {
	position:absolute;
	z-index:100px;
	top:-27px;
	left:5px;
	color:#fff;
	font-size:12px;
	line-height:54px;
	font-weight:bold;
	background:#eb6877;
	text-align:center;
	width:54px;
	height:54px;
	border-radius:27px;
}
.lookbook_modal .owl-controls {
	display:none;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.lookbook_modal {
	width:100%;
}
.lookbook_modal_prev {
	left:0px;
}
.lookbook_modal_next {
	right:0px;
}
.lookbook_modal li ,
.lookbook_modal li:nth-child(even) {
	float:none;
	width:100%;
}
.lookbook_modal li img {
	width:100%;
	height:auto;
}
}	/* for SP max-width: 736px */





/*===============================================================
	
	メインビジュアル
	
===============================================================*/
.mainvisual_section {
	padding:0;
}
.mainvisual_section .section_inner {
	width:100%;
	padding:0;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.main_slider .pager {
	width:40px;
	height:40px;
}
.main_slider .prev a ,
.main_slider .next a {
	width:40px;
	height:40px;
}
}	/* for SP max-width: 736px */

/*===============================================================
	
	広告バナー
	
===============================================================*/
.notecebanner_section {
	background:url(/common/images/bg/bg_notice.jpg) no-repeat center center;
	padding:0;
}
.notecebanner_section .section_inner {
	width:100%;
}

.notecebanner_section .content .bnr {
	width:100%;
	margin:0 auto;
	background:rgba(0,0,0,0.4);
	padding:30px 0px;
	text-align:center;
}

.notecebanner_section .content .bnr img {
	width:800px;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
.notecebanner_section .section_inner {
	padding:0;
}
.notecebanner_section .content .bnr {
	padding:20px 0px;
}
.notecebanner_section .content {
	padding:10px 0;
}
.notecebanner_section .content .bnr img {
	width:90%;
	padding:10px 5%;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.notecebanner_section .content .bnr {
	padding:10px 0px;
}
.notecebanner_section .content {
	padding:10px 0;
}
}	/* for SP max-width: 736px */


/*===============================================================
	
	スライドモーダル
	
===============================================================*/
.collection_section .section_inner {
	padding:0;
	width:100%;
	background:none;
}
.collection_section .grid {
	cursor:pointer;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*===============================================================
	
	動画
	
===============================================================*/
.movie_section {
	padding:0;
}

.movie_section .youtube {
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
.movie_section {
	width:auto;
	margin:0 auto;
}
.movie_section .section_inner {
	padding:20px;
}

.movie_section .movie {
	background:#fff;
	position: relative;
	width: 100%;
	height:auto;
	padding-top: 56.25%;
	overflow: hidden;
	border:0;
}
.movie_section .youtube {
	width: 100%;
	height:auto;
}
.movie_section .youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736ipx) {

}	/* for SP max-width: 736px */


/*===============================================================
	
	Brandconcept
	
===============================================================*/
.brandconcept_section {
	background:url(/common/images/bg/bg_brandconcept.jpg) no-repeat center  top #fa0102;
	color:#fff;
	background-size:auto;
	padding:0;
}

.brandconcept_section .brandconcept {
	width:47.916%;
	margin:0 0 0 auto;
	padding-bottom:40px;
}

.brandconcept_section .subhead {
	padding-bottom:10px;
}
.brandconcept_section .subhead h4 {
	font-size:20px;
	font-weight:bold;
	line-height:30px;
	width:200px;
	float:left;
}
.brandconcept_section p {
	line-height:1.667;
}
.brandconcept_section .subhead .lang {
	float:right;
	text-align:right;
}
.brandconcept_section .subhead .lang span {
	line-height:30px;
	font-size:15px;
	cursor:pointer;
}
.brandconcept_section .subhead .lang .on {
	text-decoration:underline;
}

.brandconcept_section .jp_content ,
.brandconcept_section .en_content {
	display:none;
}
.brandconcept_section .active {
	display:block;
}

.brandconcept_section .director {
	text-align:right;
}

.brandconcept_section .profile {
	margin-top:30px;
}
.brandconcept_section .profile .txt {
	font-size:12px;
	line-height:20px;
	margin-top:10px;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
.brandconcept_section .section_inner {
	padding-bottom:50px;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.brandconcept_section {
	background-size:100% auto;
}
.brandconcept_section .section_inner {
	padding-bottom:20px;
}

.brandconcept_section .brandconcept {
	width:auto;
	margin:0 auto;
	padding-bottom:0px;
}
.brandconcept_section p {
	line-height:1.667;
	font-size:12px;
}
}	/* for SP max-width: 736px */


/*===============================================================
	
	Shoplist
	
===============================================================*/
.shoplist_section {
	color:#fff;
	background:url(/common/images/bg/bg_shoplist.jpg) no-repeat center top #2e0949;
	background-size:auto;
	padding:0;
}

.shoplist_section .shoplist ,
.shoplist_section .webstore {
	width:47.916%;
	margin:10px auto 0 0;
}

.shoplist_section h4 {
	text-align:center;
	font-size:16px;
	font-weight:bold;
	line-height:1.875;
}

.shoplist_section .shoplist .shoplistbox {
	margin-top:10px;
}
.shoplist_section .shoplist .shop {
	border-top:1px solid rgba(255,255,255,0.3);
	padding:20px 0;
}
.shoplist_section .shoplist .shop .name {
	font-weight:bold;
}
.shoplist_section .shoplist .shop .info {
	font-size:12px;
	line-height:1.667;
}
.shoplist_section .shoplist .shop .info a {
	color:#fff;
	text-decoration:none;
}
.shoplist_section .shoplist .shop .info a:hover {
	color:#fff;
	text-decoration:underline;
}

.shoplist_section .webstore {
	padding-bottom:40px;
}
.shoplist_section .webstore .btns .gridconatiner {
}
.shoplist_section .webstore .btns .gridwrp_2 {
}
.shoplist_section .webstore .btns .grid {
	margin-top:10px;
}
.shoplist_section .webstore .btns .grid a {
	display:block;
	line-height:20px;
	padding:15px 0;
	text-align:center;
	box-sizing:border-box;
	border:1px solid rgba(255,255,255,0.3);
	text-decoration:none;
	color:#fff;
}
.shoplist_section .webstore .btns .grid a:hover {
	background:rgba(255,255,255,0.3);
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
.shoplist_section .section_inner {
	padding-bottom:50px;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.shoplist_section {
	background-size:100% auto;
}
.shoplist_section .section_inner {
	padding-bottom:20px;
}
.shoplist_section .shoplist ,
.shoplist_section .webstore {
	width:auto;
	padding-bottom:0;
}
.shoplist_section .shoplistbox {
	margin-top:10px;
}
.shoplist_section .btns {
	margin-top:0px;
}
}	/* for SP max-width: 736px */


/*===============================================================
	
	Company
	
===============================================================*/
.company_section {
	color:#fff;
	background:#000 url(/common/images/bg/bg_company.jpg) no-repeat center  top;
	background-size:auto;
	padding:0;
}

.company_section .list {
	margin-top:20px;
	padding-bottom:40px;
}
.company_section .list:first-child {
	margin-top:35px;
}
.company_section .list .head {
	border:1px solid rgba(255,255,255,0.3);
	width:26.041%;
	float:left;
	line-height:30px;
	height:30px;
	text-align:center;
}
.company_section .list .body {
	padding-bottom:20px;
	margin-left:30.208%;
}
.company_section .list .body p {
	margin-top:20px;
	line-height:1.428;
}
.company_section .list .body p:first-child {
	margin-top:0px;
}
.company_section .list .body a {
	color:#fff;
}
.company_section .list .body a:hover {
	opacity:0.7;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
.company_section .section_inner {
	padding-bottom:50px;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.company_section .section_inner {
	padding-bottom:20px;
}
.company_section .list {
	padding-bottom:0;
}
.company_section .list .head {
	width:auto;
	float:none;
}
.company_section .list .body {
	padding-bottom:20px;
	margin-left:0;
}
.company_section .list .body p {
	font-size:12px;
	line-height:1.666;
}
.company_section .list .body p:first-child {
	margin-top:20px;
}
}	/* for SP max-width: 736px */


/*===============================================================
	
	＋,ーアイコン
	
===============================================================*/
.accordion_icon,
.accordion_icon span {
	position:absolute;
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon {
	position:absolute;
	top:25px;
	right:0;
	width: 50px;
	height: 50px;
	margin-right: 0;
}
.accordion_icon span {
	position: absolute;
    left: 6px;
    width: 100%;
	height: 2px;
    background-color: #fff;
	border-radius: 4px;
	-webkit-border-radius: 4px;
	-ms-border-radius: 4px;
	-moz-border-radius: 4px;
	-o-border-radius: 4px;
}
.accordion_icon span:nth-of-type(1) {
    top: 5px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
    top: 5px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
/*＋、－切り替え*/
.accordion_icon.active span:nth-of-type(1) {
	top: 5px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}
.accordion_icon.active span:nth-of-type(2) {
	top: 5px;
	transform: rotate(180deg);
    -webkit-transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-ms-transform: rotate(180deg);
    -o-transform: rotate(180deg);
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.accordion_icon {
	position:absolute;
	top:10px;
	right:0;
	width: 30px;
	height: 30px;
	margin-right: 0;
}
}	/* for SP max-width: 736px */


/*===============================================================
	
	.bx-wrapper .bx-loading
	
===============================================================*/


.bx-wrapper .bx-loading {
	display:none;
	z-index:0;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {

}	/* for SP max-width: 736px */


/*===============================================================
	
	modalbox
	
===============================================================*/
.modalbox {
/*	width:900px;*/
	width:450px;
	display:table;
	background:#FFF;
}
.modalbox .ph {
	display:table-cell;
/*	width:50%;*/
	width:100%;
}
.modalbox .info {
	width:50%;
/*	display:table-cell;*/
	display:none;
	vertical-align:bottom;
}
.modalbox .info dl {
	padding:30px;
}
.modalbox .info dl dt,
.modalbox .info dl dd {
	color:#000;
	font-size:14px;
	line-height:1.5;
}
.modalbox .info dl dt {
	margin-top:5px;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.modalbox {
	width:100%;
	position:relative;
}
.modalbox .ph {
	display:block;
	width:100%;
}
.modalbox .info {
	width:100%;
	display:block;
	position:absolute;
	bottom:0;
	z-index:100;
}
.modalbox .info dl {
	padding:15px;
}

.modalbox .info dl dt,
.modalbox .info dl dd {
	font-size:10px;
	margin-top:0;
}
.modalbox .info dl dt {
	float:left;
	width:200px;
	clear:both;
}
.modalbox .info dl dd {
	padding-left:200px;
	text-align:right;
}

}	/* for SP max-width: 736px */


/*===============================================================
	
スライドボタンのCSS化　20180205
	
===============================================================*/
/*-------------------------------------------------------------
	lookbook
-------------------------------------------------------------*/

.bx-wrapper .bx-prev ,
.bx-wrapper .bx-next {
	background: none;
}
.bx-wrapper .bx-controls-direction a:after {
	content:'';
	position:absolute;
	margin:auto;
	top:0; bottom:0; left:0; right:0;
	border-right:solid 1px #5D605F;
	border-bottom:solid 1px #5D605F;
	width:20px;
	height:20px;
	-webkit-transform: rotate(135deg) translate(-5px,-5px);
	-moz-transform: rotate(135deg) translate(-5px,-5px);
	-ms-transform: rotate(135deg) translate(-5px,-5px);
	transform: rotate(135deg) translate(-5px,-5px);
	transition: all .3s;
}
.bx-wrapper .bx-controls-direction .bx-next:after {
	-webkit-transform: rotate(-45deg) translate(-5px,-5px);
	-moz-transform: rotate(-45deg) translate(-5px,-5px);
	-ms-transform: rotate(-45deg) translate(-5px,-5px);
	transform: rotate(-45deg) translate(-5px,-5px);
}

/* 1400px以下のサイズ */
@media only screen and (max-width: 1400px) {

}	/* for PC max-width: 1400px */


/* 736px以下のサイズ */
@media only screen and (max-width: 736px) {
.bx-wrapper .bx-controls-direction a:after {
	width:15px;
	height:15px;
}

}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
		lookbook_modal
-------------------------------------------------------------*/

.lookbook_modal_prev a ,
.lookbook_modal_next a {
	background:none;
}
.lookbook_modal_prev a:after ,
.lookbook_modal_next a:after {
	content:'';
	position:absolute;
	margin:auto;
	top:0; bottom:0; left:0; right:0;
	border-right:solid 2px #5D605F;
	border-bottom:solid 2px #5D605F;
	width:15px;
	height:15px;
	-webkit-transform: rotate(135deg) translate(-5px,-5px);
	-moz-transform: rotate(135deg) translate(-5px,-5px);
	-ms-transform: rotate(135deg) translate(-5px,-5px);
	transform: rotate(135deg) translate(-5px,-5px);
	transition: all .3s;
}
.lookbook_modal_next a:after {
	-webkit-transform: rotate(-45deg) translate(-5px,-5px);
	-moz-transform: rotate(-45deg) translate(-5px,-5px);
	-ms-transform: rotate(-45deg) translate(-5px,-5px);
	transform: rotate(-45deg) translate(-5px,-5px);
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
}	/* for SP max-width: 736px */

/*-------------------------------------------------------------
		lookbook_modalのcloseボタン
-------------------------------------------------------------*/

.modal .close {
	background:none;
	display: inline-block;
	box-sizing: border-box;
}
.modal .close span {
	position: absolute;
	left: 0;
	width: 100%;
	height: 2px;
	background-color: #5D605F;
	border-radius: 2px;
	display: inline-block;
	box-sizing: border-box;
}
.modal .close span:nth-of-type(1) {
	top: 0;
}
.modal .close span:nth-of-type(2) {
	bottom: 0;
}
.modal .close span:nth-of-type(1) {
	-webkit-transform: translateY(15px) rotate(-45deg);
	transform: translateY(15px) rotate(-45deg);
	-moz-transform: translateY(15px) rotate(-45deg);
	-ms-transform: translateY(15px) rotate(-45deg);
}
.modal .close span:nth-of-type(2) {
	-webkit-transform: translateY(-13px) rotate(45deg);
	transform: translateY(-13px) rotate(45deg);
	-moz-transform: translateY(-13px) rotate(45deg);
	-ms-transform: translateY(-13px) rotate(45deg);
}

/* タブレット以下 */
@media screen and (max-width: 960px) {

}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
.modal .close span {
	height: 1px;
}
.modal .close span:nth-of-type(2) {
	-webkit-transform: translateY(-14px) rotate(45deg);
	transform: translateY(-14px) rotate(45deg);
	-moz-transform: translateY(-14px) rotate(45deg);
	-ms-transform: translateY(-14px) rotate(45deg);
}

}	/* for SP max-width: 736px */

/*===============================================================
	
	色変更　20170210
	
===============================================================*/
body {
	color:#f00;
	background:#fff;
}
.menu-trigger span ,
.menu-trigger.active span {
	background-color: #df1217;
}
/*	バナーエリア */
.notecebanner_section {
	background:#fff;
	height:30px;	/*これ削除*/
}
.notecebanner_section .content .bnr {
	background:#fff;
	display:none;	/*これ削除*/
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.header {
	background:rgba(0,0,0,0.90);
	background:rgba(255,255,255,0.90);
}
/*	バナーエリア */
.notecebanner_section {
	background:#fff;
	height:20px;	/*これ削除*/
}
}	/* for tablet max-width: 960px */


/*===============================================================
	
	色変更　20170801
	
===============================================================*/
body {
	color:#fff;
	background:#000;
}
.menu-trigger span ,
.menu-trigger.active span {
	background-color: #fff;
}
/*	バナーエリア */
.notecebanner_section {
	background:#000;
}
.notecebanner_section .content .bnr {
	background:#000;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.header {
	background:rgba(0,0,0,0.90);
	background:rgba(255,255,255,0.90);
}
/*	バナーエリア */
.notecebanner_section {
	background:#fff;
}
}	/* for tablet max-width: 960px */


/*===============================================================
	
	色変更　20180807
	
===============================================================*/
body {
	color:#5D605F;
	background:#fff;
}
.menu .sns li {
	border-radius: 50%;
	background: #5D605F;
}
.menu .navlist li a {
	color:#fff;
}
.modalbox .info dl dt,
.modalbox .info dl dd {
	color:#5D605F;
}
.menu .navlist li a:hover {
	border-bottom:solid 1px #fff;
}
.menu .navlist .sns li a,
.menu .navlist .sns li a:hover {
	border-bottom:solid 0px #5D605F;
}
.menu-trigger span ,
.menu-trigger.active span {
	background-color: #5D605F;
}
.footer_copy_wrp .sns li {
	border-radius: 50%;
	background: #5D605F;
}
.footer_copy_wrp .copyright {
	color:#5D605F;
}
/*	バナーエリア */
.notecebanner_section,
.notecebanner_section .content .bnr {
	background:#fff;
}
/*	スライド/モーダル　*/
.bx-wrapper .bx-controls-direction a:after,
.lookbook_modal_prev a:after ,
.lookbook_modal_next a:after {
	border-color: #5D605F;
}
.modal .close span {
	background-color: #5D605F;
}
/* タブレット以下 */
@media screen and (max-width: 960px) {
.header {
	background:rgba(0,0,0,0.90);
	background:rgba(255,255,255,0.90);
}
/*	バナーエリア */
.notecebanner_section {
	background:#fff;
}
.menu .navlist .sns li a {
	background-image: none;
}
}	/* for tablet max-width: 960px */


/*===============================================================
	
	mainvisual_single
	
===============================================================*/
.mainvisual.mainvisual_single {
	overflow: hidden;
	background:#fa0102;
	text-align: center;
}
.mainvisual.mainvisual_single img {
	width: 80%;
}

/* タブレット以下 */
@media screen and (max-width: 960px) {
.mainvisual.mainvisual_single img {
	width: 100%;
}
}	/* for tablet max-width: 960px */

/* SP向けレイアウトの指定：～736px */
@media only screen and (max-width: 736px) {
}	/* for SP max-width: 736px */