@charset "utf-8";
/*
機　　能　　名：共通CSS
作　　成　　日：2019/05/07

/* ***************************************
	1. header
	. drr_contents
	. contents_main
	. common
	. bnr_area
	. category_search
	. item
	. side
	. search_box
	. s_shop
	. s_blog
	. page_top
	. user_guide
	. footer
**************************************** */

html {
text-align:center;
}

/* body */
body {
background:#F6F7F7;
color:#333333;
font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
line-height:1;
width:100%;
-webkit-text-size-adjust:none;/* スマホ 縦横 フォント固定 */
}

.header,.footer,.section,.nav {
display:block;
}

a { color:#333333; outline:none; text-decoration:underline; }
a:hover { text-decoration:none; }

.section p {
line-height:1.6;
}

@media screen and (min-width: 768px) {/* PC */
body {
font-size:14px;
}
.sp {
display:none;
}
.wrapper,
.wrapper_pc {
margin:0 auto;
}
}
@media screen and (max-width: 767px) {/* SP */
body {
font-size:15px;
}
.pc {
display:none;
}
img {
width:100%;
}
.wrapper,
.wrapper_sp {
width:90%;
margin:0 auto;
}
a {-webkit-tap-highlight-color:rgba(0,0,0,0.30);}/* タップ時の背景色 */
a,a:hover {text-decoration:none; }
div#inquiry_privacy::-webkit-scrollbar{ /* スクロールバー本体 */
width:10px;
background:#CCC;
}
div#inquiry_privacy::-webkit-scrollbar-thumb{ /* スクロールバーの動く部分 */
background:#222;
border-radius:5px;
}
@media screen and (max-width: 320px) {/* w320 */
}
}


/* ***************************************
	header
**************************************** */
#header {
text-align:left;
background:#FFF;
}
#header .h_sub_bg {
margin:0 auto;
}
/* header_logo_area */
#header .header_logo_area .copy {
color:#525263;
}
/* cart_area */
#header #cart_area {
background:#383635;
color:#FFFFFF;
}
/* member */
#header .welcome_name {
margin-bottom:10px;
}
#header .welcome_name span {
font-size:12px;
padding:0 5px;
}
/* category */
#header #category a {
text-decoration:none;
display:block;
}
#header .category_main span {
font-size:10px;
}
#header #category .c_new .category_main_link {
color:#FFFFFF;
background:#DE2419;
}
#header .sub_category_box img {
width:100%;
}
@media screen and (min-width: 768px) {/* PC */
#header {
padding-bottom:8px;
}
#header .h_sub_bg {
width:1100px;
}
#header .header_top {
margin-bottom:45px;
}
/* header_logo_area */
#header .header_logo_area {
padding-top:20px;
float:left;
margin-right:30px;
}
#header .header_logo_area .copy {
font-size:10px;
line-height:1.2;
margin-bottom:5px;
}
#header .header_logo_area h1 img {
width:343px;
}
/* header_menu_area */
#header .header_menu_area {
float:left;
padding-top:20px;
margin-right:20px;
width:490px;
}
#header .header_menu_area a {
text-decoration:none;
}
/* member */
#header .member {
position:relative;
margin-bottom:14px;
padding-right:90px;
}
#header .member .welcome_name {
font-size:10px;
}
#header .member ul {
width:100%;
}
#header .member li {
font-size:12px;
float:left;
text-align:center;
}
#header .member .h_login {
margin-left:15px;
}
#header .member .h_favorite {
margin-left:10px;
}
#header .member .h_contact {
position:absolute;
top:5px;
right:0;
}
#header .member .h_entry a,
#header .member .h_login a,
#header .member .h_favorite a {
height:30px;
line-height:30px;
}
#header .member .h_login a,
#header .member .h_favorite a,
#header .member .h_contact a {
display:block;
color:#FFF;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}
#header .member .h_entry a {
color:#083862;
}
#header .member .h_entry a:hover {
text-decoration:underline;
}
#header .member .h_login a:hover,
#header .member .h_favorite a:hover,
#header .member .h_contact a:hover {
opacity:0.6;
filter:alpha(opacity=60);
}
#header .member .h_login a {
background:#083862;
width:90px;
}
#header .member .h_favorite a {
background:#2370B8;
width:120px;
}
#header .member .h_contact a {
width:80px;
height:25px;/* total 75px */
padding-top:50px;
background:#C91522 url(../images/common/icon_mail.png) center 14px no-repeat;
background-size:46px auto;
-webkit-background-size:46px auto;
}
/* h_menu */
#header .h_menu {
width:410px;
}
#header .h_menu li {
float:left;
margin:0 7px 8px 0px;
font-size:11px;
}
#header .h_menu li.lastChild {
margin-right:0;
}
#header .h_menu li a {
color:#7B7A7A;
}
#header .h_menu li a:hover {
text-decoration:underline;
}
/* cart_area */
#header #cart_area {
float:left;
width:186px;/* total 216px */
padding:8px 15px 12px 15px;
font-size:13px;
}
#header #cart_area .cart_items {
float:left;
width:50px;/* total 90px */
min-height:26px;
padding-left:40px;
font-size:9px;
background:url(../images/common/cart_items.png) left bottom 3px no-repeat;
background-size:27px auto;
-webkit-background-size:27px auto;
}
#header #cart_area .cart_items .badge {
font-size:13px;
background:#FFFFFF;
color:#383635;
display:inline-block;
padding:7px 10px;
margin-top:3px;
border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
position:relative;
}
#header #cart_area .cart_items .badge:before {
position:absolute;
top:50%;
left:-10px;
width:0;
height:0;
content:"";
margin-top:-3px;
border-style:solid;
border-color:transparent #FFF transparent transparent;
border-width:4px 10px 4px 0;
}
#header #cart_area .cart_in {
float:right;
padding-top:15px;
}
#header #cart_area .cart_in a {
color:#FFFFFF;
text-decoration:none;
}
#header #cart_area .cart_in a:hover {
text-decoration:underline;
}
#header #cart_area .cart_price {
border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
background:#FFFFFF;
color:#383635;
padding:10px;
font-size:11px;
text-align:right;
margin-top:8px;
}
#header #cart_area .cart_price .cart_price_ttl {
float:left;
}
#header #cart_area .cart_price .price {
padding:0 5px;
font-size:13px;
}
/* category */
#header .category_main {
float:left;
position:relative;
}
#header #category a {
text-align:center;
}
#header #category .c_new {
position:relative;
margin-right:10px;
}
#header #category .c_new img {
position:absolute;
top:-15px;
left:50%;
margin-left:-30px;
}
#header .c_brand,
#header .c_style {
border-left:1px solid #D9D9D9;
}
#header .c_style {
border-right:1px solid #D9D9D9;
}
#header #category .category_main_link {
line-height:35px;
height:35px;
padding:0 20px;
}
#header #category .c_new .category_main_link {
padding:0 23px;
}
#header #category .c_air .category_main_link {
padding:0 24px;
}
#header #category .c_shoes .category_main_link {
padding:0 32px;
}
#header #category .c_brand .category_main_link,
#header #category .c_style .category_main_link {
padding:0 19px;
}
#header #category .category_main_link:hover {
color:#FFFFFF;
background:#727171;
}
#header #category .c_new .category_main_link:hover {
color:#FFFFFF;
background:#DE2419;
opacity:0.6;
filter:alpha(opacity=60);
}
/* sub_category_box */
#header .sub_category_box {
background:#FFFFFF;
border:1px solid #404040;
position:absolute;
top:35px;
z-index:101;
visibility:hidden;
}
#header .sub_category_normal {
left:0;
}
#header .sub_category_img {
width:830px;/* total 880px */
right:0;
padding:22px 25px 2px 25px;
}
#header .sub_category_normal li {
border-bottom:1px solid #404040;
width:160px;
}
#header .c_compression .sub_category_normal li {
width:200px;
}
#header .sub_category_normal li.lastChild {
border-bottom:none;
}
#header .sub_category_img li {
width:120px;
float:left;
margin-right:20px;
margin-bottom:20px;
}
#header .sub_category_img li:nth-child(6),
#header .sub_category_img li:nth-child(12) {
margin-right:0;
}
#header .sub_category_img li img {
display:block;
margin-bottom:10px;
}

#header #category .sub_category_normal a {
padding:16px 12px;
text-align:left;
}
#header .sub_category_normal a,
#header .sub_category_img li div {
position:relative;
}
#header .sub_category_normal a:after,
#header .sub_category_img li div:after {
position:absolute;
top:50%;
content:"";
display:block;
width:6px;
height:6px;
border-top:1px solid #959595;
border-right:1px solid #959595;
-webkit-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg);
}
#header .sub_category_normal a:after {
right:12px;
}
#header .sub_category_img li div:after {
right:3px;
}
#header #category .sub_category_normal a:hover {
color:#FFFFFF;
background:#727171;
}
#header .sub_category_normal a:hover:after {
border-top:1px solid #FFF;
border-right:1px solid #FFF;
}
#header #category .sub_category_img a:hover {
opacity:0.6;
filter:alpha(opacity=60);
}
#header .category_main:hover .sub_category_box {
xdisplay:block;
visibility:visible;
}
}
@media screen and (min-width: 768px) and (max-width: 1280px) {/* PC small */
#header .h_sub_bg {
width:96%;
}
#header .header_top {
margin-bottom:30px;
}
/* header_logo_area */
#header .header_logo_area h1 img {
width:317px;
}
/* header_menu_area */
#header .header_menu_area {
width:400px;
}
/* h_menu */
#header .h_menu {
width:280px;
}
/* category */
#header #category .category_main_link {
padding:0 15px;
}
#header #category .c_new .category_main_link {
padding:0 18px;
}
#header #category .c_air .category_main_link {
padding:0 18px;
}
#header #category .c_shoes .category_main_link {
padding:0 18px;
}
#header #category .c_brand .category_main_link,
#header #category .c_style .category_main_link {
padding:0 13px;
}
#header .sub_category_img {
width:700px;/* total 750px */
}
@media screen and (max-width: 768px) {/* Tablet iPad・mini */
#header .header_top {
margin-bottom:10px;
}
/* header_logo_area */
#header .header_logo_area {
margin-right:20px;
}
#header .header_logo_area h1 img {
width:220px;
}
/* header_menu_area */
#header .header_menu_area {
width:293px;
margin-right:14px;
}
/* member */
#header .member {
padding-right:60px;
}
#header .member li {
font-size:10px;
}
#header .member .h_login,
#header .member .h_favorite {
margin-left:10px;
}
#header .member .h_login a {
width:55px;
}
#header .member .h_favorite a {
width:95px;
}
#header .member .h_contact a {
width:54px;
height:21px;/* total 54px */
padding-top:33px;
background:#C91522 url(../images/common/icon_mail.png) center 8px no-repeat;
background-size:30px auto;
-webkit-background-size:30px auto;
}
#header .h_menu li {
margin-left:0;
margin-right:10px;
}
/* cart_area */
#header #cart_area {
width:160px;
}
#header #cart_area .cart_in {
font-size:11px;
}
#header #cart_area .cart_items {
width:40px;
padding-left:35px;
min-height:23px;
background:url(../images/common/cart_items.png) left bottom 3px no-repeat;
background-size:23px auto;
-webkit-background-size:23px auto;
}
/* category */
#header #category .c_brand,
#header #category .c_style {
margin-top:10px;
}
#header #category .c_brand {
width:calc(50% - 1px);
}
#header #category .c_style {
width:calc(50% - 2px);
}
/* sub_category_box */
#header .sub_category_box {
display:none;
}
}
}
@media screen and (max-width: 767px) {/* SP */
#header {
width:100%;
padding-bottom:12px;
}
/* header_logo_area */
#header .header_logo_area {
padding:5%;
}
#header .header_logo_area .copy {
font-size:8px;
margin-bottom:18px;
}
#header .header_logo_area .header_logo img {
width:72%;
}
/* welcome_name_box */
#header .welcome_name_box {
display:none;
text-align:center;
}
#header .welcome_name {
font-size:9px;
}
/* cart_area */
#header #cart_area {
position:absolute;
top:6%;
right:0;
padding:10px;
border-radius:5px 0 0 5px;-webkit-border-radius:5px 0 0 5px;-moz-border-radius:5px 0 0 5px;
}
#header #cart_area .cart_items {
position:absolute;
top:-12px;
left:23px;
text-align:center;
font-size:10px;
padding:4px 5px;
background:#CCCCCC;
color:#382F2C;
border:3px solid #FFF;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}
#header #cart_area .cart_in {
float:left;
width:25px;
margin-right:30px;
}
#header #cart_area .cart_in a {
display:block;
text-indent:-9999px;
font-size:0.1em;
min-height:28px;
width:25px;
background:url(../images/common/cart_items.png) 0 3px no-repeat;
background-size:auto 25px;
-webkit-background-size:auto 25px;
}
/* menu-trigger */
#header .menu_sp {
float:right;
width:22px;
margin-top:5px;
}
.menu-trigger,
.menu-trigger span {
display:inline-block;
transition:all .4s;
box-sizing:border-box;
}
.menu-trigger {
position:relative;
width:22px;
height:18px;
}
.menu-trigger span {
position:absolute;
left:0;
width:100%;
height:3px;
background-color:#fff;
}
.menu-trigger span:nth-of-type(1) {
top:0;
}
.menu-trigger span:nth-of-type(2) {
top:7px;
}
.menu-trigger span:nth-of-type(3) {
bottom:0;
}
.menu-trigger.active span:nth-of-type(1) {
-webkit-transform:translateY(8px) rotate(-45deg);
transform:translateY(8px) rotate(-45deg);
}
.menu-trigger.active span:nth-of-type(2) {
opacity:0;
}
.menu-trigger.active span:nth-of-type(3) {
-webkit-transform:translateY(-7px) rotate(45deg);
transform:translateY(-7px) rotate(45deg);
}
/* category */
#header #category {
display:none;
margin-bottom:15px;
}
#header #category li {
font-size:13px;
position:relative;
}
#header #category li span {
font-size:10px;
}
#header .category_main {
width:100%;
background:#F7F7F7;
}
#header .category_main a {
display:block;
padding:15px 20px;
text-align:left;
border-bottom:1px solid #CCC;
position:relative;
}
#header #category li.c_new a {
border-bottom:none;
}
#header .category_main a:after {
content:"";
position:absolute;
top:50%;
right:15px;
display:block;
width:6px;
height:6px;
border-top:2px solid #727171;
border-right:2px solid #727171;
-webkit-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg);
}
#header #category li.c_new a:after {
border-top:2px solid #FFF;
border-right:2px solid #FFF;
}
#header .category_main a.icon_plus:after {
border:none;
right:11px;
width:12px;
height:2px;
margin-top:-1px;
background:#727171;
-webkit-transform:translateY(0%) rotate(0deg);
transform:translateY(0%) rotate(0deg);
}
#header .category_main a.icon_plus:before {
content:"";
position:absolute;
top:50%;
right:16px;
display:block;
width:2px;
height:12px;
margin-top:-6px;
background:#727171;
}
#header .category_main a.icon_minus:before {
display:none;
}
#header .sub_category_img a {
padding-left:0;
font-size:12px;
}
#header .sub_category_img img {
width:40%;
margin-right:5%;
vertical-align:middle;
}
#header .sub_category_img a div {
display:inline-block;
width:50%;
}

#header .sub_category_box {
display:none;
padding-left:10%;
background:#FFFFFF;
border-bottom:1px solid #CCC;
}
#header .sub_category_box li.lastChild a {
border-bottom:none;
}
/* h_menu */
#header .h_menu {
display:none;
}
#header .h_menu a {
display:block;
width:100%;
font-size:12px;
}
#header .h_menu .h_menu_normal a {
padding:12px 37px;
color:#717071;
position:relative;
width:calc(100% - 74px);
}
#header .h_menu .h_menu_normal a:after {
content:"";
position:absolute;
top:50%;
left:20px;
display:block;
width:6px;
height:6px;
border-top:1px solid #CCC;
border-right:1px solid #CCC;
-webkit-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg);
}
#header .h_menu .h_entry,
#header .h_menu .h_login,
#header .h_menu .h_favorite {
width:calc(100% - 40px);
margin:0 auto 15px auto;
}
#header .h_menu .h_entry,
#header .h_menu .h_login {
width:calc(48% - 20px);
float:left;
}
#header .h_menu .h_entry a,
#header .h_menu .h_login a,
#header .h_menu .h_favorite a {
text-align:center;
padding:13px 0;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}
#header .h_menu .h_entry {
margin-left:20px;
margin-right:4%;
}
#header .h_menu .h_entry a {
color:#083762;
background:#FFF;
border:1px solid #083762;
}
#header .h_menu .h_login {
margin-right:20px;
float:left;
}
#header .h_menu .h_login a {
color:#FFF;
background:#083762;
border:1px solid #083762;
}
#header .h_menu .h_favorite a {
color:#FFFFFF;
background:#286FB7;
}
#header .h_menu .h_contact {
width:90%;
text-align:center;
margin:30px auto;
}
#header .h_menu .h_contact a {
color:#FFFFFF;
padding:13px 0;
position:relative;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
background:#C71621 url(../images/common/icon_mail.png) 20px center no-repeat;
background-size:auto 16px;
-webkit-background-size:auto 16px;
}
#header .h_menu .h_contact a:after {
content:"";
position:absolute;
top:50%;
right:15px;
display:block;
width:6px;
height:6px;
border-top:2px solid #FFF;
border-right:2px solid #FFF;
-webkit-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg);
}
#header .h_menu .h_close_btn {
width:70%;
margin:0 auto;
}
#header .h_menu .h_close_btn a {
border:1px solid #CCC;
background:#FFF;
position:relative;
text-align:center;
padding:13px 0;
}
#header .h_menu .h_close_btn a:after {
content:"";
display:block;
position:absolute;
top:50%;
left:11px;
width:20px;
height:2px;
margin-top:-1px;
background:#727171;
-webkit-transform:translateY(0%) rotate(45deg);
transform:translateY(0%) rotate(45deg);
}
#header .h_menu .h_close_btn a:before {
content:"";
position:absolute;
top:50%;
left:20px;
display:block;
width:2px;
height:20px;
margin-top:-10px;
background:#727171;
-webkit-transform:translateY(0%) rotate(45deg);
transform:translateY(0%) rotate(45deg);
}

/* body_off */
.body_off {
overflow:hidden;
}
.body_off #header {
background:rgba(255,255,255,0.6);
width:100%;
height:100%;
z-index:101;
position:fixed;
}
.body_off #header .h_sub_bg {
background:#F7F7F7;
width:75%;
height:calc(100% - 30px);
padding-bottom:30px;
margin-left:25%;
overflow-y:auto;
}
.body_off #header .header_logo_area .header_logo {
text-align:center;
}
.body_off #header .header_logo_area .header_logo img {
width:75%;
}
.body_off #header .header_logo_area .copy {
display:none;
}
.body_off #header .welcome_name_box {
display:block;
}
.body_off #header #cart_area {
top:15px;
right:75%;
}
.body_off #header #cart_area .cart_items,
.body_off #header #cart_area .cart_in {
display:none;
}
.body_off #header #category,
.body_off #header #member,
.body_off #header .h_menu {
display:block;
}
.body_off .menu-trigger.active span:nth-of-type(1) {
-webkit-transform:translateY(5px) rotate(-45deg);
transform:translateY(5px) rotate(-45deg);
}
.body_off .menu-trigger.active span:nth-of-type(3) {
-webkit-transform:translateY(-10px) rotate(45deg);
transform:translateY(-10px) rotate(45deg);
}
@media screen and (max-width: 320px) {/* w320 */
/* header_logo_area */
#header .header_logo_area {
padding:5% 3%;
}
#header .header_logo_area .header_logo img {
width:68%;
}
#header .header_logo_area .copy .pc {
display:block;
line-height:1.2;
}
/* cart_area */
#header #cart_area {
top:6%;
}
}
}

/* ***************************************
	drr_contents
**************************************** */
div#drr_contents {
background:#FFFFFF;
}
@media screen and (min-width: 768px) {/* PC */
div#drr_contents {
width:1100px;/* total 1140px */
padding:30px 20px 0 20px;
margin:0 auto 30px auto;
position:relative;
}
}
@media screen and (min-width: 768px) and (max-width: 1280px) {/* PC small */
div#drr_contents {
width:980px;/* total 1000px */
padding:30px 10px 0 10px;
}
@media screen and (max-width: 768px) {/* Tablet iPad・mini */
div#drr_contents {
width:740px;
padding:0;
}
}
}
@media screen and (max-width: 767px) {/* SP */
div#drr_contents {
margin:0 auto 24px auto;
}
@media screen and (max-width: 320px) {/* w320 */
}
}


/* ***************************************
	contents_main
**************************************** */
div#contents_main {
text-align:left;
}
.icon_iine {
min-height:19px;
background:url(../images/common/icon_iine.png) left -2px no-repeat;
background-size:auto 19px;
-webkit-background-size:auto 19px;
}
@media screen and (min-width: 768px) {/* PC */
div#contents_main {
width:820px;
float:right;
}
.icon_iine {
padding-left:30px;
}
}
@media screen and (min-width: 768px) and (max-width: 1280px) {/* PC small */
div#contents_main {
width:750px;
}
@media screen and (max-width: 768px) {/* Tablet iPad・mini */
div#contents_main {
width:96%;
margin:0 auto;
float:none;
}
}
}
@media screen and (max-width: 767px) {/* SP */
div#contents_main {
width:100%;
}
.icon_iine {
padding-left:40px;
}
@media screen and (max-width: 320px) {/* w320 */
}
}

/* ***************************************
	common
**************************************** */
/* ttl */
.ttl_gray,
.ttl_blue,
.ttl_blue_gray {
font-weight:normal;
}
.ttl_gray,
.ttl_blue {
margin-bottom:18px;
}
.ttl_gray {
border-bottom:1px solid #B5B6B6;
}
.ttl_blue {
color:#3F789C;
border-bottom:1px solid #3F789C;
}
.ttl_blue_gray {
color:#3F789C;
border-top:1px solid #3F789C;
border-bottom:1px solid #B5B6B6;
}
/* breadcrumb */
.breadcrumb {
color:#ACACAC;
margin-bottom:20px;
font-size:12px;
}
.breadcrumb li {
float:left;
}
.breadcrumb a {
color:#ACACAC;
text-decoration:none;
}
@media screen and (min-width: 768px) {/* PC */
/* section */
.section {
margin-bottom:70px;
}
/* ttl */
.ttl_gray,
.ttl_blue {
padding-bottom:11px;
}
.ttl_gray {
font-size:16px;
}
.ttl_blue {
font-size:18px;
}
.ttl_blue span {
font-size:14px;
}
.ttl_blue_gray {
font-size:18px;
padding:29px 0;
margin-bottom:30px;
}
}
@media screen and (min-width: 768px) and (max-width: 1280px) {/* PC small */
@media screen and (max-width: 768px) {/* Tablet iPad・mini */
}
}

@media screen and (max-width: 767px) {/* SP */
#contents_bottom {
background:#FFF;
padding-bottom:1px;
}
/* section */
.section {
margin-bottom:40px;
}
/* ttl */
.ttl_gray,
.ttl_blue {
padding:0 5% 5px 5%;
}
.ttl_gray {
font-size:14px;
}
.ttl_blue {
font-size:16px;
}
.ttl_blue span {
font-size:14px;
}
.ttl_blue_gray {
font-size:16px;
padding:23px 20px;
margin-bottom:28px;
}
@media screen and (max-width: 320px) {/* iphoneSE */
}
}

/* ***************************************
	bnr_area
**************************************** */
.bnr_area li img {
width:100%;
vertical-align:middle;
}
@media screen and (min-width: 768px) {/* PC */
.bnr_area {
margin-bottom:40px;
}
.bnr_area li {
float:left;
margin-bottom:2%;
}
.bnr_area li.w_half {
width:49%;
}
.bnr_area li.w_quarter {
width:24%;
}
.bnr_area li.w_100 {
width:100%;
}
.bnr_area li.w_l {
margin-right:2%;
}
.bnr_area li a:hover img {
opacity:0.6;
filter:alpha(opacity=60);
}
@media screen and (max-width: 768px) {/* Tablet iPad・mini */
.bnr_area ul {
width:70%;
margin:0 auto;
}
}
}
@media screen and (max-width: 767px) {/* SP */
.bnr_area {
width:90%;
margin:0 auto 50px auto;
}
.bnr_area li {
margin-bottom:5%;
}
.bnr_area li.w_half {
width:80%;
margin:0 auto 5% auto;
}
.bnr_area li.w_100 {
width:100%;
}
.bnr_area li.lastChild {
margin-bottom:0;
}
}

/* ***************************************
	category_search
**************************************** */
#category_search {
}
.category_search_box a {
text-decoration:none;
}
.category_search_item h3 {
background:url(../images/common/icon_item.png) 20px 0 no-repeat;
}
.category_search_brand h3 {
background:url(../images/common/icon_brand.png) 20px 0 no-repeat;
}
.category_search_style h3 {
background:url(../images/common/icon_style.png) 20px 0 no-repeat;
}
.category_search_box h3 {
min-height:25px;
background-size:auto 25px;
-webkit-background-size:auto 25px;
}
.category_search_box li {
text-align:center;
float:left;
}
.category_search_box li img {
width:calc(100% - 2px);
border:1px solid #DCDDDD;
margin-bottom:5px;
}
@media screen and (min-width: 768px) {/* PC */
.category_search_box {
margin-bottom:50px;
}
.category_search_brand {
margin-bottom:23px;
}
.category_search_style {
margin-bottom:0;
}
.category_search_box h3 {
padding-left:55px;
}
.category_search_box ul {
margin:0 20px;
}
.category_search_box li {
width:120px;
margin-right:12px;
}
.category_search_brand li {
margin-bottom:27px;
}
.category_search_box li:nth-child(6) {
margin-right:0;
}
.category_search_brand li:nth-child(5) {
letter-spacing:-1.5px;
}
.category_search_box a:hover {
opacity:0.6;
filter:alpha(opacity=60);
}
}
@media screen and (min-width: 768px) and (max-width: 1280px) {/* PC small */
.category_search_box ul {
margin:0;
}
.category_search_box li {
width:116px;
margin-right:10px;
}
@media screen and (max-width: 768px) {/* Tablet iPad・mini */
.category_search_box li {
width:110px;
}
}
}
@media screen and (max-width: 767px) {/* SP */
.category_search_box {
margin-bottom:40px;
}
.category_search_box h3 {
padding-top:5px;
padding-left:50px;
}
.category_search_box ul {
width:90%;
margin:0 auto;
}
.category_search_box li {
font-size:11px;
width:32%;
margin-right:2%;
margin-bottom:4%;
}
.category_search_box li:nth-child(3),
.category_search_box li:nth-child(6),
.category_search_box li:nth-child(9) {
margin-right:0;
}
@media screen and (max-width: 320px) {/* iphoneSE */
.category_search_box li {
font-size:10px;
}
}
}

/* ***************************************
	item
**************************************** */
#item_gallery {
}
#new_arrival {
}
/* item_float */
.item_float {
position:relative;
}
/* icon_new_item */
.icon_new_item {
position:absolute;
top:-8px;
left:-2px;
z-index:1;
}
/* product_item */
.product_item a {
text-decoration:none;
}
/* item_photo */
.item_photo img {
width:calc(100% - 2px);
border:1px solid #DCDDDD;
}
/* brand_name */
.brand_name {
font-size:10px;
color:#3F789C;
margin-bottom:10px;
}
/* item_name */
.item_name {
line-height:1.4;
}
/* item_price */
.item_price .retail_price {
display:block;
line-height:1.2;
}
.item_price .web_price {
font-size:12px;
line-height:1.2;
}
.item_price .p {
padding:0 0.5px;
}
.item_price .web_price .p {
font-size:16px;
}
/* favorite_btn */
.favorite_btn {
color:#286FB7;
}
/* more_btn */
#new_arrival .more_btn a {
display:block;
border:1px solid #839197;
color:#264F73;
text-decoration:none;
position:relative;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
}
#new_arrival .more_btn a:after {
content:"";
position:absolute;
top:50%;
right:10px;
display:block;
width:6px;
height:6px;
border-top:2px solid #839197;
border-right:2px solid #839197;
-webkit-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 768px) {/* PC */
/* item_float */
.item_float {
float:left;
width:120px;
margin-right:20px;
}
.item_float:nth-child(6) {
margin-right:0;
}
#new_arrival .item_float,
#item_list .item_float {
width:150px;
margin-right:17px;
margin-bottom:54px;
}
#new_arrival .item_float:nth-child(5),
#new_arrival .item_float:nth-child(10),
#item_list .item_float:nth-child(5),
#item_list .item_float:nth-child(10) {
margin-right:0;
}
/* icon_new_item */
.icon_new_item {
width:58px;
}
/* item_photo */
.item_photo img {
margin-bottom:10px;
}
/* product_item */
.product_item a:hover .item_photo img {
opacity:0.6;
filter:alpha(opacity=60);
z-index:0;
position:relative;
}
/* item_name */
.item_name {
font-size:12px;
margin-bottom:12px;
}
/* item_price */
.item_price {
font-size:14px;
}
#new_arrival .item_price,
#item_list .item_price {
margin-bottom:10px;
}
.item_price .retail_price {
font-size:10px;
margin-bottom:8px;
}
.item_price .retail_price .p {
font-size:12px;
}
.item_price .tax {
font-size:10px;
}
/* favorite_btn */
.favorite_btn {
font-size:12px;
padding-left:20px;
min-height:14px;
background:url(../images/common/icon_plus.png) left center no-repeat;
background-size:auto 14px;
-webkit-background-size:auto 14px;
}
.favorite_btn:hover {
text-decoration:underline;
}
/* more_btn */
#new_arrival .more_btn a {
float:right;
padding:10px 26px;
}
#new_arrival .more_btn a:hover {
opacity:0.6;
filter:alpha(opacity=60);
}
}
@media screen and (min-width: 768px) and (max-width: 1280px) {/* PC small */
/* item_float */
.item_float {
width:116px;
margin-right:10px;
}
#new_arrival .item_float,
#item_list .item_float {
width:140px;
margin-right:12px;
}
#new_arrival .item_float:nth-child(5),
#new_arrival .item_float:nth-child(10),
#item_list .item_float:nth-child(5),
#item_list .item_float:nth-child(10) {
margin-right:0;
}
@media screen and (max-width: 768px) {/* Tablet iPad・mini */
/* item_float */
.item_float {
width:110px;
}
#new_arrival .item_float,
#item_list .item_float {
width:31%;
margin-right:3.5%;
}
#new_arrival .item_float:nth-child(5),
#item_list .item_float:nth-child(5) {
margin-right:3.5%;
}
#new_arrival .item_float:nth-child(10),
#item_list .item_float:nth-child(10) {
display:none;
}
#new_arrival .item_float:nth-child(3),
#new_arrival .item_float:nth-child(6),
#new_arrival .item_float:nth-child(9),
#item_list .item_float:nth-child(3),
#item_list .item_float:nth-child(6),
#item_list .item_float:nth-child(9) {
margin-right:0;
}
/* icon_new_item */
.icon_new_item {
width:30%;
}
/* favorite_btn */
.favorite_btn {
border:1px solid #286FB7;
text-align:center;
display:block;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
padding:8px 0;
min-height:15px;
background:url(../images/common/icon_plus.png) 10px center no-repeat;
background-size:auto 15px;
-webkit-background-size:auto 15px;
}
}
}
@media screen and (max-width: 767px) {/* SP */
/* row */
#item_gallery .row {
width:95%;
padding-left:5%;
padding-bottom:5%;
overflow-x:scroll;
max-width:1080px;
display:flex;
-webkit-overflow-scrolling:touch;
overflow-scrolling:touch;
}
#new_arrival .row,
#item_list .row {
width:90%;
margin:0 auto;
}
/* item_float */
#item_gallery .item_float {
flex: 0 0 25%;
margin-right:10px;
}
#item_gallery .item_float:nth-child(6) {
margin-right:0;
}
#new_arrival .item_float,
#item_list .item_float {
width:48%;
margin-right:4%;
margin-bottom:12%;
float:left;
}
#new_arrival .item_float:nth-child(even),
#item_list .item_float:nth-child(even) {
margin-right:0;
}
/* icon_new_item */
.icon_new_item {
width:65px;
}
/* item_photo */
.item_photo img {
margin-bottom:6px;
}
/* item_name */
.item_name {
font-size:10px;
margin-bottom:10px;
}
/* item_price */
.item_price {
font-size:11px;
}
#new_arrival .item_price,
#item_list .item_price {
margin-bottom:15px;
}
.item_price span {
font-size:8px;
}
.item_price .retail_price {
font-size:10px;
margin-bottom:10px;
}
.item_price .retail_price .p {
font-size:13px;
}
.item_price .tax {
font-size:9px;
}
/* favorite_btn */
.favorite_btn {
font-size:12px;
border:1px solid #286FB7;
text-align:center;
display:block;
border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
padding:11px 0 11px 10px;
min-height:10px;
background:url(../images/common/icon_plus.png) 7px center no-repeat;
background-size:auto 10px;
-webkit-background-size:auto 10px;
}
/* more_btn */
#new_arrival .more_btn {
width:80%;
margin:0 auto;
text-align:center;
}
#new_arrival .more_btn a {
padding:15px 0;
}
@media screen and (max-width: 320px) {/* iphoneSE */
}
}










/* ***************************************
	side
**************************************** */
#side {
padding-bottom:20px;
text-align:left;
}
#side h4 {
color:#40799C;
}
/* s_bnr_box */
#side .s_bnr_box li {
line-height:0;
}
#side .s_bnr_box img {
width:100%;
}
/* s_pay */
.s_pay {
color:#49BCBD;
font-weight:bold;
text-align:center;
}
.s_pay p .s_pay_card {
background:url(../images/common/s_pay_card.png) 13px center no-repeat;
}
.s_pay p .s_pay_cash {
background:url(../images/common/s_pay_cash.png) 13px center no-repeat;
}
.s_pay p .s_pay_bank {
background:url(../images/common/s_pay_bank.png) 13px center no-repeat;
}
.s_pay p span {
display:block;
border:1px solid #49BCBD;
text-align:center;
margin-bottom:5px;
}
/* s_satisfaction_level */
#side .s_satisfaction_level {
text-align:center;
margin-bottom:30px;
}
#side .s_satisfaction_level h5 {
margin-bottom:10px;
}
#side .s_satisfaction_level h5 img {
width:100%;
}
#side .s_satisfaction_level a {
line-height:1.2;
display:block;
text-decoration:none;
border:1px solid #8B989E;
padding:16px 0;
position:relative;
color:#07365F;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
background:url(../images/common/icon_i.png) 11px center no-repeat;
}
#side .s_satisfaction_level a:after {
content:"";
position:absolute;
top:50%;
right:10px;
display:block;
width:4px;
height:4px;
border-top:2px solid #8B989E;
border-right:2px solid #8B989E;
-webkit-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 768px) {/* PC */
#side {
float:left;
width:240px;
}
/* s_bnr_box */
#side .s_bnr_box li {
margin-bottom:10px;
}
#side .s_bnr_box a:hover {
opacity:0.6;
filter:alpha(opacity=60);
}
/* s_pay */
.s_pay {
font-size:18px;
margin:50px 0;
}
.s_pay p span {
font-size:21px;
line-height:37px;
min-height:37px;
padding:4px 0 4px 40px;
background-size:auto 37px !important;
-webkit-background-size:auto 37px !important;
}
.s_pay p .s_pay_card {
letter-spacing:-1px;
}
/* s_satisfaction_level */
#side .s_satisfaction_level p {
font-size:11px;
margin-bottom:7px;
}
#side .s_satisfaction_level a {
background-size:auto 33px;
-webkit-background-size:auto 33px;
}
#side .s_satisfaction_level a:hover {
opacity:0.6;
filter:alpha(opacity=60);
}
#side .s_satisfaction_level a span {
font-size:16px;
}
}
@media screen and (min-width: 768px) and (max-width: 1280px) {/* PC small */
#side {
width:220px;
}
/* s_pay */
.s_pay p span {
background-position:10px center !important;
}
.s_pay p .s_pay_card {
letter-spacing:-3px;
}
/* s_satisfaction_level */
#side .s_satisfaction_level a {
padding-left:20px;
}
@media screen and (max-width: 768px) {/* Tablet iPad・mini */
#side {
width:96%;
margin:0 auto 100px auto;
float:none;
}
/* s_bnr_box */
#side .s_bnr_box {
width:70%;
margin:0 auto;
}
#side .s_bnr_box ul {
width:70%;
margin:0 auto;
}
/* s_satisfaction_level */
#side .s_satisfaction_level {
width:70%;
margin:0 auto 30px auto;
}
}
}
@media screen and (max-width: 767px) {/* SP */
#side {
width:100%;
}
#side h4 {
font-size:15px;
}
/* s_wrapper */
#side .s_wrapper {
background:#FFFFFF;
padding:5% 2%;
}
/* s_bnr_box */
#side .s_bnr_box {
width:80%;
margin:0 auto 20px auto;
}
#side .s_bnr_box li {
margin-bottom:20px;
}
/* s_pay */
.s_pay {
width:80%;
margin:0 auto 27px auto;
}
.s_pay p span {
font-size:16px;
line-height:40px;
min-height:40px;
padding:4px 0 4px 40px;
background-position:30px center !important;
background-size:auto 40px !important;
-webkit-background-size:auto 40px !important;
}
/* s_satisfaction_level */
#side .s_satisfaction_level {
width:80%;
margin:0 auto 30px auto;
}
#side .s_satisfaction_level p {
font-size:12px;
margin-bottom:9px;
}
#side .s_satisfaction_level a {
font-size:12px;
}
#side .s_satisfaction_level a span {
font-size:14px;
}
@media screen and (max-width: 320px) {/* w320 */
.s_pay p span {
background-position:20px center !important;
}
}
}

/* s_search */
#s_search {
margin-bottom:15px;
}
#s_search h4 span {
background:url(../images/common/icon_search.png) 0 0 no-repeat;
}
#s_search .select_wrapper {
position:relative;
color:#595656;
background:#EFEFEF;
border:1px solid #CCC;
margin-bottom:15px;
}
#s_search select {
width:100%;
background:none;
border:none;
-webkit-appearance:none;
appearance:none;
}
#s_search  select::-ms-expand {
display:none;
}
#s_search .select_wrapper:before {
position:absolute;
top:50%;
right:5%;
margin-top:-3px;
width:0;
height:0;
content:"";
border-left:6px solid transparent;
border-right:6px solid transparent;
border-top:6px solid #666666;
}
#s_search input {
border-top:none;
border-left:none;
border-right:none;
margin-bottom:20px;
width:100%;
-webkit-appearance:none;
border-radius:0;
}
#s_search button {
background:#083862;
color:#FFFFFF;
text-align:center;
border:none;
height:42px;
cursor:pointer;
border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
}
#s_search button svg {
width:0;
height:0;
}
@media screen and (min-width: 768px) {/* PC */
#s_search h4 {
margin-bottom:16px;
}
#s_search h4 span {
padding-left:22px;
min-height:20px;
background-size:auto 20px;
-webkit-background-size:auto 20px;
}
#s_search select {
padding:13px;
}
#s_search input {
padding:11px 12px;
}
#s_search button {
padding:10px 0;
width:100%;
}
#s_search button {
background:#083862 url(../images/common/icon_search_w.png) 55px center no-repeat;
}
#s_search button:hover {
opacity:0.6;
filter:alpha(opacity=60);
}
}
@media screen and (min-width: 768px) and (max-width: 1280px) {/* PC small */
@media screen and (max-width: 768px) {/* Tablet iPad・mini */
}
}
@media screen and (max-width: 767px) {/* SP */
#s_search {
background:#FFF;
margin:5%;
padding:5%;
}
#s_search h4 {
margin-bottom:11px;
text-align:center;
}
#s_search h4 span {
padding-left:25px;
min-height:26px;
background-size:auto 100%;
-webkit-background-size:auto 100%;
}
#s_search .select_wrapper {
border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
}
#s_search select {
font-size:13px;
padding:15px;
}
#s_search input {
padding:15px 3px;
}
#s_search button {
width:70%;
margin:0 auto;
display:block;
}
}

/* ***************************************
	search_box
**************************************** */
.search_box {
margin-bottom:30px;
}
.search_box li {
border-bottom:1px solid #D9D9D9;
}
.search_box li a {
display:block;
text-decoration:none;
padding:5px 0;
position:relative;
}
.search_box li a:after {
content:"";
position:absolute;
top:50%;
right:10px;
display:block;
width:4px;
height:4px;
border-top:2px solid #D1D1D1;
border-right:2px solid #D1D1D1;
-webkit-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg);
}
@media screen and (min-width: 768px) {/* PC */
.search_item h4 {
background:url(../images/common/icon_item.png) 10px 0 no-repeat;
}
.search_brand h4 {
background:url(../images/common/icon_brand.png) 10px 0 no-repeat;
}
.search_style h4 {
background:url(../images/common/icon_style.png) 10px 0 no-repeat;
}
.search_box h4 {
padding-left:50px;
padding-bottom:7px;
border-bottom:1px solid #3F789C;
min-height:25px;
line-height:25px;
background-size:auto 25px;
-webkit-background-size:auto 25px;
}
.search_item .item_01 a {
background:url(../images/common/item_01.png) 1px center no-repeat;
}
.search_item .item_02 a {
background:url(../images/common/item_02.png) 1px center no-repeat;
}
.search_item .item_03 a {
background:url(../images/common/item_03.png) 1px center no-repeat;
}
.search_item .item_04 a {
background:url(../images/common/item_04.png) 1px center no-repeat;
}
.search_item .item_05 a {
background:url(../images/common/item_05.png) 1px center no-repeat;
}
.search_item .item_06 a {
background:url(../images/common/item_06.png) 1px center no-repeat;
}
.search_brand .brand_01 a {
background:url(../images/common/brand_01.png) 7px center no-repeat;
}
.search_brand .brand_02 a {
background:url(../images/common/brand_02.png) 7px center no-repeat;
}
.search_brand .brand_03 a {
background:url(../images/common/brand_03.png) 7px center no-repeat;
}
.search_brand .brand_04 a {
background:url(../images/common/brand_04.png) 7px center no-repeat;
}
.search_brand .brand_05 a {
background:url(../images/common/brand_05.png) 7px center no-repeat;
}
.search_brand .brand_06 a {
background:url(../images/common/brand_06.png) 7px center no-repeat;
}
.search_brand .brand_07 a {
background:url(../images/common/brand_07.png) 7px center no-repeat;
}
.search_brand .brand_08 a {
background:url(../images/common/brand_08.png) 7px center no-repeat;
}
.search_brand .brand_09 a {
background:url(../images/common/brand_09.png) 7px center no-repeat;
}
.search_brand .brand_10 a {
background:url(../images/common/brand_10.png) 7px center no-repeat;
}
.search_style .style_01 a {
background:url(../images/common/style_01.png) 0 center no-repeat;
}
.search_style .style_02 a {
background:url(../images/common/style_02.png) 0 center no-repeat;
}
.search_style .style_03 a {
background:url(../images/common/style_03.png) 0 center no-repeat;
}
.search_style .style_04 a {
background:url(../images/common/style_04.png) 0 center no-repeat;
}
.search_style .style_05 a {
background:url(../images/common/style_05.png) 0 center no-repeat;
}
.search_style .style_06 a {
background:url(../images/common/style_06.png) 0 center no-repeat;
}
.search_box li a {
font-size:13px;
}
.search_box li a:hover {
opacity:0.6;
filter:alpha(opacity=60);
}
.search_item li a,
.search_style li a {
padding-left:50px;
line-height:36px;
min-height:36px;
background-size:auto 36px !important;
-webkit-background-size:auto 36px !important;
}
.search_brand li a {
padding-left:85px;
line-height:34px;
min-height:34px;
background-size:auto 34px !important;
-webkit-background-size:auto 34px !important;
}
}
@media screen and (min-width: 768px) and (max-width: 1280px) {/* PC small */
.search_brand li a {
padding-left:75px;
background-position:0 center !important;
}
}
@media screen and (max-width: 767px) {/* SP */
#side .search_box {
display:none;
}
}

/* ***************************************
	s_shop
**************************************** */
#side .s_shop h5 {
color:#4B81A2;
text-align:center;
}
#side .s_shop .s_shop_intro {
text-align:center;
color:#4B81A2;
border-bottom:1px solid #4B81A2;
padding-bottom:14px;
font-size:12px;
}
/* s_shop_box */
#side .s_shop .s_shop_box {
border-bottom:1px solid #CFCFCF;
}
#side .s_shop .s_shop_box_in {
position:relative;
}
#side .s_shop .shop_img {
position:absolute;
top:0;
left:0;
}
/*#side .s_shop .s_shop_akagawa .s_shop_box_in {
background:url(../images/common/s_shop_akagawa.png) 0 0 no-repeat;
}
#side .s_shop .s_shop_toyonaka .s_shop_box_in {
background:url(../images/common/s_shop_toyonaka.png) 0 0 no-repeat;
}
#side .s_shop .s_shop_suita .s_shop_box_in {
background:url(../images/common/s_shop_suita.png) 0 0 no-repeat;
}*/
#side .s_shop h6 {
font-weight:normal;
line-height:1.2;
}
#side .s_shop h6 span {
display:block;
font-size:12px;
}
#side .s_shop .shop_more {
text-decoration:none;
display:block;
color:#365C7D;
border-radius:3px;-webkit-border-radius:3px;-moz-border-radius:3px;
border:1px solid #839197;
position:relative;
font-size:12px;
}
#side .s_shop .shop_more:after {
position:absolute;
top:50%;
right:10px;
content:"";
display:block;
width:4px;
height:4px;
border-top:2px solid #8B989E;
border-right:2px solid #8B989E;
-webkit-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg);
}
#side .s_shop table {
width:100%;
}
#side .s_shop table th {
font-weight:normal;
font-size:12px;
width:5em;
}
#side .s_shop table td {
font-size:12px;
line-height:1.3;
}
#side .s_shop table .tel th,
#side .s_shop table .tel td {
color:#41779B;
font-size:14px;
padding-bottom:8px;
}
#side .s_shop table .tel th {
width:3em;
}
@media screen and (min-width: 768px) {/* PC */
#side .s_shop {
margin-bottom:56px;
}
#side .s_shop h5 {
margin-bottom:13px;
}
#side .s_shop .s_shop_intro {
margin-bottom:15px;
}
/* s_shop_box */
#side .s_shop .s_shop_box {
padding:0 0 19px 11px;
margin-bottom:13px;
}
#side .s_shop .s_shop_box_in {
margin-bottom:12px;
min-height:70px;
padding-right:19px;
padding-left:99px;
/*background-size:81px auto !important;
-webkit-background-size:81px auto !important;*/
}
#side .s_shop .shop_img img {
width:81px;
}
#side .s_shop h6 {
margin-bottom:10px;
}
#side .s_shop .shop_more {
padding:8px 12px;
}
#side .s_shop .shop_more:hover,
#side .s_shop .shop_img:hover img {
opacity:0.6;
filter:alpha(opacity=60);
}
}
@media screen and (min-width: 768px) and (max-width: 1280px) {/* PC small */
#side .s_shop .s_shop_box_in {
padding-right:0;
}
#side .s_shop table th,
#side .s_shop table td {
font-size:11px;
}
@media screen and (max-width: 768px) {/* Tablet iPad・mini */
}
}
@media screen and (max-width: 767px) {/* SP */
#side .s_shop {
margin-bottom:40px;
}
#side .s_shop h5 {
margin-bottom:18px;
}
#side .s_shop .s_shop_intro {
margin-bottom:18px;
}
/* s_shop_box */
#side .s_shop .s_shop_box {
padding:0 10% 22px 10%;
margin-bottom:19px;
}
#side .s_shop .s_shop_box_in {
margin-bottom:15px;
min-height:88px;
padding-left:123px;
/*background-size:100px auto !important;
-webkit-background-size:100px auto !important;*/
}
#side .s_shop .shop_img img {
width:100px;
}
#side .s_shop h6 {
margin-bottom:14px;
}
#side .s_shop .shop_more {
padding:14px 12px;
}
@media screen and (max-width: 320px) {/* iphoneSE */
}
}

/* ***************************************
	s_blog
**************************************** */
#side .s_blog h5 img {
width:100%;
}
#side .s_blog a {
text-decoration:none;
}
#side .s_blog ul {
margin-bottom:17px;
}
#side .s_blog li {
border-bottom:1px dashed #CDCDCD;
}
#side .s_blog li a {
display:block;
}
#side .s_blog li span {
display:block;
}
#side .s_blog .s_blog_date {
color:#696767;
font-size:10px;
}
#side .s_blog .s_blog_txt {
line-height:1.4;
}
#side .s_blog .s_blog_link {
color:#8B989E;
font-size:12px;
margin-bottom:0;
text-align:right;
}
#side .s_blog .align_r a {
font-size:12px;
color:#8B989E;
}
@media screen and (min-width: 768px) {/* PC */
#side .s_blog li a {
padding:15px 0;
}
#side .s_blog li a:hover {
opacity:0.6;
filter:alpha(opacity=60);
}
#side .s_blog li span {
margin-bottom:10px;
}
#side .s_blog .align_r a:hover {
text-decoration:underline;
}
@media screen and (max-width: 768px) {/* Tablet iPad・mini */
#side .s_blog h5 {
width:70%;
margin:0 auto;
}
}
}
@media screen and (max-width: 767px) {/* SP */
#side .s_blog {
width:80%;
margin:0 auto;
}
#side .s_blog li a {
padding:17px 0;
}
#side .s_blog li span {
margin-bottom:5px;
}
@media screen and (max-width: 320px) {/* iphoneSE */
}
}

/* ***************************************
	page_top
**************************************** */
.page_top {
position:absolute;
bottom:0;
right:0;
text-align:center;
}
.page_top a {
width:47px;
height:40px;
display:block;
background:#083862;
color:#FFF;
border-radius:5px 5px 0 0;-webkit-border-radius:5px 5px 0 0;-moz-border-radius:5px 5px 0 0;
position:relative;
}
.page_top a:after {
position:absolute;
top:50%;
right:14px;
margin-top:3px;
content:"";
display:block;
width:15px;
height:15px;
border-top:2px solid #FFF;
border-right:2px solid #FFF;
-webkit-transform:translateY(-50%) rotate(-45deg);
transform:translateY(-50%) rotate(-45deg);
}
.page_top a:hover {
opacity:0.6;
filter:alpha(opacity=60);
}
.page_top a span {
color:#083862;
position:absolute;
top:-25px;
right:6px;
font-size:12px;
font-family:"ＭＳ Ｐ明朝","MS PMincho","Times New Roman","游明朝",YuMincho,"ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","メイリオ",Meiryo,serif;
}

/* ***************************************
	user_guide
**************************************** */
#user_guide {
margin:0 auto;
text-align:left;
}
#user_guide .user_guide_top {
background:url(../images/common/bg_blue_line.png) 0 bottom repeat-x;
}
#user_guide .user_guide_top h4 {
color:#164269;
font-weight:normal;
text-align:center;
}
#user_guide .user_guide_top h4 span {
background:url(../images/common/icon_i.png) left center no-repeat;
}
#user_guide h5 {
font-weight:normal;
padding-bottom:10px;
color:#3F7295;
border-bottom:1px solid #3F7295;
}
#user_guide p,
#user_guide li {
font-size:12px;
}
#user_guide .user_guide_box li {
float:left;
margin-right:1em;
line-height:1.6;
}
#user_guide .user_guide_box li.lastChild {
margin-right:0;
}
@media screen and (min-width: 768px) {/* PC */
#user_guide {
width:1100px;
padding-bottom:40px;
}
#user_guide .user_guide_top {
position:relative;
margin-bottom:20px;
padding-bottom:16px;
background-size:auto 6px;
-webkit-background-size:auto 6px;
}
#user_guide .user_guide_top h4 {
font-size:20px;
}
#user_guide .user_guide_top h4 span {
padding-left:30px;
min-height:26px;
background-size:auto 26px;
-webkit-background-size:auto 26px;
}
#user_guide .user_guide_top .more_link {
position:absolute;
top:5px;
right:0;
}
#user_guide .user_guide_top a {
color:#164269;
text-decoration:none;
font-size:12px;
position:relative;
padding-right:10px;
}
#user_guide .user_guide_top a:after {
position:absolute;
top:50%;
right:0px;
content:"";
display:block;
width:6px;
height:6px;
border-top:2px solid #8A989D;
border-right:2px solid #8A989D;
-webkit-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg);
}
#user_guide .user_guide_top a:hover {
text-decoration:underline;
}
/* user_guide_box */
#user_guide .user_guide_box {
float:left;
}
#user_guide .user_guide_delivery {
width:450px;
margin-right:55px;
}
#user_guide .user_guide_pay {
width:250px;
margin-right:62px;
}
#user_guide .user_guide_other {
width:280px;
}
#user_guide h5 {
margin-bottom:14px;
}
#user_guide h6 {
margin-bottom:9px;
}
#user_guide .user_guide_box .user_guide_btm {
margin-bottom:17px;
}
#user_guide .user_guide_delivery img {
width:400px;
}
#user_guide .user_guide_pay img {
width:250px;
}
}
@media screen and (min-width: 768px) and (max-width: 1280px) {/* PC small */
#user_guide {
width:1000px;
}
#user_guide .user_guide_delivery {
width:370px;
margin-right:50px;
}
#user_guide .user_guide_pay {
margin-right:50px;
}
#user_guide .user_guide_delivery img {
width:90%;
}
@media screen and (max-width: 768px) {/* Tablet iPad・mini */
#user_guide {
width:90%;
}
/* user_guide_box */
#user_guide .user_guide_box {
width:48%;
margin-right:0;
}
#user_guide .user_guide_delivery {
margin-bottom:30px;
margin-right:4%;
}
#user_guide .user_guide_pay {
xwidth:250px;
xmargin-right:62px;
}
#user_guide .user_guide_other {
width:100%;
}
}
}

@media screen and (max-width: 767px) {/* SP */
#user_guide {
padding-bottom:56px;
}
#user_guide .user_guide_top {
margin-bottom:23px;
padding-bottom:8px;
background-size:auto 3px;
-webkit-background-size:auto 3px;
}
#user_guide .user_guide_top h4 {
font-size:16px;
}
#user_guide .user_guide_top h4 span {
padding-left:20px;
min-height:16px;
background-size:auto 16px;
-webkit-background-size:auto 16px;
}
#user_guide .user_guide_top .more_link {
display:none;
}
/* user_guide_box */
#user_guide .user_guide_box {
width:90%;
margin:0 auto 20px auto;
}
#user_guide .user_guide_other {
margin-bottom:0;
}
#user_guide h5 {
margin-bottom:5px;
}
#user_guide h6 {
font-size:13px;
margin-bottom:7px;
}
#user_guide .user_guide_box .user_guide_btm {
margin-bottom:20px;
}
#user_guide .user_guide_box img {
width:85%;
}
}


/* ***************************************
	footer
**************************************** */
#footer {
background:#D2E1E5;
text-align:left;
width:100%;
}
#footer a {
text-decoration:none;
}
/* f_box */
#footer .icon_mail a {
display:block;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
font-size:12px;
color:#FFFFFF;
text-align:center;
background:#C91522 url(../images/common/icon_mail.png) 16px center no-repeat;
}
#footer .icon_tel {
font-size:12px;
}
/* copyright */
#footer .copyright {
text-align:center;
color:#FFFFFF;
background:#000000;
font-size:10px;
height:50px;
line-height:50px;
}
@media screen and (min-width: 768px) {/* PC */
#footer {
padding-top:50px;
}
/* f_box_wrapper */
#footer .f_box_wrapper {
margin:0 auto 60px auto;
width:1200px;
}
/* f_box */
#footer .f_box {
float:left;
width:260px;
margin-right:40px;
}
#footer .icon_mail {
margin-right:0;
}
#footer .icon_info_sp {
display:none;
}
#footer .icon_item h5 {
background:url(../images/common/icon_item.png) left 0 no-repeat;
}
#footer .icon_maker h5 {
background:url(../images/common/icon_brand.png) left 0 no-repeat;
}
#footer .icon_support h5 {
background:url(../images/common/icon_support.png) left 0 no-repeat;
}
#footer .icon_info_pc h5 {
background:url(../images/common/icon_info.png) left 0 no-repeat;
}
#footer .f_box h5 {
color:#3F789C;
border-bottom:1px solid #3F789C;
padding:5px 0 10px 40px;
margin-bottom:30px;
background-size:auto 25px;
-webkit-background-size:auto 25px;
}
#footer .f_box ul {
margin-left:20px;
}
#footer .f_box li {
margin-bottom:15px;
}
#footer .icon_maker .ul_half {
width:120px;
float:left;
}
#footer .icon_maker .ul_half_s {
width:100px;
float:left;
}
#footer .f_box .icon_mail {
margin-bottom:20px;
}
#footer a:hover {
text-decoration:underline;
}
#footer .icon_mail a {
padding-left:50px;
width:170px;/* total 220px */
height:40px;
line-height:40px;
background-size:auto 17px;
-webkit-background-size:auto 17px;
}
#footer .icon_mail a:hover {
text-decoration:none;
opacity:0.6;
filter:alpha(opacity=60);
}
#footer .icon_tel {
line-height:1.4;
position:relative;
padding:3px 0 0 70px;
margin-bottom:25px;
min-height:40px;
}
#footer .icon_tel div {
display:inline-block;
position:absolute;
top:0;
left:0;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
width:60px;
height:40px;
background:#3F789C url(../images/common/icon_tel.png) center center no-repeat;
background-size:auto 27px;
-webkit-background-size:auto 27px;
}
#footer .f_box li img {
width:181px;
}
}
@media screen and (min-width: 768px) and (max-width: 1280px) {/* PC small */
/* f_box_wrapper */
#footer .f_box_wrapper {
width:96%;
}
/* f_box */
#footer .f_box {
width:23%;
margin-right:2%;
}
#footer .icon_mail {
margin-right:0;
}
#footer .icon_maker li {
width:100% !important;
}
@media screen and (max-width: 768px) {/* Tablet iPad・mini */
/* f_box */
#footer .f_box {
width:48%;
margin-right:4%;
}
#footer .icon_item,
#footer .icon_maker {
margin-bottom:40px;
}
#footer .icon_maker,
#footer .icon_info_pc {
margin-right:0;
}
}
}
@media screen and (max-width: 767px) {/* SP */
/* f_box_wrapper */
#footer .f_box_wrapper {
width:80%;
margin:0 auto;
padding-top:30px;
font-size:12px;
}
/* f_box */
#footer .icon_item,
#footer .icon_maker,
#footer .icon_info_pc,
#footer .f_box h5 {
display:none;
}
#footer li {
width:100%;
}
#footer .icon_info_sp {
margin-bottom:35px;
}
#footer .f_box .icon_mail {
margin-bottom:15px;
}
#footer .f_box .icon_tel {
text-align:center;
margin-bottom:25px;
}
#footer .icon_info_sp a {
width:100%;
height:45px;
line-height:45px;
display:block;
color:#FFF;
border-radius:5px;-webkit-border-radius:5px;-moz-border-radius:5px;
position:relative;
}
#footer .icon_info_sp a:after {
position:absolute;
top:50%;
right:17px;
content:"";
display:block;
width:6px;
height:6px;
border-top:2px solid #FFF;
border-right:2px solid #FFF;
-webkit-transform:translateY(-50%) rotate(45deg);
transform:translateY(-50%) rotate(45deg);
}
#footer .icon_mail a {
background-size:auto 16px;
-webkit-background-size:auto 16px;
}
#footer .icon_tel a {
margin-bottom:13px;
background:#3F789C url(../images/common/icon_tel.png) 15px center no-repeat;
background-size:auto 26px;
-webkit-background-size:auto 26px;
}
#footer .f_box li img {
width:182px;
margin:0 auto;
display:block;
}
#footer .icon_support ul {
float:left;
width:40%;
}
#footer .icon_support .mb_40_pc {
width:60%;
}
#footer .icon_support li {
margin-bottom:25px;
}
}