@charset "utf-8";

/*----------------------------------------------------
 elements
----------------------------------------------------*/
body {
	color: #333333;
	font-family: 'メイリオ',Meiryo,ArialMT, "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", sans-serif;
	font-size: 12px;
	line-height: 1.5;
	-webkit-text-size-adjust: none; /* フォントサイズ自動調整、文字の大きさはそのままで1行の長さを変えたい */
}

body {
	margin:0;
	padding:0;
	width:100%;
}

a,
div.biglink {
	/*-webkit-tap-highlight-color: rgba(200,200,555,.6);*//* ロールオーバー */
}

a.txtlink,
a.txtlink:link,
a.txtlink:visited{
color:#DA2061;
font-weight:bold;
text-decoration:underline;
}

a:link {
	text-decoration: none;
}

a:visited {
	text-decoration: none;
}

img {
	vertical-align: top;
}

#page img:not([width]),
#page2 img:not([width]) {
	zoom: .5;/* Retinaディスプレイ対応のためimg要素は半分の大きさに */
}

p, dl, ol, ul {
	/*margin-bottom: 10px;*/
}

ol, ul {
	/*margin-left: 25px;*/
}

.bold:before {
position:absolute;
top:0;
left:1px;
content:attr(data-text);
}

.first #wrapper{
	background:url(../img/top/contentbg.jpg) top left repeat-y;
	background-size:320px auto;
	-webkit-background-size:320px auto;
	-moz-background-size:320px auto;
}

.first .searchbtn{
	width:279px;
	margin:16px auto 0 auto;
	padding-top:10px;
}

/*----------------------------------------------------
 #page
----------------------------------------------------*/
#page {
	/*overflow: hidden;*/
	/*width: 320px;*/
	width:320px;
	margin: 0 auto;
}


/*----------------------------------------------------
 ランドスケープ表示
----------------------------------------------------*/
@media all and (orientation:landscape) {
	#page {
		width:320px;
	}
}

/**/
#mainvisual{
	background:url(../img/top/visualbg.png) top left no-repeat;
	background-size:320px 171px;
	-webkit-background-size:320px auto;
	-moz-background-size:	320px auto;
	height:162px;
	padding-top: 9px;
	margin-bottom: -40px;
}
.mainvisualinner{
	position:relative;
	width: 320px;
}

.mainvisualinner .campaignimg{
	position: relative;
	top: -5px;
	left: 5px;
}
.mainvisualinner .mainimg_mirai{
	position: relative;
	top: -1px;
	left: 10px;
}

.bxslider{
	height:363px;
	overflow:hidden;
	background:none;
	position: relative;
left: 22px;
}
.bx-window{
	/*margin-left: 22px;*/
}

.bx-window,
.bxslider,
.bxslider li,
.bxslider li a,
.bxslider li img{
	background:none !important;
}

.bx-prev{
	position: absolute;
	display:block;
	z-index:100;
top: 62px;
left: 8px;
background: url(../img/top/arrow_l.png) 0px 0px no-repeat;
width: 8px;
height: 13px;
text-align: center;
padding: 10px 0;
text-indent:-3000em;
background-size:8px auto;
	-webkit-background-size:8px auto;
	-moz-background-size:	8px auto;
}

.bx-next{
position: absolute;
	display:block;
	z-index:100;
top: 62px;
right: 8px;
background: url(../img/top/arrow_r.png) 0px 0px no-repeat;
width: 8px;
height: 13px;
text-align: center;
padding: 10px 0;
text-indent:-3000em;
background-size:8px auto;
	-webkit-background-size:8px auto;
	-moz-background-size:	8px auto;
}
/**/


/*----------------------------------------------------
 header
----------------------------------------------------*/
#page header{
padding:8px 0 0px;
background:#ffffff top left repeat;
margin-bottom:0px;
}

#page header .headerinner{
	/*width:290px;*/
	width:90.625%;
	margin:0 auto;
	overflow:hidden;
}

#page header .headerinner .head_l{
	float:left;
	padding-top:4px;
}



#page header .headerinner .head_l h1,
#page header .headerinner .head_l .logo{
	float:left;
}

#page header .headerinner .head_l p{
	float:left;
}

#page header .headerinner .head_r{
	float:right;
}

#page header .menubtn{
	background-image:url(../img/header/acdbtn.png);
	background-repeat:no-repeat;
	background-position:0px 0px;
	background-size:60px auto;
	-webkit-background-size:60px auto;
	-moz-background-size:60px auto;
	height:40px;
	text-indent:-3000em;
	width:60px;
}
#page header .menubtn.active{
	background-position:0px -40px;
}

#page header .menubox{
	display:none;
	position: absolute;
	top:48px;
	background:url(../img/header/headmbg.png) top left repeat;
	background-size:320px auto;
	-webkit-background-size:320px auto;
	-moz-background-size:320px auto;
	left:50%;
	margin-left:-160px;
	z-index:1100;
	width:320px;
	padding:10px 0;
}

#page header .menubox ul{
	width:300px;
	margin:0 auto;
}
/*----------------------------------------------------
 content
----------------------------------------------------*/
#content #row01{
	overflow:hidden;
	background:url(../img/top/row11.png) top left no-repeat;
	background-size:320px auto;
	display: flex;
	padding-top:50px;
	padding-left: 11px;
	padding-bottom:47px;
	margin-bottom: -20px;
position: relative;
}

#content #row01 li.topbtn01{
	padding-right:35px;
	padding-top:22px;
	right: 1px;
}

#content #row01 li.topbtn03{
	top: 1px;
	left: 4px;
}


#content #row02_14{
	overflow:hidden;
	background:url(../img/top/row12.png) top left no-repeat;
	background-size:320px  auto;
	display: flex;
	padding-top:36px;
	padding-left: 30px;
	padding-bottom:59px;
	margin-bottom:-30px;
	position:relative;
	top: 2px;
	z-index:10;
}

#content #row02_14 li.topbtn02{
	bottom: 18px;
	right: 6px;
}

#content #row02_14 li.topbtn06{
	bottom: 25px;
	left: 78px;
}

#content #row01 li,
#content #row02 li{
	position:relative;
}

#content #row01 li span.newicon,
#content #row02 li span.newicon,
#content #row02_14 li span.newicon,
#content #row03_14 li span.newicon,
#content #row04_14 li span.newicon{
	position:absolute;
	left: 93px;
	top:-19px;
}

#content #row02_14 li span.newicon {
	left: 89px;
	top: -17px;
}


#content #row02_14 li,
#content #row03_14 li,
#content #row04_14 li{
	position: relative;
}

/*----------------------------------------------------
 footer
----------------------------------------------------*/
footer{
	background:url(../img/footer/footerbg.png) top left no-repeat;
	background-size:320px auto;
	-webkit-background-size:320px auto;
	-moz-background-size:320px auto;
	padding-top: 106px;
}
.footer-nosearch{
	background:url(../img/footer/footerbg-nosearch.png) top left no-repeat;
	background-size:320px auto;
	-webkit-background-size:320px auto;
	-moz-background-size:320px auto;
	padding-top: 106px;
}
#pagetop{
	position: relative;
	background:url(../img/footer/footerbg.png) top left no-repeat;
	background-size:320px auto;
z-index: 10;
text-align:right;
padding-right:9px;
padding-top: 20px;
}

footer article{
	border-bottom:1px solid #ffffff;
}

footer p#shopbtn{
	width:300px;
	margin:0 auto;
	padding-bottom:22px;
}

footer p#shopbtn.shopbtn-noserch{
	margin-bottom: -18px;
}

footer p#pcsitebtn{
	width:300px;
	margin:0 auto;
	padding-bottom:14px;
}

footer article ul{
	overflow:hidden;
	width:254px;
	margin:0 auto;
	padding-bottom:3px;
}

footer article li{
	float:left;
	margin-right:18px;
}

footer article li:last-child{
	margin-right:0px;
}

footer p#copy{
	padding:0px 0 0;
	margin:0 auto;
	width:221px;
}

footer p#copy img{
	padding-top:6px;
}

.mt10{
	margin-top: 10px !important;
}

.mb10{
	margin-bottom: 10px !important;
}


.header_nav{
	display: block;
	width: 300px;
	height: 230px;
	overflow: hidden;
	margin: 0 auto;
}
.footer_nav{
	display: block;
	width: 320px;
	height: 252px;
	overflow: hidden;
	margin: 0 auto;
}
.footer_nav-nosearch {
	height: 199px;
}

/*----------------------------------------------------
 clearfix
----------------------------------------------------*/
.clerfix:after,
#page header div.headerinner:after,
footer #socials:after{
/*content: '';
 display: block;
  clear: both;*/
	content:         ".";
	height:          0;
	clear:           both;
	visibility:      hidden;
	display:         block;
	 }