@charset "utf-8";

@import "default.css";

.clearfix:after					{visibility:hidden;display:block;font-size: 0;content:" ";clear:both;height:0;}
* html .clearfix				{zoom:1;} /* IE6 */
*:first-child+html .clearfix	{zoom:1;} /* IE7 */
.clearfix						{overflow:hidden;} /* Dw表示用 */
/* ===================================================================
format
=================================================================== */

/*	body
----------------------------------------------------*/
body { text-align: center;font-family: "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; background: url(../images/bg.gif) repeat-x #fffaee; }

/*	a: link,a: visited,a: hover,a: active
----------------------------------------------------*/
a			{ color: #e83356;text-decoration: none; }
a:link		{ color: #0068b7;text-decoration: none; }
a:visited	{ color: #0068b7; }
a:hover     { text-decoration: underline; }
a:active	{ color: #0068b7; }

/* ===================================================================
Layout
=================================================================== */
#wrap			{ width: 100%; max-width: 910px; margin: 0 auto; padding: 0 20px; border-top: 5px solid #73356d; border-right: 5px solid #73356d; border-left: 5px solid #73356d; background: #fff; box-sizing: border-box; }
#header			{ position: relative; width: 100%; max-width: 860px; }
#g_nav			{ }
#container		{ margin-top: 20px; }
#maincolumn		{ float: right; padding-left: 244px; margin-left: -244px; width: 100%; padding-bottom: 20px; box-sizing: border-box; }
#sidebar		{ float: left; width: 216px; }
#f_wrap			{ width: 100%; background: #73356D; padding: 10px 0; }
#footer         { /*width: 100%; max-width: 900px; margin: 0 auto;*/ }

/* ===================================================================
Layout-contents
=================================================================== */

.anotation {
    color: #f00;
}

/*	header
----------------------------------------------------*/
#header .logo {
    float: left;
    margin-top: 24px;
}

#header .txt { 
    float: left;
}

#header .contact_area { 
    position: relative;
    float: right;
    width: 429px;
    height: 113px;
    background: url(../images/contact_bg_v3.png) no-repeat;
}

#header .contact_area .btn {
    position: absolute;
    top: 14px;
    left: 272px;
}

.sp_contact_area {
    padding: 10px;
    border: 5px solid #e83356;;
}

.sp_contact_area_body {
    font-size: 12px;
}

.sp_contact_area_body_item {
    margin-bottom: 10px;
}

.sp_contact_area_body_item:last-child {
    margin-bottom: 0;
}

.sp_contact_area_body_item_label {
    display: block;
}

.sp_contact_area_body_item_attention {
    margin-top: 5px;
}

.sp_contact_area_body .tel {
    display: block;
    font-size: 25px;
    font-weight: bold;
    color: #e83356;
    text-align: center;
}

.sp_contact_area_body .reservation {
    display: block;
    padding: 10px 0; 
    font-size: 16px;
    font-weight: bold;
    color: #fff;
    text-align: center;
    /*line-height: 40px;*/
    border-radius: 5px;
    background-color: #e83356;
}

.sp_contact_area_body .reservation span {
display: inline-block;
padding-top: 5px;
font-size: 12px;
line-height: 18px;
}

/*	maincolumn
----------------------------------------------------*/

#maincolumn .pagetitle { 
    position: relative;
    margin-bottom: 20px;
}
#maincolumn .pagetitle:after { 
    position: absolute;
    top: 0;
    right: 0;
    width: 5px;
    height: 100%;
    background-color: #894A83;
    content: '';
}

#maincolumn .pagetop { 
    text-align: right;
}

#maincolumn .pagetop a { 
    color: #b18f3f;
    font-size: 12px;
    text-decoration: underline;
}

/*	sidebar
----------------------------------------------------*/
#sidebar li { 
    margin-bottom: 10px;
}

/*	footer
----------------------------------------------------*/
#footer ul { 
    /*width:  100%;
    max-width: 860px;
    margin: 0 auto;
    box-sizing:  border-box;*/
    margin: 10px 0;
    text-align: center;
}

#footer li { 
    /*float: left;
    margin: 10px 0;*/
    display: inline;
    padding: 0 10px;
    font-size: 12px;
    border-left: 1px solid #fff;
}

#footer li a { 
    color: #fff;
}

#footer li:first-child { 
    border-left: none;
}

#footer .copy { 
    clear: both;
    margin-top: 20px;
    font-size: 12px;
    color: #fff;
    text-align: center;
}
.pc-module {
    display: block !important;
}
.sp-module {
    display: none !important;
}
.img-full { 
    width:  100%;
    height:  auto;
}
@media screen and (max-width: 910px) {
    #header {
        margin: 0 auto;
        width: 429px;
    }
    #header .contact_area { 
        float: initial;
        clear: both;
    }
}
@media screen and (max-width: 768px) {
    .sp-module {
        display: block !important;
    }
    .pc-module {
        display: none !important;
    }
    #wrap {
        padding: 10px;
    }
    #header {
        width: 100%;
    }
    #header .logo {
        float: initial;
        margin-top: 0;
        text-align: center;
    }
    #header .txt {
        float: initial;
        margin-top: 0;
        margin-bottom: 10px;
        text-align: center;
    }
    #container {
        margin-top: 10px;
    }
    #maincolumn {
        float: initial;
        padding-left: 0;
        margin-left: 0;
    }
    #sidebar {
        float: initial;
        margin: 0 -5px;
        width: initial;
        text-align: center;
    }
    #sidebar li {
        float: left;
        padding: 0 5px;
        margin: 10px 0 0px;
        width: 50%;
        font-size: 0;
        text-align: center;
        box-sizing: border-box;
    }
    #sidebar li:nth-child(-n+2) {
        margin-top: 0;
    }
    #sidebar li a img {
        width: 100%;
        height: auto;
    }
    #footer ul {
        text-align: center;
    }
    #footer li {
        display: inline-block;
        float: initial;
        border-left: none;
    }
}