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

 file name  :common_sp.css
 style info :スマホ用

=================================================================== */
/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
----------------------------------------------------------------
	スマホ
----------------------------------------------------------------
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (max-width:1024px){
body{
	font-size:0.9rem;
}
img{
	max-width:100%;
	height:auto;
}

#main{
	width:100%;
	float:none;
}
#contents{
	width:100%;
}
#contents.fixed {
	padding: 0px
}
#main_contents{
	min-height:100%;
}

.single_main,
.sp_contents_wrap,
.content-box{
	padding:3% 5%;
	width:100%;
}
.inner_band{
	width:100%;
}
.thecontent .content-box{
	padding:0;
}

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

#header-box{
	padding:15px 10px 0 15px;
	display:table;
	margin:0 ;
	z-index:auto;
	width:100%;
}
#header-box.fixed{
	position:relative;
	width: 100%;
}
#header_left{
/*	display:table-cell;*/
	float:none;
	padding:0;
	width:100%;
	text-align:center;
	vertical-align:middle;
	position:relative;
}
.header_ttl{
	display:none;
}
/*
.sp_toggle{	
	font-size:3em;
	float:left;
	cursor:pointer;
	position:absolute;
	display:block;
	top: 0;
	bottom: 0;height: 100%;
}

.sp_toggle i{
	vertical-align:middle;
    display: flex;
    justify-content: center;
    align-items: center;
	height:100%;
}
*/
#sp_toggle {
	position:absolute;
	top: 11px;
	left: -8px;
	width:50px;
	height:50px;
	cursor:pointer;
	display:block;
	padding:12px 10px 10px;
	text-align: center;
}
#sp_toggle div {position:relative}
#sp_toggle span {
	display:block;
	position:absolute;
	width:30px;
	border-bottom:solid 3px #999;
	transition: .35s ease-in-out;
}
	
#sp_toggle span:nth-child(1) {top:0}
#sp_toggle span:nth-child(2) {top:11px}
#sp_toggle span:nth-child(3) {top:22px}

 /* ボタン開 */
.openNav #sp_toggle span:nth-child(1) {
    top: 11px;
    -webkit-transform:rotate(-45deg);
    -moz-transform:rotate(-45deg);
    transform:rotate(-45deg)
}
.openNav #sp_toggle span:nth-child(2),
.openNav #sp_toggle span:nth-child(3) {
    top: 11px;
    -webkit-transform:rotate(45deg);
    -moz-transform:rotate(45deg);
    transform:rotate(45deg)
}


#header-box .logo{
	width:100%;
	text-align:center;
}
#header-box .logo img{
	vertical-align:middle;
}

#header_right{
	background:#bababa;
	position:fixed;
	bottom:0;
	left:0;
	z-index:99999;
	width:100%;
}
#header_right_text{
	float: none;
	margin: 10px 0 0 0;
	text-align: center;
}

#header_right .login_user{
	display:none;
}
ul#header_navi {
    float: none;
	text-align:center;
}
ul#header_navi li{
	text-align:center;
	float:none;
	display:inline-block;
	margin:0;
}
ul#header_navi li a{
	width:60px;
}
ul#header_navi li .btn{
	width:60px;
	height:60px;
}
.banner_area,.news_area{
	display:none;
}
/*----------------------------------------------------
	サイド
----------------------------------------------------*/

#side{
    padding: 1.25rem;
    position: relative;
	width:100%;
	background:#bababa;
	display:none;
	z-index:1;
	float: none;
}
/*
#side::before {
    border-bottom: 30px solid #bababa;
    border-left: 12px solid transparent;
    border-right: 12px solid transparent;
    content: "";
    display: block;
    height: 0;
    left: 22px;
    margin: 0;
    position: absolute;
	overflow:auto;
    top: -25px;
    width: 0;
	z-index:10000;
}
*/
/*----------------------------------------------------
	メイン
----------------------------------------------------*/

#contents{
	background:none;
	overflow:visible;
}
#main_contents{
	min-height:auto;
}


ul#menu-gnavi > li > ul li {
	margin-bottom: 10px;
}
ul#menu-gnavi > li > ul:last-child{
	margin-bottom: 10px;
}


/*----------------------------------------------------
	フッタ
----------------------------------------------------*/

#footer,#footer-box{
	padding:15px 15px 100px;
	border-top:1px solid #bfbfbf;
	width:100%;
	background:none;
	color:#000;
	text-align:left;
	clear:both;
	text-align:center;
	line-height:1.5em;
}
#footer .footer_btm{
	padding:0;
}
#footer .footer_btm #fnavi{
/*	display:none;*/
}
#footer .footer_top{
	display:none;
}
#footer-box .copyright a {
    color: #222;
}

#menu-fnavi li {
	margin: 0 20px 10px 0;
}
.pagetop{
	bottom:93px;
	right:0;
}


/* -----------------------------------------------------------
	テーブル
----------------------------------------------------------- */

table{
	border-bottom:1px solid #746c67;
	border-left:1px solid #746c67;
}
table th{
	border-left:none;
	border-bottom: none;
	padding:5px;
	text-align:left;
}
table th,table td{
	border-left:none;
	border-bottom: none;
	display:block;
	width:100%;
	padding:5px;
}
table.clear th,table.clear td {
	display: table-cell;
}
.sp_tbl_normal th, .sp_tbl_normal td {
	display: table-cell;
	width: auto;
}

/* 営業日カレンダー */

table.in2cart_calendar{
   table-layout: fixed;
   width: 100%;
}
table.in2cart_calendar th,
table.in2cart_calendar td{
	display:table-cell;
}

.mypage table th, .mypage table td{
	padding:5px;
}


}/*スマホの終了タグ*/

/*++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
----------------------------------------------------------------
	タブレット
----------------------------------------------------------------
++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++*/
@media screen and (min-width:600px) and ( max-width:1024px){
body{
	font-size:1.1rem;
}

#header_right{
	padding:10px 0;
}
ul#header_navi li{
	margin:0;
}
ul#header_navi li a{
	width:90px;
	text-align:center;
}

/*----------------------------------------------------
	フッタ
----------------------------------------------------*/

.copyright{
	font-size:1em;
}
#footer, #footer-box{
	padding:15px 15px 180px;
}

/*----------------------------------------------------
	カレンダー
----------------------------------------------------*/
.calendar_single{
	width:48%;
	
}
.calendar_left .calendar_single:nth-child(even){
	float:left;
}
.calendar_left .calendar_single:nth-child(odd){
	float:right;
}
.calendar_readme{
	clear:both;
}

/*----------------------------------------------------
	ページトップ
----------------------------------------------------*/

.pagetop{
	bottom:120px;
}

}
/*タブレットの終了タグ*/