@charset "Shift-JIS";

body{
	margin: 0;
	font-family:"ƒqƒ‰ƒMƒmŠpƒSƒVƒbƒN Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "MS P ƒSƒVƒbƒN", "MS PGothic", sans-serif;
	color:#333;
	-webkit-text-size-adjust:100%;
}



ul,ol,p,h1,h2,h3{
	margin: 0;
	padding: 0;
	list-style:none;
	line-height: 100%;
}

div{
	line-height: 100%;
}

img{
	vertical-align:bottom;
}

a img{
	border: none;
}


a img.hvr{
	-ms-filter:"alpha(opacity=70)"; /*IE8 ŒέŠ·ƒ‚[ƒh Ajax—p*/
}
a.hvr img:hover{
	-ms-filter:"alpha(opacity=70)"; /*IE8 ŒέŠ·ƒ‚[ƒh Ajax—p*/
}

a.hvr img{
	-ms-filter:"alpha(opacity=100)"; /*IE8 ŒέŠ·ƒ‚[ƒh Γ“Ihtml—p*/
}
a img.hvr:hover{
	opacity:0.7;
	-ms-filter:"alpha(opacity=70)"; /*IE8 ŒέŠ·ƒ‚[ƒh Γ“Ihtml—p*/
}
.bx-clone a.hvr img:hover{
	opacity:0.7;
	-ms-filter:"alpha(opacity=70)"; /*IE8 ŒέŠ·ƒ‚[ƒh ƒXƒ‰ƒCƒh—p*/
}
.bx-clone a.hvr img{
	-ms-filter:"alpha(opacity=70)"; /*IE8 ŒέŠ·ƒ‚[ƒh ƒXƒ‰ƒCƒh—p*/
}

a.noUnder{
	text-decoration:none;
}

.container{
	width:980px;
	margin: 0 auto;
}

/*clearfix*/
.row:after{
	content: " "; 
	display: block; 
	height: 0; 
	font-size:0;	
	clear: both; 
	visibility:hidden;
}
.row{*min-height: 1%;}

.bkClear{
    clear: both;
}

#contents{
	padding: 0 0 40px;
}

/*------------------------------------------
	ajax now loading setting
-------------------------------------------*/
.loading{
	text-align: center;
}
.loading img{
	display: inline-block;
	margin-bottom: 10px;
}

/*------------------------------------------
	#header setting
-------------------------------------------*/
#header{
	z-index: 2;
	width: 100%;
	position: relative;
	margin: 0 0 26px;
}

#header .container{
	position: relative;
	padding:0 0 8px;
	/*min-height:110px;
	min-height:101px_9;*/ /* IE9` */
	/*padding: 11px 0 8px;
	*padding: 9px 0 8px;*/ /* IE7 */
	*z-index:5; /* IE7 */
}

#header .top{
	margin-bottom: 14px;
}

#header .top h1{
	float: left;
	font-size: 10px;
	font-weight: normal;
	padding: 13px 0 0;
}
/*Lite‰οˆυTOP—p*/
#header .top h1#liteCopy{
	padding:13px 0 0 185px;
}

#header .top .r_box{
	float: right;
	font-size: 12px;
	position:relative;
}

#header .top .r_box p{
	display: inline-block;
	font-size: 10px;
}

#header .top .r_box p span{
	margin-right: 12px;
}

#header .top .r_box p:first-child{
	margin:0 113px 0 0;
	padding:13px 0 0;
}
#header .top .r_box p:first-child a{
	color: #333;
	text-decoration: none;
}

#header .top .r_box p:first-child a:hover{
	text-decoration: underline;
}

#header .top .r_box > .login{
	margin-left: 10px;
	position: absolute;
	top:10px;
	right:0;
}

#header .top .r_box > .login > a{
	display:inline;
	padding:8px 18px 7px 38px;
	color: #fff;
	position: relative;	
	font-size:12px;
	text-decoration:none;
	background:url(../img/icon_login2.png) 12px 4px no-repeat #75C5B5;
	background:url(../img/icon_login2.png) 12px 8px no-repeat #75C5B5_9; /* IE8 */
}

#header .top .r_box .login a:hover{
	text-decoration: none;
	background-color:#9DD5CA;
}


#header .bottom .l_box{
	float: left;
	width: 644px;
}

#header .bottom .l_box .greet_none span a{
	display: inline-block;
	height: 36px;
	padding: 4px 0 0;
	font-size: 12px;
	line-height: 1.35;
	color: #65B3A4;
	text-decoration:none;
}
#header .bottom .l_box .greet_none span a:hover{
	color:#FF94A6;
}

#header .bottom .l_box span a:hover{
	text-decoration:none;
}

#header .bottom .l_box .logo{
	display: block;
	float: left;
	margin-right: 38px;
}
#header .bottom .l_box .greet_none .logo a{
	padding: 0;
}

/*Lite‰οˆυTOP—p*/
#header .bottom .l_box #ltLogo{
	position:relative;
	margin-right: 37px;
}
#header .bottom .l_box #ltLogo a{
	position:relative;
	top:-17px;
}

#header .bottom .l_box form{
	float: left;
	width: 405px;
}

#header .bottom .l_box form input[type="text"]{
	float:left;
	font-size: 12px;
	line-height: 120%;
	border: #ccc solid 1px;
	padding: 0 10px;
	height: 38px;
	*padding: 12px 10px 12px; /* IE7 */
	*height: auto; /* IE7 */
	padding: 13px 10px 11px_9; /* IE8 */
	height: auto_9; /* IE8 */
	width:335px;
	border-radius:0;
	box-shadow:none;
}

#header .bottom .l_box form input:focus::-webkit-input-placeholder{
    color: transparent;
}
    
#header .bottom .l_box form input:focus::-moz-placeholder{
    color: transparent;
}

input[type="text"]:focus{
	outline: 0;
	border-color: #ccc;
}

#header .bottom .l_box form input[type="image"]{
	float: left;
	margin-right: 2px;
	border-radius:0;
}

#header .bottom .l_box p{
	font-size: 10px;
	margin: 10px 0 12px;
}

#header .bottom .r_box{
	float: right;
	text-align: left;
	width: 330px
}

#header .bottom .r_box .customer_tel{
	float: left;
}

#header .bottom .r_box a{
	display:block;
	cursor:pointer; /* IE7 ŒέŠ·ƒ‚[ƒh—p */
}

#header .bottom .r_box a .cart{
	width:100px;
	padding: 14px 10px 11px 43px;
	*padding: 12px 10px 9px 43px;
	font-size: 12px;
	color: #fff;
	text-align:center;
	text-decoration:none;
	float: right;
	display: block;
	line-height: 100%;
	*line-height: 1.2;
	background: url(../img/icon_cart.png) no-repeat 30px 50% #F98298;
}

#header .bottom .r_box .cart big{
	font-weight: 15px;
	text-align: right;
	margin: 0 3px;
	width: 24px;
	display: inline-block;
	font-family: Arial, Helvetica, sans-serif;
}

#header .bottom .r_box div:nth-of-type(1){
	*margin-bottom: 5px;
}

#header .bottom .r_box div#guideFaq{
	width: 225px;
	margin: 12px 0 2px 106px;
	text-align:right;
}
/*Lite‰οˆυƒgƒbƒv*/
#header .bottom .r_box div#liteGuide{
	width: 186px;
	margin: 14px 0 2px 143px;
	margin: 14px 0 1px 143px_9;
	text-align:right;
}

#header .bottom .r_box div:nth-of-type(2) p{
	display: inline-block;
	*display:inline; /* IE7 */
	font-size: 11px;
	margin: 0 0 0 20px;
	line-height: 170%;
}

#header .bottom .r_box div:nth-of-type(2) p a{
	padding-left: 10px;
	position: relative;
	color: #78BCAF;
}

#header .bottom .r_box div:nth-of-type(2) p:first-child a,
#header .bottom .r_box div:nth-of-type(2) p:nth-child(2) a{
	background: url(../img/icon_header_arrow.gif) no-repeat 0% 50%;
}

#header .bottom .r_box div p a{
	display:inline; /* IE7 ŒέŠ·ƒ‚[ƒh—p*/
	text-decoration: none;
}
#header .bottom .r_box div p a:hover{
	color:#FF94A6;
}

#header .bottom .r_box div:nth-of-type(3) p a{
	position: relative;
	left: -26px;
	top: 9px;
	top: 11px_9;
}

/* Navigation */
#header #gnav{
	width: 100%;
	background-color: #EFDFC5;
}
#header #gnav ul{
	width: 980px;
	margin: 0 auto;
}
#header #gnav ul > li{
	float: left;
	width: auto;
	position: relative;
	top: 0;
}
#header #gnav ul > li.r_nav{
	float:right;
}
#header #gnav > li > a{
	display: block;
	padding: 0;
}
#header #gnav ul li.has_child div{
	position: absolute;
	top: 60px;
	left: 0;
	display: none;
}

#header #gnav ul li.has_child div.open{
	display: block;
}

#header #gnav ul li.has_child div ul{
	width: 100%;
	border: #E5E1DB solid 1px;
	background: #fff;
	position: relative;
	*position: static;
}

#header #gnav ul li.has_child div ul:before{
	width: 100%;
	height: 5px;
	background: url(../img/sub_navi_delta.png) repeat-x;
	position: absolute;
	content: " ";
	top: 0;
}

#header #gnav ul li.has_child div ul li{
	width: auto;
	font-size: 13px;
	line-height: 158%;
	text-align: left;
	border-bottom: #E5E1DB solid 1px;
	position: static;
	float: none;
}

#header #gnav ul li.has_child div ul li:last-child{
	border-bottom: none;
}

#header #gnav ul li.has_child div ul li a{
	color:#666;
	padding: 13px 9px 13px 22px;
	display:block;
	text-decoration: none;
	background: url(../img/icon_arrow_gl.png) no-repeat 10px 50%;
}

#header #gnav ul li.has_child div ul li a:hover{
	background-color: #FFF698;
}

#header #gnav ul li.has_child .sub_navi01,
#header #gnav ul li.has_child .sub_navi02{
	width: 156px;
}

#header #gnav ul li.has_child .sub_navi01 ul:before,
#header #gnav ul li.has_child .sub_navi02 ul:before{
	left: 0px;
}

/*category navi*/
#header #gnav #category_nav{
	font-size: 13px;
	position: absolute;
	top: 60px;
	left: 0;
	width: 980px;
	display: none;
}

#header #gnav #category_nav.open{
	display: block;
}

#header #gnav #category_nav .inner{
	position: relative;
	border: #E5E1DB solid 1px;
	background: #fff;
	text-align: left;
}
#header #gnav #category_nav .inner:before{
	width: 100%;
	height: 5px;
	background: url(../img/sub_navi_delta.png) repeat-x;
	position: absolute;
	content: " ";
	top: 0;
	left: 0;
}

#header #gnav #category_nav.ct2_none{
	width: 190px;
}

#header #gnav #category_nav.ct2_none .inner{
	width: 190px;
	border-right: none;
}


#header #gnav #category_nav .ctgry1{
	float: left;
	width: 190px;
}

#header #gnav #category_nav .ctgry1 li{
	width: 162px;
	padding: 13px 8px 13px 20px;
	border-right: #E5E1DB solid 1px;
	border-bottom: #E5E1DB solid 1px;
	background-color: #fff;
}
#header #gnav #category_nav .ctgry1 li:first-child{
	background: url(../img/sub_navi_delta.png) left top repeat-x;
}
#header #gnav #category_nav .ctgry1 li.current{
	background: #FFF698;
	border-right: #FFF698 solid 1px;
}
#header #gnav #category_nav .ctgry1 li:first-child.current{
	background: url(../img/sub_navi_delta.png) left top repeat-x #FFF698;
	border-right: none;
}



#header #gnav #category_nav .ctgry1 li:last-child{
	border-bottom: none;
}

#header #gnav #category_nav .ctgry1 li a{
	display: block;
	width: 162px;
	color: #333;
	text-decoration: none;
	background: url(../img/icon_arrow_gl.png) no-repeat 90% 50%;
}
#header #gnav #category_nav .ctgry1 li.noarrow{
	width: 162px;
}
#header #gnav #category_nav .ctgry1 li.noarrow a{
	background: none;
}
#header #gnav #category_nav .ctgry1 li.noarrow:hover{
	border-right: solid 1px #E5E1DB;
}


#header #gnav #category_nav .ctgry2{
	float: left;
	width: 755px;
	padding: 15px 0 15px 30px;
}

#header #gnav #category_nav .ctgry2.ct2_none{
	display: none;
}

#header #gnav #category_nav .ctgry2 ul{
	display: none;
	padding: 0;
}

#header #gnav #category_nav .ctgry2 ul.current{
	display: block;
	width: 100%;
}

#header #gnav #category_nav .ctgry2 li{
	float: left;
	min-width: 220px;
	margin: 0 15px 10px 0;
	line-height: 135%;
}

#header #gnav #category_nav .ctgry2 ul li a{
	display: block;
	color: #333;
	font-size: 12px;
	text-decoration: none;
	background: url(../img/icon_arrow_gl_sub.png) no-repeat 0% 50% #fff;
	padding-left: 15px;
}

#header #gnav #category_nav .ctgry2 ul li a:hover,
#header #gnav #category_nav .ctgry2 ul li a.hover{
	background-color: #FFF698;
}

#header #gnav #category_nav .ctgry2 ul li a:hover{
	background: url(../img/icon_arrow_gl_sub.png) no-repeat 0% 50% #FFF698;
	*display:block;
	*width:100%;
	*height:100%;
	zoom: 1;
}

/*login popup*/
#header .popup{
	position: absolute;
	background: #fff;
	padding: 22px 25px;
	width: 180px;
	border: #ccc solid 1px;
	top: 40px;
	right: 0;
	z-index: 3;
	display: none;
}

#header .popup.open{
	display: block;
}

#header .popup .loginForm p{
	font-size: 11px;
	line-height: 15px;
}

#header .popup .loginForm p a{
	text-decoration: none;
	color: #000;
}

#header .popup .loginForm p a:hover{
	text-decoration: underline;
}

#header .popup .loginForm input{
	display: block;
	margin-bottom: 11px;
	width: 100%;
	padding: 5px 0;
	border: #ccc solid 1px;
}

#header .popup .loginForm .btn_submit input{
	background: #78C5B5;
	color: #fff;
	margin-bottom: 10px;
	border: none;
}

#header .popup .loginForm .btn_submit input[type="submit"]:hover{
	cursor: pointer;
}


/*-----------------------------------------
	#important setting
------------------------------------------*/
#important{
	padding: 13px 20px;
	border: #ccc solid 1px;
	font-size: 14px;
	margin: 17px 0 20px;
	margin-bottom: 20px;
}

#important table{
	margin-bottom: 17px;
}

#important table th{
	width: 120px;
	border-right: #ccc solid 1px;
	text-align: left;
}

#important table td{
	padding-left: 15px;
}

#important table td p{
	line-height: 150%;
	margin-bottom: 5px;
}

#important table td p:last-of-type{
	margin-bottom: 0;
}

#important table td p span{
	float: left;
	font-size: 12px;
	width: 78px;
}

#important table td p a{
	display: block;
	margin-left: 78px;
	color: #000;
	text-decoration: none;
}

#important table td p a:hover{
	text-decoration: underline;
}

#important .alert{
	padding: 10px 15px;
	background: #efefef;
	font-size: 14px;
}

#important .alert a{
	color: #000;
}

#important .alert a:hover{
	text-decoration: none;
}

/*-----------------------------------------
	#top_slider setting
------------------------------------------*/
#top_slider{
	position: relative;
	margin-bottom: 35px;
}

#top_slider .prev,
#top_slider .next{
	position: absolute;
	top: 158px;
}

#top_slider .prev{
	left: 0;
}
#top_slider .prev:hover{
	left: -3px;
}

#top_slider .next{
	right: 0;
}
#top_slider .next:hover{
	right: -3px;
}

#top_slider .controller{
	text-align: center;
	font-size: 9px;
	margin-top: 15px;
}

#top_slider .controller li{
	display: inline;
	margin: 0 2px;
}

#top_slider .bx-pager{
	margin-top:15px;
	text-align:center;
}
#top_slider .bx-pager-item{
	width:8px;
	height:8px;
	display:inline;
	margin:0 2px;
	text-align:center;
}
#top_slider .bx-pager-item a{
	display:inline-block;
	width:8px;
	height:8px;
	margin:0 2px;
	font-size:0;
	line-height:0;
	background:url(../img/top_slider_circle.png) center center no-repeat;
}
#top_slider .bx-pager-item a:hover,
#top_slider .bx-pager-item a.active{
	background:url(../img/top_slider_circle_o.png) center center no-repeat;
}


/*--------------------------------------------
	#information setting
---------------------------------------------*/
#information{
	margin-bottom: 50px;
	padding:0 3em;
}

#contents #information{
	padding:0; /*ƒgƒbƒvƒy[ƒW—p*/
}

#information #news{
	float: left;
	width: 532px;
}

#information #news.full{
	width: 100%;
}

#information #news .title{
	margin-bottom: 17px;
}

#information #news .title h2{
	float: left;
	font-size: 13px;
	color: #00A186;
	margin: 0;
	padding: 0 0 0 10px;
	border-left: solid 3px #7BC5B5;
}


#information #news .title div{
	float: left;
	font-size: 10px;
	margin: 3px 0 0 30px;
}

#information #news .title div a{
	color: #333;
	padding-left: 10px;
	background: url(../img/icon_arrow_gl.png) no-repeat 0 50%;
}

#information #news .title div a:hover{
	text-decoration: none;
}

#information #news .inner li{
	font-size: 12px;
	line-height: 175%;
	border-top: #eee solid 1px;
	padding: 9px 0;
}

#information #news .inner li:last-child{
	border-bottom: #eee solid 1px;
}

#information #news .inner li span{
	width: 77px;
	float: left;
}

#information #news .inner li a{
	display: block;
	margin-left: 77px;
	color: #333;
	text-decoration: none;
}

#information #news .inner li a:hover{
	text-decoration: underline;
}

#information .r_box{
	float: right;
	width: 403px;
	*padding-top: 2px;
}

#information .r_box h2{
	line-height: 100%;
	font-size: 12px;
	margin-bottom: 10px;
}

#information .r_box .inner{
	overflow-y: scroll;
	background: #f7f8f8;
}

#information .r_box .inner p{
	padding: 10px 14px;
	font-size: 12px;
	line-height: 158%;
	margin: 0;
}

#information #shop_news{
	margin-bottom: 25px;
}

#information #shop_news .inner{
	height: 109px;
}

#information #admin_news .inner{
	height: 57px;
}

#information #news .inner li a:hover,
#information #news .inner li a.hover{
	text-decoration: underline;
}

/*--------------------------------------------
	#ranking setting
---------------------------------------------*/
.ranking-box{
	padding: 0;
    padding: 20px;
    background-color: #F5EBDA;
}
#ranking{
    margin-bottom: 40px;
}
#ranking h2{
	margin: 0 0 15px;
	padding: 0 0 0 45px;
	font-size: 18px;
	font-family: Arial Regular, sans-serif;
	font-weight: normal;
	color: #DFBC86;
	letter-spacing: 0.1em;
	background: url(../img/icon_crown.gif) left top no-repeat;
}
#ranking h2 span{
    padding-left: 1em;
    font-size: 14px;
    color: #333;
    letter-spacing: 0;
}
.ranking-box .flex_box{
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    justify-content: space-between;
	margin-bottom: 10px;
}
.ranking-box .flex_box h3 img{
	width: 413px;
    /*width: 366px;*/
    height: auto;
	margin-bottom: 10px;
}
.ranking-box .flex_box .l_box{
    width: 74px;
    float: left;
}
.ranking-box .flex_box .r_box{
    width: 425px;
    margin-left: 20px;
    padding-top: 0;
    font-size: 14px;
    line-height: 1.5;
    float: right;
}
.ranking-box .flex_box .r_box a{
	color: #0063cd;
	text-decoration: none;
}
.ranking-box .flex_box .r_box a:hover{
	color: #FF94A6;
}
.ranking-box .flex_box .r_box b{
	color: #fc96a8;
	font-size: 18px;
	font-weight: bold;
}
.ranking-box ul{
	width:960px;
	margin:0 0 0 -20px;
}
.ranking-box ul li{
	display:inline-block;
	width:172px;
	margin:0 0 25px 20px;
    font-size: 12px;
    color: #0063cd;
	float:left;
}
.ranking-box ul li a{
    font-size: 12px;
    color: #0063cd;
    text-decoration: none;
}
.ranking-box ul li a:hover{
    color: #FF94A6;
}


.bknum-ttl{
	background-color:#ffef5b;
}

ul li.bknum-ttl h3{
	width:100%;
	padding:20px 0;
	font-size:14px;
	font-weight:normal;
	line-height:1.35;
	color:#666;
	text-align:center;
	letter-spacing:0.05em;
	background:none;
	border-left:none;
}

ul li.bknum-ttl h3 span{
	display:inline-block;
	margin:0 0 14px;
	padding:0 0 10px;
	font-family:Arial, sans-serif;
	font-size:18px;
}
ul li.bknum-ttl h3 span.fuki{
	margin:0 auto 5px;
	padding:0;
    font-size:12px;
	background:none;
}

#ranking ul li.bknum-ttl h3 span,
#ranking-2 ul li.bknum-ttl h3 span{
    background:url("../img/bg_backnumber2.gif") center bottom no-repeat;
}
#ranking ul li.bknum-ttl h3 span.fuki,
#ranking-2 ul li.bknum-ttl h3 span.fuki{
    background:none;
}
#ranking ul li img,
#ranking-2 ul li img{
	width:100%;
	height:auto;
	margin:0 0 5px;
}

/*#ranking,
#ranking-2{
	margin-bottom: 50px;
	position: relative;
}

#ranking h2,
#ranking-2 h2{
	margin: 0 0 15px;
	padding: 0 0 0 45px;
	font-size: 18px;
	font-family: Arial Regular, sans-serif;
	font-weight: normal;
	color: #DFBC86;
	letter-spacing: 0.1em;
	background: url(../img/icon_crown.gif) left top no-repeat;
}
#ranking h2 span,
#ranking-2 h2 span{
	padding: 0 0 0 0.7em;
	font-size: 15px;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif, "¬’ΛƒSƒVƒbƒN Pr6N R";
	letter-spacing: 0.05em;
	color: #333;
}
#ranking h2 span img,
#ranking-2 h2 span img{
	vertical-align:baseline;
}

#ranking .ranking-box,
#ranking-2 .ranking-box{
	background-color:#ffdfe4;
	overflow: hidden;
}

#ranking ul li,
#ranking-2 ul li{
	width: 300px;
	margin: 0;
	padding:30px 0 10px;
	float: left;
}

#ranking ul li img,
#ranking-2 ul li img{
	vertical-align: bottom;
}

#ranking ul li h3,
#ranking-2 ul li h3{
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
	word-break: break-all;
}

#ranking ul li h3 a,
#ranking-2 ul li h3 a{
	display: block;
	padding: 10px 0;
	color: #00ac92;
	text-decoration: underline;
}

#ranking ul li h3 a:hover,
#ranking ul li h3 a.hover,
#ranking-2 ul li h3 a:hover,
#ranking-2 ul li h3 a.hover{
	text-decoration: none;
	zoom: 1;
}

#ranking ul li p,
#ranking-2 ul li p{
	font-size: 11px;
	line-height: 1.5;
}*/

/*--------------------------------------------
	#staff setting
---------------------------------------------*/
#staff{
    margin-bottom: 40px;
}
#staff h2{
	margin: 0 0 15px;
	padding: 0 0 0 10px;
	font-size: 13px;
	font-weight: bold;
    line-height: 1;
	color: #00A186;
	letter-spacing: 0.05em;
	border-left: solid 3px #7BC5B5;
	background: none;
}

/*--------------------------------------------
	#pickup setting
---------------------------------------------*/
#pickup{
	margin-bottom: 30px;
	position: relative;
}

#pickup .inner{
	position: relative;
}

#pickup h2{
	margin-bottom: 10px;
	padding: 0 0 0 95px;
	font-size: 18px;
	font-family: Arial, "¬’ΛƒSƒVƒbƒN Pr6N R", "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif;
	font-weight: normal;
	color: #FC96A7;
	*line-height: 1.2;
	letter-spacing: 0.1em;
}
#pickup h2 span{
	padding: 0 0 0 0.7em;
	font-size: 10px;
	font-family: "ƒqƒ‰ƒMƒmŠpƒS Pro W3", "Hiragino Kaku Gothic Pro", "ƒƒCƒŠƒI", Meiryo, Osaka, "‚l‚r ‚oƒSƒVƒbƒN", "MS PGothic", sans-serif, "¬’ΛƒSƒVƒbƒN Pr6N R";
	letter-spacing: 0.05em;
	color: #333;
	line-height: 18px;
	vertical-align: middle;
}

#pickup h2 img{
	position: absolute;
	left: 5px;
	top: -28px;
	z-index: 2;
}

#pickup .inner #pickupBox{
	padding: 25px 0;
	background-color: #FFDFE4;
}

#pickup .slider div{
	margin-bottom: 5px;
}

#pickup .slider h3 a{
	display: block;
	margin: 0 0 5px;
	font-size: 12px;
	font-weight: normal;
	line-height: 1.5;
	text-decoration: underline;
	color: #00AC92;
}
#pickup .slider h3 a:hover,
#pickup .slider h3 a.hover{
	text-decoration: none;
}

#pickup .slider p{
	font-size: 11px;
	line-height: 1.5;
}
#pickup .slider p span{
	font-size:12px;
	font-weight:bold;
	color:#f94c5a;
}

#pickup .prev,
#pickup .next{
	position: absolute;
	top: 0;
}

#pickup .prev{
	left: 0;
	top: 43%;
}

#pickup .next{
	right: 0;
	top: 43%;
}

#pickup .prev:hover{
	left: -3px;
}

#pickup .next:hover{
	right:-3px;
}

/*--------------------------------------------
	#other setting
---------------------------------------------*/
#other{
	margin: 0 0 40px;
}

#other h2,
.otherBnr h2{
	margin: 0 0 15px;
	padding: 0 0 0 10px;
	font-size: 13px;
	font-weight: bold;
    line-height: 1;
	color: #00A186;
	letter-spacing: 0.05em;
	border-left: solid 3px #7BC5B5;
	background: none;
}
.otherBnr h3{
	font-size:13px;
	font-weight: bold;
	color: #00A186;
}

#other ul#campaign{
	width: 980px;
	margin: 0 0 30px 0;
	overflow:hidden;
}

#other ul#campaign li{
	width: 236px;
	margin: 0 0 0 12px;
	float: left;
}

#other ul#campaign li:first-child{
	margin: 0;
}

#other #banner,
#other #bnr-series{
	margin: 0 0 40px;
	position: relative;
}
#other .bnrL,
#other .bnrC,
#other .bnrR{
	width: 315px;
	float: left;
}

#other .bnrC{
	margin: 0 17px 0 18px;
}

#other .bnrBox{
	margin: 0 0 15px;
	opacity: 0;
	position: relative;
	top: 40px;
}
#other .bnrBox p{
	padding: 10px;
	font-size: 11px;
	line-height: 1.5;
	letter-spacing: 0.05em;
	text-align: justify;
	background-color: #F5F1EB;
}

/*--------------------------------------------
	back number setting
---------------------------------------------*/

.box-bknum{
	width:980px;
	margin:0 0 20px;
}

/*.box-bknum ul{
	width:996px;
	margin:0 0 0 -16px;
}
.box-bknum ul.bknumLast{
	margin:0 0 30px -16px;
}
*/
.box-bknum ul li{
	width:150px;
	/*margin:0 0 25px 16px;
	float:left;*/
}
.box-bknum ul.row{
	display: flex;
	gap: 25px 16px;
	margin-bottom: 25px;
	flex-wrap: wrap;
	align-items: flex-start;
}

.box-bknum ul li.bknum-ttl{
	background-color:#D9C1A3;
}

.box-bknum ul li.bknum-ttl h3{
	width:100%;
	padding:50px 0 30px;
	font-size:12px;
	font-weight:normal;
	line-height:1.35;
	color:#fff;
	text-align:center;
	letter-spacing:0.05em;
	background:none;
	border-left:none;
}
.box-bknum ul li.bknum-ttl h3.premium-ttl{
	padding: 80px 0 0;
	background: url(../img/icn-premium.png) center 15px no-repeat;
}
.box-bknum ul li.bknum-ttl h3.price-ttl{
	padding: 80px 0 0;
	background: url(../img/icn-price.png) center 15px no-repeat;
}

.box-bknum ul li.bknum-ttl h3 span{
	display:inline-block;
	margin:0 0 14px;
	padding:0 0 10px;
	font-family:Arial, sans-serif;
	font-size:18px;
}

.box-bknum ul li a img{
	width:100%;
	height:auto;
	margin:0 0 5px;
}

.box-bknum ul li a{
	font-size:12px;
	color:#333;
	text-decoration:none;
}

.box-bknum ul li a:hover,
.box-bknum ul li a.hover{
	color:#FF94A6;
}

.box-bknum ul li a .days{
	display:inline-block;
	font-size:11px;
	text-decoration:none;
}

.box-bknum ul li.bknum-list03 h3{
	padding:40px 0 20px!important;
}
.box-bknum ul li.bknum-list03 h3 span{
	background:none;
}
.box-bknum ul.osusume-bnr{
	margin-top:10px;
}
.box-bknum ul.osusume-bnr li.bknum-ttl{
	background-color:#D9C1A3;
}
.box-bknum ul.osusume-bnr li h3{
	color:#fff;
}
.box-bknum ul.osusume-bnr li a{
	margin: 0;
	padding: 0;
	font-size: 12px;;
	color: #333;
	background: none;
}
.box-bknum ul.osusume-bnr li a:hover{
	color:#FF94A6;
}

/*--------------------------------------------
	#recall setting
---------------------------------------------*/
#recall{
	width:502px;
	margin: 0 40px 0 0;
	float:left;
}
#recall h2,
#bnrCatalog h2{
	margin: 0 0 10px;
	padding: 0 0 0 10px;
	font-size: 13px;
	color: #00A186;
	letter-spacing: 0.05em;
	border-left: solid 3px #7BC5B5;
}
#recall ul li,
#bnrCatalog ul li{
	width: 236px;
	margin: 0 10px 0 0;
	float: left;
}
/*--------------------------------------------
	#bnrCatalog setting
---------------------------------------------*/
#bnrCatalog{
	width:236px;
	margin: 0;
	float:left;
}
/*--------------------------------------------
	V€•iA”p”Υƒoƒi[ setting
---------------------------------------------*/
.otherBnr ul{
	margin:0 0 40px -17px;
	list-style:none;
}
.otherBnr ul li{
	width:315px;
	margin:0 0 0 17px;
	float:left;
}
.otherBnr ul li.no-ttl{
	margin:28px 0 0 17px;
}
/*--------------------------------------------
	#footer setting
---------------------------------------------*/
#footer{
	padding: 0 0 22px;
}

#footer #footerBg{
	margin:0 0 20px;
	padding:35px 0 30px;
	background-color:#F5F1EB;
}

/*guide*/
#footer #guide{
    margin-bottom: 10px;
}
#footer #guide h2{
	margin: 0 0 20px;
	padding: 0 0 0 10px;
	font-size: 13px;
	line-height: 1;
	*line-height: 1.1;
	color: #7BC5B5;
	letter-spacing: 0.05em;
	border-left: solid 3px #7BC5B5;
}

#footer #guide .top{
	margin-bottom: 20px;
	padding: 20px;
	background-color: #fff;
	border-radius: 4px;
}

#footer #guide .top .box{
	float: left;
	border-right: #FFDFE4 solid 1px;
	padding: 0 20px 0 0;
	margin: 0 20px 0 0;
	width: 155px;
}

#footer #guide .top .box:last-of-type{
	margin: 0;
	padding: 0;
	border-right: none;
}

#footer #guide .top .box h3{
	min-height: 48px;
	font-size: 16px;
	text-align: center;
	line-height: 150%;
	margin-bottom: 10px;
	padding: 0;
	letter-spacing: 0.025em;
}
#footer #guide .top .box h3.oneLine{
	min-height: 36px;
	padding: 12px 0 0;
}

#footer #guide .top .box p{
	font-size: 12px;
	line-height: 150%;
}

#footer #guide .top .box > p{
	text-align: center;
}

#footer #guide .top .box > p a{
	color: #333;
	font-size: 10px;
	text-decoration: none;
	padding-left: 10px;
	background: url(../img/icon_arrow_bla.png) no-repeat 0 48%;
}

#footer #guide .top .box > p a:hover{
	text-decoration: underline;
}

#footer #guide .top .box .inner{
	min-height: 230px;
	text-align: justify;
}

#footer #guide .top .box .figure{
	text-align: center;
	margin-bottom: 15px;
}

#footer #guide .bottom .box{
	margin-right: 20px;
	float: left;
	padding: 0;
	width: 310px;
}

#footer #guide .bottom .box:last-child{
	margin-right: 0;
}

#footer #guide .bottom .box h3{
	font-size: 13px;
	line-height: 150%;
	letter-spacing: 0.05em;
	padding: 0 0 6px;
	margin-bottom: 10px;
	border-bottom: solid 1px #CEE0D6;
}

#footer #guide .bottom .box li{
	font-size: 12px;
	line-height: 2;
}

#footer #guide .bottom .box li a{
	color: #333;
	text-decoration: none;
	padding-left: 14px;
	background: url(../img/icon_arrow_gl.png) no-repeat 0% 50%;
}

#footer #guide .bottom .box li a:hover{
	text-decoration: underline;
}

#footer #guide .bottom .box li a img{
	margin: 0 0 0 10px;
	vertical-align: middle;
}

/*foot_info*/
#footer #foot_info{
	position: relative;
}

#footer #foot_info p{
	font-size: 12px;
	line-height: 175%;
}

#footer #foot_info .addlss{
	font-size:18px;
	font-weight:bold;
	line-height:26px;
	color:#FF94A6;
	text-decoration:none;
	letter-spacing:0.03em;
}
#footer #foot_info a.addlss:hover{
	text-decoration:none;
}
#footer #foot_info a.addlss img{
	margin:0 10px 0 0;
	vertical-align:middle;
}

#footer #foot_info p:first-of-type{
	margin-bottom: 15px;
}

#footer #foot_info .row{
	margin-top: 23px;
}

#footer #foot_info .row .l_box{
	float: left;
}

#footer #foot_info .row .l_box span{
	padding: 0 10px 0 8px;
	border-right: #999 solid 1px;
}

#footer #foot_info .row .l_box span a{
	color: #999;
	text-decoration: none;
}

#footer #foot_info .row .l_box span a:hover{
	text-decoration: underline;
}

#footer #foot_info .row .l_box span:first-child{
	padding-left: 0;
}

#footer #foot_info .row .l_box span:last-child{
	border-right: none;
}

#footer #foot_info .row .copy{
	float: right;
	font-size: 10px;
	color: #999;
}

/* to_top fixed*/
#footer #foot_info .to_top{
	position: fixed;
	bottom: 120px;
	left: 0;
	width: 100%;
	display: none;
}

#footer #foot_info .to_top .inner{
	width: 0;
	margin: 0 auto;
	position: relative;
}

#footer #foot_info .to_top .inner a{
	position: absolute;
	right: -489px;
	display: block;
}

/* to_top non fixed*/
#footer #foot_info .to_top.static{
	position: absolute;
	bottom: auto;
	top: 0;
	left: auto;
	right: 0;
	width: auto;
}

#footer #foot_info .to_top.static .inner{
	width: 1px;
	margin: 0;
}

#footer #foot_info .to_top.static .inner a{
	position: relative;
	right: 0;
	display: inline;
}
#footer #foot_info .to_top.static .inner a{
	position: absolute;
	right: 0;
	top: 0;
}
.at-attention{
    font-size: 12px;
    line-height: 1.5;
    color: #f94c5a;
}


/*--------------------------------------------
	Lite‰οˆυ
---------------------------------------------*/
#lite{
	width:750px;
	margin:0 auto;
}

#lite p{
	margin:0 0 30px;
	font-size:12px;
	line-height:1.5;
}
#lite ul{
	width:770px;
	margin:0 0 30px -20px;
	overflow:hidden;
}
#lite ul li{
	width:360px;
	margin:0 0 0 20px;
	float:left;
	position:relative;
}
#lite ul li a{
	position:absolute;
	bottom:10px;
	right:15px;
}
#lite .lt_login{
	width:750px;
	height:33px;
	padding:10px 0 8px;
	text-align:center;
	background:url(../newuse/img/lt-bg-bottom.jpg) left top repeat;
}
#lite table th{
	vertical-align:top;
}
#lite table td{
	font-size:12px;
	line-height:1.5;
}
#lite table td img.ltBtn{
	display:block;
	margin:5px auto;
}

#lite .mb30{
	margin:0 0 30px;
}
#custom{
	text-align:center;
}

/*--------------------------------------------
	hover action setting
---------------------------------------------*/
.hvr-grow img{
	-webkit-transition: -webkit-transform .2s linear;
    -moz-transition: -moz-transform .2s linear;
    -ms-transition: -ms-transform .2s linear;
    transition: transform .2s linear;
}
.hvr-grow img:hover{
	-webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
	transform: scale(1.1);
}

.hvr-fade img{
	-webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
.hvr-fade img:hover{
	opacity: .7;
}

.hvr-fade-button{
	-webkit-transition: opacity .3s linear;
    -moz-transition: opacity .3s linear;
    -ms-transition: opacity .3s linear;
    transition: opacity .3s linear;
}
.hvr-fade-button:hover{
	opacity: 0.7;
}

/*hacked css*/
@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {
	#header .bottom .r_box div:nth-of-type(2) p:first-child a:before{
		top: 2px;
	}
	
	#header .bottom .r_box div:nth-of-type(2) p:nth-child(2) a:before{
		top: 2px;
	}
}

@-moz-document url-prefix() {
	#header .bottom .r_box div:nth-of-type(2) p:first-child a:before{
		top: 2px;
	}
	
	#header .bottom .r_box div:nth-of-type(2) p:nth-child(2) a:before{
		top: 2px;
	}
}