/* base
===============================================================*/
h1,h2,h3,h4,h5,h6,p,pre,blockquote,ul,ol,dl,dd,tr {
	font-size: 16px;
	line-height: 1.6;
}

textarea {
	font-style:normal;
	-webkit-appearance: none;
	font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

body {
	color:#323232;
	background-color:#ffffff;
	font-family:"游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic, "ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif !important;
}

.pc {
	display:none !important;
}

input.txt01 {
	-webkit-border-radius : 0;
	-webkit-appearance : none;
	-webkit-tap-highlight-color : rgba(0,0,0,0);
}


input::placeholder {
  color: #d1d1d1;
}

/* IE */
input:-ms-input-placeholder {
  color: #d1d1d1;
}

/* Edge */
input::-ms-input-placeholder {
  color: #d1d1d1;
}

.err {
	padding:10px 0 0 0;
	color:#cc0000;
}

.err p {
	color:#cc0000;
}

.errorbox {
	color:#cc0000 !important;
	padding:0 0 20px 0;
}

input[type="text"] ,
input[type="email"] ,
input[type="search"] ,
input[type="number"] ,
input[type="tel"]{
-webkit-appearance: none;
}


/* font
===============================================================*/
a {
	color:#292929;
	text-decoration:none;
}

a:visited {
	color:#292929;
	text-decoration:none;
}

a:hover {
	color:#1192d4;
	text-decoration: underline;
}

a:active {
	color:#292929;
	text-decoration: underline;
}


/* Contents
===============================================================*/
div#AllBox{
	padding:100px 0 0 0;
}
div#AllBox.base {
	padding:64px 0 0 0;
}

div#Wrapper{
}

div#Top_Contents {

}

div#Contents {

}

div#Main {

}

div#Main02 {
	padding:0 13px;
}


/* HeaderBox
===============================================================*/
div#HeaderBox {
	width:100%;
	height:63px;
	border-bottom:#e4e4e4 1px solid;
	background: -moz-linear-gradient(top, #fefefe, #f3f3f3);
	background: -webkit-linear-gradient(top, #fefefe, #f3f3f3);
	background: linear-gradient(to bottom, #fefefe, #f3f3f3);
	position:fixed;
	top:0;
	left:0;
    z-index: 10;
}

div#HeaderBox.on {
	background: #fff;
}

div#HeaderBox .inner {
	/*padding-right: 7%;*/
}


div#HeaderBox .logo_bg {
	background-color:#fff;
	position: relative;
    z-index:20;
}

div#HeaderBox .logo a {
	display:block;
	width:103px;
	height:63px;
	text-indent:-9999px;
	margin:0 auto;
	background:url(../images/common/logo.png) no-repeat 0 -1px;
	background-size:103px 64px;
    position: relative;
    z-index:20;
}

div#HeaderBox .login {
	width:60px;
	position:absolute;
	top:0;
	right:0;
}

div#HeaderBox .login.on{
	display: none;
}

div#HeaderBox .login a {
	display:block;
	height:25px;
	padding:38px 0 0 0;
	text-align:center;
	font-size:12px;
	text-decoration:none;
	color:#292929;
	background:url(../../images/common/login.svg) no-repeat center 16px;
	background-size:17px auto;
}


div#HeaderBox .cart {
	width:44px;
	position:absolute;
	top:0;
	right:60px;
}

div#HeaderBox .cart.on {
	display: none;
}

div#HeaderBox .cart a {
	display:block;
	height:25px;
	padding:38px 0 0 0;
	text-align:center;
	font-size:12px;
	text-decoration:none;
	color:#292929;
	background:url(../images/common/cart.png) no-repeat 40% 16px;
	background-size:21px auto;
}

div#HeaderBox .mypage.on{
	display: none;
}

div#HeaderBox .mypage a {
	display:block;
	height:25px;
	padding:38px 0 0 0;
	text-align:center;
	font-size:12px;
	text-decoration:none;
	color:#292929;
	background:url(../../images/common/mypage.svg) no-repeat center 16px;
	background-size:20px auto;
	letter-spacing: -2px;
}



/* HeaderBox02
===============================================================*/
div#HeaderBox02 {
	width:100%;
	height:63px;
	border-bottom:#e4e4e4 1px solid;
	background: -moz-linear-gradient(top, #fefefe, #f3f3f3);
	background: -webkit-linear-gradient(top, #fefefe, #f3f3f3);
	background: linear-gradient(to bottom, #fefefe, #f3f3f3);
	position:fixed;
	top:0;
	left:0;
    z-index: 10;
}

div#HeaderBox02 .logo a {
	display:block;
	width:103px;
	height:63px;
	text-indent:-9999px;
	margin:0 auto;
	background:url(../images/common/logo.png) no-repeat 0 -1px;
	background-size:103px 64px;
}

div#HeaderBox02 .login {
	width:60px;
	position:absolute;
	top:0;
	right:0;
}

div#HeaderBox02 .login a {
	display:block;
	height:25px;
	padding:38px 0 0 0;
	text-align:center;
	font-size:12px;
	text-decoration:none;
	color:#292929;
	background:url(../../images/common/login.svg) no-repeat center 16px;
	background-size:17px auto;
}

div#HeaderBox02 .mypage a {
	display:block;
	height:25px;
	padding:38px 0 0 0;
	text-align:center;
	font-size:12px;
	text-decoration:none;
	color:#292929;
	background:url(../../images/common/mypage.svg) no-repeat center 16px;
	background-size:20px auto;
	letter-spacing: -2px;
}



.menu-trigger span {
  display: inline-block;
  transition: all .4s;
  box-sizing:border-box;
}
.menu-trigger {
  width:41px;
  height:41px;
  display: block;
  padding:11px;
  position: absolute;
  top:0;
  left:0;
  z-index:21;
  transition: all .4s;
}
.menu-trigger span {
  position: absolute;
  left: 20px;
  width: 23px;
  height: 2px;
  background-color: #0094d6;
}

.menu-trigger.off {
	display: none;
}

.menu-trigger span:nth-of-type(1) {
  top: 26px;
}
.menu-trigger span:nth-of-type(2) {
  top: 32px;
}
.menu-trigger span:nth-of-type(3) {
  top: 38px;
}

.menu_btn .t {
	position:absolute;
	top:40px;
	left:0;
	width:100%;
	text-align:center;
	font-weight:bold;
	letter-spacing:0.05em;
	font-size:12px;
}

.menu_btn .t2 {
	display:none;
	position:absolute;
	top:40px;
	left:0;
	width:100%;
	text-align:center;
	font-weight:bold;
	letter-spacing:0.05em;
	font-size:12px;
}

.active .menu_btn .t {
	display:none;
}

.active .menu_btn .t2 {
	display:block;
}

.active .menu-trigger span:nth-of-type(1) {
  -webkit-transform: translateY(6px) rotate(-45deg);
  transform: translateY(6px) rotate(-45deg);
}

.active .menu-trigger span:nth-of-type(2) {
  opacity: 0;
}
.active .menu-trigger span:nth-of-type(3) {
  -webkit-transform: translateY(-6px) rotate(45deg);
  transform: translateY(-6px) rotate(45deg);
}





/* MenuBox
===============================================================*/
div#MenuBox {
	display:none;
    background: #FFFFFF;
    position:fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: scroll;
    	-webkit-overflow-scrolling:touch !important;
    z-index:5;
	box-sizing:border-box;
	padding:60px 0 0 0;
}

div#MenuBox h2 {
    border-bottom: #d1d1d1 1px dotted;
    margin-bottom: 16px;
    padding: 0 0 0 37px;
    font-size: 22px;
}
div#MenuBox .logo ,
div#MenuBox .bn ,
div#MenuBox .point_bn {
	display:none;
}

div#MenuBox .beginner {
    margin: 20px 13px 35px;
}

div#MenuBox .beginner a {
    background: linear-gradient(to bottom, #dc0011 0%,#e40011 50%,#dc0011 100%);
}

div#MenuBox .beginner a span {
    box-shadow: 0px 0px 4px 2px #dc0011 inset;
}

.touch0202 .beginner {
    display:none;
}



div#MenuBox .search {
	margin:90px 13px 35px;
}

div#MenuBox .search.search_sp {
	margin:10px 13px 35px;
}

div#MenuBox .search h2 {
	background:url(../images/common/ic01.png) no-repeat left center;
	background-size:22px 22px;
}

div#MenuBox .search input {
	border:#d3d3d3 1px solid;
	padding:12px 5px 10px 5px;
	box-shadow:1px 1px 3px 1px #f9f9f9 inset;
    width: 85%;
}

div#MenuBox .key {
	margin:0 0 19px 0;
}

#SideBar .key input {
	width:100%;
	box-sizing:border-box;
}

div#MenuBox .price {
	margin:0 0 18px 0;
}

div#MenuBox .price input {
	margin:0 8px 0 0;
	text-align:right;
	width:78px;
}

div#MenuBox .price span {
	font-size:14px;
	position:relative;
	top:5px;
	left:0;
    margin-right: 8px;
}


div#MenuBox .category {
	margin:0 13px 35px;
}
div#MenuBox .category h2 {
	background:url(../images/common/ic02.png) no-repeat left center;
	background-size:18px 18px;
}
div#MenuBox .category ul li {
	margin-bottom:8px;
}
div#MenuBox .category ul li:last-child {
	margin-bottom:0;
}
div#MenuBox .category ul li a {
    display: block;
    padding: 5px 0 5px 40px;
    text-decoration: none;
    color: #292929;
}
div#MenuBox .category > ul > li > a {
	background:url(../../images/common/cate_icon00.jpg) no-repeat 0 3px;
	background-size:30px 30px;
}
div#MenuBox .category ul li a span {
    display: block;
	background:url(../images/common/plus.png) no-repeat right 50%;
	background-size:8px 8px;
}
div#MenuBox .category ul li a:not([href="javascript:void(0)"]) span {
   background:url(../images/common/ar_03.png) no-repeat right 50%;
	background-size:4px 7px;
}

div#MenuBox .category ul li a.open span {
	background:url(../images/common/minus.png) no-repeat right 50%;
	background-size:8px 8px;
}

div#MenuBox .category ul li a.cate09 {
	background:url(../../images/common/cate_icon01.jpg) no-repeat 0 4px;
	background-size:30px 30px;
}
div#MenuBox .category ul li a.cate08 {
	background:url(../../images/common/cate_icon02.jpg) no-repeat 0 4px;
	background-size:30px 30px;
}
div#MenuBox .category ul li a.cate07 {
	background:url(../../images/common/cate_icon03.jpg) no-repeat 0 4px;
	background-size:30px 30px;
}
div#MenuBox .category ul li a.cate06 {
	background:url(../../images/common/cate_icon04.jpg) no-repeat 0 4px;
	background-size:30px 30px;
}
div#MenuBox .category ul li a.cate05 {
	background:url(../../images/common/cate_icon05.jpg) no-repeat 0 4px;
	background-size:30px 30px;
}
div#MenuBox .category ul li a.cate04 {
	background:url(../../images/common/cate_icon06.jpg) no-repeat 0 4px;
	background-size:30px 30px;
}
div#MenuBox .category ul li a.cate03 {
	background:url(../../images/common/cate_icon07.jpg) no-repeat 0 4px;
	background-size:30px 30px;
}
div#MenuBox .category ul li a.cate102 {
	background:url(../../images/common/cate_icon08.jpg) no-repeat 0 4px;
	background-size:30px 30px;
}
div#MenuBox .category ul li a.cate72 {
	background:url(../../images/common/cate_icon09.jpg) no-repeat 0 4px;
	background-size:30px 30px;
}

div#MenuBox .category ul li ul {
	display:none;
	background-color:#f9f9f9;
	padding:10px 15px 10px 15px;
}
div#MenuBox .category ul li ul li {
	margin-bottom:0;
}
div#MenuBox .category ul li ul li a {
    padding-left: 0;
	background:url(../images/common/plus.png) no-repeat right 50%;
	background-size:8px 8px;
}
div#MenuBox .category ul li ul li a.open {
    background:url(../images/common/minus.png) no-repeat right 50%;
	background-size:8px 8px;
}
div#MenuBox .category ul li ul li a:not([href="javascript:void(0)"]) {
	background:url(../images/common/ar_03.png) no-repeat right 50%;
	background-size:4px 7px;
}


div#MenuBox .price_search {
	margin:0 13px 35px;
}
div#MenuBox .price_search h2 {
	background:url(../images/common/ic02.png) no-repeat left center;
	background-size:21px 21px;
}
div#MenuBox .price_search ul li a {
    display: block;
    padding: 5px 0;
	background:url(../images/common/ar_03.png) no-repeat right 50%;
	background-size:4px 7px;
}

div#MenuBox .price_search ul li a span {
    font-family: 'Arvo', serif;
	font-weight:bold;
}

div#MenuBox .info {
	margin:0 13px 20px;
}
div#MenuBox .info h2 {
	background:url(../images/common/ic03.png) no-repeat left center;
	background-size:22px 22px;
}
div#MenuBox .info li a {
    display: block;
    padding: 5px 0;
	background:url(../images/common/ar_03.png) no-repeat right 50%;
	background-size:4px 7px;
}

div#Main .info_btm li a {
    display: block;
    padding: 5px 0;
	background:url(../images/common/ar_03.png) no-repeat right 50%;
	background-size:4px 7px;
}

div#MenuBox .contact {
	margin:0 13px 35px;
}
div#MenuBox .contact h2 {
	background:url(../images/common/ic04.png) no-repeat left center;
	background-size:24px 18px;
}

div#MenuBox .contact p.tel {
	background:url(../images/common/ic05.png) no-repeat 3px 3px;
	background-size:14px 18px;
	font-family: 'Arvo', serif;
	padding:0 0 0 21px;
	font-weight:bold;
	margin:23px 0 10px 0;
	letter-spacing:0.05em;
}

div#MenuBox .contact p.link {
	padding:5px 0 0 0;
}

div#MenuBox .contact p.link a {
	display:block;
	padding:8px 18px 8px 0;
	background:url(../images/common/ar_03.png) no-repeat right 50%;
	background-size:4px 7px;
}


div#MenuBox .catelist {
    background: #f3f1ed;
    padding: 10px 13px;
    margin-bottom: 20px;
}
div#MenuBox .catelist li a {
    display: block;
    padding: 5px 0;
	background:url(../images/common/ar_03.png) no-repeat right 50%;
	background-size:4px 7px;
}

div#MenuBox.cf div.userinfo{
	display: none;
}


/* loginBox
===============================================================*/

div.batsu_btn.sp{
	display:none;
	position: fixed;
	top:12px;
	right: 10px;
}

div.batsu_btn.sp.on{
	display:block;
	position: fixed;
	top:12px;
	right: 10px;
	z-index: 21;
}

div#loginBox .menu-trigger span:nth-of-type(1) {
  top: 26px;
}
div#loginBox .menu-trigger span:nth-of-type(2) {
  top: 32px;
}
div#loginBox .menu-trigger span:nth-of-type(3) {
  top: 38px;
}

div#loginBox {
	display:none;
    background: #FFFFFF;
    position:fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: scroll;
    z-index:7;
	-webkit-overflow-scrolling:touch !important;
	padding-top: 70px;
	right: -100%;
}

div#loginBox .shinki ,
div#loginBox .hoji {
	display:none;
}


div#loginBox dl{
	box-sizing: border-box;
	text-align: center;
	margin: 0 3%
}

div#loginBox dt {
    background: #f3f1ed;
    font-size: 20px;
    padding: 8px 0 8px 15px;
}

div#loginBox dd {
    margin-bottom: 30px;
    border: #e2e1de 1px solid;
    border-top-color: rgb(226, 225, 222);
    border-top-style: solid;
    border-top-width: 1px;
    border-top: none;
    padding: 3%;
}

div#loginBox dd p{
	margin-bottom: 10px;
}

div#loginBox h2 {
    border-bottom: #d1d1d1 1px dotted;
    margin-bottom: 16px;
    padding: 0 0 0 37px;
    font-size: 26px;
}

.loginbox {
	margin:0 0 20px 0;
}

.loginbox .box_l {
	margin:0 0 10px 0;
}

.loginbox .box_r {
	margin:0 0 10px 0;
}

.loginbox h2 {
	background-color:#f3f1ed;
	padding:10px 25px;
	font-size:18px;
	text-align:center;
	font-weight:normal;
}

.loginbox .box {
	padding:0 10px 15px 10px;
	border-left:#e2e1de 1px solid;
	border-right:#e2e1de 1px solid;
	border-bottom:#e2e1de 1px solid;
}

.loginbox .box_l .box .pd {
	padding:27px 0;
	text-align:center;
}

.loginbox .box_l .box .btn {
	max-width:230px;
	margin:0 auto 15px auto;
}

div#loginBox.cf dl dd p.pass{
	text-align:center;
	padding:0 0 12px 0;
}

div#loginBox.cf dl dd p.pass a {
	background:url(../images/common/ar_r02.png) no-repeat right 50%;
	background-size:12px 6px;
	padding:0 17px 0 0;
	text-decoration:underline;
}

.loginbox .box_r .box .pd {
	padding:27px 0;
	text-align:center;
}

.loginbox .box_r .box .btn {
	max-width:360px;
	margin:0 auto 12px auto;
}



div#loginBox .logo ,
div#loginBox .bn ,
div#loginBox .point_bn {
	display:none;
}


div#loginBox .search {
	margin:90px 13px 35px;
	display: none;
}


div#loginBox .key {
	margin:0 0 19px 0;
}

#SideBar .key input {
	width:100%;
	box-sizing:border-box;
}

div#loginBox .price {
	margin:0 0 18px 0;
}

div#loginBox .price input {
	margin:0 8px 0 0;
	text-align:right;
	width:78px;
}

div#loginBox .price span {
	font-size:14px;
	position:relative;
	top:5px;
	left:0;
    margin-right: 8px;
}


div#loginBox .category {
	margin:0 13px 35px;
	display: none;
}



div#loginBox .price_search {
	margin:0 13px 35px;
	display: none;
}



div#loginBox .info {
	margin:0 13px 35px;
}
div#loginBox .info h2 {
	background:url(../images/common/ic03.png) no-repeat left center;
	background-size:26px 26px;
}
div#loginBox .info li a {
    display: block;
    padding: 8px 0;
	background:url(../images/common/ar_03.png) no-repeat right 50%;
	background-size:4px 7px;
}


div#loginBox .contact {
	margin:0 13px 35px;
}
div#loginBox .contact h2 {
	background:url(../images/common/ic04.png) no-repeat left center;
	background-size:24px 18px;
}

div#loginBox .contact p.tel {
	background:url(../images/common/ic05.png) no-repeat 3px 3px;
	background-size:14px 18px;
	font-family: 'Arvo', serif;
	padding:0 0 0 21px;
	font-weight:bold;
	margin:23px 0 10px 0;
	letter-spacing:0.05em;
}

div#loginBox .contact p.link {
	padding:5px 0 0 0;
}

div#loginBox .contact p.link a {
	display:block;
	padding:8px 18px 8px 0;
	background:url(../images/common/ar_03.png) no-repeat right 50%;
	background-size:4px 7px;
}


div#loginBox .catelist {
    background: #f3f1ed;
    padding: 5px 13px;
    margin-bottom: 20px;
}
div#loginBox .catelist li a {
    display: block;
    padding: 8px 0;
	background:url(../images/common/ar_03.png) no-repeat right 50%;
	background-size:4px 7px;
}





/* MypageBox
===============================================================*/
div#MypageBox {
	display:none;
    background: #FFFFFF;
    position:fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    overflow: scroll;
    z-index:4;
    -webkit-overflow-scrolling:touch;
}

div#MypageBox h2 {
    border-bottom: #d1d1d1 1px dotted;
    margin-bottom: 16px;
    padding: 0 0 0 37px;
    font-size: 26px;
}


div#MypageBox .member {
	margin:110px 13px 35px;
	border:#e2e1de 1px solid;
}
div#MypageBox .member h2 {
	border: none;
    color: #FFFFFF;
    background: #0094d6;
    padding: 6px 0;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
    margin: -1px;
}


div#MypageBox .menu {
	margin:0 13px 35px;
}
div#MypageBox .menu h2 {
	border: none;
    color: #FFFFFF;
    background: #0094d6;
    padding: 6px 0;
    font-size: 20px;
    font-weight: normal;
    text-align: center;
	margin:0;
}

div#MypageBox .menu li {
	border:#e2e1de 1px solid;
	border-top:none;
}
div#MypageBox .menu li a {
    display: block;
    padding: 8px 20px;
	background:url(../images/common/ar_03.png) no-repeat 94% 50%;
	background-size:4px 7px;
}


div#MypageBox .info {
	margin:0 13px 35px;
}
div#MypageBox .info h2 {
	background:url(../images/common/ic03.png) no-repeat left center;
	background-size:26px 26px;
}
div#MypageBox .info li a {
    display: block;
    padding: 8px 0;
	background:url(../images/common/ar_03.png) no-repeat right 50%;
	background-size:4px 7px;
}


div#MypageBox .contact {
	margin:0 13px 35px;
}
div#MypageBox .contact h2 {
	background:url(../images/common/ic04.png) no-repeat left center;
	background-size:24px 18px;
}

div#MypageBox .contact p.tel {
	background:url(../images/common/ic05.png) no-repeat 3px 3px;
	background-size:14px 18px;
	font-family: 'Arvo', serif;
	padding:0 0 0 21px;
	font-weight:bold;
	margin:23px 0 10px 0;
	letter-spacing:0.05em;
}

div#MypageBox .contact p.link {
	padding:5px 0 0 0;
}

div#MypageBox .contact p.link a {
	display:block;
	padding:8px 18px 8px 0;
	background:url(../images/common/ar_03.png) no-repeat right 50%;
	background-size:4px 7px;
}


div#MypageBox .catelist {
    background: #f3f1ed;
    padding: 5px 13px;
    margin-bottom: 20px;
}
div#MypageBox .catelist li a {
    display: block;
    padding: 8px 0;
	background:url(../images/common/ar_03.png) no-repeat right 50%;
	background-size:4px 7px;
}



div.userinfo{
	/*display:none;*/
	margin:0 3% 30px;
	border:solid 1px #e2e1de;
}

div.userinfo h3{
	background: #5390D4;
	color: #fff;
	text-align: center;
	padding: 10px;
}

div.userinfo .wrap{
	padding: 20px;
}

div.userinfo .ttll{
	width: 180px;
	margin: 0 auto;
}

div.userinfo .ttll p {
	text-align: left;
}

div.userinfo p{
	font-size: 16px;
	text-align: center;
}

div.userinfo p.txt {
	padding:10px 0 0 0;
}

div.userinfo p a{
	display: block;
	background: url(../images/common/ar_r02.png) no-repeat right 50%;
	background-size: 12px auto;
}

div.userinfo p a.noar {
	background: none;
}


div.userinfo p.my2 a {
	background: url(../images/common/ar07.png) no-repeat right 6px;
	background-size: 11px 9px;
}


div.userinfo p.name{
	font-size: 18px;
	color: #0093d5;
	margin-bottom: 10px;
}

div.userinfo p.point{
	background: #E9F3FA;
	border-radius: 30px;
	padding: 5px 10px;
	color: #0093d5;
	width: 200px;
	margin: 0 auto 10px;
	display: block;
}

div.userinfo p.point span.zan{
	font-size: 14px;
	display: block;
}

div.userinfo p.point span.r{
	font-size: 14px;
	position: relative;
	top:-3px;
}

div.userinfo p.gentei span{
	font-weight: bold;
}

div.userinfo p.shikkou{
	margin-bottom: 20px;
}


div.userinfo p.point span.r span.kazu{
	font-size: 20px;
	font-weight: bold;
}

div.userinfo p.favorite a span{
	background: url(../images/common/ico06.png) no-repeat 0 50%;
	padding-left: 1.5em;
	padding: 3px 22px;
	text-decoration: underline;
	background-size: 14px auto;
	margin-bottom: 5px;
	display: block;
}

div.userinfo p.my a span{
	background: url(../images/common/ico07.png) no-repeat 0 50%;
	padding-left: 1.5em;
	padding: 3px 22px;
	text-decoration: underline;
	background-size: 14px auto;
	margin-bottom: 5px;
	display: block;
}

div.userinfo p.logout a span{
	background: url(../images/common/ico08.png) no-repeat 0 50%;
	padding-left: 1.5em;
	padding: 3px 22px;
	text-decoration: underline;
	background-size: 14px auto;
	display: block;
}

div.userinfo p.favorite{
	
}

div.userinfo p.my{
	
}

div.userinfo p.logout{
	
}

div.userinfo.sp ul.menu li{
	padding: 10px;
	border-bottom: solid 1px #e2e1de;
}

div.userinfo.sp ul.menu li a{
	background: url(../images/common/ar_r02.png) no-repeat right 50%;
	background-size: 12px auto;
	display: block;
}


/* FooterBox
===============================================================*/
#FooterBox {

}

#FooterBox p.s {
	display:none;
}

#FooterBox .share {
    border-bottom: #e4e4e4 1px solid;
    margin-bottom: 11px;
    text-align: center;
    padding-bottom: 50px;
}

#FooterBox .share ul li {
    display: inline-block;
    margin-right: 30px;
}
#FooterBox .share ul li img {
	width:100%;
	height:auto;
	vertical-align:middle;
}

#FooterBox .share ul li.fb {
    width: 32px;
}
#FooterBox .share ul li.tw {
    width: 36px;
}
#FooterBox .share ul li.line {
    width: 98px;
    margin-right:0;
}

.pagetop {
	position:fixed;
	bottom:13px;
	right:13px;
	width:42px;
}
.pagetop img {
	width:100%;
	height:auto;
	vertical-align:top;
}


#FooterBox .fbn {
    margin: 0 13px 45px;
}

#FooterBox .fbn li {
	padding-bottom:5px;
}
#FooterBox .fbn li img {
	width:100%;
	height:auto;
	vertical-align:top;
}



/* FooterBox02
===============================================================*/
#FooterBox02 {
	padding:30px 0 0 0;
}

.topic_path {
	border-bottom:#e4e4e4 1px solid;
	padding:0 0 4px 0;
	margin:0 0 20px 0;
}

.topic_path p {
	font-size:14px;
	padding:0 13px;
	margin:0 auto;
}

.topic_path p a {
	text-decoration:underline;
}


.norton{
/*	padding:45px 0 20px 0;*/
	padding:0 0 20px 0;
	margin:0 13px;
	position:relative;
}

.norton .in p.txt a ,
.norton .in p.txt span {
	display:block;
	padding:8px;
	line-height:1.3;
	font-size:12px;
	color:#d2349b;
	border:#c70082 1px solid;
	background:url(../images/common/ar01.jpg) no-repeat right bottom;
	text-decoration:none;
	transition: all 300ms 0s ease;
}

.norton .in p.bn {
	display:none;
	width:60px;
	position:absolute;
	top:0;left:0;
}

.norton .in p.bn img {
	width:60px;
	height:auto;
}


.copy {
	color:#fff;
	font-family: 'Arvo', serif;
	text-align:center;
	background-color:#51a8d8;
	font-size:10px;
	padding:8px 0 10px 0;
}



/* btn
===============================================================*/
a.defbtn ,
.defbtn {
	display:block;
	border:#e5e5e5 1px solid;
	border-radius:4px;
	background: #e4e4e4; /* Old browsers */
	background: -moz-linear-gradient(top, rgba(228,228,228,0.3) 0%, #ffffff 50%, rgba(228,228,228,0.3) 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, rgba(228,228,228,0.3) 0%,#ffffff 50%,rgba(228,228,228,0.3) 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, rgba(228,228,228,0.3) 0%,#ffffff 50%,rgba(228,228,228,0.3) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-shadow: 1px 1px 1px 0 rgba(207,207,207,0.7);
	color:#292929;
	text-decoration:none !important;
	transition: all 300ms 0s ease;
	overflow:hidden;
}

.defbtn span {
	display:block;
	padding:12px 8px 12px 17px;
	text-align:center;
	background:url(../images/common/ar_l01.png) no-repeat left 50%;
	background-size:12px 6px;
	box-shadow:0px 0px 4px 2px #fff inset;
}

.defbtn span.r {
	padding:12px 17px 12px 8px;
	background:url(../images/common/ar_r02.png) no-repeat right 50%;
	background-size:12px 6px;
}


.defbtn span.s {
	display:block;
	font-size:14px;
/*	padding:3px 0 3px 0;*/
	padding:8px;
	text-align:center;
	background:none;
}


a.defbtn2 ,
.defbtn2 {
	display:block;
	border:#e5e5e5 1px solid;
	border-radius:4px;
	background: #e4e4e4; /* Old browsers */
	background: -moz-linear-gradient(top, #008dcc 0%, #0093d5 50%, #008dcc 100%); /* FF3.6-15 */
	background: -webkit-linear-gradient(top, #008dcc 0%,#0093d5 50%,#008dcc 100%); /* Chrome10-25,Safari5.1-6 */
	background: linear-gradient(to bottom, #008dcc 0%,#0093d5 50%,#008dcc 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
	box-shadow: 1px 1px 1px 0 rgba(207,207,207,0.7);
	color:#292929;
	text-decoration:none !important;
	transition: all 300ms 0s ease;
	overflow:hidden;
	padding: 0 !important;
	font-size: 16px !important;
	line-height:inherit !important;
}

.defbtn2 span {
	display:block;
	padding:12px 8px 12px 17px;
	text-align:center;
	color:#fff;
	background:url(../images/common/ar_r01.png) no-repeat right 50%;
	background-size:12px 6px;
	box-shadow:0px 0px 4px 2px #05a3da inset;
}


span.a {
	display:block;
	border:#e5e5e5 1px solid;
	border-radius:4px;
	background: #e4e4e4; /* Old browsers */
	box-shadow: 1px 1px 1px 0 rgba(207,207,207,0.7);
	color:#292929;
	text-decoration:none !important;
	transition: all 300ms 0s ease;
	overflow:hidden;
	padding: 0 !important;
	font-size: 16px !important;
	line-height:inherit !important;
}

span.a span {
	display:block;
	padding:12px 8px 12px 17px;
	text-align:center;
	box-shadow:0px 0px 4px 2px #ddd inset;
}


a.defbtn3 {
    display: block;
    border: #e5e5e5 1px solid;
    border-radius: 4px;
    background: #e4e4e4;
    background: -moz-linear-gradient(top, rgba(228,228,228,0.3) 0%, #ffffff 50%, rgba(228,228,228,0.3) 100%);
    background: -webkit-linear-gradient(top, rgba(228,228,228,0.3) 0%,#ffffff 50%,rgba(228,228,228,0.3) 100%);
    background: linear-gradient(to bottom, rgba(228,228,228,0.3) 0%,#ffffff 50%,rgba(228,228,228,0.3) 100%);
    box-shadow: 1px 1px 1px 0 rgba(207,207,207,0.7);
    color: #292929;
    text-decoration: none;
    transition: all 300ms 0s ease;
    overflow: hidden;
}
.defbtn3 span{
    display: block;
    padding: 12px 8px 12px 8px;
    text-align: center;
    box-shadow: 0px 0px 4px 2px #fff inset;
}


/* SideBar
===============================================================*/
#SideBar {
	display:none;
}



/* title
===============================================================*/
h3.def {
	margin:0 0 13px 0;
	line-height:1.3;
}

h3.def span.b {
	font-size:25px;
}

h3.def span.s {
	display:block;
	font-size:18px;
    color: #4b4b4b;
}


/* form
===============================================================*/
select {
	width:100%;
	box-sizing:border-box;
	padding:10px 40px 13px 20px;
	border:#e5e5e5 1px solid;
	border-radius:4px;

	font-size:16px;


	background: url(../../images/common/ar_b01.png), -moz-linear-gradient(top, #f8f8f8 0%, #ffffff 50%, #f8f8f8 100%); /* FF3.6-15 */
	background: url(../../images/common/ar_b01.png), -webkit-linear-gradient(top, #f8f8f8 0%,#ffffff 50%,#f8f8f8 100%); /* Chrome10-25,Safari5.1-6 */
	background: url(../../images/common/ar_b01.png), linear-gradient(to bottom, #f8f8f8 0%,#ffffff 50%,#f8f8f8 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */

	background-repeat: no-repeat;
	background-position: right 50%;

	box-shadow:0px 0px 4px 2px #fff inset;
	color:#292929;
	text-decoration:none;
	transition: all 300ms 0s ease;
	overflow:hidden;

   appearance: none;
   -webkit-appearance: none;
   -mox-appearance: none;
   position:relative;
}



/* viewed
===============================================================*/
.viewed {
    margin: 0 13px 31px;
    clear: both;
    overflow: hidden;
}

.viewed .box {
	width:50%;
	float:left;
	border-bottom: #FFF 1px solid;
    box-sizing: border-box;
	padding:0 0 15px 0;
}

.viewed .box:nth-child(even) {
	clear:both;
}

.viewed .box a {
    display: block;
    margin: 0 8px;
}

.viewed .box p.ph {
	border-right:#fff 1px solid;
	overflow:hidden;
	padding:0 0 5px 0;
}

.viewed .box p.ph img {
	width:100%;
	height:auto;
	transition: all 300ms 0s ease;
}

.viewed .box p.name {
	line-height:1.3;
	padding:0 5px 5px 5px;
}

.viewed .box .price span {
    font-size: 18px;
    font-weight: bold;
    font-family: 'Arvo', serif;
}


.viewed .more {
    float: left;
    width: 100%;
    padding: 20px 8% 0;
    box-sizing: border-box;
}

.viewed .more a {
	display: block;
    border: #e5e5e5 1px solid;
    border-radius: 4px;
    background: #e4e4e4;
    background: -moz-linear-gradient(top, rgba(228,228,228,0.3) 0%, #ffffff 50%, rgba(228,228,228,0.3) 100%);
    background: -webkit-linear-gradient(top, rgba(228,228,228,0.3) 0%,#ffffff 50%,rgba(228,228,228,0.3) 100%);
    background: linear-gradient(to bottom, rgba(228,228,228,0.3) 0%,#ffffff 50%,rgba(228,228,228,0.3) 100%);
    box-shadow: 1px 1px 1px 0 rgba(207,207,207,0.7);
    color: #292929;
    text-decoration: none;
    transition: all 300ms 0s ease;
    overflow: hidden;
}
.viewed .more a span {
	display:block;
	padding:8px 8px 8px 8px;
	text-align:center;
	/*background:url(../images/common/ar_r02.png) no-repeat right 50%;
	background-size:12px 6px;*/
	box-shadow:0px 0px 4px 2px #fff inset;
}


/* viewed
===============================================================*/
#plg_product_detail_recommend {
    margin: 0 13px 31px;
    clear: both;
    overflow: hidden;
}

#plg_product_detail_recommend .box {
	width:33.3%;
	float:left;
	border-bottom: #FFF 1px solid;
    box-sizing: border-box;
}

#plg_product_detail_recommend .box:nth-child(3n+1) {
	clear:both;
}

#plg_product_detail_recommend .box p.ph {
	border-right:#fff 1px solid;
	overflow:hidden;
}

#plg_product_detail_recommend .box p.ph img {
	width:100%;
	height:auto;
	transition: all 300ms 0s ease;
}

#plg_product_detail_recommend .box a:hover p.ph img {
	transform: scale(1.1);
}

#plg_product_detail_recommend .more {
    float: left;
    width: 100%;
    padding: 20px 8% 0;
    box-sizing: border-box;
}

#plg_product_detail_recommend .more a {
	display: block;
    border: #e5e5e5 1px solid;
    border-radius: 4px;
    background: #e4e4e4;
    background: -moz-linear-gradient(top, rgba(228,228,228,0.3) 0%, #ffffff 50%, rgba(228,228,228,0.3) 100%);
    background: -webkit-linear-gradient(top, rgba(228,228,228,0.3) 0%,#ffffff 50%,rgba(228,228,228,0.3) 100%);
    background: linear-gradient(to bottom, rgba(228,228,228,0.3) 0%,#ffffff 50%,rgba(228,228,228,0.3) 100%);
    box-shadow: 1px 1px 1px 0 rgba(207,207,207,0.7);
    color: #292929;
    text-decoration: none;
    transition: all 300ms 0s ease;
    overflow: hidden;
}
#plg_product_detail_recommend .more a span {
	display:block;
	padding:8px 8px 8px 8px;
	text-align:center;
	background:url(../images/common/ar_r02.png) no-repeat right 50%;
	background-size:12px 6px;
	box-shadow:0px 0px 4px 2px #fff inset;
}


/* breadcrumb
===============================================================*/
#breadcrumb {
	font-size: 12px;
	margin: 50px 0 40px;
	padding: 20px 13px;
	background-color: #f3f1ed;
	box-sizing:border-box;
}

#breadcrumb a {
	text-decoration: underline;
}

#breadcrumb span {
	position: relative;
	padding-left: 20px;
}

#breadcrumb span:before {
	content: "-";
	display: block;
	position: absolute;
	left: 5px;
	top: 0;
}

/* .cont 下層ページ共通
===============================================================*/
.cont h3.p_ttl {
	font-size: 26px;
	margin-bottom: 25px;
}

.cont h4.ttl {
	color: #0094d6;
	font-size: 22px;
	line-height: 1;
	margin-bottom: 20px;
	border-left: 5px solid #0094d6;
	padding-left: 15px;
}

/* お問合せ */
.inq_info {
	background-color: #f3f1ed;
	padding: 25px;
}

.inq_info--white {
	padding: 0;
	width: auto;
	background-color: transparent;
}

.inq_info .info_ttl {
	font-size: 18px;
	line-height: 1.4;
	margin-bottom: 5px;
}

.inq_info p {
	font-size: 16px;
}

.inq_info p + p {
	margin-top: 10px;
}

.inq_info a {
	text-decoration: underline;
}

a.defbtn, .defbtn {
	background: linear-gradient(to bottom, rgba(228,228,228,0.2) 0%,#ffffff 50%,rgba(228,228,228,0.3) 100%);
}

/* 余白 */
.cont .mb5 {
	margin-bottom: 5px !important;
}

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

.cont .mb15 {
	margin-bottom: 15px !important;
}

/* 注釈：グレー */
.cont .notice {
	color: #9e9e9e;
}

/* リスト表示 */
.cont .list li {
	text-indent: -1.1em;
	margin-left: 1.1em;
}