/*====================
{{スマホ base}}
 - 〜479px：SP縦
 - 480px〜599px：SP横
 - 600px〜959px：タブレット
 - 960px〜1279px：小型PC
 - 1280px〜：大型PC
====================*/

/* 480px〜599px：SP横 0px〜599px：SP横
--------------------------------------------*/
@media screen and (min-width:0px) and (max-width:599px) { 

.g_login_inner {
    padding:4px 8px;
}
.g_login_inner .login_customer {
    font-size:0.8rem;
}
.g_header_logout {
}
.g_header_logo {
    width: 180px;
    margin:0 auto;
}
.g_header_logo img {
    width: 180px;
}
.g_header .g_header_nav i {
    font-size: 1.0rem;
}
.g_header .g_header_nav {
    margin-top: 20px;
    margin-right:8px;
}
.g_header .g_header_nav .g_header_nav_my, 
.g_header .g_header_nav .g_header_nav_cart {
    background: rgba(0,185,218,1.0);
    padding: 4px 8px;
    border-radius: 4px;
    text-align: left;
    margin-left: 4px;
}
.g_header_logout a span ,
.g_header .g_header_nav span {
    display:none;
}

.flyer_list .flyer {
/*
    float: none;
    width: 100%;
    border: 5px solid #ccc;
    padding: 15px;
    margin-right: 10px;
    margin-bottom: 10px;
    border-radius: 15px;
*/
}

.flyer_list .flyer .flyer_image{
    float: none;
    width: 100%;
    margin: 0 auto;
}
.flyer_list .flyer .flyer_image img{
    width: 100%;
}
.flyer_list .flyer_body{
    float: none;
    width: 100%;
}



.flyer2 .flyer_image{
    width: 100%;
    float: none;
    background: #f5f5f5;
}


.flyer2 .flyer_body{
    width: 100%;
    float: none;
    background: #fefefe;
}












.page_heading {
    font-size: 1.2rem;
    margin-bottom: 16px;
}
.notice_box {
    text-align: left;
    margin-bottom: 20px;
    padding: 0;
}
.notice_box p {
    font-size: 0.8rem;
}


.my_base {
    padding: 0px;
}
.my_base .item_title {
    font-size: 1.2rem;
    width: 100%;
    background: #eee;
    padding: 4px 8px;
    margin-bottom: 8px;
}
.my_base .item_body {
    font-size: 1.0rem;
}
.my_base .item_body .my_nav_link a {
    padding: 4px 8px;
}
.my_base .item_body .my_nav_notice {
    font-size: 0.8rem;
    padding: 4px 8px;
}


.page_heading ,
.notice_box {
    padding-left: 8px;
    padding-right: 8px;
}


.frm_base .item_title ,
.frm_base .item_body {
    width: 100%;
}
.frm_base .item_title {
    background: #eee;
    padding: 8px;
}
.frm_base .item_body {
    padding: 8px;
}



.g_order_l {
    float:none;
    width: 100%;
}














.alert {
    font-size: 0.8rem;
}
.alert .cation_title{
    font-size: 0.8rem;
}




.btn_action ,
.btn_cancel {
    width: 90%;
    font-size: 1.0rem;
}



/*------------------------------------------------------------------------------*/
/* calendar
/*------------------------------------------------------------------------------*/
.calendar {

}
.calendar .calendar_header .title{
    font-size: 1.8rem;
}
table.tbl_calendar {
    width: 100%;
    border-collapse: collapse;
}
table.tbl_calendar .header_weekname {

}
table.tbl_calendar .header_weekname th {
    display: none;
}

table.tbl_calendar td.ddd {
    display: block;
    width: 100%;
    vertical-align: top;
    height: 100%;
}
table.tbl_calendar td.cal_d_other {
    display: none;
}
table.tbl_calendar td.ddd .cal_d_weekday {
/*    display: block;*/
    visibility:visible;
    font-size: 1.0rem;
}















}/* 480px〜599px：SP横 0px〜599px：SP横 */




/* 600px〜959px：タブレット
--------------------------------------------*/
@media screen and (min-width:600px) and (max-width:959px) { 




}


/* 0px〜959px：タブレット以下
--------------------------------------------*/
@media screen and (min-width:0px) and (max-width:959px) { 

.g_footer_nav {
    width: 100%;
}
.g_footer_nav .g_footer_nav_link {
    display: block;
}
.g_footer_nav .g_footer_nav_link a {
    display: block;
    padding: 8px 0;
    font-size: 0.8rem;
}
.g_footer_nav li {
    background:#444;
}
.g_footer_nav li {
    margin-bottom:2px;
}
.g_footer_title .g_footer_copyright {
    font-size: 0.8rem;
}



.g_order_l {
    float:none;
    width: 100%;
    background: #efefef;
    padding: 8px;
}
.g_order_l .g_order_inner {
    background: #fff;
    padding: 8px;
}
.g_order_r {
    float:none;
    width: 100%;
    background: #efefef;
    padding: 8px;
}







}/* 0px〜959px：タブレット以下 */