@charset "utf-8";

/* ==============================================
ブロック共通
    * #container から指定することで、ヘッダー・フッターには適用していない。
/* ============================================= */
.block_outer {
	clear:both;
	padding-bottom:20px;
}
.block_outer.bgcolor {
	margin:0 0 !important;
	background:#f4f4f4;
}
.block_outer .block_body{
	width:96%;
	margin:0 auto;
	padding:0 0;
}
.side {
	overflow-x: hidden; /* IE6 表示乱れ防止 */
}
#container .block_outer {
	margin-bottom: 20px;
}
@media print, screen and (min-width: 980px) {
	.block_outer {
		padding-bottom:40px;
	}
	.block_outer .block_body{
	    width:96%;
	    max-width:1120px;
	    margin:0 auto;
	    padding:0 0;
	}
}

/* タイトル
----------------------------------------------- */
.h2-blocktitle{
	width:100%;
	margin:0 auto 10px;
	padding:10px 0 10px;
/*	border-bottom:1px solid #ccc;*/
}
.h2-blocktitle h2{
	position: relative;
	width:96%;
	max-width:1120px;
	margin:15px auto 0;
	font-size:1.4em;
	letter-spacing:0.0em;
	text-align:center;
}
.h2-blocktitle p.intro{
	position: relative;
	width:96%;
	margin:15px auto 0;
	font-size:0.95em;
	letter-spacing:0.0em;
	text-align:left;
}
.h3-blocktitle{
	width:94%;
	max-width:1120px;
	margin:10px auto 20px;
	padding:10px;
	background:#f8e8ea;
}
.h3-blocktitle h3{
	font-size:1.2em !important;
	letter-spacing:0.0em;
}
.h3-blocktitle p{
	margin:10px auto 0;
	font-size:1.05em;
	letter-spacing:-0.0em;
	font-weight:500;
	text-align:left;
}

.bloc_title .head{
  position:relative;
  width:91%;
  margin:2px auto 2px;
  padding:0 0 0 10px ;
  font-size: 1.1rem ;
  font-weight: bold ;
  border-left: 10px solid #3e49ab;
}
@media print, screen and (min-width: 980px) {
	.h2-blocktitle{
		width:100%;
		margin:10px auto 20px;
		padding:40px 0 30px;
/*		border-bottom:1px solid #ccc;*/
	}
	.h2-blocktitle h2{
		position: relative;
		width:96%;
		max-width:1120px;
		margin:0 auto;
		font-size:2.2em;
		letter-spacing:0.0em;
		text-align:left;
	}
	.h2-blocktitle p.intro{
		position: relative;
		width:96%;
		max-width:1120px;
		margin:15px auto 0;
		font-size:1.05em;
		line-height:1.5em;
		letter-spacing:0.0em;
		text-align:left;
	}
	.h3-blocktitle{
		margin:20px auto 30px;
		padding:20px 2.5%;
	}
	.h3-blocktitle h3{
		margin:0 0 !important;
		padding:0 0 !important;
		font-size:1.35em !important;
	}
	.h3-blocktitle p{
		margin:10px auto 0;
		font-size:1.15em;
		line-height:1.6em;
	}
	.bloc_title .head{
		position: relative;
		width:96%;
		max-width:1120px;
        margin:12px auto 4px;
	    font-size: 1.2rem ;
	}
}

/* ***********************************************
▼各機能ブロックの指定
/*********************************************** */

/* ===============================================
▼TOPページ
=============================================== */
#entry_important{
	    margin:0 0;
	    padding:0 0;
	    width:100%;
	    background:#eeeeee;
}
#entry_important .inner{
	    width:96%;
	    max-width:1120px;
	    margin:0 auto;
	    padding:20px 0;
	    text-align:center;
}
#entry_important h3{
	    margin:0 0 10px;
	    font-size:110%;
}
#entry_important p{
	    font-size:98%;
	    letter-spacing:0.0em;
}
#top_category{
	    margin:0 0 0 0;
	    padding:0 0;
	    width:100%;
	    background:#fff;
}
#top_category .inner{
	    width:96%;
	    max-width:1120px;
	    margin:0 auto;
	    padding:40px 0 30px;
}
#top_category h3{
	    position:relative;
	    margin:0 0 10px;
	    padding:0 0 5px 18px;
	    font-size:110%;
	    border-bottom:1px solid #aaa;
}
#top_category h3:before{
	    content:  '';
	    width: 15px;
	    height: 15px;
	    background-color:#3e49ab;
	    display:  block;
	    position:  absolute;
	    left: 0px;
	    bottom: 11px;
}
#top_category h3.ttl-1:before{
	    background-color:#ffc121;
}
#top_category h3.btm{
	    margin-top:20px;
}
.btn_ a.btn{
	    white-space: pre-line;word-break: break-all;
	    margin: 0 auto;
	    width:100% ;
}
@media print, screen and (min-width: 980px) {
	#entry_important{
		    margin:0 0;
		    padding:0 0;
		    width:100%;
		    background:#eeeeee;
	}
	#entry_important .inner {
		    width:96%;
		    max-width:1120px;
		    margin:0 auto 20px;
		    padding:40px 0 25px;
	}
	#entry_important h3{
		    font-size:140%;
	}
	#entry_important p{
		    font-size:110%;
		    line-height:2.0em;
	}
	#top_category{
		    margin:0 0;
		    padding:0 0;
		    width:100%;
		    background:#fff;
	}
	#top_category .inner {
		    width:96%;
		    max-width:1120px;
		    margin:0 auto 20px;
		    padding:60px 0 30px;
	}
	#top_category h3{
		    position:relative;
		    padding:0 0 5px 25px;
		    font-size:140%;
		    border-bottom:1px solid #aaa;
	}
	#top_category h3:before{
		    content:  '';
		    width: 20px;
		    height: 20px;
		    background-color:#3e49ab;
		    display:  block;
		    position:  absolute;
		    left: 0px;
		    bottom: 10px;
	}
	#top_category h3.btm{
		    margin-top:40px;
	}
	.btn_ a.btn{
		    margin: 0 ;
		    display: inline-block;
		    width:500px;
	}
}


/* ===============================================
▼ログイン注意
=============================================== */
#mail_attention{
	position: relative;
	width:96%;
	max-width:1120px;
	margin:0 auto 0;
	padding:10px ;
	padding-bottom:5px ;
	letter-spacing:0.0em;
	background:#eeeeee;
	border:2px solid #e7e7e7;
}
#mail_attention h3{
	margin:20px 0 5px;
	padding:0 0 ;
}
#mail_attention ul{

}
#mail_attention li{
	display:inline-block;
}
#mail_attention li a{
	display:block;
	color:#fff;
	text-align:center;
	text-decoration:none;
}
.btn_top_phone01{
	margin:3px 10px;
	padding:5px 20px;
	color:#fff;
	background: #cc0033;
	border: 1px solid #800020;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.btn_top_phone02{
	margin:3px 10px;
	padding:5px 20px;
	color:#fff;
	background: #ff6513;
	border: 1px solid #a13a03;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.btn_top_phone03{
	margin:3px 10px;
	padding:5px 20px;
	color:#fff;
	background: #b2b2b2;
	border: 1px solid #6e7173;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
}
.btn_top_phone01:hover,
.btn_top_phone02:hover,
.btn_top_phone03:hover{
	opacity: 0.8;
}
.loginattention{
	position: relative;
	width:96%;
	max-width:1120px;
	margin:20px auto 0;
}
.loginattention h3{
	margin:0 0 5px;
	font-size:110%;
	color:#ff0000;
}
.loginattention p{
	margin:0 0 5px;
	font-size:100%;
	line-height:1.4em;
}
@media print, screen and (min-width: 980px) {
	#mail_attention{
		position: relative;
		width:96%;
		max-width:1120px;
		margin:30px auto 0;
		padding:30px ;
		padding-bottom:20px ;
		letter-spacing:0.0em;
		background:#eeeeee;
		border:2px solid #e7e7e7;
	}
	.loginattention h3{
		margin:0 0 10px;
		font-size:130%;
		color:#ff0000;
	}
	.loginattention p{
		margin:0 0;
		font-size:115%;
		line-height:1.6em;
	}
}


/* ==============================================
▼商品一覧
=============================================== */
.cat-jh{
    position: relative;
    width: 96%;
    margin: 20px auto 0;
}
.cat-jh ul{
    -webkit-display: flex;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}
.cat-jh ul > li{
    width: 48%;
    margin-bottom: 13px;
}
.cat-jh ul > li > a{
    display: block;
    overflow: hidden;
    text-align: center;
    position: relative;
    padding:  30px 5px 30px;
    box-sizing: border-box;
    text-decoration: none;
    color: #111;
    font-size: 16px;
    font-weight: bold;
    border: solid 2px #aaa;
    box-shadow: 2px 4px 5px rgba(0,0,0,0.15);
}
.cat-jh ul > li > a:hover{
    text-decoration: none;
    color: #fff;
    opacity: 1.0;
}
.cat-jh ul > li > a:before,
.cat-jh ul > li > a:after{
    content: "";
    display: block;
    position: absolute;
}
.cat-jh ul li a:before{
	background-color: #364f6b;
	content: '';
	display: block;
	opacity: 0.8;
	transform: rotate(-145deg);
	position: absolute;
	top: -60px;
	left: -70px;
	width: 100px;
	height: 100px;
}
/*
.cat-jh ul li a:after{
	background-color: #364f6b;
	content: '';
	display: block;
	opacity: 0.8;
	transform: rotate(-145deg);
	position: absolute;
	bottom: -60px;
	right: -70px;
	width: 100px;
	height: 100px;
}
*/
.cat-jh ul li a.girls:before{
	background-color: #fc5185;
}
.cat-jh ul li a.girls:after{
	background-color: #fc5185;
}
.cat-jh ul li a.js:before{
	background-color: #fce38a;
}
.cat-jh ul li a.js:after{
	background-color: #fce38a;
}
.cat-jh ul li a.hs:before{
	background-color: #3fc1c9;
}
.cat-jh ul li a.hs:after{
	background-color: #3fc1c9;
}
.cat-jh ul li a.boys{
    border-color: #364f6b;
    background-color: #f9fafb;
}
.cat-jh ul li a.girls{
    border-color: #fc5185;
    background-color: #fff5f8;
}
.cat-jh ul li a.js{
    border-color: #fce38a;
    background-color: #fffdf5;
}
.cat-jh ul li a.hs{
    border-color: #3fc1c9;
    background-color: #f7fdfd;
}
.cat-jh ul li a.boys:hover{
    background: #364f6b;
}
.cat-jh ul li a.girls:hover{
    background: #fc5185;
}
.cat-jh ul li a.js:hover{
    background: #fce38a;
}
.cat-jh ul li a.hs:hover{
    background: #3fc1c9;
}

.cat-jh ul li a.univ:before{
	content: none;
}
.cat-jh ul li a.univ:after{
	content: none;
}
.cat-jh ul li a.univ{
    color: #fff;
    border-color: #ccc;
    background-color: #3e49ab;
}
.cat-jh ul li a.univ:hover{
    background: #636dc6;
}

@media print, screen and (min-width: 980px) {
	.cat-jh{
	    position: relative;
	    width: 100%;
	    margin: 20px auto 0;
	}
	.cat-jh ul::after {
	    display: block;
	    content:"";
	    width: 23%;
	}
	.cat-jh ul > li{
	    width: 48%;
	    margin-bottom: 30px;
	}
	.cat-jh ul > li > a{
	    display: block;
	    overflow: hidden;
	    text-align: center;
	    position: relative;
	    padding:  40px 10px 40px;
	    box-sizing: border-box;
	    text-decoration: none;
	    color: #111;
	    font-size: 22px;
	    font-weight: bold;
	    line-height: 2.0em;
	    border: solid 2px #aaa;
	    box-shadow: 2px 4px 5px rgba(0,0,0,0.15);
	    transition: background .5s;
	}
}

/* 大学
----------------------------------------------- */
.text-top{
    width: 100%;
    margin: 15px auto 0;
    padding: 0 0;
}
.text-top ul li{
    width: 96%;
    margin: 0 auto;
    margin-top: -1px;
    text-align: left;
    box-sizing: border-box;
}
.text-top ul li a{
	display:block;
	position:relative;
	margin:0;
	padding-left:10px;
	line-height:50px;
	color:#fff;
	background:#3e49ab;
	border:1px solid #fff;
	text-align:left;
	font-size:20px;
	font-weight:bold;
	letter-spacing:0.01em;
	text-decoration:none;
}
.text-top ul li.mini a{
	display:block;
	position:relative;
	margin:0;
	padding-left:10px;
	line-height:1.8em;
	color:#fff;
	background:#3e49ab;
	border:1px solid #fff;
	text-align:left;
	font-size:17px;
	font-weight:bold;
	letter-spacing:0.0em;
	text-decoration:none;
}
.text-top.cat-y ul li a{
	background-color:#ffc121;
}
.text-top.cat-y ul li.mini a{
	background-color:#ffc121;
}
.text-top ul li a:after{
	content: '';
	margin-top: -7px;
	top: 50%;
	right: 15px;
	width: 14px;
	height: 14px;
	color: #fff;
	line-height: 1.2em;
	display: block;
	position: absolute;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.text-top ul li a:hover{
	display:block;
	position:relative;
	margin:0;
	padding-left:10px;
	color:#fff;
	background:#636dc6;
	border:1px solid #fff;
	text-align:left;
	font-size:20px;
	font-weight:bold;
	letter-spacing:0.01em;
	text-decoration:none;
}
.text-top.cat-y ul li a:hover{
	background-color:#ffd462;
}
.text-top.cat-y ul li.mini a:hover{
	background-color:#ffd462;
}
.text-top ul li a:hover:after{
	content: '';
	margin-top: -7px;
	top: 50%;
	right: 15px;
	width: 14px;
	height: 14px;
	color: #fff;
	line-height: 1.2em;
	display: block;
	position: absolute;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.text-top.sub_cat ul li a,
.text-top.sub_cat ul li.mini a{
	display:block;
	position:relative;
	margin:0;
	padding-left:10px;
	line-height:50px;
	color:#fff;
	background:#6c9bd2;
	border:1px solid #fff;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	letter-spacing:0.0em;
	text-decoration:none;
}
.text-top.sub_cat ul li.order a{
	display:block;
	position:relative;
	margin:0;
	padding-left:10px;
	line-height:50px;
	color:#fff;
	background:#43a568;
	border:1px solid #fff;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	letter-spacing:0.0em;
	text-decoration:none;
}
.text-top.sub_cat ul li a:after{
	content: '';
	margin-top: -7px;
	top: 50%;
	right: 15px;
	width: 14px;
	height: 14px;
	color: #fff;
	line-height: 1.2em;
	display: block;
	position: absolute;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.text-top.sub_cat ul li a:hover{
	display:block;
	position:relative;
	margin:0;
	padding-left:10px;
	color:#fff;
	background:#ffc121;
	border:1px solid #fff;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	letter-spacing:0.0em;
	text-decoration:none;
}
.text-top.sub_cat ul li a:hover:after{
	content: '';
	margin-top: -7px;
	top: 50%;
	right: 15px;
	width: 14px;
	height: 14px;
	color: #fff;
	line-height: 1.2em;
	display: block;
	position: absolute;
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	-moz-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
.text-top ul li.comming a{
	display:block;
	position:relative;
	margin:0;
	padding-left:10px;
	line-height:50px;
	color:#fff;
	background:#aaa;
	border:1px solid #fff;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	letter-spacing:0.0em;
	text-decoration:none;
}
.text-top ul li.soon a{
	display:block;
	position:relative;
	margin:0;
	padding-left:10px;
	line-height:50px;
	color:#ccc;
	background:#aaa;
	border:1px solid #aaa;
	text-align:left;
	font-size:110%;
	font-weight:bold;
	letter-spacing:0.0em;
	text-decoration:none;
}
.text-top ul li.soon a:after,
.text-top ul li.soon a:hover:after,
.text-top ul li.comming a:after,
.text-top ul li.comming a:hover:after{
	content: none;
s}
.text-top ul li.soon a:hover,
.text-top ul li.comming a:hover{
	cursor: auto;
}
@media print, screen and (min-width: 980px) {
	.text-top ul li{
	    float: left;
	    vertical-align: bottom;
	    width: 32.75%;
	    margin: 7px 1.0% 7px 0;
	    text-align: left;
	    box-sizing: border-box;
	}
	.text-top ul li:nth-child(3n){
	    float: right;
	    width: 32.75%;
	    margin: 7px 0 7px 0;
	    text-align: left;
	    box-sizing: border-box;
	}
	.text-top ul li a{
		display:block;
		position:relative;
		margin:0;
		padding:36px 30px 36px 12px;
		line-height:1.5em;
		color:#fff;
		background:#3e49ab;
                border:1px solid #3e49ab;
		text-align:left;
		font-size:21px;
		font-weight:bold;
		text-decoration:none;
		letter-spacing:0.02em;
	}
	.text-top ul li.mini a{
		display:block;
		position:relative;
		margin:0;
		padding:26px 30px 26px 12px;
		line-height:1.5em;
		color:#fff;
		background:#3e49ab;
                border:1px solid #3e49ab;
		text-align:left;
		font-size:18px;
		font-weight:bold;
		text-decoration:none;
		letter-spacing:0.0em;
	}
	.text-top.cat-y ul li a{
		background-color:#ffc121;
		border-color:#ffc121;
	}
	.text-top.cat-y ul li.mini a{
		background-color:#ffc121;
		border-color:#ffc121;
	}
	.text-top ul li a:after{
		content: '';
		margin-top: -7px;
		top: 50%;
		right: 15px;
		width: 14px;
		height: 14px;
		color: #fff;
		line-height: 1.2em;
		display: block;
		position: absolute;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.text-top ul li a:hover{
		display:block;
		position:relative;
		margin:0;
		padding:36px 30px 36px 12px;
		line-height:1.5em;
		color:#fff;
		background:#636dc6;
	        border:1px solid #636dc6;
		text-align:left;
		font-size:21px;
		font-weight:bold;
		text-decoration:none;
		letter-spacing:0.02em;
	}
	.text-top ul li.mini a:hover{
		display:block;
		position:relative;
		margin:0;
		padding:26px 30px 26px 12px;
		line-height:1.5em;
		color:#fff;
		background:#636dc6;
	        border:1px solid #636dc6;
		text-align:left;
		font-size:18px;
		font-weight:bold;
		text-decoration:none;
		letter-spacing:0.0em;
	}
	.text-top.cat-y ul li a:hover{
		background-color:#ffd462;
		border-color:#ffd462;
	}
	.text-top.cat-y ul li.mini a:hover{
		background-color:#ffd462;
		border-color:#ffd462;
	}
	.text-top ul li a:hover:after{
		content: '';
		margin-top: -7px;
		top: 50%;
		right: 15px;
		width: 14px;
		height: 14px;
		color: #fff;
		line-height: 1.2em;
		display: block;
		position: absolute;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.text-top.sub_cat ul li a{
		display:block;
		position:relative;
		margin:0;
		padding:36px 30px 36px 12px;
		line-height:1.5em;
		color:#fff;
		background:#6c9bd2;
                border:1px solid #6c9bd2;
		text-align:left;
		font-size:115%;
		font-weight:bold;
		text-decoration:none;
		letter-spacing:0.0em;
	}
	.text-top.sub_cat ul li.order a{
		display:block;
		position:relative;
		margin:0;
		padding:36px 30px 36px 12px;
		line-height:1.5em;
		color:#fff;
		background:#43a568;
                border:1px solid #43a568;
		text-align:left;
		font-size:115%;
		font-weight:bold;
		text-decoration:none;
		letter-spacing:0.0em;
	}
	.text-top.sub_cat ul li.mini a{
		display:block;
		position:relative;
		margin:0;
		padding:26px 30px 26px 12px;
		line-height:1.5em;
		color:#fff;
		background:#6c9bd2;
                border:1px solid #6c9bd2;
		text-align:left;
		font-size:115%;
		font-weight:bold;
		text-decoration:none;
		letter-spacing:0.0em;
	}
	.text-top.sub_cat ul li a:after{
		content: '';
		margin-top: -7px;
		top: 50%;
		right: 15px;
		width: 14px;
		height: 14px;
		color: #fff;
		line-height: 1.2em;
		display: block;
		position: absolute;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.text-top.sub_cat ul li a:hover{
		display:block;
		position:relative;
		margin:0;
		padding:36px 30px 36px 12px;
		line-height:1.5em;
		color:#fff;
		background:#ffc121;
	        border:1px solid #ffc121;
		text-align:left;
		font-size:115%;
		font-weight:bold;
		text-decoration:none;
		letter-spacing:0.0em;
	}
	.text-top.sub_cat ul li.mini a:hover{
		display:block;
		position:relative;
		margin:0;
		padding:26px 30px 26px 12px;
		line-height:1.5em;
		color:#fff;
		background:#ffc121;
	        border:1px solid #ffc121;
		text-align:left;
		font-size:115%;
		font-weight:bold;
		text-decoration:none;
		letter-spacing:0.0em;
	}
	.text-top.sub_cat ul li a:hover:after{
		content: '';
		margin-top: -7px;
		top: 50%;
		right: 15px;
		width: 14px;
		height: 14px;
		color: #fff;
		line-height: 1.2em;
		display: block;
		position: absolute;
		border-top: 1px solid #fff;
		border-right: 1px solid #fff;
		-moz-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		transform: rotate(45deg);
	}
	.text-top ul li.comming a{
		display:block;
		position:relative;
		margin:0;
		padding:36px 30px 36px 12px;
		line-height:1.5em;
		color:#999;
		background:#fff;
		border:1px solid #fff;
		text-align:left;
		font-size:115%;
		font-weight:bold;
		text-decoration:none;
		letter-spacing:0.0em;
	}
	.text-top ul li.comming a:hover{
		display:block;
		position:relative;
		margin:0;
		padding:36px 30px 36px 12px;
		line-height:1.5em;
		color:#999;
		background:#fff;
		border:1px solid #fff;
		text-align:left;
		font-size:115%;
		font-weight:bold;
		text-decoration:none;
		letter-spacing:0.0em;
	}
	.text-top ul li.soon a{
		display:block;
		position:relative;
		margin:0;
		padding:36px 30px 36px 12px;
		line-height:1.5em;
		color:#ccc;
		background:#aaa;
		border:1px solid #aaa;
		text-align:left;
		font-size:115%;
		font-weight:bold;
		text-decoration:none;
		letter-spacing:0.0em;
	}
}


/* ===============================================
▼検索
=============================================== */
.search_block{
	margin: 0 auto 15px;
	padding: 0 0;
	width: 100%;
	text-align: left;
	background: #fafafa;
	border-top: 1px solid #eaeaea;
	border-bottom: 1px solid #eaeaea;
}
.search_block .search_area p{
	margin: 0 5px 10px 5px;
	font-size: 100%;
	letter-spacing: 0.02em;
}
.search_block .search_area{
	margin: 0 auto;
	padding: 15px 0;
	width: 96%;
	max-width: 1120px;
	box-sizing: border-box;
}
.search_block .search_area .form-control{
	display: inline !important;
}
.search_block .search_area .search_formlist select{
	width:270px;
	height:34px;
	line-height:32px;
	border-color:#ccc;
}
.search_block .search_area .search_formlist .selectedcategory{
	display: inline-block !important;
	padding: 0 0 0 5px;
	width:268px;
	height:34px;
	line-height:32px;
	letter-spacing: -0.13em;
	background:#dfdfdf;
	color:#000;
	border: 1px solid #ccc;
	font-size: 95%;
	border-radius: 5px;
}
.search_block .search_area .cat_all{
/*	display: inline-block !important;
	padding: 0 0;
	width:265px;
	height:34px;
	line-height:32px;
	letter-spacing: -0.13em;*/
}
.search_block .search_area .input_search_area {
	padding-left: 0;
	padding-right: 0;
	margin: 0 0 0 -270px;
	width: 100%;
	float: right;
}
.search_block .search_area .input_search_area dl.input_search{
	position:relative;
	margin: 0 0 0 270px;
}
.search_block .search_area .input_search_area dl.input_search dt{
	margin-right:100px;
	padding:0 0;
	border:0px;
}
.search_block .search_area .input_search_area dl.input_search dt input{
	width: 100%;
	height: 34px;
	margin-left: -2px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857143;
	color: #555;
	background-color: #fff;
	background-image: none;
	border: 1px solid #ccc;
}
.search_block .search_area .input_search_area dl.input_search dd{
	position:absolute;
	top:0;
	right:0;
}
.search_block .search_area .input_search_area dl.input_search dd{
	display:block;
	width:102px;
	height:34px;
	color:#fff;
	line-height:32px;
	text-align:center;
	font-size:14px;
	letter-spacing:0.4em;
	cursor:pointer;
}
@media only screen and (max-width: 767px) {
	.search_block .search_area{
		margin: 0 0 20px;
		padding:10px 10px 23px;
		width: 100%;
		box-sizing: border-box;
	}
	.search_block .search_area .search_formlist{
		display:none;
	}
	.search_block .search_area .input_search_area {
		padding-left: 0;
		padding-right: 0;
		margin: 0 0 0 0;
		width: 100%;
		float: right;
	}
	.search_block .search_area .input_search_area dl.input_search{
		position:relative;
		margin: 0 0 0 0;
	}
	.search_block .search_area .input_search_area dl.input_search dt{
		margin-right:58px;
		padding:0 0;
		border:0px;
	}
	.search_block .search_area .input_search_area dl.input_search dd{
		display:block;
		width:60px;
		height:34px;
		color:#fff;
		line-height:32px;
		text-align:center;
		font-size:14px;
		letter-spacing:0.4em;
		cursor:pointer;
	}
	.search_block .search_area p{
		margin: 0 0 5px;
		font-size: 88%;
		letter-spacing: -0.0em;
		line-height: 1.5em;
	}
}

#list-top{
	margin: 10px auto;
	padding: 0 0;
	width: 100%;
	max-width: 1120px;
	box-sizing: border-box;
}
#list-top li{
	display: inline-block;
	text-decoration: none;
	font-size: 98%;
	margin: 0 0;
	padding: 0 15px 0 10px;
	line-height: 1.0em;
	letter-spacing: -0.0em;
	-webkit-transform: skewX(150deg);
	-moz-transform: skewX(150deg);
	transform: skewX(150deg);
	border-right: 1px solid #ccc;
	box-sizing: border-box;
}
#list-top li a{
	display:block;
	transform: skewX(-150deg);
	text-decoration: none;
}
#list-top li a:hover{
	text-decoration: underline;
}
@media print, screen and (max-width: 979px) {
	#list-top {
	  margin: 0 0 10px;
	  padding: 0 0;
	  width: 94%;
	  overflow-x: auto;
	  white-space: nowrap;
	  overflow-scrolling: touch;
	  -webkit-overflow-scrolling: touch;
	}
	#list-top li{
	  margin: 0 0;
	  padding: 2px 15px 2px 10px;
	  display: inline-block;
	  list-style: none;
	  height: auto;
	}
	#list-top li:first-child{
	  margin: 0 0;
	  padding: 2px 15px 2px 0;
	  font-weight: bold;
	}
}


/* ===============================================
▼現在のカゴの中
=============================================== */
.cart_area {
	clear:both;
	text-align:left;
}
.cart_area .information {
}
.cart_area .information .total {
	margin-bottom:10px;
}
.cart_area .postage {
	margin-bottom:10px;
}
.cart_area img {
	max-width:100%;
}
.cart_area .content {
	background:#fff;
	padding:0
}
.cart_area .cartin_item {
	margin:5px 0 0 15px;
	padding:0 0;
	list-style-type:disc;
	line-height:1.50em;
}
.cart_area .cartin_item .left {
	float:left;
	width:24%;
}
.cart_area .cartin_item .right {
	float:right;
	width:74%;
}
.cart_area .cartin_item .name {
	color:#000;
}
.cart_area .cartin_item .price {
	color:#000;
	font-size:100%;
	font-weight:bold;
}
.cart_area .sotyo {
	margin-bottom:10px;
}
.cart_area a.btn {
	margin-bottom:5px;
}
.cart_area #cartin_off {
	font-size:120%;
}
.popup_cart .information {
	margin-bottom:10px;
}
.popup_cart .cart_area .postage {
	margin:0;
	padding-top:10px;
}

/* ===============================================
▼【ヘッダー】カゴの中
=============================================== */
#cart_header_area {
	position:absolute;
	top:40px;
	right:0;
	width:290px;
}
#cart_header_area .information {
	border-bottom:1px solid #ccc;
	padding:0 10px ;
	cursor:pointer;
}
#cart_header_area .information:hover {
    filter:alpha(opacity=80);
    -moz-opacity: 0.8;
    opacity: 0.8;
}
#cart_header_area #left {
	float:left;
	position:relative;
	bottom:-4px;
}
#cart_header_area #right {
	float:right;
	position:relative;
	top:10px;
}
#cart_header_area #right span {
	font-size:16px;
	font-weight:bold;
}
#cart_header_area .glyphicon {
	font-size:26px;
}
#cart_header_area #cart_off {
	position:absolute;
	top:-4px;
	left:32px;
}
#cart_header_area #cart_on {
	position:absolute;
	top:-4px;
	left:32px;
}
#cart_header_area #cart_off span,
#cart_header_area #cart_on span{
	font-size:15px;
	line-height:1.0;
	padding:4px 7px;
}
#cart_header_area .cart_content {
	position:relative;
	z-index:11;
	width:290px;
	height:auto;
	text-align:left;
	background-color:#fff;
	box-shadow:2px 2px 5px 2px rgba(1,1,1,0.14);
	-moz-box-shadow:2px 2px 5px 2px rgba(1,1,1,0.14);
	-webkit-box-shadow:2px 2px 5px 2px rgba(1,1,1,0.14);
	border-radius:3px 3px 3px 3px ;
	-moz-border-radius:3px 3px 3px 3px ;
	-webkit-border-radius:3px 3px 3px 3px ;
	border:1px solid #ffffff;
	font-size:88%;
	padding:0 0;
	letter-spacing:-0.03em;
}
#cart_header_area .cart_content img {
	max-width:100%;
}
#cart_header_area .cart_content .content {
	background:#fff;
	padding:10px;
	padding-bottom:5px;
}
#cart_header_area .cart_content .cartin_item {
	margin:8px 0 0 15px;
	padding:0 0;
	list-style-type:disc;
	line-height:1.55em;
}
#cart_header_area .cart_content .cartin_item .left {
	float:left;
	width:24%;
}
#cart_header_area .cart_content .cartin_item .right {
	float:right;
	width:74%;
}
#cart_header_area .cart_content .cartin_item .name {
	color:#000;
}
#cart_header_area .cart_content .cartin_item .price {
	color:#000;
	font-size:105%;
	font-weight:bold;
}
#cart_header_area .cart_content .sotyo {
	margin-bottom:10px;
}
#cart_header_area .cart_content a.btn {
	margin-bottom:5px;
}
#cart_header_area .cart_content #cartin_off {
	font-size:100%;
	text-align:center;
}
.header_nav_btn #cart_header_area .information {
	display:none;
}

/* ===============================================
▼グローバルナビ　PC
=============================================== */
#global_nav_area {
	display:none;
}

@media print, screen and (min-width: 980px) {
#global_nav_area {
	display: block;
}

/* ========== ▼1階層 ========== */
header nav.global_nav {
	position: absolute;
	top:107px;
	z-index:10;
	font-size:110%;
	width:100%;
	background:#3e49ab;
	height:40px;
}
header nav.global_nav #global_nav_area {
	width:96%;
	max-width:1120px;
	margin:0 auto;
	text-align:center;
}
ul#global_nav_menu > li {
	background:none;
	display:inline-block;
	margin:0 25px;
}
ul#global_nav_menu > li:hover {

}
ul#global_nav_menu > li > a {
	position: relative;
	padding-top:8px;
	color:#fff !important;
	font-weight:bold !important;
}
ul#global_nav_menu > li > a::after{
    position: absolute;
    bottom: -1px;
    left: 0;
    content: '';
    width: 100%;
    height: 1px;
    background: #fff;
    transform: scale(0, 1);
    transform-origin: center top;
    transition: transform .3s;
}
ul#global_nav_menu > li > a:hover::after {
    transform: scale(1, 1);
}


/* ========== ▲1階層 ========== */

/* ▼2階層以下のリンク */
ul#global_nav_menu li a {
    display:block;
	width:100%;
	text-decoration:none;
	position:relative;
	font-weight:normal;
	color:#333;/*文字色*/
}
ul#global_nav_menu li a:hover {
	color:#000;/*文字色マウスオーバー*/
}

/* ▼2階層以下の表示 */
ul#global_nav_menu li > ul.global_nav_menu_sub {
    position:absolute;
	display:none;
}
ul#global_nav_menu li ul.global_nav_menu_sub li {
	float:none;
	text-align:left;
	padding:5px 10px;
	position:relative;
	width:150px;/*横幅設定①*/
	z-index:11;
	background: #fff;/*背景色*/
}
ul#global_nav_menu li ul.global_nav_menu_sub li:hover {
	background: #eee;/*背景色マウスオーバー*/
}
ul#global_nav_menu:after {
    height:0;
    visibility:hidden;
    content:".";
    display:block;
    clear:both;
}
/* ▼3階層以下 */
ul.global_nav_menu_sub li ul.global_nav_menu_sub{
	position:relative;
	width:100%;
	z-index:11;
	top:0;
	left:150px; /*横幅設定①と同じ*/
}

/*▼プルダウンのボックス全体共通デザイン*/
#global_nav_area ul.global_nav_menu_sub {
	background: #FFF;
	/* box-shadow */
	box-shadow:2px 2px 5px 2px rgba(1,1,1,0.14);
	-moz-box-shadow:2px 2px 5px 2px rgba(1,1,1,0.14);
	-webkit-box-shadow:2px 2px 5px 2px rgba(1,1,1,0.14);
	/* border-radius */
	border-radius:3px 3px 3px 3px ;
	-moz-border-radius:3px 3px 3px 3px ;
	-webkit-border-radius:3px 3px 3px 3px ;
	/* border */
	border:1px solid #ffffff;
}
}

.drawer-nav {
	padding-top:50px;
}

/* ===============================================
▼グローバルナビ　スマホ
=============================================== */
.pure-container .pure-drawer {
	padding:0;
	font-size:110%;
}
.pure-container .category_area {
	margin-bottom:10px;
}
.pure-container .title {
	padding:10px;
	color:#FFF;
	background:#333;
	border-top:1px solid #ccc;
}
.pure-drawer li a {
	padding:10px;
    padding-left: 20px;
	border-bottom:#eeeeee 1px solid;
}
.pure-drawer li.level1 p a {
    display: block;
    padding-left: 10px;
	background:#fff;
	color:#333;
}
.pure-drawer li.level1 > p > a {
	background:#f7f7f7;
	border-bottom:#ddd 1px solid;
}
.pure-drawer li.level1 li p a {
	padding-left:25px;
}
.pure-drawer li.level1 p a:hover {
	background:#666;
	color:#FFF;
}

@media print, screen and (min-width: 1020px) {
.pure-container {
	display: none;
	background:#f7f7f7;
}
}

/* ===============================================
▼トップページ画像スライド
=============================================== */

/* 画像サイズを変更する場合
① js/jquery.amazingslider/bloc_top_image.js→ width:980, height:373,  
② アップロード時のサイズ設定を変更→ パラメータ設定 TOP_MAIN_WIDTHとTOP_MAIN_HEIGHT
*/

.amazingslider-thumbnails {
	display:none;
}

/* ===============================================
▼カテゴリ
=============================================== */
#category_area li {
	padding:5px 0 5px 0;
	margin-bottom:0;
}
#category_area li.level1 {
    border-bottom: dotted 1px #ccc;
}
#category_area li a {
    display: block;
	padding-left:15px;
	color:#555;
}
#category_area li.level1 > p > a {
	padding-left:5px;
}
#category_area li a:hover {
	color:#000;
	font-weight:bold;
}
#category_area a.onlink {
    color: #000;
	font-weight:bold;
}
#category_area .number {
	color:#666;
	font-weight:normal;
}
/*選択時のグレー背景*/
#category_area li.onmark {
	background:#f7f7f7;
}

/*----------------------
　アコーディオン
------------------------*/
#category_area ul#categorytree {
	padding-left:5px;
}
#category_area ul#categorytree li {
	padding:5px 0 5px 0;
	margin-bottom:0;
}
#category_area ul#categorytree li a {
	padding-left:10px;
}
#category_area ul#categorytree li.level1 {
	position:relative;
}
#category_area ul#categorytree li.level1 p.parent {
	background-image:none;
	position:relative;
    padding-left: 3px;
}
#category_area ul#categorytree li.level1 p.parent span.glyphicon {
	position:absolute;
	top:2px;
	left:0px;
	color:#999;
}
#category_area ul#categorytree li.level1 p.parent a {
	cursor:pointer;
	margin-right:30px;
}
#category_area ul#categorytree li.level1 a.arrow {
	position:absolute;
	top:5px;
	right:0;
	color:#999;
}
#category_area ul#categorytree li.level1 a.arrow:hover {
	color:#333;
}
#category_area ul#categorytree li.level1 .no_children {
	padding-left:18px;
}

/* ===============================================
▼新着情報
=============================================== */
/*topページ*/
#news_area .block_outer {
	margin-top:15px;
	margin-bottom:0 !important;
}
#news_area .block_body {
	border:none;
}
#news_area .news_title a {
	display:block;
	padding:3px 0 3px 10px;
}
#news_area .news_title a span,
#news_area .news_title a span:hover {
	color:#666;
}
#news_area .news_title a:hover {
	background:#f7f7f7;
}
#news_area .rss {
	margin-left:5px;
}
#news_area .rss a {
	color:#333;
	font-size:90%;
}
.LC_Page_Index #news_area .block_body,
.LC_Page_LandingFuzoku #news_area .block_body,
.LC_Page_LandingUniv #news_area .block_body{
	margin:0 auto;
	padding:0 0;
	height:auto;
	max-height:180px;
	overflow-y:scroll;
}
.LC_Page_Index #news_area .block_body p,
.LC_Page_LandingFuzoku #news_area .block_body p,
.LC_Page_LandingUniv #news_area .block_body p{
	margin:0 4%;
	padding:6px 0;
	border-bottom:1px solid #ccc;
}
#news_area .block_body p .title{
	display:block ;
	margin:0 0 ;
	padding:0 0;
	font-size:100%;
	font-weight:bold;
}
#news_area .block_body p .date{
	margin:0 0 0 0;
	padding:0 0;
	font-size:90%;
	letter-sacing:-0.0em;
}
#news_area .block_body p .type{
	margin:0 0 0 5px;
	padding:2px 8px;
	font-size:78%;
	color:#fff;
	letter-spacing:-0.0em;
	background:#3e49ab;
	border-radius:10px;
}
#news_area .block_body p .sender{
	margin:0 0 0 5px;
	padding:0 0;
	font-size:90%;
	font-weight:bold;
	letter-sacing:-0.0em;
	color:#3e49ab;
}
#news_area .block_body p .comment{
	display:block;
	margin:0 0;
	padding:0 0;
	font-size:92%;
	line-height:1.50em;
}
#category_tab{
	margin: 10px auto 0;
	padding: 0 0;
}
#category_tab li{
	margin: 0 6px 8px 0;
	float: left;
	width: auto;
	height: 40px;
	border: 1px solid #eeeeee;
	border-radius: 5px;
	background: #eeeeee;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	letter-spacing: -0.05em;
	line-height: 38px;
}
#category_tab li:last-child{
	margin-right: 0 !important;
}
#category_tab li.select{
	position: relative;
	background: #ffc121;
}
#category_tab li.select:after{
	content: "";
	position: absolute;
	right: 0;
	bottom: -10px;
	left: 0;
	width: 0px;
	height: 0px;
	margin: auto;
	border-style: solid;
	border-color: #ffc121 transparent transparent transparent;
	border-width: 10px 10px 0 10px;
}
#category_tab li,
#category_tab li a{
	display: block;
	color: #000 !important;
	text-decoration: none;
}
#category_tab li.select,
#category_tab li.select a{
	color: #fff !important;
	text-decoration: none;
}
#category_tab li a,
#category_tab li.select a{
	padding: 0 8px;
}
#category_tab li a:hover{
	cursor:pointer;
	position: relative;
	background: #ffc121;
	border-color: #ffc121;
	border-radius: 5px;
	color: #fff !important;
	opacity: 1.0;
}
#category_tab li.select a:hover{
	position: relative;
	background: #ffc121;
	border-color: #ffc121;
	border-radius: 5px;
}
#category_tab li.select a:hover{
	cursor:default;
	opacity:1.0;
}

/*下層ページ*/
#news_area.campus{
	width: 100%;
	margin: 25px 0 0 0;
	font-size:85%;
	letter-spacing:-0.0em;
	background:#fff;
}
.LC_Page_Products_List #news_area.campus .block_body{
	margin:0 auto;
	padding:0 0;
	height:97px;
	overflow-y:scroll;
}
.LC_Page_Products_List #news_area .block_body p{
	margin:0 0;
	padding:3px 6px;
	border-bottom:1px solid #ccc;
}

@media print, screen and (min-width: 980px) {
	/*topページ*/
	#news_area {
		margin:20px 0 0 0;
		border:none;
	}
	#news_area .block_body {
		margin:0 0;
		border:none;
	}
	#news_area .news_title a {
		display:block;
		padding:3px 0 3px 10px;
	}
	#news_area .news_title a span,
	#news_area .news_title a span:hover {
		color:#666;
	}
	#news_area .news_title a:hover {
		background:#f7f7f7;
	}
	#news_area .rss {
		margin-left:5px;
	}
	#news_area .rss a {
		color:#333;
		font-size:90%;
	}
	.LC_Page_Index #news_area,
	.LC_Page_LandingFuzoku #news_area,
	.LC_Page_LandingUniv #news_area{
		padding-bottom:20px;
		border-bottom:1px solid #ccc;
	}
	.LC_Page_Index #news_area .block_body,
	.LC_Page_LandingFuzoku #news_area .block_body,
	.LC_Page_LandingUniv #news_area .block_body{
		margin:0 auto;
		padding:0 0;
		height:auto;
		max-height:180px;
		overflow-y:scroll;
	}
	.LC_Page_Index #news_area .block_body p,
	.LC_Page_LandingFuzoku #news_area .block_body p,
	.LC_Page_LandingUniv #news_area .block_body p{
		margin:0 0;
		padding:10px 0;
		border-bottom:1px solid #ccc;
	}
	#news_area .block_body p .title{
		display:inline-block ;
		margin:0 0 ;
		padding:0 0;
		font-size:103%;
		font-weight:bold;
	}
	#news_area .block_body p .date{
		margin:0 0 0 5px;
		padding:0 0;
		font-size:90%;
		letter-sacing:-0.0em;
	}
	#news_area .block_body p .type{
		margin:0 0 0 5px;
		padding:2px 8px;
		font-size:80%;
		color:#fff;
		letter-spacing:-0.0em;
		background:#3e49ab;
		border-radius:10px;
	}
	#news_area .block_body p .sender{
		margin:0 0 0 5px;
		padding:0 0;
		font-size:90%;
		font-weight:bold;
		letter-sacing:-0.0em;
		color:#ffc121;
	}
	#news_area .block_body p .comment{
		display:block;
		margin:0 0;
		padding:0 0;
		font-size:95%;
		line-height:1.65em;
	}
	#category_tab{
		margin: 20px auto 0;
		padding: 0 0;
	}
	#category_tab li{
		margin: 0 6px 0 0;
		float: left;
		width: auto;
		height: 40px;
		border: 1px solid #eeeeee;
		border-radius: 5px;
		background: #eeeeee;
		text-align: center;
		font-size: 15px;
		font-weight: bold;
		letter-spacing: -0.0em;
		line-height: 38px;
	}
	#category_tab li:last-child{
		margin-right: 0 !important;
	}
	#category_tab li.select{
		position: relative;
		background: #ffc121;
	}
	#category_tab li.select:after{
		content: "";
		position: absolute;
		right: 0;
		bottom: -10px;
		left: 0;
		width: 0px;
		height: 0px;
		margin: auto;
		border-style: solid;
		border-color: #ffc121 transparent transparent transparent;
		border-width: 10px 10px 0 10px;
	}
	#category_tab li,
	#category_tab li a{
		display: block;
		color: #000 !important;
		text-decoration: none;
	}
	#category_tab li.select,
	#category_tab li.select a{
		color: #fff !important;
		text-decoration: none;
	}
	#category_tab li a,
	#category_tab li.select a{
		padding: 0 14px;
	}
	#category_tab li a:hover{
		cursor:pointer;
		position: relative;
		background: #ffc121;
		border-color: #ffc121;
		border-radius: 5px;
		color: #fff !important;
		opacity: 1.0;
	}
	#category_tab li.select a:hover{
		position: relative;
		background: #ffc121;
		border-color: #ffc121;
		border-radius: 5px;
	}
	#category_tab li.select a:hover{
		cursor:default;
		opacity:1.0;
	}
	
	/*下層ページ*/
	#news_area.campus{
		margin: 0 0;
		position: absolute;
		top:-35px;
		left:380px;
		width: calc(100% - 380px);
		font-size:85%;
		letter-spacing:-0.0em;
		background:#fff;
	}
	.LC_Page_Products_List #news_area.campus .block_body{
		margin:0 auto;
		padding:0 0;
		height:130px;
		overflow-y:scroll;
	}
	.LC_Page_Products_List #news_area .block_body p{
		margin:0 0;
		padding:9px 6px;
		border-bottom:1px solid #ccc;
	}
}


/* ===============================================
▼多機能クーポン
=============================================== */
#coupon_area {
	clear:both;
	margin-bottom:5px;
}
#coupon_area .block_body {
	border:none;
}
#coupon_area #title {
	font-size:120%;
	padding:5px;
	background-color:#eee;
	font-weight:bold;
	margin-bottom:10px;
}
#coupon_area .date_area {
	margin-bottom:10px;
}
#coupon_area .date_area .name {
	font-weight:bold;
	padding-left:10px;
	color: #F33;
}
#coupon_area .date_area .discount {
	font-weight:normal;
	color:#000;
}
#coupon_area .date_area .coupon_comment {
	margin-bottom:5px;
	padding-left:10px;
}
#coupon_area .date_area .condition {
	padding:5px 10px;
	border-bottom:1px dashed #ddd;
}
#coupon_area .date_area .condition .txt {
	margin-bottom:3px;
}
#coupon_area .date_area .condition .txt span {
	background:#eee;
	padding:1px 5px;
	color:#333;
}

/* ===============================================
▼ランディングページメニュー
=============================================== */
.landing_button_like li {
	list-style:outside;
	list-style-type:square;
	margin-left:20px;
	margin-bottom:10px;
	line-height:1.2em;
}

/* ===============================================
▼ソーシャルブックマーク
=============================================== */
.socialbtn {
	clear:both;
	background-color:#F7F7F7;
	border:1px solid #CCC;
	padding:5px 5px 0 5px;
	margin-bottom:15px;
}
.socialbtn #date {
	border-bottom:1px solid #CCC;
	margin-bottom:10px;
}
.socialbtn_box div {
	padding:0 5px 5px 0;
	float:left;
	clear:both;
}
#side .socialbtn {
	margin-left:7%;
	margin-right:7%;
}
@media print, screen and (min-width: 460px) {
.socialbtn_box div {
	clear: none;
}
}

/* ===============================================
▼ランキング
=============================================== */
/*メインカラム配置*/
#ranking_area li {
	width:100%;
	margin-bottom:15px;
}
#ranking_area li .left {
	float:left;
	width:48%;
}
#ranking_area li .right {
	float:right;
	width:48%;
}
#ranking_area .name {
	clear:both;
	padding-top:5px;
}
#ranking_area .rank {
	font-size:120%;
	padding:2px 0;
	text-align:center;
	background-color:#eee;
	margin-bottom:5px;
	line-height:1.5em;
}
#ranking_area #rank_1 {
	color:#E10000;
}
#ranking_area #rank_2 {
	color: #006AD5;
}
#ranking_area #rank_3 {
	color: #006C00;
}
#ranking_area #rank_4 {
	color: #B58300;
}
#ranking_area #rank_5 {
	color: #9B009B;
}
#ranking_area li .image img {
	max-width:100%;
}

@media print, screen and (min-width: 460px) {
#ranking_area li {
	width:18.4%;
	float:left;
	margin-bottom:15px;
}
#ranking_area li.left {
	margin-right:2%;
}
#ranking_area li .left {
	float:none;
	width:100%;
}
#ranking_area li .right {
	float:none;
	width:100%;
}

}
@media print, screen and (min-width: 1020px) {
#ranking_area li {
	width:18.4%;
	float:left;
	margin-bottom:15px;
}
#ranking_area li.left {
	margin-right:2%;
}
#ranking_area li .left {
	float:none;
	width:100%;
}
#ranking_area li .right {
	float:none;
	width:100%;
}

/*レフトカラム配置*/
aside #ranking_area li {
	width:100%;
	margin-bottom:15px;
}

aside #ranking_area li .left {
	float:left;
	width:48%;
}
aside #ranking_area li .right {
	float:right;
	width:48%;
}
aside #ranking_area .name {
	clear:both;
}
}

/* ===============================================
▼QRコードの自動生成
=============================================== */
.qrcode_area {
	display:none;
}
@media print, screen and (min-width: 460px) {
.qrcode_area {
	display:block;
}
.qrcode_area {
	margin-bottom:20px;
	background:url(../img/common/img_mobile.png) no-repeat right bottom;
}
.qrcode_area .qrcode_box {
	overflow:hidden;
	border:1px solid #CCC;
	width:95px;
	height:95px;
}
.qrcode_area .qrcode {
	position:relative;
	top:-8px;
	left:-8px;
}
}

/* 商品詳細ページ　→contents.css */

/* ===============================================
▼カテゴリースライドメニュー
=============================================== */
#category_slide {
	clear:both;
	position: relative;
	height:30px;
	background-color: #EEE;
	overflow:hidden;
}
#category_slide #wrapper {
	width:100%;
	margin:0 12px;
	height:30px;
	overflow: hidden;
}
#category_slide #carousel_category a {
	display: block;
	float: left;
	padding:8px 15px 0 15px;
	height:30px;
	font-size:120%;
	background:url(../img/background/bg_category_slide_item.png) repeat-y right;
}
#category_slide #carousel_category a.no_0 {
	background:url(../img/background/bg_category_slide_item.png) repeat-y right #ddd;
}
#category_slide #prev_category, 
#category_slide #next_category {
	width: 30px;
	height: 30px;
	display: block;
	position: absolute;
	top:0;
	background:#666;
	text-align:center;
}
#category_slide #prev_category:hover, 
#category_slide #next_category:hover {
	background:#999;
}
#category_slide #prev_category {
	left: 0px;
}
#category_slide #next_category {
	right: 0px;
}
#category_slide #prev_category span, 
#category_slide #next_category span {
	position:relative;
	top:7px;
	color:#FFF;
}

/* ===============================================
▼ティッカー（流れるメッセージ）
=============================================== */
#block_ticker_area #ticker-1 {
	overflow:hidden;
	border:none;
	height:20px;
	margin-bottom:10px;
}
#block_ticker_area .message {
	float:left;
	display:inline;
	margin-right:20px;
	background:url(../img/icon/ico_arrow_03.gif) 0 4px no-repeat;
	padding-left:12px;
}

/* ===============================================
▼FAQ
=============================================== */
#faq_aea .glyphicon {
	font-size:22px;
	padding-right:5px;
}
#faq_aea .txt {
	position:relative;
	top:-5px;
}

/* ===============================================
▼ガイドリンク
=============================================== */
#guide_area {
}
#guide_area li {
    margin-bottom: 5px;
}
#guide_area li span {
	font-size:10px;
	color:#999;
}
ul.button_like li {
    margin: 0;
}

/* ===============================================
▼ログイン（ヘッダー用）
=============================================== */
#header_login_area {
	text-align:left;
}
#header_login_area dl {
	margin-bottom:10px;
}
#header_login_area a {
	text-align:center;
	margin-top:5px;
}
#header_login_area p#welcome {
	line-height:1.8em;
}
#header_login_area .up_btn {
	margin:10px 0 10px;
}

/* ===============================================
▼ログイン（サイド用）
=============================================== */
#container #login_area .block_body p {
    margin-bottom: 5px;
}
#container #login_area dl.formlist {
    margin-bottom: 8px;
    width: 100%;
}
#container #login_area dl.formlist dt {
    margin-bottom: 3px;
    font-size: 90%;
}
#container #login_area dl.formlist dd {
    margin-bottom: 5px;
    text-align: left;
}

/* ===============================================
▼カレンダー
=============================================== */
#calender_area table {
    background: #fff;
    border: 1px solid #ccc;
    width: 100%;
    margin: 0 auto 5px;
}
#calender_area table td {
    padding: 1px 0;
    border: 1px solid #ccc;
    text-align:center;
	background:url(../img/background/bg_calender_td.png) repeat-x bottom;
}
#calender_area th {
    padding: 1px 0;
    background: #fff;
    border: 1px solid #ccc;
    text-align: center;
	background:url(../img/background/bg_calender_th.png) repeat-x bottom;
}
#calender_area table .month {
}
#calender_area .off {
    color: #f00;
	background:url(../img/background/bg_calender_off.png) repeat-x bottom;
}
#calender_area .information {
	text-align: right;
}
@media print, screen and (min-width: 1020px) {
#calender_area table td,
#calender_area th {
    padding: 1px 3px;
}
}

/* ===============================================
▼最近チェックした商品
=============================================== */
#recent_area .block_body {
	border:none;
	margin-bottom:0;
}

/* 表示番号1 by jQuery.carouFredSel
----------------------------------------------- */
#recent_area #carousel_area {
	position: relative;
}
#recent_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#recent_area #carousel_recent {
	display:none;
}
#recent_area #carousel_recent .item {
	float: left;
	position: relative;
	margin:0 5px;
	line-height:1.1em;
	letter-spacing:0;
}
#recent_area #carousel_recent .image {
	text-align: left;
}
#recent_area #carousel_recent .image img {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recent_area #carousel_recent .image img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recent_area #carousel_recent .name {
	text-align:left;
	font-size:85%;
}
#prev_recent {
	position:absolute;
	top:0;
	left: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:15px 25px;
}
#next_recent {
	position:absolute;
	top:0;
	right: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:15px 25px;
}
#prev_recent:hover {
	background: url(../img/button/gui-prev_on.png) no-repeat center center;
	background-size:15px 25px;
}
#next_recent:hover {
	background: url(../img/button/gui-next_on.png) no-repeat center center;
	background-size:15px 25px;
}
@media print, screen and (min-width: 460px) {
#recent_area #wrapper {
	width: 92%;
	left: 4%;
}
#recent_area #carousel_recent .item {
	margin:0 10px;
	line-height:1.6em;
	letter-spacing:1px;
}
#recent_area #carousel_recent .name {
	font-size:100%;
}
#prev_recent {
	width:4%;
}
#next_recent {
	width:4%;
}
}

/* 表示番号2
----------------------------------------------- */
#recent_area .cfspace { /*表示番号3共通*/
	margin-bottom:0;
}
#recent_area .pattern_2 .left {
	width:100%;
	margin-bottom:20px;
}
#recent_area .pattern_2 .right {
	width:100%;
	margin-bottom:20px;
}
#recent_area .pattern_2 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
}
#recent_area .pattern_2 .productImage img {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recent_area .pattern_2 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recent_area .pattern_2 .productContents {
	float:right;
	width:50%;
}
#recent_area .pattern_2 .productContents h3 {
	font-weight:normal;
}
#recent_area .cfspace {
	margin-bottom:10px;
}
@media print, screen and (min-width: 460px) {
#recent_area .cfspace { /*表示番号3共通*/
	margin-bottom:10px;
}
#recent_area .pattern_2 .left {
	float:left;
	width:47%;
	margin-bottom:0;
}
#recent_area .pattern_2 .right {
	float:right;
	width:47%;
	margin-bottom:0;
}
}

/* 表示番号3
----------------------------------------------- */
#recent_area .pattern_5 .left {
	float:left;
	width:18%;
	margin-bottom:10px;
	margin-right:2.5%;
}
#recent_area .pattern_5 .right {
	float:right;
	width:18%;
	margin-bottom:10px;
}
#recent_area .pattern_5 .productImage {
	position:relative;
	text-align:center;
	width:100%;
	float:none;
}
#recent_area .pattern_5 .productImage img {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recent_area .pattern_5 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recent_area .pattern_5 .productContents {
	width:100%;
	float:none;
}
#recent_area .pattern_5 .productContents h3 {
	font-weight:normal;
}


/* ===============================================
▼おすすめ商品
=============================================== */
#recommend_area .block_body {
	border:none;
	margin-bottom:0;
}

/* 表示番号1 by jQuery.carouFredSel
----------------------------------------------- */
#recommend_area #carousel_area {
	position: relative;
}
#recommend_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#recommend_area #carousel_recommend {
	display:none;
}
#recommend_area #carousel_recommend .item {
	float: left;
	position: relative;
	margin:0 5px;
	line-height:1.1em;
	letter-spacing:0;
}
#recommend_area #carousel_recommend .image {
	text-align: left;
}
#recommend_area #carousel_recommend .image img {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recommend_area #carousel_recommend .image img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recommend_area #carousel_recommend .name {
	text-align:left;
	font-size:85%;
}
#prev_recommend {
	position:absolute;
	top:0;
	left: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:15px 25px;
}
#next_recommend {
	position:absolute;
	top:0;
	right: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:15px 25px;
}
#prev_recommend:hover {
	background: url(../img/button/gui-prev_on.png) no-repeat center center;
	background-size:15px 25px;
}
#next_recommend:hover {
	background: url(../img/button/gui-next_on.png) no-repeat center center;
	background-size:15px 25px;
}
@media print, screen and (min-width: 460px) {
#recommend_area #wrapper {
	width: 92%;
	left: 4%;
}
#recommend_area #carousel_recommend .item {
	margin:0 10px;
	line-height:1.6em;
	letter-spacing:1px;
}
#recommend_area #carousel_recommend .name {
	font-size:100%;
}
#prev_recommend {
	width:4%;
}
#next_recommend {
	width:4%;
}
}

/* 表示番号2
----------------------------------------------- */
#recommend_area .cfspace { /*表示番号3共通*/
	margin-bottom:0;
}
#recommend_area .pattern_2 .left {
	width:100%;
	margin-bottom:20px;
}
#recommend_area .pattern_2 .right {
	width:100%;
	margin-bottom:20px;
}
#recommend_area .pattern_2 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
}
#recommend_area .pattern_2 .productImage img {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recommend_area .pattern_2 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recommend_area .pattern_2 .productContents {
	float:right;
	width:50%;
}
#recommend_area .pattern_2 .productContents h3 {
	font-weight:normal;
}
#recommend_area .cfspace {
	margin-bottom:10px;
}
@media print, screen and (min-width: 460px) {
#recommend_area .cfspace { /*表示番号3共通*/
	margin-bottom:10px;
}
#recommend_area .pattern_2 .left {
	float:left;
	width:47%;
	margin-bottom:0;
}
#recommend_area .pattern_2 .right {
	float:right;
	width:47%;
	margin-bottom:0;
}
}

/* 表示番号3
----------------------------------------------- */
#recommend_area .pattern_5 .left {
	float:left;
	width:18%;
	margin-bottom:10px;
	margin-right:2.5%;
}
#recommend_area .pattern_5 .right {
	float:right;
	width:18%;
	margin-bottom:10px;
}
#recommend_area .pattern_5 .productImage {
	position:relative;
	text-align:center;
	width:100%;
	float:none;
}
#recommend_area .pattern_5 .productImage img {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#recommend_area .pattern_5 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#recommend_area .pattern_5 .productContents {
	width:100%;
	float:none;
}
#recommend_area .pattern_5 .productContents h3 {
	font-weight:normal;
}

/* ===============================================
▼ピックアップ商品
=============================================== */
#pickup_area .block_body {
	border:none;
}

/* 表示番号1 by jQuery.carouFredSel
----------------------------------------------- */
#pickup_area #carousel_area {
	position: relative;
}
#pickup_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#pickup_area #carousel_pickup {
	display:none;
}
#pickup_area #carousel_pickup .item {
	float: left;
	position: relative;
	margin:0 5px;
	line-height:1.1em;
	letter-spacing:0;
}
#pickup_area #carousel_recommend .image {
	text-align: center;
}
#pickup_area #carousel_pickup .image img {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#pickup_area #carousel_pickup .image img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#pickup_area #carousel_pickup .name {
	text-align:left;
	font-size:85%;
}
#prev_pickup {
	position:absolute;
	top:0;
	left: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:15px 25px;
}
#next_pickup {
	position:absolute;
	top:0;
	right: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:15px 25px;
}
#prev_pickup:hover {
	background: url(../img/button/gui-prev_on.png) no-repeat center center;
	background-size:15px 25px;
}
#next_pickup:hover {
	background: url(../img/button/gui-next_on.png) no-repeat center center;
	background-size:15px 25px;
}
@media print, screen and (min-width: 460px) {
#pickup_area #wrapper {
	width: 92%;
	left: 4%;
}
#pickup_area #carousel_pickup .item {
	margin:0 10px;
	line-height:1.6em;
	letter-spacing:1px;
}
#pickup_area #carousel_pickup .name {
	font-size:100%;
}
#prev_pickup {
	width:4%;
}
#next_pickup {
	width:4%;
}
}

/* 表示番号2
----------------------------------------------- */
#pickup_area .cfspace { /*表示番号3共通*/
	margin-bottom:0;
}
#pickup_area .pattern_2 .left {
	width:100%;
	margin-bottom:20px;
}
#pickup_area .pattern_2 .right {
	width:100%;
	margin-bottom:20px;
}
#pickup_area .pattern_2 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
}
#pickup_area .pattern_2 .productImage img {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#pickup_area .pattern_2 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#pickup_area .pattern_2 .productContents {
	float:right;
	width:50%;
}
#pickup_area .pattern_2 .productContents h3 {
	font-weight:normal;
}
#pickup_area .cfspace {
	margin-bottom:10px;
}
@media print, screen and (min-width: 460px) {
#pickup_area .cfspace { /*表示番号3共通*/
	margin-bottom:10px;
}
#pickup_area .pattern_2 .left {
	float:left;
	width:47%;
	margin-bottom:0;
}
#pickup_area .pattern_2 .right {
	float:right;
	width:47%;
	margin-bottom:0;
}
}

/* 表示番号3
----------------------------------------------- */
#pickup_area .pattern_5 .left {
	float:left;
	width:18%;
	margin-bottom:10px;
	margin-right:2.5%;
}
#pickup_area .pattern_5 .right {
	float:right;
	width:18%;
	margin-bottom:10px;
}
#pickup_area .pattern_5 .productImage {
	position:relative;
	text-align:center;
	width:100%;
	float:none;
}
#pickup_area .pattern_5 .productImage img {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#pickup_area .pattern_5 .productImage img:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#pickup_area .pattern_5 .productContents {
	width:100%;
	float:none;
}
#pickup_area .pattern_5 .productContents h3 {
	font-weight:normal;
}

/* ===============================================
▼新商品スライド
=============================================== */
#new_item_area .block_body {
	border:none;
	margin-bottom:0;
}
/* 表示番号1
----------------------------------------------- */
#new_item_area #carousel_area {
	position: relative;
}
#new_item_area #wrapper {
	position: relative;
	width: 88%;
	left: 6%;
	overflow:hidden;
}
#new_item_area #carousel_new_item {
	display:none;
}
#new_item_area #carousel_new_item .item {
	float: left;
	position: relative;
	margin:0 5px;
	line-height:1.1em;
	letter-spacing:0;
}
#new_item_area .sphone_flick_area .item,
#new_item_area #carousel_new_item .image {
	position:relative;
}
#new_item_area #carousel_new_item .image img.photo {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#new_item_area #carousel_new_item .image img.photo:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#new_item_area #carousel_new_item .name {
	text-align:left;
	font-size:85%;
}
#prev_new_item {
	position:absolute;
	top:0;
	left: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:15px 25px;
}
#next_new_item {
	position:absolute;
	top:0;
	right: 0;
	width:6%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:15px 25px;
}
#prev_new_item:hover {
	background: url(../img/button/gui-prev_on.png) no-repeat center center;
	background-size:15px 25px;
}
#next_new_item:hover {
	background: url(../img/button/gui-next_on.png) no-repeat center center;
	background-size:15px 25px;
}
@media print, screen and (min-width: 460px) {
#new_item_area #wrapper {
	width: 92%;
	left: 4%;
}
#new_item_area #carousel_new_item .item {
	margin:0 10px;
	line-height:1.6em;
	letter-spacing:1px;
}
#new_item_area #carousel_new_item .name {
	font-size:100%;
}
#prev_new_item {
	width:4%;
}
#next_new_item {
	width:4%;
}
}

/* 表示番号2
----------------------------------------------- */
#new_item_area .pattern_2 .left {
	width:100%;
	margin-bottom:10px;
}
#new_item_area .pattern_2 .right {
	width:100%;
	margin-bottom:10px;
}
#new_item_area .pattern_2 .productImage {
	float:left;
	width:44%;
	margin-right:1%;
	position:relative;
}
#new_item_area .pattern_2 .productImage img.photo {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#new_item_area .pattern_2 .productImage img.photo:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#new_item_area .pattern_2 .productContents {
	float:right;
	width:50%;
}
#new_item_area .pattern_2 .productContents h3 {
	font-weight:normal;
}
#new_item_area .pattern_2 .productContents .comment {
	display: block;
}
@media print, screen and (min-width: 460px) {
#new_item_area .pattern_2 .left {
	float:left;
	width:47%;
}
#new_item_area .pattern_2 .right {
	float:right;
	width:47%;
}
}

/* 表示番号3
----------------------------------------------- */
#new_item_area .pattern_5 .left {
	float:left;
	width:18%;
	margin-bottom:10px;
	margin-right:2.5%;
}
#new_item_area .pattern_5 .right {
	float:right;
	width:18%;
	margin-bottom:10px;
}
#new_item_area .pattern_5 .productImage {
	position:relative;
	text-align:center;
	width:100%;
	float:none;
}
#new_item_area .pattern_5 .productImage img.photo {
	max-width:100%;
	background-color:#FFF;
	filter:alpha(opacity=100);
	-moz-opacity: 1;
	opacity: 1;
}
#new_item_area .pattern_5 .productImage img.photo:hover {
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
}
#new_item_area .pattern_5 .productContents {
	width:100%;
	float:none;
}
#new_item_area .pattern_5 .productContents h3 {
	font-weight:normal;
}

/* ▼NEWアイコン自動表示（すべて共通）
----------------------------------------------- */
#new_item_area span.label {
	position:absolute;
	top:2px;
	left:2px;
	padding:3px;
	z-index:1;
	font-size:12px;
}

/* ===============================================
▼ご注文の流れ・インフォメーション
=============================================== */
/*共通*/
#info_area, 
#info_area2 {
	    width:100%;
	    max-width:1120px;
	    margin:0 auto;
	    padding:0 0;
}
/*ご注文の流れ*/
#info_area .image img {
	padding:0;
	border:none;
	background:none;
}
#info_area .step {
	margin:0 10px;
}
#info_area .step_box {
	width:100%;
	margin:0 auto;
}
#info_area .step .title, #info_area .step .title_last {
	font-size:110%;
	font-weight:bold;
	padding-left:5px;
}
#info_area .step .title_last {
	background:none;
}
#info_area .step_box .image {
	text-align:center;
	background-color:#3e49ab;
	padding:5px 0 2px;
}
#info_area .step_box .text {
	border:5px solid #3e49ab;
	border-top:none;
	background:#fff;
	padding:5px;
	font-size:90%;
	margin-bottom:10px;
	line-height:1.5em;
}
@media print, screen and (min-width: 980px) {
	#info_area .step_box {
		width:25%;
		float:left;
	}
	#info_area .step {
		margin:0 5px;
	}
	#info_area .step .title, #info_area .step .title_last {
		margin-bottom:5px;
		background:url(../img/icon/ico_arrow_info.png) no-repeat center right	;
		min-height:16px;
	}
	#info_area .step .title_last {
		background:none;
	}
	#info_area .step_box .text {
		min-height:192px;
		margin-bottom:0;
		font-size:95%;
		line-height:1.55em;
	}
}

/*インフォメーション*/
#info_area2 .box {
	margin-bottom:10px;
}
#info_area2 #left {
	width:94%;
	margin:0 auto;
}
#info_area2 #right {
	width:94%;
	margin:0 auto;
}
#info_area2 h3 {
	margin:10px 0 5px 0;
	color:#111;
	font-size:110%;
}
#info_area2 h3 span {
	color:#111;
}
#info_area2 .box #comment {
	padding-bottom:3px;
	margin-bottom:10px;
	border-bottom: #999 1px dotted;
}
#info_area2 .box .method {
	font-weight:bold;
}
#info_area2 .box .method span {
	color:#CCC;
}
#info_area2 .box .site_ex {
	margin:0 0 10px 12px;
}
#info_area2 #left .box .image {
	margin-bottom:15px;
}
#info_area2 #left .box .image img {
	border:none;
	padding:0;
	margin:0;
	max-width:100%;
}
#info_area2 #right .content .sphone_none {
	display:none;
}
#info_area2 #right .content .sphone {
	display: inline;
}
#info_area2 #shop {
	border:1px solid #999;
	background-color:#F7F7F7;
	padding:3px;
	margin-top:5px;
}
#info_area2 .content {
	font-size:93%;
	line-height:1.6em;
}
@media print, screen and (min-width: 980px) {
	#info_area2 h3 {
		margin:10px 0 5px;
		color:#111;
		font-size:115%;
	}
	#info_area2 #left {
		float:left;
		width:48%;
	}
	#info_area2 #right {
		float:right;
		width:48%;
	}
	#info_area2 #right .content .sphone_none {
		display:inline;
	}
	#info_area2 #right .content .pc_none {
		display:none;
	}
	#info_area2 #right .content .sphone {
		display:none;
	}
	#info_area2 .content {
		font-size:98%;
		line-height:1.70em;
		letter-spacing:0.0em;
	}
}

/* ===============================================
▼重要事項
=============================================== */
.important_info{
	margin:0 auto 10px;
	padding:6px 6px;
	border:1px solid #a50000;
}
.important_info h3{
	margin: 0 0 6px;
	padding: 5px;
	font-size: 110%;
	background: #a50000;
	color: #fff;
}
.important_info p{
	font-size: 100%;
	font-weight: bold;
}
.important {
	margin:0 2%;
}
.important p{
	margin-bottom:15px;
	font-size:98%;
	font-weight:bold;
}
@media print, screen and (min-width: 980px) {
	.important_info{
		margin:0 auto 15px;
		padding:10px 10px;
		border:2px solid #a50000;
	}
	.important_info h3{
		margin: 0 0 10px;
		padding: 6px;
		font-size: 125%;
		background: #a50000;
		color: #fff;
	}
	.important_info p{
		font-size: 110%;
		margin: 0 0.5em;
	}
	.important {
		margin:0 0 -15px 0;
	}
	.important p{
		margin-bottom:15px;
		font-size:102%;
		font-weight:bold;
	}
}

/* ===============================================
■スマホ用フリック■
最近チェックした商品、おすすめ商品、ピックアップ商品、新商品
商品詳細ページの規格画像
=============================================== */

.sphone_flick_area {
	overflow:hidden;
}
.sphone_flick_area .flick_view {
    width: 280px;
    padding: 5px 0;
    margin: 0 auto;
	overflow:hidden;
}
.sphone_flick_area .item {
	float:left;
	width:280px;
	margin-right:0;
	margin-bottom:15px;
	position:relative;
	z-index:10;
	display:block;
	height:100%;
}
.sphone_flick_area .item .photo {
	float:left;
	width:50%;
}
.sphone_flick_area .item img {
	max-width:100%;
    float: left;
}
.sphone_flick_area .item .item_content {
    width: 50%;
    float: right;
    text-align: left;
}
.sphone_flick_area .pointer {
	clear:both;
	position:relative;
	margin-right:10px;
	text-align: center;
}
.sphone_flick_area .pointer span {
	display: inline-block;
	width: 6px;
	height: 6px;
	border-radius: 6px;
	border: 1px solid #fff;
	background:#ccc;
}
.sphone_flick_area .pointer span.current {
	background:#666;
}
.sphone_flick_area .pointer .icon {
	width:80%;
	margin:0 auto;
	margin-top:3px;
}
.sphone_flick_area .pointer .prev_btn {
	position:absolute;
	top:3px;
	left:0;
	width:10%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-prev.png) no-repeat center center;
	background-size:10px 15px;
}
.sphone_flick_area .pointer .next_btn {
	position:absolute;
	top:3px;
	right:0;
	width:10%;
	height:100%;
	min-height:100%;
	background: url(../img/button/gui-next.png) no-repeat center center;
	background-size:10px 15px;
}


/* ===============================================
▼グローバルナビ　スマホ ■ドロワーメニュー
=============================================== */

/**************
## Container ##
**************/
.pure-container {
  position: relative;
  height: 100%;
  -webkit-overflow-scrolling: touch;
}

/************
## Toggler ##
************/
.pure-toggle {
  left: -9999px;
  position: absolute;
  top: -9999px;
}

.pure-toggle:focus ~ .pure-toggle-label {
  border-color: #1fc08e;
  color: #1fc08e;
}

.pure-toggle-label {
  display: none;
  cursor: pointer;
  display: block;
  position: absolute;
  top: 0px;
  z-index: 201;
  color: #5d809d;
  width: 50px;
  height: 50px;
  -webkit-transition: all 400ms ease-in-out;
          transition: all 400ms ease-in-out;
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  -o-user-select: none;
  user-select: none;
  -webkit-tap-highlight-color: transparent;
}

.pure-toggle-label:hover {
  border-color: #1fc08e;
  color: #1fc08e;
}

.pure-toggle-label:hover .pure-toggle-icon,
.pure-toggle-label:hover .pure-toggle-icon:before,
.pure-toggle-label:hover .pure-toggle-icon:after {
  background-color: #ccc;
}

.pure-toggle-label:active {
  -webkit-tap-highlight-color: transparent;
}

.pure-toggle-label .pure-toggle-icon,
.pure-toggle-label .pure-toggle-icon:before,
.pure-toggle-label .pure-toggle-icon:after {
  position: absolute;
  top: 50%;
  left: 50%;
  height: 4px;
  width: 30px;
  cursor: pointer;
  background: #fff;
  display: block;
  content: '';
  -webkit-transition: all 500ms ease-in-out;
          transition: all 500ms ease-in-out;
}

.pure-toggle-label .pure-toggle-icon {
  transform: translate3d(-50%, -4px, 0);
  -webkit-transform: translate3d(-50%, -4px, 0);
}

.pure-toggle-label .pure-toggle-icon:before {
  transform: translate3d(-50%, -12px, 0);
  -webkit-transform: translate3d(-50%, -12px, 0);
}

.pure-toggle-label .pure-toggle-icon:after {
  transform: translate3d(-50%, 8px, 0);
  -webkit-transform: translate3d(-50%, 8px, 0);
}

/*▼ボタンの位置*/
.pure-toggle-label[data-toggle-label='left'] {
  left: auto;
  right: 10px;
}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label:not([data-toggle-label='left']) {
  opacity: 0;
  z-index: -1;
}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] {
  border-color: #1fc08e;
  color: #1fc08e;
}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon {
  background-color: transparent;
}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:before,
.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:after {
  top: 0;
}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:before {
  -ms-transform: translateX(-50%) rotate(45deg);
      transform: translateX(-50%) rotate(45deg);
  -webkit-transform: translateX(-50%) rotate(45deg);
}

.pure-toggle[data-toggle='left']:checked ~ .pure-toggle-label[data-toggle-label='left'] .pure-toggle-icon:after {
  -ms-transform: translateX(-50%) translateY(-10px) rotate(-45deg);
      transform: translateX(-50%) translateY(-10px) rotate(-45deg);
  -webkit-transform: translateX(-50%) translateY(-10px) rotate(-45deg);
  top: 10px;
}

/***********
## Drawer ##
***********/
.pure-drawer {
  position: absolute;
  top: 46px;
  left: 0;
  z-index:199;
  height: auto;
  visibility: hidden;
  background-color: #fff;
  border-bottom:#333 40px solid;
  padding-bottom:20px;
  -webkit-transition-property: all;
          transition-property: all;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
    width: 300px;
}

/*********************
## Pusher Container ##
*********************/
.pure-pusher-container {
  position: relative;
  height: 100%;
  overflow: hidden;
}

/***********
## Pusher ##
***********/
.pure-pusher {
  position: relative;
  height: 100%;
  overflow-y: auto;
  left: 0;
  z-index: 2;
  background-color: #fff;
  -webkit-transition-property: -webkit-transform;
          transition-property: transform;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-timing-function: ease-out;
          transition-timing-function: ease-out;
}

/*******************
## Pusher Overlay ##
*******************/
.pure-overlay {
  position: fixed;
  top: 0;
  bottom: 0;
  right: 0;
  width: 0;
  height: 0;
  opacity: 0;
  background-color: rgba(0, 0, 0, 0.4);
  -webkit-transition-property: opacity;
          transition-property: opacity;
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-delay: 500ms;
          transition-delay: 500ms;
  -webkit-transition-timing-function: ease-in-out;
          transition-timing-function: ease-in-out;
}

.pure-toggle[data-toggle='left']:checked ~ .pure-overlay[data-overlay='left'] {
  left: 300px;
}

.pure-toggle[data-toggle='left']:checked ~ .pure-overlay[data-overlay='left'] {
  width: 100%;
  height: 100%;
  opacity: 1;
  z-index: 2;
}

/********************************
## Fallback for older browsers ##
********************************/
.no-csstransforms3d .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
  left: 100%;
}

@media only screen and (min-width: 40.063em) {
  .no-csstransforms3d .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
    left: 300px;
  }
}

@media only screen and (min-width: 64.063em) {
  .no-csstransforms3d .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
    left: 300px;
  }
}


/****************************************
## Effect - Scale and Rotate Pusher ##
****************************************/
/* DRAWER */
[data-effect='pure-effect-scaleRotate'] .pure-drawer {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

[data-effect='pure-effect-scaleRotate'] .pure-drawer[data-position='left'] {
  -webkit-transform: translate3d(-100%, 0, 0);
  transform: translate3d(-100%, 0, 0);
}

[data-effect='pure-effect-scaleRotate'] .pure-drawer[data-position='right'] {
  -webkit-transform: translate3d(100%, 0, 0);
  transform: translate3d(100%, 0, 0);
}

[data-effect='pure-effect-scaleRotate'] .pure-drawer[data-position='top'] {
  -webkit-transform: translate3d(0, -100%, 0);
  transform: translate3d(0, -100%, 0);
}

[data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='left']:checked ~ .pure-drawer[data-position='left'],
[data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='right']:checked ~ .pure-drawer[data-position='right'],
[data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='top']:checked ~ .pure-drawer[data-position='top'] {
  visibility: visible;
  -webkit-transform: translate3d(0, 0, 0);
  transform: translate3d(0, 0, 0);
}

/* PUSHER CONTAINER */
[data-effect='pure-effect-scaleRotate'] .pure-pusher-container {
  -webkit-perspective: 1500px;
  perspective: 1500px;
}

/* PUSHER */
[data-effect='pure-effect-scaleRotate'] .pure-pusher-container .pure-pusher {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
}

[data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='left']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(100px, 0, -600px) rotateY(-20deg);
  transform: translate3d(100px, 0, -600px) rotateY(-20deg);
}

[data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='right']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(100px, 0, -600px) rotateY(20deg);
  transform: translate3d(100px, 0, -600px) rotateY(20deg);
}

[data-effect='pure-effect-scaleRotate'] .pure-toggle[data-toggle='top']:checked ~ .pure-pusher-container .pure-pusher {
  -webkit-transform: translate3d(0, 0, -100px) rotateX(20deg);
  transform: translate3d(0, 0, -100px) rotateX(20deg);
}

/* OVERLAY */
[data-effect='pure-effect-scaleRotate'] .pure-overlay {
  -webkit-transition-duration: 500ms;
          transition-duration: 500ms;
  -webkit-transition-delay: 250ms;
          transition-delay: 250ms;
}