@charset "utf-8";
/* ===================================================================
CSS information

 file name  :common.css
 style info :ヘッダフッタ共通

=================================================================== */
html,
body {
	height: 100%; /* #containerのmin-heightに対して必要なもの */
	margin: 0;
	padding: 0;
}
body{
	font-size:14px;
	line-height:1.7em;
	color:#000;
}
input{font-family:meiryo;}
a{transition: all 0.1s linear;}
a:hover{transition: all 0.1s linear;text-decoration:underline;color:#000;}

h1,h2,h3,h4,h5,h6{font-weight:700;}

/*----------------------------------------------------
	#wrapper
----------------------------------------------------*/
#wrapper {
	width: 100%;
	min-height: 100%;
	_height: 100%;/* IE6用ハック */
	margin:0 auto;
}

.inner_band{
	width:1280px;
	margin:0 auto;
}

/* -----------------------------------------------------------
		ヘッダー
----------------------------------------------------------- */

.header_ttl{
	margin: 0 0 0 30px;
}
#header-box{
	padding:10px 0 10px;
	overflow:hidden;
	margin:0 0 0;
	position:relative;
	z-index: 50;
	background:#fff;
}

#header-box.fixed  {
	width: 1280px;
	position: fixed;
	top: 0px;
	background-color: #ffffff;
	box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.6);
	-webkit-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.6);
	-moz-box-shadow: 0px 9px 3px -3px rgba(0,0,0,0.6);
}
#header_left{
	float:left;
	padding:0 0 0 20px;
}
#header_left img {
	width: 280px;
/*	height: 42px;*/
}
#header_left .logo {
	margin: 15px 0 0 0;
}
#header_right{
	float:right;
}
#header_right_text{
	float:right;
	margin: 5px 10px 0 0;
}
.sp_toggle{
	display:none;
}
ul#header_navi{
	overflow:hidden;
	float:right;
}
ul#header_navi li{
	float:left;
	margin:0 0 0 3px;
}
ul#header_navi li a{
	display:block;
	width:58px;
	color:#000;
}
ul#header_navi li a:hover{
	text-decoration:none;
}
ul#header_navi li .name{
	display:block;
	font-size:0.8em;
	text-align:center;
	margin:0 0 2px;
}
ul#header_navi li .name.mini{
	font-size:0.6em;
}
ul#header_navi li .btn{
	display:block;
	width:53px;
	height:53px;
	background:#000;
	transition: all 0.2s linear;
	position:relative;
	margin:0 auto;
}
ul#header_navi li .btn img{
	width:100%;
}
ul#header_navi li .btn:hover{
	background:#c03061;
}
ul#header_navi li .btn .num{
	background:#c03061;
	color:#fff;
	position:absolute;
	right:2px;
	bottom:2px;
	line-height:1em;
	border-radius:100%;
	padding: 6px 1px 0;
	width:21px;
	height:21px;
	text-align:center;
	font-size:0.7em;
	display:block;
}

.login_user{
	float:right;
	padding:30px 10px 0 0;
	line-height:1.4em;
}
.login_user p{
	font-weight:700;
}


/*----------------------------------------------------
	#contents
----------------------------------------------------*/

#contents {
	width:1280px;
	margin:0 auto;
	clear:both;
	overflow:hidden;
	position:relative;
/*	background:url(../images/common/side_bg.png) 0 0 repeat-y;*/
}
#contents.fixed {
	padding-top: 150px;
}
#main{
	width:940px;
	float:right;
}
#main_contents{
	/* min-height: 850px; 
	height: auto !important;
	height: 800px;*/
	padding:0 0 20px;
	overflow: hidden;
}

/* カート */
/*サイドのグレーの背景を消す*/
#contents.cart {
	background:none;
}
#contents.cart #main {
	width:100%;
}

#main_contents .single_main .in2cart_table {
	margin: 0 0 20px 0;
}


/* -----------------------------------------------------------
		サイドメニュー
----------------------------------------------------------- */

#side{
	width:320px;
	float:left;
	padding:25px;
	background-color: #bbbbbb;
}

/*----------------------------------------------------
	サイドメニュー
----------------------------------------------------*/
.side-box{
	margin:0 0 20px;
}
ul#menu-gnavi > li,
#side ul.menu > li{
	border-bottom:1px solid #fff;
	position:relative;
}
ul#menu-gnavi > li:before,
#side ul.menu > li:before {
	content:"\f0c8";
	font-family:FontAwesome;
	margin:0 5px 0 0 ;
	font-size:0.8em;
	position:absolute;
	top:10px;
}
ul#menu-gnavi > li a,
#side ul.menu > li a {
	font-size:1.1em;
	font-weight:700;
	color:#000;
	padding:10px 0 10px 15px;
	display:block;
	position:relative;
}

/* 2個目の■ */
ul#menu-gnavi > li > a:before,
#side ul.menu > li > a:before {
	content:"\f0c8";
	font-family:FontAwesome;
	margin:0 5px 0 0 ;
	font-size:0.7em;
	position:absolute;
	top:10px;
	left:0;
}
ul#menu-gnavi > li > a:nth-child(1):before,
#side ul.menu > li > a:nth-child(1):before {
	content:"";
}

/* 入れ子リンク */
ul#menu-gnavi > li > ul > li a,
#side ul.menu > li > ul > li a{
	padding:0 0 0px 1em;
	font-weight:400;
}
ul#menu-gnavi > li ul{
	margin-top:-5px ;
}
ul#menu-gnavi > li > ul:last-child{
	margin-bottom: 10px;
}

.white_bg{
	background:#fff;
}




/*----------------------------------------------------
	ｓｎｓ
----------------------------------------------------*/


.sns_area{
	padding:15px 10px;
	overflow:hidden;
	margin:0 0 15px;
}
.sns_area ul li{
	width:47px;
	height:47px;
	float:left;
	text-align:center;
	margin:0 10px 0 0;
}
.sns_area ul li a{
	width:47px;
	height:47px;
	color:#fff;
	display:block;
	border-radius:100%;
	font-size:2em;
	line-height:1.7em;
}
.sns_area ul li a:hover{
	opacity:0.7;
}
.sns_area ul li.tw a{
	background:#69c2ee;
}
.sns_area ul li.fb a{
	background:#49459a;
}

/*----------------------------------------------------
	カレンダー
----------------------------------------------------*/

.calendar_ttl{
	background:#fff;
	padding:5px;
	margin:0 0 10px ;
}
.title_date{
	display:block;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	border-right:1px solid #ccc;
	background:#fff;
	padding:5px 10px;
	font-weight:700;
}
table.in2cart_calendar{
	background:#fff;
	margin:0 0 15px;
}
table.in2cart_calendar th,
table.in2cart_calendar td{
	border:1px solid #ccc;
	text-align:center;
	padding:0px;
}
th.sunday{color:#e7141a;}
td.sunday{background:#fce6f0;}

th.saturday{color:#592cff;}
td.saturday{background:#DDDCFE;}

.holiday{background:#ed95bd !important;}
.today{border:3px solid #222 !important;}

.calendar_readme{
	margin:0 0 15px;
}
.calendar_readme ul{
	overflow:hidden;
}
.calendar_readme ul li{
	float:left;
	margin:0 5px 0 0;
	line-height:1.3em;
	font-weight:700;
}


/* -----------------------------------------------------------
	#footer
		フッター
----------------------------------------------------------- */

#footer {
	font-size:12px;
	width:940px;
}
#footer .footer_top{
	background:#333;
	clear:both;
	overflow:hidden;
	color:#F2F2F2;
	margin:0 0 0 -20px;
	padding:20px;
}
#footer .footer_top a{
	color:#fff;
}
#footer .footer_btm{
	padding:20px 20px 10px 0;
}


/* 商品一覧 */

.item_box_list.footer{
	margin:0 0 10px;
}
.item_box_list.footer .title{
	margin:0 0 15px;
}
#ft_prd_list ul{
	padding:0 0 0 1em;
}
#ft_prd_list ul li{
	display:inline;
	padding:0 1em 0 0 ;
}
#ft_prd_list ul li:before{
	content:"・";
}

/* footer_btm */

#menu-fnavi{
	margin:0 0 10px;
	overflow:hidden;
}
#menu-fnavi li{
	float:left;
	margin:0 15px 0 0;
	text-align: left;
}
#menu-fnavi li:before{
	content:"\f0c8";
	font-family:FontAwesome;
	margin:0 5px 0 0 ;
	font-size:0.7em;
}
#menu-fnavi li a{
	color:#000;
	font-weight: bold;
}
#menu-fnavi li .sub-menu {
	width: 920px;
	overflow: hidden;
}
#menu-fnavi li .sub-menu li::before {
    content: "\f105";
    font-family: FontAwesome;
    padding-left: 5px;
}
#menu-fnavi li .sub-menu li a {
	font-weight: normal;
}
.copyright{
	clear:both;
	font-size:0.8em;
	text-align: center;
}
.copyright a {
	color: #222;
}
/* カート用フッタ */

#footer-box{
	background:#333;
	padding:20px;
	font-size:0.8em;
	color:#fff;
	margin:20px 0 0;
	text-align:center;
}
#footer-box .copyright a {
	color: #ffffff;
}

/* pagetop　*/

.pagetop{
    position: fixed;
    bottom: 30px;
    right: 30px;
    z-index: 999;
}
.pagetop a{
    text-align: center;
    background: #333;
    display: block;
	width:50px;
	height:50px;
	padding:12px 0 0;
}