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

/*----------------------------------------------------------------default*/
html {font-size: 62.5%;
/*　文字づめ用　*/
  -moz-font-feature-settings: "palt";
  -webkit-font-feature-settings: "palt";
  font-feature-settings: "palt";
  font-variant-ligatures: no-common-ligatures;
}

/* テーマカラーここ */
.main_color {background:#e62e8b;}
.txt_color {color:#e62e8b;}
#fs_wall {border-top:2px solid #e62e8b; border-bottom:2px solid #e62e8b;}
.spmenu_sankaku{border-top: 45px solid #e62e8b;
  border-right: 45px solid #e62e8b;
  border-bottom: 45px solid transparent;
  border-left: 45px solid transparent;
  width:0;
  position:absolute;
  right:0;
  top:0;
  z-index:998;}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background:#e62e8b;
}

#lineup_box {border-top:2px solid #e62e8b; padding:2% 0 2% 0;}
.inter_txt h3 {color:#e62e8b !important;}

.shop_btn_on {width:90%; margin:10px 0 0 0; padding:5%; text-align:center; font-size:1.5em; background:#e62e8b !important; color:#FFF; border:none;}
.shop_btn_on a{display:block;}
.shop_btn_off {width:90%; margin:10px 0 0 0; padding:5%; text-align:center; font-size:1.5em; background:#CCC; border:1px solid #000;}
/* テーマカラーここ */


a {
color: #000;
text-decoration: none;
}

a:focus{
outline: none;
}



a:hover img {opacity: .9;
						-webkit-animation: flash .5s;
						animation: flash .5s;}
@-webkit-keyframes flash {
	0% {
		opacity: .2;
	}
	100% {
		opacity: .9;
	}
}
@keyframes flash {
	0% {
		opacity: .2;
	}
	100% {
		opacity: .9;
	}
}

p {
margin: 0;
padding: 0;
}

h1,h2,h3,h4,h5,h6 {
font-size: 100%;
margin: 0;
padding: 0;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

img {
vertical-align: top;
max-width: 100%;
height: auto;
border: 0;
}

ul {
margin: 0;
padding: 0;
}

ul li {
padding: 0;
list-style-type: none;
}

ol {
padding: 0 0 0 1.5em;
}

ol li {
list-style-type: decimal;
}

dl,
dt,
dd {
margin: 0;
padding: 0;
}

dt {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

#clear_wall img{width:100%;
				height:100%;
				position:absolute;
				z-index:901;}

.trigger img{width:100%; max-width:960px;}
.acc {width:100%; max-width:960px; margin:0 auto; padding-bottom:2%;}
.inter_txt img{width:100%; max-width:960px;}
.inter_txt h3{font-size:1.2em; padding:3% 0 2% 0; font-style:italic;}
.inter_txt {font-size:1em; text-align:left; padding:2%; line-height:180%;}

.photo_right {float:left; width:32%; margin-top:2%; margin-left:2%;}
.photo_left {float:left; width:66%;}

/*-----------------------------------------------
スマホ
-------------------------------------------------*/
body {
font-size: 1.2rem;
line-height: 1.2;
margin: 0;
padding: 0;
background:#FFFFFF !important;}

#top_box {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#lineup_box {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

#headNav {display:none;}

.left_box {display:none;}
#clear_wall img {display:none;}
#fs_wall {position:relative;
			z-index:10;
			width:100%;
			height:100%;
			left:0;
			top:0;}

.pc_fs {display:none;}

#headNav_sp {width:100%; display:block; position:fixed; top:0; z-index:998;}
  
.spmenu{float:right;
		-webkit-border-radius: 50%;/* 50%でもOK */
		-moz-border-radius: 50%;
		border-radius: 50%;
		width:40px;
		height:40px;}
		
div .spmenu			{top:8px; right:5px; position:absolute; cursor:pointer; overflow:hidden; z-index:998;  }
div .spmenu1			{ width:25px; height:3px; background-color:#FFF; top:15px; left:12px; position:absolute; } 
div .spmenu2			{ width:25px; height:3px; background-color: #FFF; top:23px; left:12px; position:absolute; } 
div .spmenu3			{ width:25px; height:3px; background-color: #FFF; top:31px; left:12px; position:absolute; }

div .spmenu1,div .spmenu2,div .spmenu3
					{ transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; /* Opera */ -moz-transition: all 0.5s ease-out; /* Firefox */
					 -webkit-transition: all 0.5s ease-out; /* GoogleChrome, Safari */ -ms-transition: all 0.5s ease-out; /* IE */ }

#spmenu {display:none;}

#spmenu {width:100%;
			height:100%;
			position:relative;
			z-index:997;
			top:0;
			left:0;
			text-align:center;
			background:rgba(0,0,0,0.8);
			font-size:1em;
			line-height:180%;}

#spmenu li{width:100%;
			text-align:center;
			color:#FFF;
			padding:3% 0 3% 0;
			margin:0;
			border-bottom:1px solid #FFFFFF;}
#spmenu li a{color:#FFF; display:block;}

div .menuclick1		{ top:23px; -o-transform: rotate(405deg); -moz-transform: rotate(405deg); -webkit-transform: rotate(405deg);
				 	-ms-transform: rotate(405deg); transform: rotate(405deg); }
div .menuclick2		{ background-color:rgba(255,255,255,0);  }
div .menuclick3		{ top:23px; -o-transform: rotate(-405deg); -moz-transform: rotate(-405deg);
					-webkit-transform: rotate(-405deg); -ms-transform: rotate(-405deg); transform: rotate(-405deg); }

#sp_logo {width:80%;
			margin:2% 0 2% 1%;
			position:relative;
			display:block;}

#fs_wall {height:553px;}

#right_contain {width:100%; clear:both;}
				
.right_box {width:100%;
			right:0;
			margin:0;}


.r_menu img{margin:15px 0 10px 0; width:90%;}


/* SP商品ステータスここ */
.fs_txt {text-align:left; font-size:1em; line-height:150%; padding:10px;}
.fs_txt h2{font-size:1.2em; line-height:120%; padding-bottom:5px;}
.caution_txt {font-size:0.8em; line-height:160%;}


#lineup_area {width:95%; margin:0 auto;}
.item_box {width:96%; font-size:1.2em; line-height:160%; margin:8% 0 2% 0; padding:0 2% 2% 2%;}
.item_box h3{font-size:1.3em;}

.item_img {width:300px; margin:0 auto; padding:5% 0 5% 0; text-align:center;}
.item_check {position:absolute; width:300px; z-index:800; border:1px solid #D2D2D2; margin:0 auto;}

.wc_txt {font-size:1.3em; margin:5px 0 5px 0;}
.wc_data {font-size:1em; margin:5px 0 5px 0;}
.wc_caution {font-size:0.8em; line-height:156%;}

#lineup_area hr{display:none;}

.petit_btn {border:1px solid #D2D2D2; width:95%; font-size:1.5em; margin:0 auto; text-align:center;}
.petit_btn a{display:block; padding:25px 0 25px 0;}

.petit_btn a:hover{opacity: .9;
						-webkit-animation: flash .5s;
						animation: flash .5s;}

.kuji_link {font-size:1.2em; text-decoration:underline; margin:25px; text-align:center;}

/* SP商品ステータスここ */

#lineup_box h2{color:#FFFFFF; text-align:center; padding:15px; font-size:1.5em; line-height:150%;}
#coming_soon {font-size:2em; text-align:center; padding:10%;}
#lineup_box h2 img{width:1.2em;}

.copy_block {width:100%; padding:15px 0 15px 0; font-size:10px; text-align:left;}

#footerArea {display:none;}

#footerArea2{margin:0; display:block;}

#page-top {
display: inline-block;
color: #fff;
font-size: 1.5rem;
font-weight: bold;
background: rgba(215,0,15,.7);
border-radius: 5px;
padding: 10px;
position: fixed;
right: 30px;
z-index: 1000;
cursor: pointer;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

footer .mobile {
display: none;
}

footer .pagetop {
display: none;
}

footer nav h3 {
background: #222;
color: #fff;
font-size: 1.8rem;
line-height: 26px;
padding: 0 10px;
margin: 0 0 1px;
position: relative;
}

footer nav h3:after {
position: absolute;
top: 7px;
right: 10px;
display: block;
width: 0;
height: 0;
content: '';
border: 8px solid transparent;
border-top: 10px solid #fff;
}

footer nav h3.active:after {
position: absolute;
top: -1px;
right: 10px;
display: block;
width: 0;
height: 0;
content: '';
border: 8px solid transparent;
border-bottom: 10px solid #fff;
}

footer nav li {
color: #000;
font-size: 1.2rem;
line-height: 21px;
border-bottom: 1px solid #000;
}

footer nav ul li:last-child {
border: none;
}

footer nav li a {
padding: 0 30px;
}

footer nav .mobile {
display: none;
}

footer .footer-logo {
display: none;
}

footer .attention {
background: #222;
padding: 3%;
font-size: 0.9rem;
color: #888;
}

footer #copyright h1 {
text-align: center;
line-height: 26px;
background: #000;
color: #888;
}

footer #copyright h1:before {content: '▼ '; }

footer #copyright h1.active:before {content: '▲ '; }

footer #copyright h1:after {content: 'を開く ▼'; }

footer #copyright h1.active:after {content: 'を閉じる ▲'; }

footer #copyright .inner {
width: 94%;
margin: 10px auto;
background: #fff;
}

@media all and (min-width:768px) {
#lineup_area {width:768px; margin:0 auto;}
.item_box {width:350px; font-size:1.2em; line-height:160%; float:left; margin:25px 0 10px 0; padding:0 15px 25px 15px;}
.item_box h3{font-size:1.3em;}

.item_img {width:300px; height:300px; padding:20px 0 20px 0; margin:0 auto;}
.item_check {position:absolute; width:300px; z-index:800; border:1px solid #D2D2D2;}

}

@media all and (min-width:961px) {
/*------
PC
-------*/

body {margin:0; padding:0; overflow-x:hidden;}

.pc_fs {display:block; width:100%;}

#sp_logo {display:none;}

#top_box {height:985px; font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}
#lineup_box {font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;}

#fs_wall {position:absolute;
			z-index:10;
			left:0;
			top:35px;
			border-bottom:0;}
			

#right_contain {width:924px;
				position:relative;
				top:15px;
				z-index:998;
				margin:0 auto;}

.right_box {width:360px;
			float:right;
			position:relative;
			margin:0 -20px 0 0;
			right:0;}

.r_menu {background-color:rgba(255,255,255,0.8) !important; filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr=#99ffffff,EndColorStr=#99ffffff); border:1px solid #000; margin:0;}

.r_menu img{margin:15px 0 10px 0;}

/* PC商品ステータスここ */
.fs_txt {text-align:left; font-size:14px; line-height:150%; padding:0 10px 10px 10px;}
.fs_txt h2{font-size:18px; line-height:120%; padding-bottom:5px;}
.caution_txt {font-size:12px; line-height:160%;}

#lineup_area {width:1024px; margin:0 auto;}
.item_box {width:480px; font-size:1.4em; line-height:160%; float:left; margin:25px 0 10px 0; padding:0 15px 25px 15px;}
.item_box h3{font-size:1.5em;}

.item_img {width:400px; height:400px; padding:20px 0 20px 0; margin:0 auto;}
.item_check {position:absolute; width:400px; z-index:800; border:1px solid #D2D2D2;}

.wc_txt {font-size:1.5em; margin:5px 0 5px 0;}
.wc_data {font-size:1.2em; margin:5px 0 5px 0;}
.wc_caution {font-size:0.8em; line-height:156%;}

hr{clear:both; border-top:none; border-bottom:1px solid #D2D2D2; color:#D2D2D2;}

.petit_btn {border:1px solid #D2D2D2; width:700px; font-size:2.5em; margin:0 auto; text-align:center;}
.petit_btn a{display:block; padding:25px 0 25px 0;}

.petit_btn a:hover{opacity: .9;
						-webkit-animation: flash .5s;
						animation: flash .5s;}

.kuji_link {font-size:1.5em; text-decoration:underline; margin:25px; text-align:center;}



/* PC商品ステータスここ */

.copy_block {width:350px;
             padding:15px 0 15px 0; 
			 text-align:left; 
		     text-shadow: 1px 1px 0 #fff,
                          -1px 1px 0 #fff,
                          1px -1px 0 #fff,
                          -1px -1px 0 #fff;
}


#lineup_box h2{color:#FFFFFF; text-align:center; padding:15px; font-size:24px; line-height:38px;}
#lineup_box h2 img{width:30px;}
#coming_soon {font-size:36px; text-align:center; padding:10%;}


/* PCインタビュー施策ここ*/

.inter_txt {font-size:1.3em; text-align:left; padding:2%; line-height:180%;}

.photo_right {float:left; width:30%; margin-top:2%; margin-left:2%;}
.photo_left {float:left; width:68%;}



/* ---------------------------------------------
	0 - header
--------------------------------------------- */
#headNav_sp {display:none;}

#headNav{
	background:#131313;
	color:#fff;
	font-size:11px;
	height:38px;
	position:relative;
	z-index:999;
	display:block;
}

#headNav ul{
	margin:11px 0 0 52px;
	padding:0 5px 0 0;
	border-right:#2B2B2B 1px solid;
	float:left;
	}
#headNav li{
	display:inline-block;
	padding-right:15px;
}
.ie8 #headNav li { font-size:10px;}
#headNav li:before{
	content:"●";
	color:#F99605;
	padding-right:2px;
}
#headNav li a{ text-decoration:none; color:#fff; }
#headNav li a:hover{ text-decoration:underline; }

#headNav .bpNavi {
    padding: 5px 0px 5px 10px;
    display: inline-block;
    float: left;
}
#headNav .Search{
	padding: 8px 0 8px 0 ;
    display: inline-block;
	}
#headNav .Search .SearchBox{
	height:12px;
	width:110px;
	margin-right:1px;
	margin-left:15px;
    padding: 4px 4px;
	border:solid 1px #ccc;
	border-radius:3px;
    box-sizing: content-box;
	font-size:100% !important;
	}	
#headNav .Search .send{
    margin-left:5px;
    margin-bottom:-6px;
}
	.ie8 #headNav .Search .send{ margin-bottom:-10px;  }

#headNav .mobileBnr {
    display: inline-block;
    float: right;
    position: relative;
    z-index: 10;
}

.wrapArea960{ width:960px; margin:0 auto; }



/* ---------------------------------------------
	0 - footer
--------------------------------------------- */
#footerArea2 {display:none;}
#footerArea{ clear:both; margin:0 auto; position:absolute; width:100%;  z-index:997; display:block;}

#footerArea .linkArea{ background-color:#FFFFFF; width:100%; }
#footerArea .linkArea ul{ width:790px; margin:0 auto; padding:10px 100px 10px 10px; }
#footerArea .linkArea ul li{ float:left; margin-right:5px; }


#footerArea .menuArea{ background-color:#222222; border-top:#4a4a4a 1px solid; padding:15px; }

#footerArea .menuAreaWrap{ width:1200px; margin:0 auto; position:relative; }
#footerArea .menuAreaWrap .pagetop{ position:absolute; top:-32px; left:810px; }
#footerArea .menuAreaWrap .pagetop a:hover img{ filter: alpha(opacity=100); -moz-opacity:1; opacity:1; }


#footerArea .menuArea ul{ width:900px; margin:0 auto; padding-top:10px; }
#footerArea .menuArea ul li{ width:90px; padding:0 13px; float:left; border-right:#363636 solid 1px; border-left:#191919 1px solid; }

#footerArea .menuArea ul li.contents{ border-left: 0; width:120px; }
#footerArea .menuArea ul li.support { width:120px; }
#footerArea .menuArea ul li.link { width:87px; }
#footerArea .menuArea ul li.link2 { width:215px; }
#footerArea .menuArea ul li.footerLogo{ border-right:0; }

#footerArea .menuArea ul li a{ color:#FFFFFF; text-decoration:underline; }
#footerArea .menuArea ul li a:hover{ text-decoration:none; }
#footerArea .menuArea ul li dt{ font-size:14px; font-weight:bold; color:#FFFFFF; margin-bottom: 6px; }
#footerArea .menuArea ul li dd{ font-size:10px; line-height:2em; font-weight:normal; color:#FFFFFF; }

#footerArea .menuArea ul li.mobile{ width: 215px; float:left;  border-left:#191919 1px solid; }
#footerArea .menuArea ul li.link2 dd.qr{ padding-top:7px; margin-right:10px; float:left; }
#footerArea .menuArea ul li.link2 dd{ font-size:11px; padding-top:7px; line-height:1.4; font-weight:normal; color:#FFFFFF; }
#footerArea .menuArea ul li.link2 dd span{ color:#888888; font-size:10px; }

#footerArea .attention{ padding:20px; color:#888888; clear:both; font-size:10px; text-align:center; }

#footerArea .copyright{ background-color:#FFFFFF; }
#footerArea .copyright a{ text-decoration:underline; color:#666666; }



}