@charset "utf-8";

@media screen and (min-width:751px), print {
html {
    font-size: 12px;  /* root 10px 以下rem指定*/
}
/* body
----------------------------------------------------*/
body, input, textarea, select {
	font-family: "ヒラギノ角ゴ Pro W3", "HIragino Kaku Gothic Pro W3", "HIragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS P Gothic", sans-serif;
}
body {
    color: #212121;
    text-align: center;
    font-size: 1.0rem;
    min-width: 1200px;
    background-color: #FFFFFF;
}
/* -- link -- */
a:link {
    color: #FF2E07;
    text-decoration: none;
}
a:visited {
    color: #FF2E07;
    text-decoration: none;
}
a:hover {
    color: #606060;
    text-decoration: underline;
}
a:active {
    color: #000000;
    text-decoration: none;
}
div.clear {
    clear: both;
    display: block;
    width: 100%;
}
/* -- font -- */
h1, h2, h3, h4, h5, h6, p, li, dt, dd, th, td, caption, address, figcaption, small, label, time, input, button, select {
	font-size: 1.0rem;
	line-height: 1.5;
}
h3.title{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 10px;
    padding-left: 15px;
    line-height: 150%;
    letter-spacing: 2px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-top: 30px;
    width: 100%;
    display: block;
    border-radius: 5px;
    background-color: #CE0003;
    max-width: 1200px;
    padding-top: 10px;
    padding-bottom: 10px;
}
h3.title_program{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 10px;
    padding-left: 15px;
    line-height: 150%;
    letter-spacing: 2px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-top: 30px;
    width: 100%;
    display: block;
    border-radius: 5px;
    background-color: #CE0003;
    max-width: 1200px;
    padding-top: 10px;
    padding-bottom: 10px;
}
h3.title_drink{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 10px;
    padding-left: 15px;
    line-height: 150%;
    letter-spacing: 2px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-top: 30px;
    width: 100%;
    display: block;
    border-radius: 5px;
    background-color: #E2B406;
    max-width: 1200px;
    padding-top: 10px;
    padding-bottom: 10px;
}
h3.title_food{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 10px;
    padding-left: 15px;
    line-height: 150%;
    letter-spacing: 2px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-top: 30px;
    width: 100%;
    display: block;
    border-radius: 5px;
    background-color: #0050C3;
    max-width: 1200px;
    padding-top: 10px;
    padding-bottom: 10px;
}
h3.title_food_night{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 10px;
    padding-left: 15px;
    line-height: 150%;
    letter-spacing: 2px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-top: 30px;
    width: 100%;
    display: block;
    border-radius: 5px;
    background-color: #1C1B5D;
    max-width: 1200px;
    padding-top: 10px;
    padding-bottom: 10px;
}
h3.title_delivery{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 10px;
    padding-left: 15px;
    line-height: 150%;
    letter-spacing: 2px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-top: 30px;
    width: 100%;
    display: block;
    border-radius: 5px;
    background-color: #D94800;
    max-width: 1200px;
    padding-top: 10px;
    padding-bottom: 10px;
}
div.title_program{
    color: #FFFFFF;
    font-weight: bold;
    font-size: 24px;
    margin-bottom: 10px;
    padding-left: 5px;
    line-height: 150%;
    letter-spacing: 2px;
    font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    margin-top: 30px;
    width: 90%;
    display: block;
    margin-left: 5%;
    border-radius: 5px;
    background-color: #CE0003;
}
h4.txt{
    font-size: 18px;
    margin-bottom: 10px;
    padding-left: 5px;
    line-height: 175%;
    margin-top: 10px;
    width: 90%;
    display: block;
    margin-left: 5%;
    font-weight: normal;
}
h4.txt_box{
    font-size: 18px;
    margin-bottom: 10px;
    padding-left: 10px;
    line-height: 175%;
    margin-top: 10px;
    width: 90%;
    display: block;
    margin-left: 5%;
    font-weight: normal;
    background-color: #FFEFA1;
    border-radius: 10px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
}
/*---------- プランセクション -----------*/
.plan {
    padding: 40px 0 26px;
}


/* -- プランボックス -- */
.plan_box{
    padding-left: 5px;
    width: 95%;
    display: block;
    float: left;
    margin-bottom: 50px;
}
.plan_box_end{
    font-size: 15px;
    padding-left: 5px;
    line-height: 120%;
    width: 90%;
    display: block;
    margin-left: 5%;
    font-weight: normal;
    float: left;
    margin-bottom: 30px;
}
.plan_box_02{
    padding-left: 1%;
    width: 75%;
    display: block;
    float: left;
    max-width: 1200px;
}

.plan_img{
    display: block;
    width: 23%;
    float: left;
}
    
.plan_osusume_box{
    display: block;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
}
.plan_osusume{
    display: block;
    font-size: 20px;
    height: 30px;
    color: #FFFFFF;
    border-left-style: solid;
    border-left-width: 1px;
    border-right-style: solid;
    border-right-width: 1px;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-top-style: solid;
    border-top-width: 1px;
    border-radius: 20px;
    background-color: #FF0004;
    text-align: center;
    font-weight: bold;
    padding-top: 5px;
    float: left;
    margin-left: 15px;
    margin-top: 5px;
    width: 200px;
    margin-right: 15px;
    padding-left: 10px;
    padding-right: 10px;
}
.plan_osusume_txt{
    display: block;
    font-size: 25px;
    color: #000000;
    text-align: left;
    font-weight: bold;
    padding-top: 5px;
    margin-left: 10px;
    float: left;
    width: auto;
    margin-bottom: 10px;
    line-height: 50px;
}
    
.plan_pac{
    display: block;
    font-size: 24px;
    text-align: left;
    font-weight: bolder;
    padding-top: 5px;
    margin-left: 10px;
    float: left;
    margin-top: 15px;
    width: 100%;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    padding-bottom: 10px;
}
.plan_jirei{
    display: block;
    font-size: 18px;
    text-align: left;
    font-weight: normal;
    padding-top: 5px;
    margin-left: 10px;
    float: left;
    width: 100%;
    margin-top: 10px;
    line-height: 200%;
    color: #000000;
    margin-bottom: 20px;
}
.plan_kakaku{
    display: block;
    font-size: 20px;
    font-weight: bolder;
    padding-top: 5px;
    float: left;
    width: 45%;
    margin-top: 20px;
    text-align: left;
    line-height: 48px;
}
.plan_kakaku_01{
    display: block;
    font-size: 24px;
    font-weight: bolder;
    padding-top: 5px;
    float: left;
    width: 100%;
    margin-top: 20px;
    text-align: left;
    line-height: 48px;
}
.plan_kakaku_s{
    display: block;
    font-size: 20px;
    font-weight: bolder;
    padding-top: 5px;
    float: left;
    width: 45%;
    margin-top: 25px;
    margin-bottom: 20px;
    text-align: right;
}
.plan_kakaku_l{
    font-size: 20px;
    font-weight: bolder;
    float: left;
    margin-top: 5px;
    text-align: left;
    width: 100%;
    border-bottom: 1px solid #F42600;
    display: block;
    line-height: 40px;
}
.plan_kakaku_l_02{
    font-size: 20px;
    font-weight: bolder;
    float: left;
    margin-top: 5px;
    text-align: left;
    width: 100%;
    display: block;
    line-height: 40px;
}
.plan_kakaku_l_center{
    font-size: 25px;
    font-weight: bolder;
    float: left;
    margin-top: 5px;
    text-align: center;
    width: 100%;
    border-bottom: 5px double #F42600;
    display: block;
    line-height: 50px;
    border-top: 5px double #F42600;
    padding-top: 15px;
    padding-bottom: 15px;
}
.plan_kakaku_ll{
    display: block;
    font-size: 24px;
    font-weight: bolder;
    padding-top: 5px;
    float: left;
    margin-top: 20px;
    text-align: left;
    width: 100%;
    padding-bottom: 0px;
    line-height: 150%;
}
.plan_kakaku_lll{
    display: block;
    font-size: 18px;
    font-weight: bolder;
    padding-top: 5px;
    float: left;
    text-align: left;
    width: 100%;
    padding-bottom: 5px;
    line-height: 25px;
}
    .plan_kakaku_l_noline{
    display: block;
    font-size: 18px;
    font-weight: bolder;
    padding-top: 5px;
    float: left;
    margin-top: 20px;
    text-align: center;
    width: 100%;
    padding-bottom: 5px;
    line-height: 32px;
}

.plan_zei{
    font-size: 12px;
    color: #000000;
    text-align: left;
    font-weight: normal;
    margin-left: 5px;
    margin-top: 20px;
    line-height: 48px;
}
.plan_day{
    font-size: 14px;
    color: #FF0004;
    text-align: left;
    font-weight: bold;
    margin-left: 5px;
    line-height: 40px;
    margin-top: 20px;
}
.plan_zei_s{
    font-size: 10px;
    color: #000000;
    text-align: left;
    margin-left: 5px;
    font-weight: normal;
    line-height: 40px;
    margin-top: 20px;
}
/*---------- メニュー表組み -----------*/
    
.menu_table{
    padding-top: 5px;
    margin-top: 5px;
    padding-bottom: 5px;
    margin-bottom: 5px;
    width: 100%;
}
.menu_table th{
    border-bottom: 1px solid #ccc;
    box-sizing: border-box;
    padding-top: 5px;
}

.menu_table td{
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    box-sizing: border-box;
    padding-top: 10px;
    padding-bottom: 10px;
    font-size: 14px;
    padding-left: 5px;
    padding-right: 5px;
}
.menu_table_txt{
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    font-size: 10px;
    display: block;
}
    
/*---------- プラン表組み -----------*/

.annai-table{
	padding-top: 12rem;
	line-height: 2rem;
	width: 90%;
	margin-left: 5%;
}

.annai-table th{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    box-sizing: border-box;
    padding-top: 12px;
    padding-bottom: 8px;
    font-size: 18px;
    padding-left: 5px;
    line-height: 175%;
    font-weight: normal;
}

.annai-table td{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    box-sizing: border-box;
    padding-top: 12px;
    padding-bottom: 8px;
    padding-left: 5px;
    font-size: 18px;
    font-weight: normal;
    line-height: 175%;
}

/* -- メニュー紹介 -- */
.menu_img{
    display: block;
    width: 40%;
    float: left;
    text-align: center;
}
div.menu_img_txt_001 {
    color: #000000;
    font-weight: normal;
    font-size: 0.9em;
    text-align: center;
    padding-bottom: 5px;
    padding-top: 5px;
    display: block;
}
.menu_box_01{
    font-size: 15px;
    padding-left: 0px;
    line-height: 120%;
    width: 97%;
    display: block;
    margin-left: 1%;
    font-weight: normal;
    float: left;
    margin-top: 30px;
}

.menu_box_02{
    float: left;
    padding-left: 0px;
    width: 60%;
}

.menu_box_03{
    display: block;
    margin-top: 0px;
    margin-bottom: 0px;
    float: left;
    margin-left: 5%;
    margin-right: 5%;
    width: 90%;
}
.menu_box_end{
    font-size: 15px;
    padding-left: 5px;
    line-height: 120%;
    width: 100%;
    display: block;
    font-weight: normal;
    float: left;
    margin-bottom: 50px;
    margin-left: 0px;
}
.menu_name_01_txt{
    display: block;
    font-size: 20px;
    color: #000000;
    text-align: left;
    font-weight: bold;
    margin-left: 1%;
    float: left;
    line-height: 125%;
    width: 100%;
    margin-top: 15px;
}
.menu_name_02_txt{
    display: block;
    font-size: 14px;
    color: #000000;
    text-align: left;
    margin-left: 1%;
    float: left;
    line-height: 125%;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: bold;
}
.menu_name_03_txt{
    display: block;
    font-size: 14px;
    text-align: left;
    padding-top: 4px;
    margin-left: 1%;
    float: left;
    line-height: 24px;
    width: 100%;
    margin-bottom: 20px;
}
.menu_name_03_txt_redbold{
    display: block;
    font-size: 14px;
    text-align: left;
    padding-top: 4px;
    margin-left: 1%;
    float: left;
    line-height: 24px;
    width: 100%;
    margin-bottom: 20px;
    color: #0012FF;
    font-weight: bold;
}
.menu_profile_yakusyoku{
    display: block;
    font-size: 14px;
    color: #000000;
    text-align: left;
    margin-left: 1%;
    float: left;
    width: 100%;
    font-weight: bold;
    margin-bottom: 15px;
}
.menu_profile_title{
    display: block;
    font-size: 16px;
    color: #000000;
    text-align: left;
    margin-left: 1%;
    float: left;
    width: 100%;
    font-weight: bold;
    border-bottom: 1px solid #000000;
    margin-top: 30px;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.menu_profile_title_mini{
    font-size: 14px;
    color: #000000;
    text-align: left;
    font-weight: normal;
}
.menu_profile_txt{
    display: block;
    font-size: 14px;
    color: #000000;
    text-align: left;
    padding-top: 4px;
    margin-left: 1%;
    float: left;
    line-height: 26px;
    width: 100%;
}

/* -- 施設紹介 -- */
.facility_img{
    display: block;
    width: 70%;
    float: left;
    text-align: right;
}
.facility_img_r{
    display: block;
    float: right;
    text-align: left;
    width: 70%;
}
.facility_box_01{
    font-size: 15px;
    padding-left: 0px;
    line-height: 120%;
    width: 97%;
    display: block;
    margin-left: 1%;
    font-weight: normal;
    float: left;
    margin-bottom: 50px;
    margin-top: 30px;
    background-color: #F3F3F3;
}

.facility_box_02{
    width: 30%;
    display: block;
    float: left;
    padding-left: 0px;
}
.facility_box_02_r{
    width: 30%;
    display: block;
    float: right;
    padding-left: 0px;
}

.facility_box_03{
    display: block;
    width: 90%;
    float: left;
    margin-left: 5%;
    margin-right: 5%;
    bottom: 0px;
    margin-bottom: 0px;
    padding-bottom: 0px;
}
.facility_box_end{
    font-size: 15px;
    padding-left: 5px;
    line-height: 120%;
    width: 100%;
    display: block;
    font-weight: normal;
    float: left;
    margin-bottom: 50px;
    margin-left: 0px;
}
.facility_name_01_txt{
    display: block;
    font-size: 15px;
    color: #000000;
    text-align: left;
    font-weight: bold;
    margin-left: 1%;
    float: left;
    line-height: 125%;
    width: 100%;
    margin-top: 15px;
}
.facility_name_01_txt_r{
    display: block;
    font-size: 15px;
    color: #000000;
    text-align: right;
    font-weight: bold;
    margin-left: 1%;
    float: left;
    line-height: 125%;
    width: 100%;
    margin-top: 15px;
}
.facility_name_02_txt{
    display: block;
    font-size: 14px;
    color: #000000;
    text-align: left;
    margin-left: 1%;
    float: left;
    line-height: 125%;
    width: 100%;
    margin-top: 15px;
    margin-bottom: 15px;
    font-weight: bold;
}
.facility_name_03_txt{
    display: block;
    font-size: 14px;
    color: #000000;
    text-align: left;
    padding-top: 4px;
    margin-left: 1%;
    float: left;
    line-height: 26px;
    width: 100%;
}
.facility_profile_yakusyoku{
    display: block;
    font-size: 14px;
    color: #000000;
    text-align: left;
    margin-left: 1%;
    float: left;
    width: 100%;
    font-weight: bold;
    margin-bottom: 15px;
}
.facility_profile_title{
    display: block;
    font-size: 16px;
    color: #000000;
    text-align: left;
    margin-left: 1%;
    float: left;
    width: 100%;
    font-weight: bold;
    border-bottom: 1px solid #000000;
    margin-top: 30px;
    margin-bottom: 10px;
}
.facility_profile_txt{
    display: block;
    font-size: 14px;
    color: #000000;
    text-align: left;
    padding-top: 4px;
    margin-left: 1%;
    float: left;
    line-height: 26px;
    width: 100%;
}

/*---------- プライスボックス -----------*/
.price_box_01{
    padding-left: 30px;
    width: 100%;
    display: block;
    float: left;
    max-width: 1200px;
    padding-top: 20px;
    padding-bottom: 50px;
    padding-right: 30px;
    border-radius: 5px;
    border: 1px solid #9D9D9D;
    margin-top: 20px;
    margin-bottom: 20px;
}
.price_box_02{
    padding-left: 30px;
    width: 100%;
    display: block;
    float: left;
    max-width: 1200px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-right: 30px;
    border-radius: 5px;
    margin-top: 20px;
    margin-bottom: 20px;
    background-color: #FBFF9E;
    margin-left: 10px;
    margin-right: 10px;
}
.price_title_01{
    display: block;
    font-size: 20px;
    font-weight: bolder;
    margin-top: 5px;
    text-align: left;
    width: 100%;
    background-color: #358CFF;
    color: #FFFFFF;
    margin-bottom: 15px;
    padding-top: 10px;
    padding-bottom: 10px;
    padding-left: 15px;
}
.price_title_02{
    display: block;
    font-size: 16px;
    font-weight: bolder;
    margin-top: 25px;
    text-align: left;
    width: 100%;
    margin-bottom: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}
.price_kakaku_01{
    font-size: 15px;
    font-weight: bolder;
    text-align: left;
    margin-left: 10px;
}
.price_kakaku_02{
    font-size: 15px;
    font-weight: bolder;
    text-align: left;
}

/*---------- プライス表組み -----------*/

.price-table{
    width: 100%;
}

.price-table th{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
    font-size: 15px;
    padding-left: 5px;
    line-height: 30px;
    width: 20%;
}

.price-table td{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
    box-sizing: border-box;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 5px;
    font-size: 15px;
    line-height: 30px;
}

/*---------- プライス表組み02 -----------*/

.price-table_02{
    width: auto;
    float: left;
    margin-right: 15px;
    margin-bottom: 15px;
}

.price-table_02 th{
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    box-sizing: border-box;
    padding-top: 5px;
    font-size: 15px;
    padding-left: 5px;
    line-height: 30px;
    width: 50%;
    text-align: left;
}

.price-table_02 td{
    border-bottom: 1px solid #ccc;
    vertical-align: middle;
    box-sizing: border-box;
    padding-top: 5px;
    padding-left: 5px;
    font-size: 15px;
    line-height: 30px;
    text-align: right;
}

/* -- i -- */
i {
	vertical-align: baseline;
}
/* -- img -- */
img {
	max-width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
/*---------- img alphaOver -----------*/

.alphaOver a:hover img{
	opacity: 0.7;
	filter: alpha(opacity=60);
	-ms-filter: "alpha(opacity=70)";
	-moz-opacity: 0.7;
	-khtml-opacity: 0.7;
}
/* -- .pc -- */
/* -- .tp -- */
.sp {
	display: none !important;
}
/* -- .pc -- */
.pc_main {
    display: block !important;
}
/* -- .tp -- */
.tp_main {
	display: none !important;
}
.sp_main {
	display: none !important;
}
    
/*---------- アンカー -----------*/
a.anchor{
    display: block;
    margin-top: -100px;
    padding-top: 100px;
    width: 200px;
}
/*---------- テキスト -----------*/
#large {
    font-weight: bold;
    font-size: 150%;
    line-height: 175%;
    color: #FFFFFF;
}
#middle {
    font-size: 120%;
    line-height: 175%;
    color: #FFFFFF;
}
#small {
    font-weight: bold;
    font-size: 90%;
    line-height: 175%;
    color: #FFFFFF;
}
    
    
/* container
----------------------------------------------------*/
#container {
    text-align: left;
    background-color: #FFFFFF;
    padding-top: 100px;
}
/* header
----------------------------------------------------*/
#header {
    height: 100px;
    position: relative;
    z-index: 51;
    display: block;
    box-sizing: border-box;
    position: fixed;
    background-color: #FFFFFF;
    width: 100%;
    top: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    opacity: 0.98;
}
#header_hamashio {
    height: 60px;
    position: relative;
    z-index: 51;
    display: block;
    box-sizing: border-box;
    position: fixed;
    background-color: #7FCEF6;
    width: 100%;
    top: 0px;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    opacity: 0.98;
}

    
    /* clearfix */
#header:after {
	content: "";
	clear: both;
	display: block;
}
#hdInner {
	width: 100%;
	height: 100%;
	margin: 0 auto;
	position: relative;
}
#hdLogo {
    width: 200px;
    float: left;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 20px;
    margin-bottom: 0;
}
#hdSns {
	float: right;
	margin: 20px 20px 0 0;
}
#hdSns:after {
	content: "";
	clear: both;
	display: block;
}
#hdSns li {
	width: 19px;
	height: 19px;
	float: left;
	margin: 0 0 0 15px;
}
#hdSns li a {
	transition: 0.3s ease-out;
}
#hdSns li a:hover {
	opacity: 0.7;
}
	
/* gNavi
----------------------------------------------------*/
#gNavMenu {
	display: none;
}
#gNavWrap {
    width: 70%;
    float: left;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
/* clearfix */
#gNav:after {
	content: "";
	clear: both;
	display: block;
}
#gNav > li {
    width: 19%;
    float: left;
    padding-top: 25px;
}
/* メインメニュー非表示設定 */
#gNav div.gNavMenu {
	display: table;
	width: 100%;
}
#gNav div.gNavMenu a {
    display: table-cell;
    height: 50px;
    vertical-align: middle;
    text-align: center;
    font-size: 1.1rem;
    color: #000000;
    font-weight: bold;
    border-bottom: 25px solid #FFFFFF;
}
    
/* メインメニュー帯び色 */
#gNav > li:hover div.gNavMenu a {
    text-decoration: none;
    background-color: #FEE3E3;
    height: 50px;
}
#gNav li:nth-child(1) div.gNavMenu a {
	text-indent: -1em;
	padding: 0 0 0 1.2em;
}
#gNav div.gNavMenu strong {
	display: block;
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 1;
	margin: 0 0 0px 0;
}
#gNav div.gNavMenu span {
	display: block;
	font-size: 1.2rem;
	font-weight: normal;
	line-height: 1;
	margin: 3px 0 0px 0;
}
#gNav .gNavBlc {
    padding-top: 0px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 20px;
    background-color: #FFFFFF;
    position: absolute;
    top: 100%;
    left: 0;
    cursor: auto !important;
    z-index: 50;
    display: none !important;
    opacity: 1;
    border-top: 3px solid #AF0401;
    border-bottom: 3px solid #AF0401;
    width: 100%;
}

#gNav > li:hover .gNavBlc {
	display: block !important;
}
#gNav .gNavBlc ul {
    width: 100%;
    margin: 0 auto;
    max-width: 1100px;
}
#gNav .gNavBlc ul:after {
	content: "";
	clear: both;
	display: block;
}
#gNav .gNavBlc li {
    width: 300px;
    float: left;
    margin-top: 10px;
    margin-right: 10px;
    line-height: 1.5;
    margin-bottom: 5px;
    margin-left: 5px;
    height: 150px;
}
#gNav .gNavBlc li a {
	display: block;
	min-height: 100px;
	padding-right: 0;
	padding-left: 135px;
	padding-bottom: 0;
	text-decoration: none;
	position: relative;
	transition: opacity 0.3s;
}
#gNav .gNavBlc li a:hover {
	opacity: 0.7;
}
#gNav .gNavBlc li img {
	position: absolute;
	top: 0;
	left: 0;
}
#gNav .gNavBlc li strong, #gNav .gNavBlc li span {
	display: block;
}
#gNav .gNavBlc li strong {
	font-size: 1.4rem;
	color: #000000;
	display: inline-block;
}
#gNav .gNavBlc li strong + i {
	margin-left: 8px;
	color: #FFFFFF;
	font-size: 16px;
	padding-top: 3px;
}
#gNav .gNavBlc li span {
	font-size: 1.2rem;
	color: #000000;
}
/*movie*/
#gNav .gNavBlc li.company {
	padding: 0 0 0 110px;
	position: relative;
	-webkit-box-sizing : border-box;
	-moz-box-sizing : border-box;
	box-sizing : border-box;
}
#gNav .gNavBlc li.company a {
	padding: 0;
	min-height: auto;
	color: #000000;
}
#gNav .gNavBlc li.company > a {
	position: absolute;
	top: 0;
	left: 0;
}
#gNav .gNavBlc li.company a img {
	position: static;
}
#gNav .gNavBlc li.company ul {
	margin-top: 0px;
	width: auto;
}
#gNav .gNavBlc li.company ul li {
	border-bottom: 1px solid #333;
	width: 100%;
	margin: 0;
}
#gNav .gNavBlc li.company ul li:first-child {
	border-top: 1px solid #333;
}
#gNav .gNavBlc li.company ul li a {
	display: block;
	font-size: 1.2rem;
	padding: 5px 20px 5px 0;
	background: url("../img/icon_arw_nav.png") no-repeat right center;
	color: #000000;
}
#gNavBg {
	display: none;
}
#gNavSns {
	display: block;
	position: absolute;
	top: 0px;
	right: 0px;
	background-color: #2A73DF;
	border-bottom-left-radius: 10px;
	border: 1px solid #2A73DF;
	padding-right: 10px;
	padding-top: 2px;
	padding-left: 5px;
	padding-bottom: 2px;
}
#gNavSns ul {
	display: inline-block;
	text-align: center;
	vertical-align: middle;
	letter-spacing: -0.3em;
	color: #FFFFFF;
	font-weight: bold;
}
#gNavSns li {
	display: inline-block;
	margin-top: 0;
	margin-right: 5px;
	margin-left: 5px;
	margin-bottom: 0;
	letter-spacing: normal;
	height: auto;
	border-radius: 5px;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 3px;
	text-align: left;
}
#gNavClose {
	display: none;
}
/* contents
----------------------------------------------------*/
#contents {
	width: 1200px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	background-color: #FFFFFF;
}
/* clearfix */
#contents:after {
	content: "";
	clear: both;
	display: block;
}
/*------- トップページイメージ -----*/

div.topimage {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1920px;
}
div.topimage_001 {
    position: absolute;
    top: 10%;
    left: 5%;
    right: 5%;
    margin: 0;
    padding: 0;
    color: white;
    font-weight: bold;
    font-size: 5em;
    font-family : Quicksand, sans-serif;
    line-height: 150%;
    text-align: center;
    text-shadow: 5px 5px 5px #000000;
}
div.topimage_002 {
    position: absolute;
    top: 30%;
    left: 5%;
    right: 5%;
    margin: 0;
    padding: 0;
    color: white;
    font-weight: bold;
    font-size: 6em;
    font-family : Quicksand, sans-serif;
    line-height: 120%;
    text-align: center;
    text-shadow: 5px 5px 5px #000000;
    top: 20%;
}
div.topimage_p {
    margin-left: auto;
    margin-right: auto;
    width: 100%;
    max-width: 1200px;
}
/* main
----------------------------------------------------*/

main {
    overflow: hidden;
    padding-bottom: 100px;
}
.mainInner {
	width: 1000px;
	margin: 0 auto;
}
#main a {
	transition: opacity 0.3s;
}
#main a:hover {
	text-decoration: none;
	opacity: 0.7;
}
/* footer
----------------------------------------------------*/
#footer {
    clear: both;
    color: #FFFFFF;
    background-color: #000000;
}
#ftInner {
    position: relative;
    padding: 35px 0 0;
    height: auto;
}
#ftInner_center {
    position: relative;
    height: auto;
    text-align: center;
    padding-bottom: 20px;
}

/*------- ページトップ(フル) -----*/
#footer .pagetop{
	width: 90%;
	overflow: hidden;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding: 0;
	opacity: 1;
	z-index: 55;
}
#footer .pagetop a{
	display: block;
	width: 110px;
	height: 20px;
	text-indent: -9999px;
	background-image: url(../img/btn_pagetop.png);
	background-repeat: no-repeat;
	float: right;
	margin-top: 5px;
}
p.pageTop {
	width: 75px;
	text-align: center;
	position: fixed;
	bottom: 10px;
	right: 10px;
	background-image: url(../img/btn_pagetop.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 75px;
}

	
/* clearfix */
#footer:after {
	content: "";
	clear: both;
	display: block;
}
#ftSitemapWrap {
    background-color: #5B0001;
}
#ftSitemap {
    width: 1200px;
    margin: 0 auto;
    padding: 20px 0 30px;
}
/* clearfix */
#ftSitemap > ul:after {
	content: "";
	clear: both;
	display: block;
}
#ftSitemap > ul > li {
    width: 20%;
    float: left;
    margin: 0 0 0 30px;
}
#ftSitemap div {
	border-bottom: 1px solid #FFFFFF;
	margin: 0 0 15px;
}
#ftSitemap div a {
	display: block;
	padding: 15px 0;
	font-size: 1rem;
	color: #FFFFFF;
	transition: opacity 0.3s;
}
#ftSitemap div a:hover {
	text-decoration: none;
	opacity: 0.7;
}
#ftSitemap li:nth-child(1) .play.movie > ul > li {
	margin: 0 0 0;
}
#ftSitemap div strong {
	display: block;
	font-size: 1.5rem;
	font-weight: normal;
	line-height: 1;
	vertical-align: text-bottom;
	color: #FFFFFF;
	margin: 0 0 5px;
}
#ftSitemap li ul {
	display: block !important;
	overflow: hidden;
}
#ftSitemap li li {
    line-height: 1.2;
    margin-top: 10px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 0;
}
#ftSitemap li li a {
	color: #FFFFFF;
	font-size: 1.2rem;
}
/*movie*/
#ftSitemap li .play.movie {
	display: block!important;
	border-bottom: none;
}
#ftSitemap li .play.movie:after {
	content: "";
	clear: both;
	display: block;
}
#ftSitemap li .play.movie ul {
	float: left;
}
#ftSitemap li .play.movie ul:first-child {
	width: 150px;
}
#ftSitemap li .play.movie ul:first-child li {
	width: 150px;
}
#ftSitemap li .play.movie ul:first-child + ul {
	width: 190px;
}
#ftSitemap li .play.movie ul:first-child + ul li {
	width: 190px;
}
#ftSitemap li .play.movie ul li a {
	padding: 0;
}
#ftSitemap li .play.movie ul li ul li a {
	padding-left: 18px;
	position: relative;
}
#ftSitemap li .play.movie ul li ul li a:after {
	content: "";
	width: 12px;
	height: 1px;
	position: absolute;
	top: 50%;
	left: 0;
	background: #555;
	margin-top: -0.5px;
}
#ftSitemap li .account {
	margin-top: 30px;
}
#ftSitemap li .account li {
	width: 160px;
}
#ftSitemap li .account li.fb {
	float: left;
}
#ftSitemap li .account li.yt {
	float: right;
}
#ftSitemap li .account li a {
	padding: 7px 0 7px 52px;
	color: #FFFFFF;
	display: block;
	border-radius: 200px;
	transition: 0.3s ease-out;
}
#ftSitemap li .account li.fb a {
	background: url("../common/img/ico_fb.gif") no-repeat 15px center #3a579a;
	background-size: 25px;
}
#ftSitemap li .account li.yt a {
	background: url("../common/img/ico_yt.gif") no-repeat 15px center #b0210a;
	background-size: 25px;
}
#ftSitemap li .account li a:hover {
	opacity: 0.8;
	text-decoration: none;
}
#ftNav {
	text-align: center;
}
#ftNav ul {
	display: inline-block;
	letter-spacing: -0.3em;
}
#ftNav li {
	font-size: 1.2rem;
	line-height: 1;
	display: inline-block;
	letter-spacing: normal;
	border-left: 1px solid #555;
	padding: 0 0 0 10px;
	margin: 0 0 0 10px;
}
#ftNav ul:first-child li:first-child {
	border: none;
	padding: 0;
	margin: 0;
}
#ftNav li a {
	color: #FFFFFF;
	text-decoration: none;
}
#ftNav li a:hover {
	text-decoration: underline;
}
#ftCopyright {
	text-align: center;
	margin: 15px 0 0;
}
#ftCopyright small {
	font-size: 1.0rem;
}
/* bread_crumb
----------------------------------------------------*/

#wrapper_bread_crumb {
	background: #eee;
	line-height: 40px;
}
#bread_crumb {
	max-width: 1200px;
	margin: 0 auto;
	padding: 0 20px;
	box-sizing: border-box;
}
#bread_crumb li {
	display: inline-table;
	font-size: 120%;
	height: 40px;
	padding-right: 25px;
	margin-right: 10px;
	background: url("../img/bread_crumb01.png") right center no-repeat;
	background-size: 15px auto;
}
#bread_crumb li:last-child {
	background: none;
	padding-right: 0;
	margin-right: 0;
}
#bread_crumb li a, #bread_crumb li > span {
	display: table-cell;
	vertical-align: middle;
	transition: opacity 0.3s;
}
#bread_crumb li a:hover {
	text-decoration: none;
	opacity: 0.7;
}
#bread_crumb li a > span {
	color: #0aa547;
}
/* spanGreen
---------------------------------------------*/
.spanGreen {
	font-size: 46.66%;
	color: #0aa547;
	display: block;
	font-weight: normal;
}
.utility {
	position: relative;
	float: right;
	line-height: 14px;
	right: 0px;
	top: 0px;
	z-index: 99;
}
	
/* menu
----------------------------------------------------*/
.menu:after {
	content: "";
	clear: both;
	display: block;
}
.menu li {
	float: left;
	width: 25%;
}
.menu li a {
	display: block;
	position: relative;
}
#main .menu li a:hover {
	opacity: 1;
}
.menu li a > span {
	display: block;
	width: 100%;
	text-align: center;
	font-size: 1.1rem;
	position: absolute;
	bottom: 15px;
	left: 0;
}
.menu li:nth-of-type(1) a > span,.menu li:nth-of-type(2) a > span,.menu li:nth-of-type(3) a > span, .menu li:nth-of-type(4) a > span {
	color: #FFFFFF;
}
.menu li a > span strong {
    display: block;
    font-size: 1.3rem;
}
.menu li a > div {
	display: table;
	width: 100%;
	background: #222;
	color: #aaa;
	position: absolute;
	top: 0;
	left: 0;
	opacity: 0;
	transition: opacity 0.3s;
}
.menu li a:hover > div {
    opacity: 0.8;
}
.menu li a > div div {
	display: table-cell;
	height: 225px;
	vertical-align: middle;
	text-align: center;
	font-size: 1.2rem;
	line-height: 2;
}
.menu li a > div .menuTtl {
	color: #fff;
	display: block;
	font-size: 1.6rem;
	font-weight: bold;
	margin: 0 0 20px;
	line-height: 1.5;
}
.menu li a > div .menuBtn {
	display: block;
	margin: 25px 0 0;
}
.menu li a > div .menuBtn span {
	font-size: 1.2rem;
	width: 142px;
	height: 40px;
	line-height: 40px;
	color: #fff;
	border: 1px solid #FFFFFF;
	border-radius: 20px;
	display: inline-block;
}
.menu li img {
	width: 100%;
}
/* calendar
----------------------------------------------------*/
.calendar_txt {
    text-align: center;
    font-size: 2.2rem;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 10px;
}
.calendar_box {
    text-align: left;
    font-size: 30px;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    background-color: #FFCACB;
    width: 95%;
    margin-left: auto;
    padding: 20px;
    border-radius: 10px;
    line-height: 175%;
    font-weight: bold;
}
.calendar_tel {
    text-align: center;
    font-size: 30px;
    margin-top: 5px;
    margin-right: 0;
    margin-left: 0;
    margin-bottom: 5px;
}
/* Parking
----------------------------------------------------*/
.parking_img{
    display: block;
    width: 50%;
    float: left;
    text-align: center;
}
    
.parking_box {
    text-align: left;
    font-size: 16px;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 10px;
    background-color: #FFCACB;
    width: 100%;
    margin-left: auto;
    padding-top: 20px;
    padding-right: 20px;
    padding-left: 20px;
    padding-bottom: 20px;
    border-radius: 10px;
    line-height: 175%;
    font-weight: bold;
    display: block;
    float: left;
}
.parking_box_01{
    font-size: 15px;
    line-height: 120%;
    width: 100%;
    display: block;
    font-weight: normal;
    float: left;
    margin-bottom: 50px;
    margin-top: 30px;
    margin-left: 20px;
    margin-right: 20px;
}

.parking_box_02{
    width: 44%;
    display: block;
    float: left;
    padding-left: 0px;
    margin-left: 3%;
    margin-right: 3%;
}

    
/* news
----------------------------------------------------*/
.news {
    padding-top: 10px;
    padding-right: 0;
    padding-left: 0;
    padding-bottom: 10px;
    text-align: center;
}
.news h2 {
	text-align: center;
	font-size: 2.2rem;
	margin: 0 0 20px;
}
.news h3 {
    font-size: 1.5rem;
    text-align: center;
}
.news ul {
    width: 100%;
    margin: 0 auto;
    border-bottom: 1px solid #eee;
    text-align: center;
}
.news li {
	border-top: 1px solid #eee;
	display: table;
	width: 100%;
	position: relative;
}
.news li > span {
    display: table-cell;
    height: 39px;
    padding-top: 5px;
    padding-right: auto;
    padding-bottom: 5px;
    box-sizing: border-box;
    vertical-align: middle;
    font-size: 1.2rem;
    text-decoration: none;
    background: url("../common/common/img/ico_arrow01_r.png") no-repeat right center;
    padding-left: auto;
}
.news li > span {
	background: none;
}
.news li span a {
    color: #0A22A5;
}
.news li span a:hover {
	text-decoration: underline
}
.news li div {
	display: inline-block;
	position: absolute;
	left: 0;
	top: 0.8em;
}
.news li time {
    font-size: 0.9rem;
    display: inline-block;
    width: 180px;
    text-align: center;
}
.news li .cat {
	font-size: 1.1rem;
	font-weight: bold;
	color: #0aa547;
	margin: 0 0 0 6px;
	text-align: center;
	width: 7em;
	display: inline-block;
}
.news p {
	width: 120px;
	margin-top: 15px;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 0;
	display: table;
}
.news p a {
	display: table-cell;
	height: 30px;
	vertical-align: middle;
	text-align: center;
	border: 1px solid #ddd;
	border-radius: 20px;
	box-sizing: border-box;
	text-decoration: none;
	color: #555;
	font-size: 1.2rem;
	background-color: #F5F5F5;
}
/*---------- 表組み装飾 -----------*/

.cp_table *, .cp_table *:before, .cp_table *:after {
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}
.cp_table {
    width: 90%;
    border-collapse: collapse;
    margin-left: 5%;
}
.cp_table th, .cp_table  td {
    padding-left: 10px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid #D8D8D8;
}
.cp_table th {
    width: 20%;
    text-align: left;
    background-color: #A30000;
    line-height: 24px;
    font-size: 15px;
    color: #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
    font-weight: bold;
}
.company-table{
	padding-top: 12rem;
	line-height: 2rem;
	width: 90%;
	margin-left: 5%;
}

.company-table th{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    box-sizing: border-box;
    padding-top: 12px;
    padding-bottom: 8px;
    font-size: 15px;
    padding-left: 5px;
}

.company-table td{
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
    vertical-align: top;
    box-sizing: border-box;
    padding-top: 12px;
    padding-bottom: 8px;
    padding-left: 5px;
    font-size: 15px;
}
/*---------- 表組み装飾なし -----------*/

.cp_table_no {
}
.cp_table_no th, .cp_table_no  td {
    border-bottom-style: none;
}

/*---------- トップイメージ -----------*/
div.topimage_main {
    width: 100%;
    max-width: 1920px;
    height: auto;
    max-height: 1037px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 0px;
    margin-bottom: 10px;
}
    
/*---------- サイド -----------*/
    .side_01{
    position: fixed;
    z-index: 9999;
    top: 85%;
    right: 0;
    margin-top: -50px;
    opacity: 0.9;
    width: 100px;
}

    .side_02{
    position: fixed;
    z-index: 9999;
    top: 85%;
    right: 0;
    margin-top: -150px;
    opacity: 0.9;
    width: 100px;
}
    .side_03{
    position: fixed;
    z-index: 9999;
    top: 85%;
    right: 0;
    margin-top: -250px;
    opacity: 0.9;
    width: 100px;
}
    .side_04{
    position: fixed;
    z-index: 9999;
    top: 85%;
    right: 0;
    margin-top: -380px;
    opacity: 0.9;
    width: 100px;
}
    .side_05{
    position: fixed;
    z-index: 9999;
    top: 85%;
    right: 0;
    margin-top: -500px;
    opacity: 0.9;
    width: 100px;
}
.sectionbox_left{
    width: 270px;
    display: block;
    float: left;
    margin-right: 100px;
    margin-left: 100px;
}

.sectionbox_right{
    width: 700px;
    display: block;
    float: left;
}


/* ***************************************************************************** */
}
@keyframes basePcShow {
 from {
 opacity: 0;
}
 to {
 opacity: 1;
}
}