@charset "euc-jp";

/*--------------------------------------------------------------------------

	※メイクショップの仕様上タブレット表示がないので、pcとスマホでcss分けています。
	
--------------------------------------------------------------------------*/


.toppage_box
{
	display 		: none;
}

/*body--------------------------------------------------------------*/

body
{
	margin			: 0 auto;
	padding			: 0;
	font			: 14px/1.6 Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	color			: #333333;
	background		: url(../images/common/base/bg01.png) 0 0 repeat;
	text-align		: center;
	-webkit-text-size-adjust		: 100%;

}

/*Opera用*/
html:first-child body
{
	font			: 14px/1.5  Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
}

div,form,map
{
	margin			: 0;
	padding			: 0;
}

p
{
	margin-top      : 0;
	padding         : 0;
}

img
{
	border			: 0;
	vertical-align  : top;
}

/*システムが絡む場合、GoogleMapを使用する場合は消す*/
table
{
	margin-left		: auto;
	margin-right	: auto;
}

#side p,#side h1,#side #side h2,#side h3,
#header p,#header h1,#header h2,#header h3,
#footer p,#footer h1,#footer h2,#footer h3
{
	margin			: 0;
	font			: normal 1em  Meiryo, 'メイリオ', 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', 'ＭＳ Ｐゴシック', 'Lucida Grande', 'Lucida Sans Unicode', sans-serif;
	text-align		: left;
}

/*link--------------------------------------------------------------*/

a:link,
a:visited
{
	color           : #333333; 
	text-decoration : underline;
}

a:hover,
a:active
{
	color           : #333333; 
	text-decoration : none;

}

a:hover img
{
	opacity			: 0.7;
}





/*layout------------------------------------------------------------*/

#wrapper
{
	width			: 100%;
	margin			: 0;
	padding			: 0;
}

#container
{
	width			: 985px;
	margin			: 0 auto 10px;
	padding			: 0;
	text-align		: center;
}

#sp_header
{
	display			: none;
}

#pc_header
{
	width			: 100%;
}
#pc_header .header_inner
{
	width			: 1000px;
	height			: 107px;
	margin			: 0 auto;
	position		: relative;
}
#pc_header .header_inner .h_logo
{
	position		: absolute;
	left			: 9px;
	top				: 17px;
}
#pc_header .header_inner .h_search
{
	position		: absolute;
	right			: 200px;
	top				: 32px;
	width			: 234px;
}
.h_search input
{
	float				: left;
	width				: 174px;
	border-top-left-radius			: 3px;
	border-bottom-left-radius		: 3px;
	-webkit-border-top-left-radius	: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-topleft			: 3px;
	-moz-border-radius-bottomleft		: 3px;
	padding								: 8px 15px;
	box-sizing							: border-box;
	border							: none;
	background							: #FFF;
	height								: 35px;

}
.h_search a
{
	width								: 60px;
	color 								: #fff;
	text-decoration 					: none;
	float								: left;
	padding								: 7px 10px;
	border-top-right-radius				: 3px;
	border-bottom-right-radius			: 3px;
	-webkit-border-top-right-radius		: 3px;
	-webkit-border-bottom-right-radius	: 3px;
	-moz-border-radius-topright			: 3px;
	-moz-border-radius-bottomright		: 3px;
	background							: #000;
	display								: block;
	box-sizing							: border-box;
	height								: 35px;
	-webkit-transition: all 0.2s ease;
    -moz-transition: all 0.2s ease;
    -o-transition: all 0.2s ease;
    transition: all 0.2s ease;
}
#pc_header .header_inner .h_search a#MakeShopTopSearchButton:hover
{
	color 		: #ccc;
	background 	: #333;
}

#pc_header .header_inner .h_member_nav,
#pc_header .header_inner .h_member_nav li
{
	padding								: 0px;
	margin								: 0px;
	list-style							: none;
}
#pc_header .header_inner .h_member_nav
{
	width								: 116px;
	position							: absolute;
	right								: 47px;
	top									: 28px;
}
#pc_header .header_inner .h_member_nav li
{
	width								: 46%;
	display								: -moz-inline-box;
    display								: inline-block;
    /display							: inline;
    /zoom								: 1;
	vertical-align						: middle;
	text-align							: center;

}
#pc_header .header_inner .h_member_nav li a
{
 	-webkit-transition					: all 0.2s ease;
 	-moz-transition						: all 0.2s ease;
 	-o-transition						: all 0.2s ease;
	transition							: all 0.2s ease;
	position							: relative;
	top									: 0px;
}
#pc_header .header_inner .h_member_nav li a:hover
{
	top									: 4px;
}

#pc_header .header_inner .h_cart
{
	position 							: absolute;
	right 								: 12px;
    top 								: 31px;
}
#pc_header .header_inner .h_cart a
{
	-webkit-transition					: all 0.2s ease;
 	-moz-transition						: all 0.2s ease;
 	-o-transition						: all 0.2s ease;
	transition							: all 0.2s ease;
	position							: relative;
	top									: 0px;
}
#pc_header .header_inner .h_cart a:hover
{
	top									: 4px;
}

#pc_header .header_inner .sns_ico_box
{
    position 	: absolute;
    left 		: 395px;
    top 		: 32px;
}
.sns_ico_box ul
{
    padding 	: 0;
    margin 		: 0;
}
.sns_ico_box ul li
{
    margin-left: 10px;
    display					: -moz-inline-box;
	display					: inline-block;
	/display				: inline;
	/zoom					: 1;
	vertical-align 			: top;
    list-style-type: none;
}
.sns_ico_box ul li:first-child
{
	margin-left: 0;
}
.sns_ico_box ul li a
{
	display 	: block;
	-webkit-transition					: all 0.2s ease;
 	-moz-transition						: all 0.2s ease;
 	-o-transition						: all 0.2s ease;
	transition							: all 0.2s ease;
}
.sns_ico_box ul li a:hover
{
	padding-top: 3px;
	margin-bottom: -3px;
}


#pc_header .global_nav,
#pc_header .global_nav li
{
	margin								: 0px;
	padding								: 0px;
	list-style							: none;
}
#pc_header .global_nav
{
	width								: 1000px;
	margin								: 0 auto 15px;
	clear								: both;
}
#pc_header .global_nav:after
{
	content		: "";
	display		: block;
	clear		: both;

}


#pc_header .global_nav li
{
	width								: 16.5%;
	float								: left;
	border-right						: 1px #aeaca6 solid;
	box-sizing							: border-box;
}
#pc_header .global_nav li:first-child
{
	border-left						: 1px #aeaca6 solid;	
}
#pc_header .global_nav li a
{
	display								: block;
	padding								: 10px;
	text-align							: center;
 	-webkit-transition					: all 0.2s ease;
 	-moz-transition						: all 0.2s ease;
 	-o-transition						: all 0.2s ease;
	transition							: all 0.2s ease;
	top									: 0px;
	position							: relative;

}
#pc_header .global_nav li a:hover
{
	top									: 4px;

}


#pickup_section .section_inner
{
	width								: 1000px;
	margin								: 0 auto;
}
#pickup_section
{
	padding-top							: 40px;
	margin-bottom						: 20px;
}

#pickup_section h2
{
	margin			: 0px;
	padding			: 0px;
	background		: url(../images/common/base/wline_bg.png) 0px 50% repeat-x;
	padding			: 10px 0px;
	text-align		: center;
	margin-bottom	: 25px;
}
#pickup_section h2 img
{
	background		: url(../images/common/base/bg01.png) 0 0 repeat;
	padding			: 0px 30px;
}


#pickup_section .ban_l,
#pickup_section .ban_l li,
#pickup_section .ban_s,
#pickup_section .ban_s li
{
	margin				: 0px;
	padding				: 0px;
	list-style			: none;
}
#pickup_section .ban_l li,
#pickup_section .ban_s li
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
	margin-left			: 5px;
	margin-bottom		: 15px;
}

#pickup_section .ban_l li
{
	width				: 490px;
	position			: relative;
}

/*#pickup_section .ban_l li:first-child:before
{
	content				: "";
	position			: absolute;
	right				: -10px;
	top					: -20px;
	background			: url(../images/common/icon/new_icon.png) 0 0 no-repeat;
	width				: 98px;
	height				: 98px;
	z-index				: 3;
}*/



#pickup_section .ban_s li
{
	width				:241px;
}
#pickup_section .ban_s li img
{
	display				: block;
	margin-bottom		: 10px;
}

#pickup_section .ban_s li span
{
	display				: block;
	width				: 95%;
	margin				: 0 auto;
	text-align			: left;
}

#main_contents
{
	margin-left		: auto;
	margin-right	: auto;
	padding-top		: 10px;

}
#main_contents .section_inner
{
	width			: 1000px;
	margin			: 0 auto;

}

#side
{
	width			: 230px;
	float			: left;
	text-align		: left;
}

#side .side_nav,
#side .side_nav dt,
#side .side_nav dd
{
	padding			: 0px;
	margin			: 0px;
	list-style		: none;
}
#side .side_nav
{
	margin-bottom	: 15px;
}
/*#side .side_nav dt
{
	margin-bottom	: 0px;
	margin-top: 15px;
}
#side .side_nav dd
{
	background		: url(../images/common/menu/dot_bg.png) bottom left repeat-x;

}
#side .side_nav dd a
{
	display			: block;
	width			: 100%;
	padding			: 19px 10px 19px 63px;
	position		: relative;
	box-sizing		: border-box;
	text-decoration	: none;
}

#side .side_nav dd a:hover
{
	background:rgba(0,0,0,0.05) url(../images/common/icon/btn_icon02_s_off.png) 95% 50% no-repeat;
	opacity:1.0!important;

}

#side .side_nav dd a img
{
	position		: absolute;
   top: 50%;
   left: 10px;
   -webkit-transform: translate(0%, -50%);
   transform: translate(0%, -50%);

}*/
#side .side_nav dd.nav_end
{
	background			: url(../images/common/menu/nav_end.png) bottom left repeat-x;
	padding-bottom		: 10px;
}
#side .side_nav dd.nav_end a
{
	display			: block;
	width			: 100%;
	padding			: 12px 10px 12px 15px;
	position		: relative;
	box-sizing		: border-box;
	text-decoration	: none;
	background		: url(../images/common/icon/arrow.png) 95% 50% no-repeat;
	
}
#side .side_nav dd.nav_end a:hover
{
	background-color:rgba(0,0,0,0.05);
}


#side nav table td
{
	padding 	: 0;
}
#side nav table td a
{
	width 		: 226px;
	display		: block;
	padding 	: 9px 9px 9px 27px;
	background 	: url(../images/common/menu/dot_bg02.png) left 0 bottom 0 repeat-x,
				  url("../images/common/icon/title_icon.png") no-repeat 9px 10px;
	text-decoration: none;
	box-sizing: border-box;
}
#side nav table td a:hover
{
	background-color: rgba(0,0,0,0.05);
}

#side .other_nav,
#side .other_nav li
{
	margin			: 0px;
	padding			: 0px;
	list-style		: none;
}
#side .other_nav li
{
	margin-bottom	: 10px;
}


#side .side_tel img
{
	margin-bottom	: 10px;
}
#side .side_tel span
{
	width			: 95%;
	margin			: 0 auto;
}

#main
{
	width			: 740px;
	float			: right;
	text-align		: left;
	padding			: 60px 20px 60px;
	box-sizing		: border-box;
}


#main.contents_main
{
	background		: none;
	padding			: 30px 20px 60px;
	box-sizing		: border-box;	
}




#sp_footer
{
	display:none;
}

#pc_footer
{
	clear			: both;
	width			: 100%;
	background		: url(../images/common/base/footer_info_title.png) top center no-repeat;
	padding-top		: 70px;
}

#pc_footer .footer_inner
{
	background		: #eeeeee;
	width			: 100%;
	border-top		: 1px #CCC solid;

}
#pc_footer .footer_contents
{
	background		: url(../images/common/base/footer_top_bg.png) top left repeat-x;
	width			: 1000px;
	padding			: 52px 0px 42px;
	margin			: 0 auto;
}

#pc_footer .shop_info,
#pc_footer .fb_section
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
}
#pc_footer .shop_info
{
	width				: 664px;
}
#pc_footer .fb_section
{
	width				: 300px;
}
#pc_footer .shop_info .block
{
	width				: 310px;
	margin				: 0px 8px 25px;
	margin-bottom		: 25px;
	text-align			: left;
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;
}
#pc_footer .shop_info .block h2
{
	margin				: 0px;
	padding				: 0px;
	background-image	: url(../images/common/icon/title_icon02.png),url(../images/common/base/f_title_bg.jpg),url(../images/common/base/f_title_bg00.jpg);
	background-position	: 15px 50%,top left, top left;
	background-repeat	: no-repeat,repeat-x,repeat-x;
	padding				: 12px 15px 8px 35px;
	border-bottom		: 1px #CCC solid;
	margin-bottom		: 15px;
	font-size			: 14px;
}

#pc_footer .shop_info .block .inner
{
	width				: 90%;
	margin				: 0 auto;
}
#pc_footer .cl_box .cl
{
	margin-bottom		: 10px;
}

#pc_footer .cl_box .cl_box_inner
{
	width				: 95%;
	margin				: 0 auto;
	text-align			: left;
}
#pc_footer .cl_box .cl_box_inner span.holiday
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
	vertical-align		: middle;
	width				: 18px;
	height				: 18px;
	background			: #d89c82;
	margin-right		: 10px;
}
#pc_footer .cl_box
{
	width				: 268px;
	margin				: 0 auto;
}
#pc_footer .fb_section
{
	background			: #FFF;
}
#pc_footer .fb_section h2
{
	margin				: 0px;
	background			: url(../images/common/icon/bot_icon.png) 10px 50% no-repeat;
	padding				: 8px 10px 8px 35px;
	text-align			: left;
	font-size			: 14px;
}
#pc_footer .fb_section .fb_section_inner
{
	background			: #000;
	height				: 550px;
}

#pc_footer .footer_nav
{
	background			: #FFF;
	width				: 100%;
	padding				: 15px 0px;
}
#pc_footer .footer_nav ul,
#pc_footer .footer_nav ul li
{
	margin				: 0px;
	padding				: 0px;
	list-style			: none;
}
#pc_footer .footer_nav ul
{
	width				: 1000px;
	margin				: 0 auto;
	text-align			: center;
}
#pc_footer .footer_nav ul li
{
	display				: -moz-inline-box;
    display				: inline-block;
    /display			: inline;
    /zoom				: 1;
    vertical-align 		: top;

}
#pc_footer .footer_nav ul li:first-child
{
	background			: url(../images/common/line/06.gif) left top repeat-y;
}

#pc_footer .footer_nav ul li a
{
	display				: block;
	padding				: 10px 20px;
	background			: url(../images/common/line/06.gif) right top repeat-y;
}
.copy
{
	background			: #000;
	width				: 100%;
	padding				: 20px 0px;
}
.copy small
{
	font-size			: 14px;
	color				: #EEE;
	display				: block;
	width				: 1000px;
	margin				: 0 auto;
}

/*-----お問い合わせ-----*/

.contact_body
{
	padding-top				:0;
}

#pc_header.contact_header .header_inner .h_logo
{
	left						: 50%;
	top							:50%;
	-webkit-transform		: translate(-50%, -50%);
	transform				: translate(-50%, -50%);
}

#main.contact_main
{
	width			: 100%;
	float			: none;
	padding			: 0px 20px;
}
#pc_footer.contact_footer
{
	background		: none;
}

/*812以下の指定（タブレット）*/

@media screen and (max-device-width: 812px) {

body #top
{
	padding-top		:162px;
}
#main_contents
{
	padding-top		: 0px;
}

#pc_header
{
	display:none;
}




/*------------------------------------------------
	スマホヘッダー:sp_header
------------------------------------------------*/

#sp_header
{
	display			: block;
	position		: fixed;
	left			: 0px;
	top				: 0px;
	width			: 100%;
	z-index			: 9999;
	background		: url(../images/common/base/bg01.png) 0 0 repeat;
box-shadow		: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
-webkit-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
-moz-box-shadow:rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px;
border-bottom:1px #CCC solid;

}

#sp_header .sp_header_section
{
	width			: inherit;
	position		: relative;
	height			: 80px;
}

#sp_header .sp_header_section .h_logo
{
	position		: absolute;
	top				: 10px;
	left			: 20px;
	width			: 200px;
	max-width		: 80%;
	z-index 		: 2;
	cursor 			: pointer;
}

#sp_header .sp_header_section .h_logo img
{
	width			: 100%;
	height			: auto;
}

#sp_header .sp_header_section  .h_member_nav,
#sp_header .sp_header_section .h_member_nav li
{
	margin			: 0px;
	padding			: 0px;
}


#sp_header .sp_header_section  .h_member_nav
{
	position							: absolute;
	width 			: 100%;
    height 			: 33px;
    text-align 		: right;
    margin-top 		: -16.5px;
	right 			: 55px;
    top 			: 50%;
}
#sp_header .sp_header_section .h_member_nav li
{
	display								: -moz-inline-box;
    display								: inline-block;
    /display							: inline;
    /zoom								: 1;
	vertical-align						: middle;
	text-align							: center;
	margin-right						: 0.5%;
	height 							: 100%;
}

#sp_header .sp_header_section .h_member_nav li img
{
	width							: auto;
	height							: 100%;
}


#sp_header .global_nav_sp,
#sp_header .global_nav_sp li
{
	margin								: 0px;
	padding								: 0px;
	list-style							: none;
}
#sp_header .global_nav_sp
{
	width								: 100%;
	border-top							: 1px #CCC solid;

}
#sp_header .global_nav_sp:after
{
	content		: "";
	display		: block;
	clear		: both;

}
#sp_header .global_nav_sp li
{
	width								: 25%;
	float								: left;
	border-right						: 1px #aeaca6 solid;
	box-sizing							: border-box;
}
#sp_header .global_nav_sp li:last-child
{
	border-right					: none;	
}
#sp_header .global_nav_sp li a
{
	display								: block;
	padding								: 10px 10px 15px;
	text-align							: center;
	position							: relative;

}



/*ハンバーガーメニュー*/


#sp_header .nav_btn
{
	position		: fixed;
	right			: 15px;
	top				: 23px;
}

#sp_header .spnav
{
	display			: none;
	background		: #FFF;
	width			: 100%;
	height			: 100%;
}
#sp_header .spnav:after
{
	content 		: "";
	display 		: block;
	width 			: 100%;
	height 			: 50px;
	background 		: #c0c0ab;
}


#sp_header #global_nav,
#sp_header #global_nav li
{
	margin			: 0px;
	padding			: 0px;
	list-style		: none;
}

#sp_header #global_nav li:first-child
{
	border-top:1px #CCC solid;
}

#sp_header #global_nav li
{
	box-sizing		: border-box;
	border-bottom:1px #CCC solid;
}

#sp_header #global_nav li a
{
	display			: block;
	padding			: 20px 10px 20px 60px ;
	text-decoration	: none;
	text-align		: left;
	width			: 100%;
	position		: relative;
	background		: #f7f7f7 url(../images/common/icon/btn_icon02_s_off.png) 98% 50% no-repeat;
	border			: 2px #FFF solid;
	box-sizing		: border-box;
}
#sp_header #global_nav li.nav_end a
{
	padding-left 	: 10px;
	background 		: #f7f7f7 url(../images/common/icon/arrow.png) 98% 50% no-repeat;
}

#sp_header #global_nav li a img
{
	position		: absolute;
	top				: 10px;
	left			: 10px;
}



#sp_header .spnav
{
	height			: 100%;
}

#sp_header .global_nav
{
	position		: fixed;
	top				: 80px;
	left			: 0px;
	width			: 100%;
}

#sp_header .global_nav .hmenu 
{
	padding						: 0px;
	margin						: 0px;
	height						: 100%;
	overflow					: auto;
 	-webkit-overflow-scrolling	: touch;

}
#sp_header .menu_title
{
	padding		: 5px;
	text-align:left;
	border-top:1px #CCC solid;
	clear:both;
}
#sp_header .menu_title img
{
	width		: 80px;
	height		: auto;
}



#sp_header .h_search
{
	background:#c0c0ab;
	padding				: 2% 2% 1.5%;
}
#sp_header .h_search:after
{
	content		: "";
	display		: block;
	clear		: both;

}

#sp_header .h_search input

{
	float				: left;
	width				: 80%;
	-webkit-border-top-left-radius	: 3px!important;
	-webkit-border-bottom-left-radius: 3px!important;
	-moz-border-radius-topleft		: 3px!important;
	-moz-border-radius-bottomleft	: 3px!important;
	border-top-left-radius			: 3px!important;
	border-bottom-left-radius		: 3px!important;
	padding							: 10px 15px;
	box-sizing						: border-box;
	border							: none;
	background						: #FFF;
	-webkit-box-shadow 		: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px inset!important;
	-moz-box-shadow 		: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px inset!important;
	box-shadow				: rgba(0, 0, 0, 0.0470588) 0px 0px 1px 3px inset!important;
	height 					:35px;
}
#sp_header .h_search a
{
	height								: 35px;
	width								: 20%;
	float								: left;
	padding								: 8px 10px;
	border-top-right-radius				: 3px;
	border-bottom-right-radius			: 3px;
	-webkit-border-top-right-radius		: 3px;
	-webkit-border-bottom-right-radius	: 3px;
	-moz-border-radius-topright			: 3px;
	-moz-border-radius-bottomright		: 3px;
	background							: #000;
	display								: block;
	box-sizing							: border-box;
} 

#sp_header ul.catMenu
{
	padding 	: 0;
	margin 		: 0;
}
#sp_header ul.catMenu li,
#sp_header .all_products
{
	margin 		: 0px;
	padding 	: 0px;
	box-sizing		: border-box;
	border-bottom:1px #CCC solid;
	text-align	: left;
	list-style 	: none;
}
 #sp_header ul.catMenu li a,
 #sp_header .all_products a
{
	display			: block;
	padding			: 10px 35px 10px 30px ;
	text-decoration	: none;
	text-align		: left;
	width			: 100%;
	position		: relative;
	background		: url(../images/common/icon/btn_icon02_s_off.png) 98% 50% no-repeat,
					  url("../images/common/icon/title_icon.png") no-repeat 9px 12px;
	background-color: #f7f7f7;
	border			: 2px #FFF solid;
	box-sizing		: border-box;
}



#sp_header .other_nav,
#sp_header .other_nav li
{
	margin								: 0px;
	padding								: 0px;
	list-style							: none;
}
#sp_header .other_nav
{
	padding								: 3%;
	background							: #c0c0ab;
}

#sp_header .other_nav li
{
	margin-bottom 						: 4%;
	width								: 32%;
	display								: -moz-inline-box;
    display								: inline-block;
    /display							: inline;
    /zoom								: 1;
    vertical-align 						: top;
	text-align							: center;
	font-size							: 14px;
	line-height							: 1.2em;
}

#sp_header .other_nav li img
{
	width								: 95%;
	height								: auto;
}


#sp_header .other_nav li.hm_faq
{
	width 								: 94%;
}
#sp_header .other_nav li.hm_faq a
{
	border 			: 3px #000 solid;
	background		: url(../images/common/icon/arrow.png) 95% 50% no-repeat;
	padding 		: 10px 20px;
	display 		: block;
	width			: 50%;
	box-sizing		: border-box;
	font-weight 	: bold;
	color 			: #000;
	margin 			: 0 auto;
	text-decoration : none;
	-webkit-border-radius	: 3px;    /* Safari,Google Chrome用 */  
	-moz-border-radius		: 3px;   /* Firefox用 */
	border-radius			: 3px;
 	-webkit-transition: all 0.5s ease;
 	-moz-transition: all 0.5s ease;
 	-o-transition: all 0.5s ease;
}
#sp_header .other_nav li.hm_faq a:before
{
	content 		: "";
	width 			: 15px;
	height 			: 15px;
	margin-right 	: 3px;
	background 		: url(../images/common/icon/btn_q_icon.png) center no-repeat;
	display					: -moz-inline-box;
	display					: inline-block;
	/display				: inline;
	/zoom					: 1;
	vertical-align 			: middle;
}

#sp_header .other_nav li:last-child img
{
	display								: block;
	margin-bottom						: 5px;
}

#sp_header .other_nav li.hm_tel
{
		display 	: block;
		width 		: 100%;
	 	padding 	: 3% 5%;

}

#sp_header .other_nav li.hm_tel a
{
	display 		: inline-block;
	text-align		: left;
	margin-bottom 	: 10px;
	font-size 		: 22px;
	font-weight 	: bold;
	background: url(../images/common/menu/tel_icon.png) 0 0 no-repeat;
 	padding 	    : 25px 0px 8px 55px;
	text-decoration: none;
	color: #000;
	white-space: nowrap;
}


.nav_sub_title01,
.nav_sub_title02
{
   color: #FFF;
   font-weight: bold;
   padding:8px 10px!important;
   text-align:left;

}
.nav_sub_title01 span,
.nav_sub_title02 span
{
	 display:block;
     background: url(https://gigaplus.makeshop.jp/hitokiwa/images/common/icon/sub_title_icon.png) 0px 50% no-repeat;
     padding:0px 0px 0px 20px;
}
.nav_sub_title01 span em,
.nav_sub_title02 span em
{
    display				: -moz-inline-box;
    display				: inline-block;
    /display				 : inline;
    /zoom				: 1;
    vertical-align  : middle;
    margin:0px 0px 0px 10px;
 	 font-size:12px;
	border-left: 1px #FFF solid;
  	padding-left:10px;
}
.nav_sub_title01
{
    background: url(https://gigaplus.makeshop.jp/hitokiwa/images/common/menu/sub_title_bg.gif) 0px 0px repeat;
}
.nav_sub_title02
{
    background: url(https://gigaplus.makeshop.jp/hitokiwa/images/common/menu/sub_title_bg02.gif) 0px 0px repeat;
}



.nav_icon,
.nav_icon span {
	display			: inline-block;
	transition		: all .4s;
	box-sizing		: border-box;
}

.nav_icon {
	position 		: relative;
    width 			: 30px;
    height 			: 20px;
    cursor 			: pointer;
}

.nav_icon span {
	position		: absolute;
	left			: 0;
	width			: 100%;
	height			: 3px;
	background-color : #333;
	border-radius: 2px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
}

.nav_icon em
{
	position		: absolute;
	bottom			: -28px;
	left			: 0px;
	font-style		: normal;
	
}  
.nav_icon em img
{
	width			: 100%;
	height			: auto;
}


.nav_icon span:nth-of-type(1)
{
	top				: 0;
}
.nav_icon span:nth-of-type(2)
{
	top				: 8px;
}
.nav_icon span:nth-of-type(3)
{
	bottom			: 0;
}

.nav_icon.open
{
	z-index			: 3;

}

.nav_icon.open em
{
	color			:#CCC;
}

.nav_icon.open span
{
	background-color: #000;
}

.nav_icon.open span:nth-of-type(1)
{
	-webkit-transform				: translateY(9px) rotate(-44deg);
	transform						: translateY(9px) rotate(-44deg);
}

.nav_icon.open span:nth-of-type(2)
{
	opacity							: 0;
}

.nav_icon.open span:nth-of-type(3)
{
	-webkit-transform				: translateY(-8px) rotate(44deg);
	transform						: translateY(-8px) rotate(44deg);
}
#pickup_section {
    padding-top: 5%;
    margin-bottom: 3%;
}




#pickup_section .section_inner
{
	width							: 100%;
}

#pickup_section .ban_l li
{
	width							: 46%;
	margin							: 0px 1% 2%;
}

#pickup_section .ban_s li
{
	width							: 22%;
	margin							: 0px 0.5% 16px;
}

#pickup_section .ban_l li img,
#pickup_section .ban_s li img
{
	width							: 100%;
	height							: auto;
}

/*#pickup_section .ban_l li:first-child:before
{
	content				: "";
	position			: absolute;
	right				: -10px;
	top					: -20px;
	background			: url(../images/common/icon/new_icon.png) 0 0 no-repeat;
	background-size		: 100% auto;
	width				: 58px;
	height				: 58px;
	z-index				: 3;
}*/
#pickup_section .ban_s li span
{
	font-size			: 12px; 
}
#pickup_section .ban_s li span br
{
	display:none;
}

#main_contents .section_inner
{
	width				: 100%;
}


#side
{
	display				: none;
}
#main
{
	float				: none;
	width				: 100%;
	padding				: 5% 5% 3%;
	background-position	: 0 0;
}

#main.contents_main
{
	float				: none;
	width				: 100%;
	padding				: 3% 5% 3%;
	background-position	: 0 0;
}


#pc_footer
{
	display			: none;
	font-size 		: 14px!important;
}

#sp_footer
{
	display			: block;
	clear			: both;
	width			: 100%;
	background		: url(../images/common/base/footer_info_title.png) top center no-repeat;
	background-size	: 15% auto!important;
	padding-top		: 10%;
}

#sp_footer .footer_inner
{
	background		: #eeeeee;
	width			: 100%;

}

#sp_footer .footer_contents
{
	background		: url(../images/common/base/footer_top_bg.png) top left repeat-x;
	width			: 100%;
	padding			: 7px 0px 0%;
	margin			: 0 auto;
	box-sizing		: border-box;
	border-top		: 1px #CCC solid;
}

#sp_footer .footer_nav ul,
#sp_footer .footer_nav li
{
	margin			: 0px;
	padding			: 0px;
	list-style		:none;

}

#sp_footer .footer_nav li
{
	border-top:1px #CCC solid;
	border-bottom:1px #FFF solid;
}
#sp_footer .footer_nav li:first-child
{
	border-top:none;
}

#sp_footer .footer_nav li a
{
	display			: block;
	padding			: 15px;
	text-decoration	: none;
	text-align		: left;
	background		: url(../images/common/icon/arrow.png) 95% 50% no-repeat;
	background-size	: 15px auto;
}

#sp_footer .sns_ico_box
{
    padding 		: 20px 10px;
    border-top 		: 1px solid #ccc;
}

.copy small {
    font-size: 14px;
    color: #EEE;
    display: block;
    width: 100%;
    margin: 0 auto;
}

/*-----お問い合わせ-----*/

#sp_header.contact_header .sp_header_section .h_logo
{
	left							: 50%;
	top							 :50%;
	-webkit-transform		: translate(-50%, -50%);
	transform					: translate(-50%, -50%);
}

#main.contact_main
{
	width				: 100%;
	float					: none;
	padding			: 0px 20px;

}
#sp_footer.contact_footer
{
	background		: none;
}

}


/*480以下の指定（スマホ横)*/
@media screen and (max-device-width: 480px) {

body #top
{
    padding-top	: 123px;
}
#sp_header .sp_header_section .h_logo {
    position 	: absolute;
    top 		: 14px;
    left 		: 20px;
    width 		: 125px;
    max-width 	: 80%;
}

#sp_header .nav_btn
{
	position		: fixed;
	right			: 15px;
	top				: 15px;
}
#sp_header .sp_header_section .h_member_nav
{
	width 		: 100%;
    height 		: 33px;
    right 		: 55px;
    text-align 	: right;
    margin-top 	: -16.5px;
    top 		: 50%;
}
#sp_header .sp_header_section .h_member_nav li
{
	width 		: auto;
    height 		: 100%;
	margin-right: 0.5%;
}
#sp_header .sp_header_section .h_member_nav li img
{
	width		: auto;
	height 		: 100%;
}

#sp_header .sp_header_section
{
	height		: 70px;
}
#sp_header .global_nav
{
	top			: 70px;
}
#sp_header #global_nav li a
{
	padding		: 15px 10px 15px 60px;
}
#sp_header #global_nav li a img
{
    position	: absolute;
    top			: 5px;
    left		: 5px;
}
#sp_header .global_nav_sp li a img
{
	width		: auto;
	height 		: 31px;
}
#sp_header .global_nav_sp li a {
    display: block;
    padding: 10px 10px 10px;
    text-align: center;
    position: relative;
}
#sp_header .other_nav li
{
	width		: 47%;
	margin-bottom	: 4%;
}


#sp_header .other_nav li.hm_faq a
{
	width 		: 98%;
}

#sp_header .other_nav li:last-child
{
	display:block;
	width		: 100%;
	padding		: 3% 20%;
	margin		: 0 auto;
box-sizing		: border-box;
border-top:1px #333 solid;
}

#pickup_section h2
{
	margin-bottom:2%;
}
#pickup_section .ban_l li
{
	display		: block;
	width		: 100%;
	margin		: 0 auto 2%;
}
#pickup_section .ban_l,
#pickup_section .ban_s
{
	width		: 90%;
	margin		: 0 auto 3%;
}

#pickup_section .ban_s li
{
	width		: 47%;
}
#sp_footer
{
	background-size	: 25% auto!important;
	padding-top		: 16%;
}


.copy
{
	padding		: 2%;
box-sizing		: border-box;
}

.copy small
{
	font-size		: 12px;
}


#pickup_section h2 img
{
	width 			: 100px;
	padding-left 	: 15px;
	padding-right 	: 15px;
}



/*-----お問い合わせ-----*/

.contact_body
{
	padding-top 	: 82px;
}

#sp_header.contact_header .sp_header_section .h_logo
{
	left					: 50%;
	top						: 50%;
	-webkit-transform		: translate(-50%, -50%);
	transform				: translate(-50%, -50%);
}


}
/*340以下の指定（スマホ縦)*/
@media screen and ( max-device-width: 340px) {

#sp_header .sp_header_section .h_logo
{
	width 		: 115px;
	left 		: 14px;
	top 		: 16px;
}
#sp_header .sp_header_section .h_member_nav
{
	height 		: 27px;
    right 		: 52px;
}

}
/*---------------------------------------------------------*/
/*    copyright(C) WEB-SEED. All rights reserved. Ver1.0   */
/*---------------------------------------------------------*/