article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
menu,
nav,
section {
    display: block;
}

div,
pre,
p,
blockquote,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
figure,
figcaption,
ul,
li {
    margin: 0;
    padding: 0;
}

li {
    margin-left: 25px;
}

html {
    font-size: 62.5%;
}

body {
    display: block;
    margin: 0 auto;
    padding: 0;
    font-size: 16px;
    font-size: 1.6rem;
    font-family: "メイリオ", Meiryo, "ＭＳ Ｐゴシック", Osaka, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro";
    overflow-x: hidden;
}

body#index {
    background: none;
}

body#page {
    background: url(img/base/bg.jpg) repeat center top;
}

* {
    box-sizing: border-box;
}

.m5 {
    margin-bottom: 5px;
}

.m10 {
    margin-bottom: 10px;
}

.m12 {
    margin-bottom: 12px;
}

.m15 {
    margin-bottom: 15px;
}

.m20 {
    margin-bottom: 20px;
}

.m30 {
    margin-bottom: 30px;
}

.m40 {
    margin-bottom: 40px;
}

.m50 {
    margin-bottom: 50px;
}

.m60 {
    margin-bottom: 60px;
}

.ml10 {
    margin-left: 10px;
    display: inline;
}

.ml10_o {
    margin-left: 10px;
}

.mr10 {
    margin-right: 10px;
    display: inline;
}

.mr10_o {
    margin-right: 10px;
}

.pl10 {
    padding-left: 10px;
}

.pr10 {
    padding-right: 10px;
}

.pr15 {
    padding-right: 15px;
}

.flt {
    float: left;
}

.flr {
    float: right;
}

.txt_15 {
    font-weight: bold;
    font-size: 1.3em;
}



@media screen and (max-width:479px) {
    body {
        font-size: 14px;
        font-size: 1.4rem;
    }
}

@media screen and (max-width:768px) {
    .br_sp {
        display: block;
    }
}

p {
    margin-bottom: 12px;
}


/*
---------------------------------------------------------------------------
ベース
---------------------------------------------------------------------------*/

#wrap {
    max-width: 100%;
    text-align: left;
    font-size: 14px;
    font-size: 1.4rem;
}


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

#wave {
    position: relative;
}

#con {
    position: relative;
    top: 130px;
}

.fixed {
    position: fixed;
    top: 0;
    width: 100%;
    z-index: 10000;
    background-color: #FFF;
    padding-bottom: 0px;
}

.br {
    content: ;
    white-space: ;
    font-size: 14px;
}

.none3 {
    display: inline;
}

@media screen and (max-width:768px) {
    .br {
        content: ;
        white-space: ;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .br:before {
        content: "\A";
        white-space: pre;
    }

    .none3 {
        display: none;
    }
}

@media screen and (max-width:768px) {
    #wave {
        position: static;
    }

    #con {
        position: static;
    }

    .fixed {
        display: none;
    }
}

#headerWrap {
    width: 100%;
    z-index: 99;
    background: #FFF;
}

#header {
    width: 100%;
    line-height: 0;
}

#headerIn {
    position: relative;
    margin: 0 auto;
}

#headerIn:after {
    content: "";
    display: block;
    clear: both;
}

#headerLogo {
    padding-top: 0px;
    padding-left: 0px;
}

#headerLogo img {
    width: 100%;
    height: auto;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.fixed #headerLogo img {
    width: 65%;
    height: auto;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

@media screen and (min-width:769px) {
    #headerWrap {
        width: 100%;
        height: 110px;
        background-repeat: no-repeat;
        background-position: center bottom;
        position: absolute;
        top: 0;
    }

    #header {
        width: 1000px;
    }

    #headerIn {
        width: 1000px;
    }

    #headerLogo {
        float: left;
        margin-top: 6px;
        padding-left: 0px;
    }

    .fixed #headerLogo {
        float: left;
        margin-top: 8px;
        padding-left: 0px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }
}

@media screen and (min-width:961px) {
    #header {
        width: 100%;
        border-top: 5px solid #C2272D;
        background-color: #FFF;
        padding-bottom: 0px;
        box-shadow: 0 0 6px 0 #999;
        -moz-box-shadow: 0 0 6px 0 #999;
        -webkit-box-shadow: 0 0 6px 0 #999;
        height: 110px;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }

    .fixed #header {
        width: 100%;
        border-top: 5px solid #C2272D;
        background-color: #FFF;
        padding-bottom: 0px;
        height: 75px;
        box-shadow: 0 0 6px 0 #999;
        -moz-box-shadow: 0 0 6px 0 #999;
        -webkit-box-shadow: 0 0 6px 0 #999;
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
    }
}

@media screen and (max-width:768px) {
    #headerWrap {
        height: auto;
        position: static;
        border-top: 5px solid #C2272D;
    }

    #headerIn {
        margin-top: 10px;
        margin-bottom: -70px;
    }

    #headerLogo img {
        width: 30%;
        height: auto;
    }
}

@media screen and (max-width:600px) {
    #headerWrap {
        height: auto;
    }

    #headerLogo img {
        width: 50%;
        height: auto;
    }
}
*/

/*
---------------------------------------------------------------------------
グローバルナビ
---------------------------------------------------------------------------

#gnavi {
    float: left;
    width: auto;
    height: 56px;
    margin-left: 96px;
    margin-top: 34px;
}

.fixed #gnavi {
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    margin-top: 10px;
    height: 46px;
}

#gnavi:after {
    content: "";
    display: block;
    clear: both;
}

#gnavi ul {
    width: 706px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#gnavi ul li {
    float: left;
    height: 56px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

#gnavi ul li span {
    display: none;
}

#gnavi ul li a {
    display: block;
    height: 56px;
    background: url(img/base/gnavi.png) no-repeat;
}

#gnavi ul li.gnavi01 a {
    width: 95px;
    background-position: 0 0;
}

#gnavi ul li.gnavi02 a {
    width: 99px;
    background-position: -95px 0;
}

#gnavi ul li.gnavi03 a {
    width: 100px;
    background-position: -194px 0;
}

#gnavi ul li.gnavi04 a {
    width: 98px;
    background-position: -294px 0;
}

#gnavi ul li.gnavi05 a {
    width: 92px;
    background-position: -392px 0;
}

#gnavi ul li.gnavi06 a {
    width: 98px;
    background-position: -484px 0;
}

#gnavi ul li.gnavi07 a {
    width: 95px;
    background-position: -582px 0;
}

#gnavi ul li.gnavi08 a {
    width: 29px;
    background-position: -677px 0;
}

#gnavi ul li.gnavi01 a:hover,
#gnavi ul li.gnavi01 a.on {
    background-position: 0 -56px;
}

#gnavi ul li.gnavi02 a:hover,
#gnavi ul li.gnavi02 a.on {
    background-position: -95px -56px;
}

#gnavi ul li.gnavi03 a:hover,
#gnavi ul li.gnavi03 a.on {
    background-position: -194px -56px;
}

#gnavi ul li.gnavi04 a:hover,
#gnavi ul li.gnavi04 a.on {
    background-position: -294px -56px;
}

#gnavi ul li.gnavi05 a:hover,
#gnavi ul li.gnavi05 a.on {
    background-position: -392px -56px;
}

#gnavi ul li.gnavi06 a:hover,
#gnavi ul li.gnavi06 a.on {
    background-position: -484px -56px;
}

#gnavi ul li.gnavi07 a:hover,
#gnavi ul li.gnavi07 a.on {
    background-position: -582px -56px;
}

#gnavi ul li.gnavi08 a:hover,
#gnavi ul li.gnavi08 a.on {
    background-position: -677px -56px;
}

.fixed #gnavi:after {
    content: "";
    display: block;
    clear: both;
}

.fixed #gnavi ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

.fixed #gnavi ul li {
    float: left;
    height: 46px;
    margin: 0;
    padding: 0;
    overflow: hidden;
}

.fixed #gnavi ul li span {
    display: none;
}

.fixed #gnavi ul li a {
    display: block;
    height: 46px;
    background: url(img/base/gnavi-min.png) no-repeat;
}

.fixed #gnavi ul li.gnavi01 a {
    background-position: 0 0;
}

.fixed #gnavi ul li.gnavi02 a {
    background-position: -95px 0;
}

.fixed #gnavi ul li.gnavi03 a {
    background-position: -194px 0;
}

.fixed #gnavi ul li.gnavi04 a {
    background-position: -294px 0;
}

.fixed #gnavi ul li.gnavi05 a {
    background-position: -392px 0;
}

.fixed #gnavi ul li.gnavi06 a {
    background-position: -484px 0;
}

.fixed #gnavi ul li.gnavi07 a {
    background-position: -582px 0;
}

.fixed #gnavi ul li.gnavi08 a {
    background-position: -677px 0;
}

.fixed #gnavi ul li.gnavi01 a:hover,
.fixed #gnavi ul li.gnavi01 a.on {
    background-position: 0 -56px;
}

.fixed #gnavi ul li.gnavi02 a:hover,
.fixed #gnavi ul li.gnavi02 a.on {
    background-position: -95px -56px;
}

.fixed #gnavi ul li.gnavi03 a:hover,
.fixed #gnavi ul li.gnavi03 a.on {
    background-position: -194px -56px;
}

.fixed #gnavi ul li.gnavi04 a:hover,
.fixed #gnavi ul li.gnavi04 a.on {
    background-position: -294px -56px;
}

.fixed #gnavi ul li.gnavi05 a:hover,
.fixed #gnavi ul li.gnavi05 a.on {
    background-position: -392px -56px;
}

.fixed #gnavi ul li.gnavi06 a:hover,
.fixed #gnavi ul li.gnavi06 a.on {
    background-position: -484px -56px;
}

.fixed #gnavi ul li.gnavi07 a:hover,
.fixed #gnavi ul li.gnavi07 a.on {
    background-position: -582px -56px;
}

.fixed #gnavi ul li.gnavi08 a:hover,
.fixed #gnavi ul li.gnavi08 a.on {
    background-position: -677px -56px;
}

.sns {
    width: 115px;
    float: right;
    margin-top: 39px;
}

.fixed .sns {
    width: 115px;
    float: right;
    margin-top: 19px;
    transition: all 0.3s ease;
    -webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
}

.sns img {
    margin-right: 15px;
}

.sns img.last {
    margin-right: 0px;
}

.sns2 {
    display: none;
}

@media screen and (max-width:768px) {
    #gnavi {
        float: left;
        width: auto;
        height: 51px;
        margin-left: 0px;
        margin-top: 42px;
    }

    .fixed #gnavi {
        transition: all 0.3s ease;
        -webkit-transition: all 0.3s ease;
        -moz-transition: all 0.3s ease;
        -o-transition: all 0.3s ease;
        margin-left: 49px;
        margin-top: 22px;
    }

    #gnavi ul {
        display: none;
    }

    #menubtn {
        padding: 6px 12px;
        border: 1px #aaa solid;
        border-radius: 5px;
        background-color: #FFF;
        position: absolute;
        top: 40px;
        right: 5px;
        cursor: pointer;
    }

    #menubtn:hover {
        background-color: #DDD;
    }

    #menubtn:focus {
        outline: none;
    }

    #menubtn li {
        color: #888;
    }

    #menubtn span {
        display: inline-block;
        text-indent: -9999px;
    }

    .menu {
        display: none;
    }

    .menu ul {
        margin: 10px 0 0 0;
        padding: 0;
        list-style: none;
    }

    .menu li {
        float: left;
        margin-left: 0;
        width: 50%;
    }

    .menu li:nth-of-type(1) {
        width: 100%;
    }

    .menu li:nth-child(even) {
        border-right: 1px #EEEEEE solid;
    }

    .menu li:nth-last-of-type(1),
    .menu li:nth-last-of-type(2) {
        border-bottom: 1px #EEEEEE solid;
    }

    .menu li:nth-last-of-type(1) {
        margin-bottom: 70px;
    }

    .menu li a {
        display: block;
        padding: 20px 5px;
        background-color: #FFF;
        font-size: 14px;
        text-decoration: none;
        border-top: 1px #EEEEEE solid;
        text-align: center;
    }

    .menu li a:hover {
        background-color: #EEE;
    }

    .sns {
        display: none;
    }

    .sns2 {
        width: 115px;
        float: right;
        margin-top: -50px;
        margin-right: 70px;
        display: inline;
        overflow: hidden;
        text-align: center;
    }

    .sns2 a:first-child {
        display: inline;
        text-align: left;
        padding-left: 0px;
    }

    .sns2 a {
        display: inline;
        width: auto;
    }

    .sns2 img {
        margin-right: 10px;
        margin-top: 0px;
    }

    .sns2 img.last {
        margin-right: 0px;
    }
}

@media screen and (max-width:320px) {
    #menubtn {
        padding: 6px 12px;
        border: 1px #aaa solid;
        border-radius: 5px;
        background-color: #FFF;
        position: absolute;
        top: 25px;
        right: 5px;
        cursor: pointer;
    }

    .sns2 {
        width: 115px;
        float: right;
        margin-top: -75px;
        margin-right: 55px;
        display: inline;
        overflow: hidden;
        text-align: center;
    }

    .sns2 a:first-child {
        display: block;
        text-align: center;
        padding-left: 10px;
    }

    .sns2 a {
        display: inline;
        width: auto;
    }

    .sns2 img {
        margin-right: 10px;
        margin-top: 10px;
    }

    .sns2 img.last {
        margin-right: 0px;
    }

    .menu li a {
        display: block;
        padding: 20px 5px;
        background-color: #FFF;
        font-size: 12px;
        text-decoration: none;
        border-top: 1px #EEEEEE solid;
        text-align: center;
    }
}

@media screen and (max-width:375px) {
    #menubtn {
        padding: 6px 12px;
        border: 1px #aaa solid;
        border-radius: 5px;
        background-color: #FFF;
        position: absolute;
        top: 30px;
        right: 5px;
        cursor: pointer;
    }
}

@media screen and (min-width:769px) {

    #menubtn,
    .menu,
    .menu ul {
        display: none;
    }
}
*/

/*
---------------------------------------------------------------------------
グルーバルナビ　hover設定
---------------------------------------------------------------------------

.gnavi_description_bg01,
.gnavi_description_bg02,
.gnavi_description_bg03,
.gnavi_description_bg04,
.gnavi_description_bg05 {
    position: absolute;
    top: 100px;
    left: 150px;
    width: 750px;
    height: 370px;
    background: url(img/fish_image.png) no-repeat left top;
    background-size: cover;
    display: none;
    -webkit-transition: .5s;
    transition: .5s;
}

.gnavi_description_bg06 {
    position: absolute;
    top: 100px;
    left: 150px;
    width: 750px;
    height: 370px;
    background: url(img/fish_image.png) no-repeat left top;
    background-size: cover;
    display: none;
    -webkit-transition: .5s;
    transition: .5s;
}

@media screen and (max-width:768px) {

    .gnavi_description_bg01,
    .gnavi_description_bg02,
    .gnavi_description_bg03,
    .gnavi_description_bg04,
    .gnavi_description_bg05,
    .gnavi_description_bg06 {
        display: none !important;
    }
}

.gnavi_description {
    width: 700px;
    height: 150px;
    background: rgba(255, 255, 255, .9);
    border: solid 1px blue;
    padding: 10px;
}

.gnavi_description.gnavi06_description {
    width: 750px;
    height: 370px;
    background: rgba(255, 255, 255, .9);
    border: solid 1px blue;
    padding: 30px 10px;
}

.gnavi_description.gnavi06_description .ban-tit,
.gnavi_description.gnavi06_description .group_list {
    width: 720px;
}

.gnavi_description.gnavi06_description .ban-tit {
    margin-bottom: 30px;
    line-height: 1;
}

.gnavi_description p {
    width: 50%;
    padding: 0 0 0 25px;
    height: 50px;
    line-height: 50px;
    font-weight: bold;
    font-size: 18px;
    background: url(img/fnavi_arrow.png) no-repeat 3px 16px;
    background-size: 15px 15px;
}

.select-box {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
}

.select-text {
    display: inline-block;
    padding: 0 0 0 80px;
    line-height: 25px;
    font-size: 16px;
    font-weight: bold;
}

.select01 {
    background: url(https://www.choushimaru.co.jp/wp/wp-content/uploads/2016/11/logo_7.png) no-repeat left 45px center;
    background-size: 30px 25px;
}

.select02 {
    background: url(https://www.choushimaru.co.jp/wp/wp-content/uploads/2016/11/logo_1-1.png) no-repeat left 45px center;
    background-size: 30px 25px;
}

.select03 {
    background: url(https://www.choushimaru.co.jp/wp/wp-content/uploads/2016/11/logo_3-1.png) no-repeat left 45px center;
    background-size: 30px 25px;
}

.select04 {
    background: url(https://www.choushimaru.co.jp/wp/wp-content/uploads/2016/11/logo_00.png) no-repeat left 45px center;
    background-size: 30px 25px;
}
*/

/*
---------------------------------------------------------------------------
パララックス
---------------------------------------------------------------------------*/

.parallax-window1 {
    min-height: 1159px;
    background: transparent;
    margin: 0;
    width: 100%;
    text-align: center;
}

.parallax-window2 {
    min-height: 729px;
    background: transparent;
    margin: 0 auto -60px auto;
    width: 100%;
    text-align: left;
}

.parallax-window3 {
    min-height: 474px;
    background: transparent;
    margin: 0;
    padding: 0;
    width: 100%;
    text-align: center;
    background-size: cover;
    background: url(img/056-03.jpg) no-repeat center top;
}

.parallax-window4 {
    min-height: 1229px;
    background: transparent;
    margin: -60px auto 0 auto;
    padding: 0;
    width: 100%;
    text-align: center;
}

.parallax-window5 {
    min-height: 1105px;
    background: transparent;
    margin: 0 auto -60px auto;
    padding: 0;
    width: 100%;
    text-align: center;
}

@media screen and (max-width:768px) {
    .parallax-window1 {
        min-height: 359px;
        background: transparent;
        margin: 0;
        width: 100%;
        text-align: center;
    }

    .parallax-window2 {
        min-height: 630px;
        background: transparent;
        margin: 0;
        width: 100%;
        text-align: left;
    }

    .parallax-window3 {
        min-height: 1px;
        background: transparent;
        margin: 0;
        padding-bottom: 0;
        width: 100%;
        overflow: hidden;
        text-align: center;
        background-size: cover;
        background: url(img/056-03.jpg) no-repeat left top;
    }

    .parallax-window4 {
        min-height: 250px;
        background: transparent;
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;
        background-size: contain;
        background: no-repeat center top;
    }

    .parallax-window5 {
        min-height: 360px;
        background: transparent;
        margin: 0;
        padding: 0;
        width: 100%;
        text-align: center;
    }
}

.effect i {
    height: 120px;
    padding: 20px;
    font-size: 100px;
    transition: .4s;
}

.effect div {
    transition: .8s;
    transition-delay: .1s;
}

@media screen and (max-width:768px) {
    .effect div {
        transition: .8s;
        transition-delay: .1s;
    }
}


/*

---------------------------------------------------------------------------
トップ
---------------------------------------------------------------------------*/

.top {
    width: 100%;
    text-align: center;
    padding: 0;
    margin: 0;
}

.top_box {
    width: 870px;
    padding: 0;
    margin: 310px auto 0 auto;
}

@media screen and (max-width:768px) {
    .top_box {
        width: 100%;
        padding: 0;
        margin: 50px auto 0 auto;
    }

    .top_box img {
        margin-right: 10px;
    }
}

.top_box li {
    display: inline;
    margin: 0;
    padding: 0;
}

.top_box01 {
    width: 1000px;
    height: 382px;
    background: url(img/top_bg01.png) no-repeat;
    margin: 80px auto 0 auto;
    text-align: center;
}

.top_box01 img {
    margin-top: 45px;
    margin-bottom: 25px;
}

.top_box01 dl {
    text-align: left;
}

.top_box02 {
    width: 1000px;
    height: 92px;
    margin: 37px auto 0 auto;
    text-align: center;
}

@media screen and (max-width:768px) {
    .top_box01 {
        width: 100%;
        height: 382px;
        background: url(img/top_bg01.png) repeat;
        margin: 50px auto 0 auto;
        text-align: center;
        padding-bottom: 20px;
    }

    .top_box01 img {
        margin-top: 45px;
        margin-bottom: 25px;
    }

    .top_box02 {
        width: 100%;
        height: 92px;
        margin: 37px auto 0 auto;
        text-align: center;
    }
}

.top_box03 {
    width: 100%;
    height: 25px;
    background: url(img/bg.jpg) repeat center top;
}

.top_box03-2 {
    width: 100%;
    height: 200px;
    background: url(img/bg.jpg) repeat center top;
}

.top_box04 {
    width: 100%;
    height: 474px;
    overflow: hidden;
    text-align: center;
    margin: 0 auto;
    padding: 0;
}

.top_box04 img {
    margin-bottom: 0px;
    padding: 0;
    vertical-align: bottom;
}

@media screen and (max-width:768px) {
    .top_box04 {
        width: 100%;
        height: auto;
        overflow: hidden;
        text-align: center;
        margin: 0 auto;
        padding-top: 0;
    }

    .top_box04 img {
        margin-bottom: 0px;
        padding: 0;
        vertical-align: bottom;
    }
}

.top_box05 {
    width: 100%;
    background: url(img/top_bg03.png) no-repeat center top;
    height: 1270px;
}

.top_box06 {
    width: 1000px;
    height: 1258px;
    margin: 0 auto;
    position: relative;
}

.top_box06 h3 {
    position: absolute;
    top: 111px;
    right: 96px;
}

.top_box07 {
    width: 790px;
    margin: 0 auto;
    padding-top: 494px;
}

.top_box08 {
    margin-bottom: 40px;
    color: #614224;
    float: left;
}

.right {
    margin-right: 40px;
}

.top_box08 img {
    margin-right: 18px;
    float: left;
}

.top_box08 img.ml {
    margin-left: 17px;
}

.top_box08 img.ml2 {
    margin-left: 40px;
}

.top_box08 h4 {
    float: none;
    margin-right: 0;
    margin-bottom: 10px;
    font-family: "游明朝", "Yu Mincho", "HGP明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "HiraMinProN-W6", serif;
    color: #000;
    font-size: 24px;
    font-size: 2.4rem;
    font-weight: bold;
}

.top_box08 h4 img {
    margin-right: 0px;
}

.top_box08 h4 p {
    color: #614224;
    font-size: 14px;
    font-size: 1.4rem;
    float: left;
    width: 200px;
    display: block;
    margin-bottom: 0;
}

.none4 {
    display: none;
}

@media screen and (max-width:768px) {
    .top_box05 {
        width: 100%;
        height: auto;
        border-top: 0px solid #000;
        background: none;
    }

    .top_box06 {
        width: 100%;
        height: auto;
        margin: 0 auto;
        position: relative;
    }

    .top_box06 h3 {
        position: absolute;
        top: 111px;
        right: 96px;
        display: none;
    }

    .top_box07 {
        width: 100%;
        margin: 0 auto;
        padding-top: 40px;
    }

    .top_box08 {
        margin-bottom: 40px;
        color: #614224;
        float: left;
        margin-right: 0px;
        text-align: center;
    }

    .right {
        margin-right: 10px;
    }

    .top_box08 img {
        margin-right: 10px;
        float: none;
    }

    .top_box08 img.ml {
        margin-left: 17px;
    }

    .top_box08 h4 {
        float: left;
        margin-right: 10px;
        margin-bottom: 10px;
        font-family: "游明朝", "Yu Mincho", "HGP明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "HiraMinProN-W6", serif;
        color: #000;
        font-size: 20px;
        font-size: 2.0rem;
        font-weight: bold;
        width: 100%;
    }

    .top_box08 h4 img {
        margin-right: 0px;
    }

    .top_box08 p {
        color: #614224;
        font-size: 14px;
        font-size: 1.4rem;
        float: left;
        width: 100%;
        display: block;
        text-align: left;
    }

    .top_box09 {
        width: 100%;
        float: left;
        text-align: center;
    }

    .none4 {
        display: block;
    }
}

.top_box10 {
    width: 100%;
    margin: 0 auto;
    height: 1029px;
    text-align: center;
    position: relative;
}

.top_box10 div.yochi {
    position: absolute;
    top: 910px;
    right: 496px;
    z-index: 10;
}

.top_box10 div.yochi a {
    z-index: 10;
}

.top_box10 div.yochi a img {
    margin-top: 0px;
    z-index: 10;
}

.top_box10-1 {
    margin-top: 84px;
    text-align: center;
}

.top_box10 img.mt {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
}

@media screen and (max-width:1850px) {
    .top_box10 div.yochi {
        position: absolute;
        right: 0px;
        z-index: 1000;
        top: 910px;
        left: 0;
        bottom: 0;
    }

    .top_box10 {
        width: 1915px;
        height: 1029px;
        overflow: hidden;
        position: relative;
        left: 50%;
        margin-left: -957px;
    }
}

@media screen and (max-width:768px) {
    .top_box10 {
        width: 100%;
        margin: 0 auto;
        height: auto;
        text-align: center;
        position: relative;
        left: 0;
        margin-left: 0px;
    }

    .top_box10 img {
        margin-top: -20px;
    }

    .top_box10 img.mt {
        margin-top: 47px;
    }

    .top_box10 div.yochi {
        position: absolute;
        top: 5px;
        right: 0;
        left: 0;
        z-index: 1000;
        margin: auto;
    }

    .top_box10 div.yochi a {
        z-index: 1000;
    }

    .top_box10 div.yochi a img {
        margin-top: 0px;
        z-index: 1000;
        width: 160px;
        height: 70px;
    }

    .top_box10-1 {
        margin-top: 24px;
        text-align: center;
    }
}

.top_box11 {
    width: 100%;
    height: 432px;
    background: url(img/base/top_bg04.jpg) repeat-x center top;
    padding-top: 70px;
}

.top_box12 {
    width: 858px;
    height: 276px;
    margin: 0px auto 0 auto;
    color: #000;
    font-size: 14px;
    font-size: 1.4rem;
    background: url(img/base/top_bg05.png) no-repeat center top;
}

.top_box12 div {
    line-height: 1.6;
    margin: 0 0 0 0;
    padding-left: 50px;
    padding-top: 45px;
    margin-left: 1.2em;
    text-indent: -1.2em;
    width: 790px;
}

@media screen and (max-width:768px) {
    .top_box11 {
        width: 100%;
        height: 432px;
        background: url(img/base/top_bg04.jpg) repeat-x center top;
        padding-top: 70px;
    }

    .top_box12 {
        width: 100%;
        height: 300px;
        margin: 0px auto 0 auto;
        color: #000;
        font-size: 11px;
        font-size: 1.1rem;
        background: url(img/base/top_bg05.png) no-repeat center top;
        background-size: cover;
    }

    .top_box12 div {
        line-height: 1.6;
        margin: 0 0 0 10px;
        padding-top: 30px;
        margin-left: 1.2em;
        text-indent: -1.2em;
        padding-left: 20px;
        padding-right: 40px;
        width: 100%;
    }

    .top_box12 div p {
        margin-bottom: 5px;
    }

    .top_img10 {
        vertical-align: bottom;
        max-width: 100%;
    }
}


/*
---------------------------------------------------------------------------
メニュー
---------------------------------------------------------------------------*/

.men_box {
    width: 732px;
    padding: 0;
    margin: 0px auto 30px auto;
}

@media screen and (max-width:768px) {
    .men_box {
        width: 100%;
        padding: 0;
        margin: 0px auto 0px auto;
    }

    .men_box img {
        margin-right: 10px;
    }
}

.headline {
    width: 100%;
    height: 250px;
    background: url(img/menu/h3_bg.jpg) no-repeat no-repeat center top;
    margin-bottom: 70px;
    text-align: center;
}

.headline img {
    max-width: 100%;
    height: auto;
}

@media screen and (max-width:768px) {
    .headline {
        width: 100%;
        height: auto;
        background: none;
        margin-bottom: 20px;
    }
}

.inside_box {
    width: 1020px;
    height: auto;
    text-align: center;
    margin: 0 auto 110px auto;
    font-size: 16px;
    font-size: 1.6rem;
}

.inside_box li {
    list-style-type: none;
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 0;
}

.inside_box p.mar40 {
    margin-bottom: 40px;
}

.men_box02 {
    width: 860px;
    margin: 0 auto 80px auto;
    text-align: left;
}

.men_box02 p {
    margin-left: 1.3em;
    text-indent: -1.3em;
    margin-bottom: 5px;
}

.red {
    color: #FC010A;
}

.men_box03 {
    width: 1008px;
    margin: 0 auto 80px auto;
    text-align: left;
    min-height: 352px;
    background: url(img/menu/kari.jpg) no-repeat;
    background-size: cover;
}

.in {
    width: 940px;
    height: auto;
    margin-left: 36px;
    padding-top: 40px
}

.in img {
    margin-right: 20px;
    margin-top: 10px;
}

.men_box04 {
    width: 658px;
    margin: 0 auto;
    text-align: center;
}

.men_box04 li {
    display: block;
}

.men_box04 li:first-child {
    margin-bottom: 50px;
}

.men_box04 li:last-child {
    margin-bottom: 0px;
}

.fl_box {
    width: 845px;
    height: auto;
    text-align: center;
    margin: 0 auto 110px auto;
    font-size: 16px;
    font-size: 1.6rem;
}

.fl_box li {
    list-style-type: none;
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 0;
}

.fl_box p.mar40 {
    margin-bottom: 20px;
}

.fl_box .slides {
    /* 2017.07.26 修正ここから */
    /*    padding-bottom: 10px; */
    position: relative;
    padding-bottom: 20px;
    overflow: hidden;
}

.fl_box .fixed-size li {
    height: 950px;
}

.fl_box .fixed-size2 li {
    height: 500px;
}

.fl_box .fixed-size li img,
.fl_box .fixed-size2 li img {
    width: auto;
    height: 100% !important;
}

.hideimg {
    display: none;
}

@media only screen and (max-width:768px) {
    .fl_box .fixed-size li {
        height: 600px;
    }

    .fl_box .fixed-size2 li {
        height: 300px;
    }
}

@media only screen and (max-width:550px) {
    .fl_box .fixed-size li {
        height: 400px;
    }

    .fl_box .fixed-size2 li {
        height: 200px;
    }
}

@media only screen and (max-width:380px) {
    .fl_box .fixed-size li {
        height: 340px;
    }

    .fl_box .fixed-size2 li {
        height: 175px;
    }

    /* 2017.07.26 修正ここまで */
}

.fl_box02 {
    width: 845px;
    height: auto;
    text-align: center;
    margin: 0 auto 0px auto;
    font-size: 16px;
    font-size: 1.6rem;
}

.fl_box02 li {
    list-style-type: none;
    display: inline-block;
    margin: 0 5px 5px 0;
    padding: 0;
}

.fl_box02 p.mar40 {
    margin-bottom: 20px;
}

.fl_box02 .slides {
    padding-bottom: 10px;
}

@media screen and (max-width:768px) {
    .inside_box {
        width: 100%;
        height: auto;
        margin: 0 auto 40px auto;
        font-size: 13px;
        font-size: 1.3rem;
    }

    .inside_box img {
        margin-bottom: 10px;
    }

    .inside_box p.mar40 {
        margin-bottom: 12px;
    }

    .inside_box li img {
        margin-bottom: 0px;
    }

    .fl_box {
        width: 100%;
        height: auto;
        margin: 0 auto 40px auto;
        font-size: 13px;
        font-size: 1.3rem;
    }

    .fl_box img {
        margin-bottom: 10px;
    }

    .fl_box p.mar40 {
        margin-bottom: 12px;
    }

    .fl_box li img {
        margin-bottom: 0px;
    }

    .fl_box02 {
        width: 100%;
        height: auto;
        margin: 0 auto 0px auto;
        font-size: 13px;
        font-size: 1.3rem;
    }

    .fl_box02 img {
        margin-bottom: 10px;
    }

    .fl_box02 p.mar40 {
        margin-bottom: 12px;
    }

    .fl_box02 li img {
        margin-bottom: 0px;
    }

    .men_box02 {
        width: 100%;
        margin: 0 auto 40px auto;
        text-align: left;
    }

    .men_box02 p {
        margin-left: 1.3em;
        text-indent: -1.3em;
        margin-bottom: 5px;
    }

    .men_box03 {
        width: 100%;
        margin: 0 auto 40px auto;
        text-align: left;
        min-height: auto;
        background: #fff;
        background-size: cover;
    }

    .in {
        width: 100%;
        height: auto;
        margin-top: 0px;
        margin-left: 0px;
        padding: 10px;
    }

    .in img {
        margin-right: 0px;
        padding-right: 20px;
        max-width: 100%;
        height: auto;
    }

    .in td {
        vertical-align: middle;
    }

    .men_box04 {
        width: 100%;
        margin: 0 auto;
    }

    .men_box04 li a img {
        margin-bottom: 20px;
    }

    .men_box04 li:first-child {
        margin-right: 0px;
    }

    .men_box04 li:last-child {
        margin-right: 0px;
    }
}

.men_box05 {
    width: 850px;
    height: auto;
    text-align: center;
    font-size: 18px;
    font-size: 1.8rem;
    margin: 0 auto 70px auto;
}

.men_box06 {
    width: 850px;
    height: auto;
    text-align: center;
    margin-left: 0px;
}

.men_box06 img {
    margin-bottom: 10px;
}

.men_box06 p {
    text-align: left;
    margin-left: 10px;
}

.men_box07 {
    width: 850px;
    height: auto;
    text-align: center;
    font-size: 17px;
    font-size: 1.7rem;
    margin: 0 auto 70px auto;
}

.men_box07 p.inde {
    margin-left: 1.0em;
    text-indent: -1.0em;
}

.men_box07 p {
    margin-bottom: 5px;
}

@media screen and (max-width:768px) {
    .men_box05 {
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 13px;
        font-size: 1.3rem;
        margin: 0 auto 40px auto;
    }

    .men_box06 {
        width: 100%;
        height: auto;
        text-align: center;
        margin-left: 0px;
    }

    .men_box06 img {
        margin-bottom: 20px;
    }

    .men_box06 p {
        text-align: left;
    }

    .men_box07 {
        width: 100%;
        height: auto;
        text-align: center;
        font-size: 13px;
        font-size: 1.3rem;
        margin: 0 auto 40px auto;
    }

    .men_box07 p.inde {
        margin-left: 1.0em;
        text-indent: -1.0em;
    }

    .men_box07 p {
        margin-bottom: 5px;
    }
}

.men_box08 {
    width: 100%;
    border-top: 1px solid #7F7F7F;
}

.men_box09 {
    width: 960px;
    margin: 0 auto 0 auto;
    font-size: 14px;
    font-size: 1.4rem;
    text-align: left;
    position: relative;
}

.men_head {
    position: absolute;
    top: 0;
    right: 0;
}

.none5 {
    display: block;
}

.men_box10 {
    width: 290px;
    height: 430px;
    margin-right: 40px;
    float: left;
    margin-bottom: 50px;
    margin-top: 105px;
}

.men_box10 p {
    margin-left: 5px;
    margin-bottom: 0px;
}

.men_box11 {
    width: 290px;
    height: 430px;
    margin-right: 40px;
    float: left;
    margin-bottom: 50px;
    text-align: center;
    position: relative;
}

.men_box11 p {
    margin-left: 5px;
    margin-bottom: 0px;
    text-align: left;
}

.men_box11 a {
    position: absolute;
    bottom: 0;
    left: 77px;
}

.men_box12 {
    width: 290px;
    height: 430px;
    margin-right: 0px;
    float: left;
    margin-bottom: 50px;
    text-align: center;
    position: relative;
}

.men_box12 p {
    margin-left: 5px;
    margin-bottom: 0px;
    text-align: left;
}

.men_box12 a {
    position: absolute;
    bottom: 0;
    left: 77px;
}

.men_box13 {
    width: 290px;
    height: 430px;
    margin-right: 40px;
    float: left;
    margin-bottom: 180px;
    text-align: center;
    position: relative;
}

.men_box13 p {
    margin-left: 5px;
    margin-bottom: 0px;
    text-align: left;
}

.men_box13 a {
    position: absolute;
    bottom: 0;
    left: 77px;
}

.men_box14 {
    width: 290px;
    height: 430px;
    margin-right: 0px;
    float: left;
    margin-bottom: 180px;
    text-align: center;
    position: relative;
}

.men_box14 p {
    margin-left: 5px;
    margin-bottom: 0px;
    text-align: left;
}

.men_box14 a {
    position: absolute;
    bottom: 0;
    left: 77px;
}

@media screen and (max-width:768px) {
    .men_box08 {
        width: 100%;
        border-top: 0px solid #7F7F7F;
    }

    .men_box09 {
        width: 100%;
        margin: 0 auto 0 auto;
        font-size: 14px;
        font-size: 1.4rem;
        text-align: center;
        position: inherit;
        background: #FFF;
    }

    .men_head {
        position: inherit;
        top: 0;
        right: 0;
        margin-bottom: 10px;
    }

    .men_head img {
        width: 100%;
        height: auto;
    }

    .none5 {
        display: none;
    }

    .men_box10 {
        width: 48%;
        height: auto;
        margin-right: 1%;
        margin-left: 1%;
        float: left;
        margin-bottom: 50px;
        margin-top: 0px;
    }

    .men_box10 img {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .men_box10 p {
        margin-left: 5px;
        margin-bottom: 0px;
        text-align: left;
    }

    .men_box11 {
        width: 48%;
        height: 400px;
        margin-right: 1%;
        margin-left: 1%;
        float: left;
        margin-bottom: 50px;
        text-align: center;
        position: :inherit;
    }

    .men_box11 p {
        margin-left: 5px;
        margin-bottom: 0px;
        text-align: left;
    }

    .men_box11 a {
        position: inherit;
        bottom: 0;
        left: 0px;
    }

    .men_box11 img {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .men_box12 {
        width: 48%;
        height: 400px;
        margin-right: 1%;
        margin-left: 1%;
        float: left;
        margin-bottom: 50px;
        text-align: center;
        position: inherit;
    }

    .men_box12 p {
        margin-left: 5px;
        margin-bottom: 0px;
        text-align: left;
    }

    .men_box12 a {
        position: inherit;
        bottom: 0;
        left: 0;
    }

    .men_box12 img {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .men_box13 {
        width: 48%;
        height: 400px;
        margin-right: 1%;
        margin-left: 1%;
        float: left;
        margin-bottom: 50px;
        text-align: center;
        position: inherit;
    }

    .men_box13 p {
        margin-left: 5px;
        margin-bottom: 0px;
        text-align: left;
    }

    .men_box13 a {
        position: inherit;
        bottom: 0;
        left: 0;
    }

    .men_box13 img {
        margin-bottom: 10px;
        margin-top: 10px;
    }

    .men_box14 {
        width: 48%;
        height: 400px;
        margin-right: 1%;
        margin-left: 1%;
        float: left;
        margin-bottom: 50px;
        text-align: center;
        position: inherit;
    }

    .men_box14 p {
        margin-left: 5px;
        margin-bottom: 0px;
        text-align: left;
    }

    .men_box14 a {
        position: inherit;
        bottom: 0;
        left: 0;
    }

    .men_box14 img {
        margin-bottom: 10px;
        margin-top: 10px;
    }
}

.men_box15 {
    width: 100%;
    height: 372px;
    background: url(img/menu/men_bg.jpg) no-repeat center top;
}

@media screen and (max-width:768px) {
    .men_box15 {
        width: 100%;
        height: 150px;
        background: url(img/menu/men_bg.jpg) no-repeat center top;
        background-size: cover;
    }
}

.men_box16 {
    width: 100%;
    height: auto;
    text-align: center;
    margin-bottom: 60px;
}

.men_box17 {
    width: 1001px;
    background: #FFF;
    margin: 0 auto;
    border-bottom: 2px solid #1E3D90;
    border-left: 2px solid #1E3D90;
    border-right: 2px solid #1E3D90;
    margin-bottom: 60px;
}

.men_box18 {
    width: 910px;
    padding: 20px 0 30px 50px;
}

.men_box18 img.la {
    margin-top: 10px;
    margin-right: 10px;
}

.men_box18 img {
    margin-bottom: 10px;
    margin-top: 10px;
}

@media screen and (max-width:768px) {
    .men_box17 {
        width: 100%;
        background: #FFF;
        margin: 0 auto;
        border-bottom: 2px solid #1E3D90;
        border-left: 2px solid #1E3D90;
        border-right: 2px solid #1E3D90;
        margin-bottom: 60px;
    }

    .men_box17 h3 {
        max-width: 100%;
        height: auto;
    }

    .men_box18 {
        width: 100%;
        padding: 20px 10px 30px 10px;
        font-size: 12px;
        font-size: 1.2rem;
    }

    .men_box18 img.la {
        margin-top: 10px;
        margin-right: 10px;
    }

    .men_box18 img {
        padding: 10px 10px 10px 0;
    }
}

.inside_box01 {
    width: 640px;
    height: auto;
    margin: 0 auto;
}

@media screen and (max-width:768px) {
    .inside_box01 {
        width: 100%;
        height: auto;
        margin: 0 auto;
    }
}


/*
---------------------------------------------------------------------------
お知らせ
---------------------------------------------------------------------------*/

.single {
    width: 640px;
    height: auto;
    margin: 0 auto 60px auto;
    font-size: 14px;
    font-size: 1.4rem;
    padding: 0;
}

@media screen and (max-width:768px) {
    .single {
        width: 100%;
        height: auto;
        margin: 0 auto 60px auto;
        font-size: 14px;
        font-size: 1.4rem;
        padding: 0 15px 0 15px;
    }
}

.letgo {
    margin: 0 0 20px 0px;
    font-family: "游明朝", "Yu Mincho", "HGP明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "HiraMinProN-W6", serif;
    font-size: 21px;
    font-weight: 2.1rem;
    line-height: 1.6;
}


/*
---------------------------------------------------------------------------
プライバシーポリシー
---------------------------------------------------------------------------*/

.pri_box {
    width: 640px;
    height: auto;
    margin: 0 auto 40px auto;
    text-align: left;
}

.pri_box01 {
    width: 640px;
    height: auto;
    margin: 0 auto 20px auto;
    text-align: center;
}

.pri_box02 {
    width: 640px;
    height: auto;
    text-align: left;
    text-indent: -1em;
    margin: 0 auto 20px 1em;
}

.pri_box03 {
    width: 640px;
    height: auto;
    margin: 0 auto 20px auto;
    text-align: left;
}

.pri_box04 {
    width: 640px;
    height: auto;
    margin: 0 auto 40px auto;
    text-align: left;
}

.pri_box05 {
    width: 640px;
    height: auto;
    margin: 0 auto 60px auto;
    text-align: left;
}

@media screen and (max-width:768px) {
    .pri_box {
        width: 100%;
        height: auto;
        margin: 0 auto 20px auto;
        text-align: left;
    }

    .pri_box01 {
        width: 100%;
        height: auto;
        margin: 0 auto 20px auto;
        text-align: center;
    }

    .pri_box02 {
        width: 100%;
        height: auto;
        text-align: left;
        text-indent: -1em;
        margin: 0 auto 20px 1em;
    }

    .pri_box03 {
        width: 100%;
        height: auto;
        margin: 0 auto 20px auto;
        text-align: left;
    }

    .pri_box04 {
        width: 100%;
        height: auto;
        margin: 0 auto 40px auto;
        text-align: left;
    }

    .pri_box05 {
        width: 100%;
        height: auto;
        margin: 0 auto 60px auto;
        text-align: left;
    }
}


/*
---------------------------------------------------------------------------
企業情報
---------------------------------------------------------------------------*/

.inside_box02 {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #807E78;
    padding-bottom: 10px;
    margin-bottom: 70px;
}

.inside_box02.ver1 {
    margin-bottom: 2em;
    padding-bottom: 4em;
}

.inside_box02.ver2 {
    margin-bottom: 4em;
    padding-bottom: 0;
}

.inside_box02 h3 {
    font-size: 36px;
    font-size: 3.6rem;
    font-weight: bold;
    line-height: 100%;
}

.inside_box02 h3.ver1 {
    margin-bottom: 1em;
}

.abo_box01 {
    width: 100%;
    text-align: center;
}

.abo_box02 {
    width: 735px;
    text-align: left;
    padding-bottom: 180px;
    margin: 0 auto;
    font-size: 18px;
    font-size: 1.8rem;
}

table.tab2 {
    border-collapse: collapse;
    border-top: 1px solid #807E78;
}

table.tab2 td {
    border-bottom: 1px solid #807E78;
    padding: 20px;
    text-align: left;
    vertical-align: top;
}

table.tab2 th {
    border-bottom: 1px solid #807E78;
    padding: 20px 20px 20px 80px;
    background-color: none;
    text-align: left;
    font-weight: lighter;
    vertical-align: top;
}

@media screen and (max-width:768px) {
    .inside_box02 h3 {
        font-size: 30px;
        font-size: 3.0rem;
        font-weight: bold;
        line-height: 100%;
    }

    .inside_box02 {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #807E78;
        padding-bottom: 10px;
        margin-bottom: 40px;
    }

    .abo_box02 {
        width: 100%;
        text-align: left;
        font-size: 14px;
        font-size: 1.4rem;
        padding-bottom: 40px;
    }

    table.tab2 {
        border-collapse: collapse;
        border-top: 1px solid #807E78;
    }

    table.tab2 td {
        border-bottom: 1px solid #807E78;
        padding: 10px;
        text-align: left;
        vertical-align: top;
    }

    table.tab2 th {
        border-bottom: 1px solid #807E78;
        padding: 10px 10px 10px 10px;
        background-color: none;
        text-align: left;
        font-weight: lighter;
        vertical-align: top;
    }
}

.inside_box03 {
    width: 900px;
    text-align: center;
    border-bottom: 1px solid #807E78;
    padding-bottom: 10px;
    margin: 0 auto 10px auto;
}

.inside_box03.ver1 {
    width: 100%;
    border-top: 1px solid #807E78;
    border-bottom: none;
    padding-top: 4em;
}

.inside_box03.ver2 {
    border-bottom: none;
}

.inside_box03.ver3 {
    margin-bottom: 3em;
    border-bottom: none;
}

.inside_box03 h4 {
    font-size: 28px;
    font-size: 2.8rem;
    font-weight: lighter;
    letter-spacing: 0px;
    line-height: 100%;

}

.inside_box03.ver1 h4 {
    font-size: 32px;
    font-size: 3.2rem;
    margin-bottom: 1.5em;
}

.inside_box03.ver3 h4 {
    font-size: 32px;
    font-size: 3.2rem;
}

.abo_box03 {
    width: 840px;
    margin: 0 auto;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2.0;
    margin-bottom: 100px;
}

.abo_box03 span.red {
    font-size: 25px;
    font-size: 2.5rem;
    color: #FF0000;
    font-weight: bold;
}

@media screen and (max-width:768px) {
    .inside_box03 {
        width: 100%;
        text-align: center;
        border-bottom: 1px solid #807E78;
        padding-bottom: 10px;
        margin: 0 auto 10px auto;
    }

    .inside_box03 h4 {
        font-size: 22px;
        font-size: 2.2rem;
        font-weight: lighter;
        letter-spacing: 0px;
        line-height: 100%;
    }

    .abo_box03 {
        width: 100%;
        margin: 0 auto;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2.0;
        margin-bottom: 20px;
    }

    .abo_box03 span.red {
        font-size: 16px;
        font-size: 1.6rem;
        color: #FF0000;
        font-weight: bold;
    }
}

.abo_box04 {
    width: 840px;
    margin: 0 auto;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2.0;
    margin-bottom: 50px;
}

.abo_box04 span.red {
    font-size: 25px;
    font-size: 2.5rem;
    color: #FF0000;
    font-weight: bold;
}

@media screen and (max-width:768px) {
    .abo_box04 {
        width: 100%;
        margin: 0 auto;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2.0;
        margin-bottom: 20px;
    }

    .abo_box04 span.red {
        font-size: 16px;
        font-size: 1.6rem;
        color: #FF0000;
        font-weight: bold;
    }
}

.abo_box05 {
    width: 100%;
    text-align: center;
    margin-bottom: 50px;
}

.abo_box05 img {
    max-width: 100%;
}

.recruit_banner-img img {
    margin: 0 5px;
}

@media screen and (max-width:768px) {
    .abo_box05 {
        width: 100%;
        text-align: center;
        margin-bottom: 50px;
    }

    .recruit_banner-img img {
        margin: 10px 0px;
    }

}

.abo_box07 {
    width: 100%;
    text-align: center;
    margin-bottom: 20px;
    font-size: 18px;
    font-size: 1.8rem;
}

.abo_box07 img {
    max-width: 100%;
}

@media screen and (max-width:768px) {
    .abo_box07 {
        width: 100%;
        text-align: center;
        margin-bottom: 20px;
        font-size: 14px;
        font-size: 1.4rem;
    }
}

.p60 {
    padding-bottom: 60px;
}

.abo_box08 {
    width: 840px;
    margin: 0 auto;
    font-size: 18px;
    font-size: 1.8rem;
    line-height: 2.0;
    margin-bottom: 40px;
}

@media screen and (max-width:768px) {
    .abo_box08 {
        width: 100%;
        margin: 0 auto;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 2.0;
        margin-bottom: 20px;
    }
}


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

#footer {
    clear: both;
    width: 100%;
    margin-top: 0px;
    background: #FFF;
    background-position: center top;
    background-repeat: repeat-x;
}

#fNavi .flogo {
    float: left;
    width: 368px;
    margin: 80px 0 0;
}

#fNavi .flogo a {
    background: none;
}

@media screen and (max-width:768px) {
    .flogo2 img {
        width: 80%;
        height: auto;
    }
}

#fNavi .sns3 {
    float: right;
    display: inline-block;
    margin-top: 20px;
}

#fNavi .sns3 li {
    margin: 0;
    padding: 0;
}

#fNavi .sns3 a {
    background: none;
}

#fNavi .fnav01 {
    position: absolute;
    top: 195px;
    left: 10px;
    width: 350px;
    float: left;
}

#fNavi .fnav01 li {
    list-style-type: none;
    line-height: 2.0;
}

#fNavi .fnav01 li ul li a {
    background: none;
    padding-left: 0;
    margin-left: -5px;
}

#fNavi .fnav02 {
    position: absolute;
    top: 209px;
    left: 297px;
    width: 250px;
    float: left;
}

#fNavi .fnav02 li {
    list-style-type: none;
    line-height: 2.0;
}

#fNavi .fnav02 li ul li a {
    background: none;
}

#fNavi .fimg01 {
    position: absolute;
    top: 463px;
    left: 370px;
}

#fNavi .fimg01 a {
    background: none;
}

#fNavi .fimg02 {
    position: absolute;
    top: 463px;
    left: 610px;
}

#fNavi .fimg02 a {
    background: none;
}

#fNavi .fimg03 {
    position: absolute;
    top: 543px;
    left: 67px;
}

#fNavi .fimg03 a {
    background: none;
}

#fNavi .fimg04 {
    position: absolute;
    top: 463px;
    left: 67px;
}

#fNavi .fimg04 a {
    background: none;
}

#fNavi .fimg05 {
    position: absolute;
    top: 463px;
    left: 794px;
}

#fNavi .fimg05 a {
    background: none;
}

#fNavi .fimg06 {
    position: absolute;
    top: 543px;
    left: 794px;
}

#fNavi .fimg06 a {
    background: none;
}

@media screen and (min-width:769px) {
    #footer {
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
    }
}

@media screen and (min-width:961px) {
    #footer {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #footer {
        margin-top: 0px;
        background-image: none;
    }
}
*/

/* フッターナビ 

#fNaviWrap {
    width: 100%;
    height: 540px;
    padding-top: 0px;
    background: url(img/base/fbg.png) no-repeat center top;
}

#fNavi a {
    padding-left: 20px;
    background: url(img/base/fnavi_arrow.png) no-repeat;
    background-position: left center;
    color: #000;
    text-decoration: none;
}

@media screen and (min-width:769px) {
    #fNavi {
        margin-left: auto;
        margin-right: auto;
        padding-left: 0px;
        width: 1000px;
        line-height: 180%;
        position: relative;
    }
}

.fNaviIn {
    width: 100%;
    font-size: 0;
    float: none;
}

.fNaviIn div {
    display: inline-block;
    padding-left: 0px;
    font-size: 14px;
    line-height: 130%;
    margin-bottom: 10px;
    margin-top: 3px;
    width: 304px; //  width: 158px;
}
*/

/*フッター電話番号下休業

.fNaviIn div p {
    font-size: 90%;
    color: #E42D35;
    font-weight: bold;
}


.ml7 {
    margin-left: 7px;
    width: 150px;
}

.flt {
    float: left;
    height: 260px;
}

#fNavi .fNaviIn div.home {
    color: #000;
    background-repeat: no-repeat;
    background-position: 0 0px;
    padding-top: 0px;
    width: 100%;
    text-align: center;
}

#fNavi .fNaviIn div.home a {
    background: none;
    color: #000;
    padding-left: 0px;
}

#fNavi .fNaviIn div.home a.ie {
    background: none;
    color: #000;
    padding-left: 0px;
    background-image: url(img/fnavi_ico.png);
    background-repeat: no-repeat;
    background-position: 0 0px;
    padding-left: 25px;
}

#fNavi .fNaviIn div.home {
    width: 100%;
    color: #000;
    margin-top: 10px;
    margin-bottom: 20px;
    height: auto;
}

.fNaviIn div.sub {
    padding-left: 20px;
}

.none {
    display: block;
}

.none2 {
    display: none;
}

#fNavi .fNaviIn div.ftxt {
    width: 100%;
    line-height: 90px;
    text-align: center;
    font-size: 24px;
    font-family: "游明朝", "Yu Mincho", "HGP明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "HiraMinProN-W6", serif;
    color: #FFF;
}

@media screen and (max-width:768px) {
    #fNaviWrap {
        height: auto;
        margin-bottom: 1em;
        padding-top: 0;
        padding-left: 0;
        background-image: none;
        background-color: #203864;
    }

    #fNavi {
        padding: 0;
        width: 100%;
    }

    #fNavi a {
        padding-left: 0;
        background-image: none;
        color: #FFF;
    }

    .fNaviIn {
        width: 100%;
    }

    .fNaviIn div {
        height: 50px;
        margin-left: auto;
        margin-right: auto;
        padding-top: 15px;
        padding-left: 0;
        font-size: 14px;
        font-size: 1.4rem;
        text-align: center;
        border-bottom: 1px #FFF solid;
    }

    .fNaviIn div.home {
        padding-top: 15px;
        background-image: none;
        color: #1F4E79;
    }

    .fNaviIn div:nth-child(2),
    .fNaviIn div:nth-child(5),
    .fNaviIn div:nth-child(9) {
        border-right: 1px #FFF solid;
    }

    .fNaviIn div.sub {
        display: none;
    }

    .none {
        display: none;
    }

    .none2 {
        display: block;
    }

    table.tab {
        border-collapse: collapse;
        background: #C1272D;
        width: 100%;
        color: #FFF;
    }

    table.tab td {
        border-collapse: collapse;
        border-top: 1px solid #fff;
        border-left: 1px solid #fff;
        border-bottom: 1px solid #fff;
        padding: 15px;
        text-align: center;
        line-height: 130%;
        font-size: 14px;
        vertical-align: top;
    }

    table.tab td.left {
        border-collapse: collapse;
        border-top: 1px solid #fff;
        border-left: 0px solid #fff;
        border-bottom: 1px solid #fff;
        padding: 15px;
        text-align: center;
        line-height: 130%;
        font-size: 14px;
        vertical-align: top;
        width: 50%;
    }

    table.tab th {
        border-collapse: collapse;
        border-bottom: 1px solid #fff;
        border-top: 1px solid #fff;
        padding: 15px;
        background: #C1272D;
        text-align: center;
        color: #fff;
        font-size: 14px;
        font-weight: lighter;
    }
}

.group_list {
    width: 1000px;
    margin: 10px auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
}

.ban-tit {
    width: 1000px;
    margin: 0 auto 15px;
}

.ban-tit::before {
    content: "";
    width: 8px;
    height: 25px;
    border-left: solid 8px #B7292C;
    margin-right: 12px;
    padding: 2px 0;
}

.group_list a {
    display: block;
    width: 151px;
    height: 100%;
    color: #595959;
    text-decoration: none;
    text-align: center;
    font-size: 12px;
    line-height: 1.5;
}

.group_list_top {
    width: 1080px;
    margin: 0 auto;
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
}

.group_list_top p {
    margin-right: 20px;
}

.group_list_top p img {
    width: 100%;
}

@media screen and (max-width:768px) {
    .ban-tit {
        width: 100%;
    }

    .group_list {
        display: none;
    }

    .group_list_top {
        display: none;
    }
}

#footerIn {
    padding: 15px;
    display: none;
}

#footerIn:after {
    content: "";
    display: block;
    clear: both;
}

#footerIn ul {
    margin: 0;
    padding: 0;
}

#footerIn li {
    display: block;
    margin-left: 0;
    text-align: center;
}

@media screen and (min-width:769px) {
    #footerIn {
        margin: 0 auto;
        margin-top: 23px;
        padding-left: 0;
        padding-right: 0;
        width: 1000px;
    }

    #footerIn ul {
        text-align: center;
    }

    #footerIn li {
        display: inline-block;
        vertical-align: middle;
        text-align: left;
        margin-left: 32px;
        font-size: 14px;
    }

    #footerIn li:first-child {
        margin-left: 0;
    }
}

@media screen and (max-width:768px) {
    #footerIn {
        margin-top: 20px;
        display: block;
    }

    #footerIn li {
        display: block;
        margin-left: 0;
        padding-bottom: 20px;
        font-size: 14px;
        font-size: 1.4rem;
    }

    #footerIn li:nth-child(2n) {
        width: 50%;
        float: left;
    }

    #footerIn li a {
        color: #595959;
        text-decoration: none;
    }

    #footerIn div.sns4 img {
        margin: 0 30px 0 0;
    }

    #footerIn div.sns4 img.last {
        margin: 0 0px 0 0;
    }
}

#copyright {
    width: 100%;
    padding-bottom: 3px;
    color: #fff;
    background: #C1272D;
    font-size: 16px;
    font-weight: normal;
    text-align: center;
    border-bottom: 0px solid #BDD7EE;
    height: 60px;
    line-height: 60px;
    margin-bottom: 0px;
    margin-top: 40px;
}

@media screen and (max-width:768px) {
    #copyright {
        margin-top: 0px;
        font-size: 14px;
        font-size: 1.4rem;
        margin-bottom: 0px;
    }
}
*/

/*
---------------------------------------------------------------------------
メイン画像
---------------------------------------------------------------------------*/

#mainImgBg {
    width: 100%;
    height: auto;
    line-height: 0;
    font-size: 0;
}

.mainimg {
    max-width: 100%;
    height: auto;
}

@media screen and (min-width:769px) {
    #mainImgIn {
        margin: 0 auto;
        width: 960px;
        height: 370px;
        padding-top: 11px;
    }
}

@media screen and (min-width:961px) {
    #mainImgIn {
        margin: 0 auto;
        padding-bottom: 37%;
        width: 100%;
        max-width: 1920px;
        height: 0;
        padding-top: 11px;
    }
}

@media screen and (min-width:1379px) {
    #mainImgIn {
        margin: 0 auto;
        width: 100%;
        padding-bottom: 565px;
        padding-top: 0px;
    }

    #mainImgBg {
        position: relative;
        top: 110px;
        /*
	background-color:#001E00;
background-color:#eee;
*/
    }
}

#flexslider-cs {
    position: relative;
    top: 110px;
    text-align: center;
    margin-bottom: 50px;
}

#flexslider-cs ol.flex-control-nav {
    cursor: pointer;
}

#flexslider-cs .flex-control-thumbs {
    cursor: pointer;
}

@media screen and (max-width:768px) {
    #flexslider-cs {
        position: relative;
        top: 0px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    #flexslider-cs ol.flex-control-nav {
        display: none;
    }

    #flexslider-cs .flex-control-thumbs {
        display: none;
    }
}

#page #flexslider-cs {
    position: relative;
    top: 0px;
    text-align: center;
    margin-bottom: 50px;
}

#page #flexslider-cs ol.flex-control-nav {
    cursor: pointer;
}

#page #flexslider-cs .flex-control-thumbs {
    cursor: pointer;
}

@media screen and (max-width:768px) {
    #page #flexslider-cs {
        position: relative;
        top: 0px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    #page #flexslider-cs ol.flex-control-nav {}

    #page #flexslider-cs .flex-control-thumbs {}
}

#page #flexslider-cs2 {
    position: relative;
    top: 0px;
    text-align: center;
    margin-bottom: 50px;
}

#page #flexslider-cs2 ol.flex-control-nav {
    cursor: pointer;
}

#page #flexslider-cs2 .flex-control-thumbs {
    cursor: pointer;
}

@media screen and (max-width:768px) {
    #page #flexslider-cs2 {
        position: relative;
        top: 0px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    #page #flexslider-cs2 ol.flex-control-nav {}

    #page #flexslider-cs2 .flex-control-thumbs {}
}

ol.flex-control-nav {
    display: flex;
    justify-content: center;
    padding-top: 5px;
}

ol.flex-control-nav img {
    width: 193px;
    height: auto;
}

ol.flex-control-nav li {
    width: 193px;
    height: auto;
    margin: 0 9px 0 0;
    padding: 0;
}

#page ol.flex-control-nav {
    display: flex;
    justify-content: center;
    padding-top: 5px;
}

#page ol.flex-control-nav img {
    width: 130px;
    height: auto;
}

#page ol.flex-control-nav li {
    width: 160px;
    height: auto;
    margin: 0 9px 0 0;
    padding: 0;
}


/*2017.09.04 グランドメニュー8枚用 tuika*/

#page #flexslider-cs2 ol.flex-control-nav {
    display: inline-block;
    justify-content: center;
    padding-top: 5px;
}

#page #flexslider-cs2 ol.flex-control-nav img {
    width: 200px;
    height: auto;
}

#page #flexslider-cs2 ol.flex-control-nav li {
    width: 200px;
    height: auto;
    margin: 0 9px 10px 0;
    padding: 0;
}

@media screen and (max-width:768px) {
    #page #flexslider-cs2 ol.flex-control-nav {
        display: flex;
        justify-content: center;
        padding-top: 5px;
    }
}

/*2017.09.04 グランドメニュー8枚用 tuika end */

/* 美味しい八箇条 add */

.delicious8 {
    width: 100%;
    padding: 20px 0;
    display: flex;
    display: -webkit-flex;
    justify-content: space-around;
    -webkit-justify-content: space-around;
}

.delicious8 table {
    width: 48%;
    margin: 0 20px;
}

.delicious8 tr:first-child {
    height: 120px;
}

.delicious8 td {
    padding: 0 10px;
    text-align: left;
}

.delicious8 td img {
    max-height: 120px;
    width: auto;
}

.delicious8 td:first-child {
    width: 70%;
}

.delicious8 td:last-child {
    width: 30%;
}

@media screen and (max-width:768px) {
    .delicious8 {
        display: block;
        padding: 0;
    }

    .delicious8 table {
        width: 100%;
        margin: 20px 0;
        table-layout: fixed;
    }

    .delicious8 tr:first-child {
        height: auto;
    }

    .delicious8 td {
        padding: 0 10px;
        vertical-align: middle;
    }

    .delicious8 tr:first-child td:first-child {
        width: 60%;
    }

    .delicious8 tr:first-child td:last-child {
        width: 40%;
    }

    .delicious8 tr:nth-child(2) td {
        width: 100%;
    }
}

/* 美味しい八箇条 end */

.white {
    margin-top: 0px;
    margin-bottom: 70px;
}

.strImg {
    margin-bottom: 69px;
}

.strImg img {
    margin-right: 26px;
}

.strImg2 img {
    margin-right: 26px;
}

@media screen and (max-width:768px) {
    .white {
        margin-top: 10px;
        margin-bottom: 30px;
    }

    .strImg {
        margin-bottom: 0px;
    }
}


/*
---------------------------------------------------------------------------
パンくずリスト
---------------------------------------------------------------------------*/

#topicPath {
    width: 100%;
    margin: 0px auto 0 auto;
    margin-bottom: 55px;
    background: url(img/base/bg2.jpg) repeat-x center top;
    min-height: 37px;
}

#topicPath ol {
    margin: 0 auto 0 auto;
    padding: 0;
    padding: 10px;
    padding-left: 0;
    list-style-type: none;
    font-size: 12px;
    width: 1000px;
}

#topicPath ol li {
    display: inline;
    margin-left: 0;
    margin-right: 5px;
    color: #000;
}

#topicPath ol li:first-child {
    padding-top: 3px;
    padding-left: 0px;
    background-image: none;
    background-repeat: no-repeat;
    background-position: left center;
    color: #000;
}

#topicPath ol li a {
    padding-right: 15px;
    background: url(img/topicpath_arrow.png) no-repeat right;
    text-decoration: none;
    color: #000;
}

#topicPath ol li a:hover {
    text-decoration: underline;
}

@media screen and (max-width:768px) {
    #topicPath {
        width: 100%;
        margin-bottom: 20px;
        padding-left: 10px;
        font-size: 12px;
    }

    #topicPath ol {
        width: 100%;
        margin: 0;
        padding: 0;
        padding: 10px;
        padding-left: 0;
        list-style-type: none;
        font-size: 12px;
    }
}


/*
---------------------------------------------------------------------------
ページメニュー
---------------------------------------------------------------------------*/

#pagePath {
    width: 100%;
    padding: 5px;
    font-size: 13px;
    margin-top: 35px;
}

#pagePathIn {
    margin: 0 auto;
    width: 940px;
    line-height: 180%;
}

#pagePath a {
    padding-right: 15px;
    padding-left: 15px;
    background: url(img/pagelink_arrow.png) no-repeat;
    background-position: left center;
    text-decoration: none;
    color: #000;
}

#pagePath a:hover {
    text-decoration: underline;
}

@media screen and (min-width:769px) {
    #pagePath {
        margin-left: auto;
        margin-right: auto;
        width: 940px;
    }
}

@media screen and (min-width:961px) {
    #pagePath {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #pagePath {
        display: none;
    }
}

.anc {
    padding-top: 120px;
    margin-top: -120px;
}

@media screen and (max-width:768px) {
    .anc {
        padding-top: 120px;
        margin-top: -120px;
    }
}


/*
---------------------------------------------------------------------------
コンテンツ枠
---------------------------------------------------------------------------*/

#inner {}

#inner:after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (min-width:769px) {
    #inner {
        width: 100%;
        margin: 0 auto;
        margin-top: 0px;
    }
}

@media screen and (max-width:768px) {
    #inner {
        width: 100%;
        margin-top: 0px;
        padding-left: 0px;
        padding-right: 0px;
        line-height: 140%;
    }
}

#main {
    float: left;
    width: 100%;
}

#side {
    float: right;
    width: 262px;
}

#side img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    vertical-align: bottom;
}

#side img.mBot20 {
    margin-bottom: 20px;
}

#side img.mBot10 {
    margin-bottom: 10px;
}

.sideCompany {
    margin-top: 0px;
    margin-bottom: 10px;
    padding-top: 13px;
    border-top: 2px #000 solid;
    font-size: 12px;
    line-height: 160%;
}

.sideCompany img {
    margin-bottom: 10px;
}

.bdr {
    border-bottom: 1px solid #D9D9D9;
    padding-bottom: 10px;
    margin-bottom: 10px;
}

@media screen and (max-width:768px) {
    .sideCompany {
        margin-top: 0px;
        margin-bottom: 10px;
        padding-top: 13px;
        border-top: 2px #000 solid;
        font-size: 12px;
        font-size: 1.2rem;
        line-height: 160%;
    }

    #main {
        float: none;
        width: 100%;
        line-height: 140%;
    }

    #main img {
        margin-left: auto;
        margin-right: auto;
        max-width: 100%;
        height: auto;
        display: block;
    }

    #side {
        float: none;
        margin-top: 40px;
        margin-left: auto;
        margin-right: auto;
    }
}

#main a {
    color: #000;
    padding-top: 10px;
    padding-bottom: 10px;
}


/*
---------------------------------------------------------------------------
コンテンツBox
---------------------------------------------------------------------------*/

.box1 {
    width: 100%;
    overflow: hidden;
}

.boxH3,
.boxH4 {
    width: 100%;
    overflow: hidden;
    padding-left: 10px;
    padding-right: 10px;
}

.boxH4 {
    margin-bottom: 10px;
    padding-left: 0px;
    padding-right: 0px;
}

.box1 {
    margin-bottom: 10px;
}

.boxH3:after,
.boxH4:after,
.col2:after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (max-width:768px) {

    .box1 img,
    .boxH3 img {
        max-width: 100%;
        height: auto;
    }
}

.boxL,
.boxLRecruit {
    float: none;
}

.boxR,
.boxRRecruit {
    padding-left: 0px;
}

.boxL,
.boxR,
.boxLRecruit,
.boxRRecruit {
    padding-bottom: 30px;
}

.boxL2,
.boxR2,
.boxLRecruit,
.boxRRecruit {
    padding-bottom: 0px;
}

@media screen and (min-width:769px) {

    .boxL,
    .boxLRecruit {
        margin-right: 23px;
        float: left;
    }

    .boxLRecruit {
        margin-right: 20px;
    }

    .boxR,
    .boxRRecruit {
        overflow: hidden;
        /zoom: 1
    }

    .boxL2,
    .boxLRecruit {
        margin-right: 23px;
        float: left;
    }

    .boxLRecruit {
        margin-right: 20px;
    }

    .boxR2,
    .boxRRecruit {
        overflow: hidden;
        /zoom: 1
    }
}

@media screen and (max-width:768px) {

    .boxL,
    .boxR {
        font-size: 14px;
    }

    .boxL {
        text-align: center;
    }

    .boxL2,
    .boxR2 {
        font-size: 14px;
    }

    .boxL2 {
        text-align: center;
        margin-bottom: 20px;
    }
}


/*
hX
---------------------------------------------------------------------------*/

#h2BgWrap {
    width: 100%;
    padding-top: 110px;
}

#h2Bg {
    width: 100%;
    height: 306px;
    padding-top: 0px;
    background: url(img/h2_bg02.jpg) no-repeat center top;
}

#h2Con {
    margin: 0 auto;
    padding-top: 0px;
    padding-left: 0px;
    width: 1000px;
}

#h2Con h2 {
    text-indent: -99999px;
}

@media screen and (min-width:769px) {
    #h2Bg {
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
        background-position: center bottom;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width:961px) {
    #h2Bg {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #h2BgWrap {
        width: 100%;
        padding-top: 0px;
    }

    #h2Bg {
        width: 100%;
        height: 150px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        background: url(img/h2_bg02.jpg) no-repeat -330px 0px;
        background-size: cover;
    }

    #h2Con {
        padding-top: 0px;
        padding-left: 0px;
        width: 100%;
    }
}

#h2Bg_news {
    width: 100%;
    height: 306px;
    padding-top: 0px;
    background: url(img/h2_bg_news.jpg) no-repeat center top;
}

@media screen and (min-width:769px) {
    #h2Bg_news {
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
        background-position: center bottom;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width:961px) {
    #h2Bg_news {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #h2Bg_news {
        width: 100%;
        height: 150px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        background: url(img/h2_bg_news.jpg) no-repeat -330px 0px;
        background-size: cover;
    }
}

#h2Bg_pri {
    width: 100%;
    height: 306px;
    padding-top: 0px;
    background: url(img/h2_bg_pri.jpg) no-repeat center top;
}

@media screen and (min-width:769px) {
    #h2Bg_pri {
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
        background-position: center bottom;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width:961px) {
    #h2Bg_pri {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #h2Bg_pri {
        width: 100%;
        height: 150px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        background: url(img/h2_bg_pri.jpg) no-repeat -330px 0px;
        background-size: cover;
    }
}

#h2Bg_sit {
    width: 100%;
    height: 306px;
    padding-top: 0px;
    background: url(img/h2_bg_sit.jpg) no-repeat center top;
}

@media screen and (min-width:769px) {
    #h2Bg_sit {
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
        background-position: center bottom;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width:961px) {
    #h2Bg_sit {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #h2Bg_sit {
        width: 100%;
        height: 150px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        background: url(img/h2_bg_sit.jpg) no-repeat -330px 0px;
        background-size: cover;
    }
}

#h2Bg_wor {
    width: 100%;
    height: 306px;
    padding-top: 0px;
    background: url(img/h2_bg_wor.jpg) no-repeat center top;
}

@media screen and (min-width:769px) {
    #h2Bg_wor {
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
        background-position: center bottom;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width:961px) {
    #h2Bg_wor {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #h2Bg_wor {
        width: 100%;
        height: 150px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        background: url(img/h2_bg_wor.jpg) no-repeat -330px 0px;
        background-size: cover;
    }
}

#h2Bg_mob {
    width: 100%;
    height: 306px;
    padding-top: 0px;
    background: url(img/h2_bg_mob.jpg) no-repeat center top;
}

@media screen and (min-width:769px) {
    #h2Bg_mob {
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
        background-position: center bottom;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width:961px) {
    #h2Bg_mob {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #h2Bg_mob {
        width: 100%;
        height: 150px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        background: url(img/h2_bg_mob.jpg) no-repeat -330px 0px;
        background-size: cover;
    }
}

#h2Bg_abo {
    width: 100%;
    height: 306px;
    padding-top: 0px;
    background: url(img/h2_bg_abo.jpg) no-repeat center top;
}

@media screen and (min-width:769px) {
    #h2Bg_abo {
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
        background-position: center bottom;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width:961px) {
    #h2Bg_abo {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #h2Bg_abo {
        width: 100%;
        height: 150px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        background: url(img/h2_bg_abo.jpg) no-repeat -330px 0px;
        background-size: cover;
    }
}

#h2Bg_you {
    width: 100%;
    height: 306px;
    padding-top: 0px;
    background: url(img/h2_bg_you.jpg) no-repeat center top;
}

@media screen and (min-width:769px) {
    #h2Bg_you {
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
        background-position: center bottom;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width:961px) {
    #h2Bg_you {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #h2Bg_you {
        width: 100%;
        height: 150px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        background: url(img/h2_bg_you.jpg) no-repeat -330px 0px;
        background-size: cover;
    }
}

#h2Bg_opi {
    width: 100%;
    height: 306px;
    padding-top: 0px;
    background: url(img/h2_bg_opi.jpg) no-repeat center top;
}

@media screen and (min-width:769px) {
    #h2Bg_opi {
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
        background-position: center bottom;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width:961px) {
    #h2Bg_opi {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #h2Bg_opi {
        width: 100%;
        height: 150px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        background: url(img/h2_bg_opi.jpg) no-repeat -330px 0px;
        background-size: cover;
    }
}

#h2Bg_pho {
    width: 100%;
    height: 306px;
    padding-top: 0px;
    background: url(img/h2_bg_pho2018.jpg) no-repeat center top;
}

@media screen and (min-width:769px) {
    #h2Bg_pho {
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
        background-position: center bottom;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width:961px) {
    #h2Bg_pho {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #h2Bg_pho {
        width: 100%;
        height: 150px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        background: url(img/h2_bg_pho.jpg) no-repeat -330px 0px;
        background-size: cover;
    }
}



#h2Bg_catering {
    width: 100%;
    height: 306px;
    padding-top: 0px;
    background: url(img/base/h2_bg_catering.jpg) no-repeat center top;
}

@media screen and (min-width:769px) {
    #h2Bg_catering {
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
        background-position: center bottom;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width:961px) {
    #h2Bg_catering {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #h2Bg_catering {
        width: 100%;
        height: 150px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        background: url(img/base/h2_bg_catering.jpg) no-repeat -330px 0px;
        background-size: cover;
    }
}


#h2Bg_miyabi {
    width: 100%;
    height: 306px;
    padding-top: 0px;
    background: url(img/base/h2_bg_miyabi.jpg) no-repeat center top;
}

@media screen and (min-width:769px) {
    #h2Bg_miyabi {
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
        background-position: center bottom;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width:961px) {
    #h2Bg_miyabi {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #h2Bg_miyabi {
        width: 100%;
        height: 150px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        background: url(img/h2_bg_miyabi.jpg) no-repeat -330px 0px;
        background-size: cover;
    }
}



#h2Bg_takeout_shop {
    width: 100%;
    height: 306px;
    padding-top: 0px;
    background: url(img/h2_bg_takeout_shop.jpg) no-repeat center top;
}

@media screen and (min-width:769px) {
    #h2Bg_takeout_shop {
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
        background-position: center bottom;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width:961px) {
    #h2Bg_takeout_shop {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #h2Bg_takeout_shop {
        width: 100%;
        height: 150px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        background: url(img/h2_bg_takeout_shop.jpg) no-repeat -380px 0px;
        background-size: cover;
    }
}






#h2Bg_evpg01 {
    width: 100%;
    height: 306px;
    padding-top: 0px;
    background: url(img/h2_bg_event01.jpg) no-repeat center top;
}

@media screen and (min-width:769px) {
    #h2Bg_evpg01 {
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
        background-position: center bottom;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width:961px) {
    #h2Bg_evpg01 {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #h2Bg_evpg01 {
        width: 100%;
        height: 150px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        background: url(img/h2_bg_event01.jpg) no-repeat -330px 0px;
        background-size: cover;
    }
}



/* 店舗情報 */

#h2Bg_sho {
    width: 100%;
    height: 306px;
    padding-top: 0px;
    background: url(img/h2_bg_shoplist.jpg) no-repeat center top;
}

@media screen and (min-width:769px) {
    #h2Bg_sho {
        margin-left: auto;
        margin-right: auto;
        width: 1000px;
        background-position: center bottom;
        background-repeat: no-repeat;
    }
}

@media screen and (min-width:961px) {
    #h2Bg_sho {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    #h2Bg_sho {
        width: 100%;
        height: 150px;
        padding-top: 10px;
        padding-left: 15px;
        padding-right: 15px;
        background: url(img/h2_bg_shoplist.jpg) no-repeat -330px 0px;
        background-size: cover;
    }
}


/*h2 {
	width:100%;
	font-size:25px;
	font-size:2.5rem;
}*/

.h2Txt {
    display: none;
}


}

/*
h3 {
	clear:both;
	margin-top:0px;
	margin-bottom:20px;
	padding:15px 0px 12px 31px;
	border-top:1px #A6A6A6 solid;
	border-bottom:1px #A6A6A6 solid;
	font-size:21px;
	font-weight:normal;
	box-sizing:border-box;
	position:relative;
	font-family: "HGP明朝B","游明朝", "Yu Mincho",  "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "HiraMinProN-W6", serif ;
}

*/
h3.h3 {
    clear: both;
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 10px 0px 7px 31px;
    border-top: 1px #A6A6A6 solid;
    border-bottom: 1px #A6A6A6 solid;
    font-size: 21px;
    font-size: 2.1rem;
    font-weight: normal;
    box-sizing: border-box;
    position: relative;
    font-family: "游明朝", "Yu Mincho", "HGP明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "HiraMinProN-W6", serif;
}

/*
h3:before {
	content: url("img/h3_ico.png");
	position:absolute;
	top:15px;
	left:2px;
	width:19px;
	padding-bottom:15px;
}
*/
h3.ttl2 {
    clear: both;
    margin-top: 0px;
    margin-bottom: 20px;
    padding: 16px 0px 17px 31px;
    border-top: 1px #A6A6A6 solid;
    border-bottom: 1px #A6A6A6 solid;
    font-size: 21px;
    font-weight: normal;
    box-sizing: border-box;
    position: relative;
    font-family: "HGP明朝B", "游明朝", "Yu Mincho", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "HiraMinProN-W6", serif;
}

h3.ttl2 img {
    position: absolute;
    top: 8px;
    right: 8px;
}

h3.ttl2:before {
    content: url("img/h3_ico.png");
    position: absolute;
    top: 18px;
    left: 2px;
    width: 19px;
    padding-bottom: 15px;
    background-repeat: no-repeat;
}

@media screen and (max-width:768px) {
    /*h3 {
	font-size:16px;
	font-size:1.6rem;
	background-image:url(img/h3_ico.png);
	background-repeat:no-repeat;
	background-position:2px 14px;
}

h3:before {
	content:"";
	padding-bottom:15px;
}
*/

    h3.ttl2 {
        font-size: 16px;
        font-size: 1.6rem;
        background-image: url(img/h3_ico.png);
        background-repeat: no-repeat;
        background-position: 2px 19px;
    }

    h3.ttl2:before {
        content: "";
        padding-bottom: 15px;
    }
}

/*h4 {
	clear:both;
	padding-left:25px;
	font-weight:normal;
	position:relative;
}


h4:before {
	content: url("img/h4_ico.png");
	position:absolute;
	top:3px;
	left:3px;
	width:9px;
	padding-bottom:15px;
}

@media screen and (max-width:768px){
h4 {
	background-image:url(img/h4_ico.png);
	background-repeat:no-repeat;
	background-position:3px 2px;
}

h4:before {
	content:"";
}
}

*/
h4.h4 {
    clear: both;
    margin-bottom: 20px;
    padding-left: 20px;
    color: #4472C4;
    font-size: 19px;
    font-weight: normal;
    position: relative;
}

h4.h4:before {
    content: url("img/h42_ico.jpg");
    position: absolute;
    top: 1px;
    left: 0px;
    width: 9px;
    padding-bottom: 15px;
}

.bold {
    color: #1F4E79;
    font-size: 19px;
    font-size: 1.9rem;
    background: url(img/arr2.jpg) no-repeat 0 6px;
    padding-left: 15px;
}

@media screen and (max-width:768px) {
    h4.h4 {
        font-size: 19px;
        font-size: 1.9rem;
        background-image: url(img/h42_ico.jpg);
        background-repeat: no-repeat;
        background-position: 3px 1px;
    }

    h4.h4:before {
        content: "";
        padding-bottom: 15px;
    }

    .bold {
        color: #1F4E79;
        font-size: 19px;
        font-size: 1.9rem;
        background: url(img/arr2.jpg) no-repeat 0 2px;
        padding-left: 15px;
    }
}

/*
---------------------------------------------------------------------------
新着情報
---------------------------------------------------------------------------*/
.homeNewsCon {
    padding-left: 10px;
    padding-right: 10px;
    width: 765px;
    max-height: 210px;
    margin-bottom: 20px;
    overflow: scroll;
    overflow-x: hidden;
    margin-left: 125px;
}

@media screen and (max-width:768px) {
    .homeNewsCon {
        width: 95%;
        margin-left: 10px;
    }
}

dl.homeNews {
    margin: 0;
    padding: 0;
    font-size: 16px;
    font-size: 1.6rem;
    line-height: 160%;
}

dl.homeNews dt,
dl.homeNews dd {
    margin: 0;
    padding: 0;
}

dl.homeNews dd a {
    color: #000 !important;
}

dl.homeNews dt img,
img.detailsNews {
    margin-right: 15px;
    vertical-align: middle;
}

dl.homeNews dd.newsList {
    padding-bottom: 20px;
}

dl.homeNews dd .newsTit,
dl.homeNews dd .newsTit a {
    font-weight: lighter;
    color: #000 !important;
}

dl.homeNews dd.txt {
    padding-bottom: 2px;
}

@media screen and (min-width:769px) {
    dl.homeNews:after {
        content: "";
        display: block;
        clear: both;
    }

    dl.homeNews dt {
        float: left;
    }

    dl.homeNews dd {
        margin-left: 138px;
        margin-bottom: 10px;
    }

    dl.homeNews dd.txt {
        margin-left: 0;
    }

    dl.homeNews .newsCategory dt {
        float: none;
        margin-bottom: 10px;
        margin-left: 10px;
    }

    dl.homeNews .newsCategory dd {
        margin-left: 14px;
        margin-right: 10px;
    }
}

@media screen and (max-width:768px) {
    dl.homeNews dd.tit {
        padding-top: 0px;
        padding-bottom: 20px;
    }

    dl.homeNews dd.txt {
        padding-top: 5px;
    }
}

/*
ページ繰り
---------------------------------------------------------------------------*/
.pageNum {
    margin-top: 50px;
    text-align: center;
}

.pagination a {
    padding: 5px 10px;
    display: inline-block;
    border: solid 1px #cccccc;
    color: #000000;
    background-color: #ffffff;
    font-size: 14px;
    text-decoration: none;
}

.pagination a:hover {
    background-color: #e8e8e8;
}

.pagination span {
    padding: 5px 10px;
    display: inline-block;
}

.pagination span.current {
    padding: 5px 10px;
    display: inline-block;
    border: solid 1px #cccccc;
    color: #000000;
    background-color: #ffffff;
    font-size: 14px;
    text-decoration: none;
    font-weight: bold;
}

.pagination {
    overflow: hidden;
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: center;
    clear: both;
    background-color: transparent;
}

/*
---------------------------------------------------------------------------
サイトマップ
---------------------------------------------------------------------------*/
ul.sitemap {
    margin-bottom: 32px;
    padding-bottom: 10px;
    list-style: none;
}

ul.sitemap li {
    margin-left: 35;
    margin-bottom: 23px;
}

ul.sitemap li:first-child {
    margin-top: 0;
    margin-left: 0;
}

ul.sitemap li.sub {
    margin-left: 45px;
}

ul.sitemap li a {
    margin-bottom: 23px;
    text-decoration: none;
    background-image: url(img/ico_arrow_sitemap.png);
    background-repeat: no-repeat;
    background-position: left center;
    padding-left: 20px;
    color: #1F4E79;
}

/*
table
---------------------------------------------------------------------------*/
table.table03,
table.table03-2 {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

table.table03 td {
    vertical-align: top;
    text-align: center;
    padding-bottom: 30px;
}

table.table03-2 td {
    vertical-align: top;
    padding-bottom: 15px;
}

table.table03 td p,
table.table03-2 td p {
    margin-bottom: 0px;
}

table.table03 tr td:nth-child(odd),
table.table03-2 tr td:nth-child(odd) {
    padding-right: 5px;
}

table.table03 tr td:nth-child(even),
table.table03-2 tr td:nth-child(even) {
    padding-left: 5px;
}

table.table03-2 tr:nth-last-of-type(1) td {
    padding-bottom: 0px;
}

@media screen and (max-width:768px) {

    table.table03 td,
    table.table03-2 td {
        width: 50%;
        text-align: center;
    }

    table.table03 td img,
    table.table03-2 td img {
        max-width: 100%;
        height: auto;
    }
}

table.table032,
table.table03-2 {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

table.table032 td {
    vertical-align: top;
    padding-bottom: 30px;
}

table.table03-2 td {
    vertical-align: top;
    padding-bottom: 15px;
}

table.table032 td p,
table.table03-2 td p {
    margin-bottom: 0px;
}

table.table032 tr td:nth-child(odd),
table.table03-2 tr td:nth-child(odd) {
    padding-right: 5px;
}

table.table032 tr td:nth-child(even),
table.table03-2 tr td:nth-child(even) {
    padding-right: 5px;
}

table.table03-2 tr:nth-last-of-type(1) td {
    padding-bottom: 0px;
}

@media screen and (max-width:768px) {

    table.table032 td,
    table.table03-2 td {
        width: 33%;
        text-align: center;
    }

    table.table032 td img,
    table.table03-2 td img {
        max-width: 100%;
        height: auto;
    }
}

table.table033,
table.table03-2 {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

table.table033 td {
    vertical-align: top;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

table.table03-2 td {
    vertical-align: top;
    padding-bottom: 0px;
}

table.table033 td p,
table.table03-2 td p {
    margin-bottom: 0px;
}

table.table033 tr td:nth-child(odd),
table.table03-2 tr td:nth-child(odd) {
    padding-right: 0px;
}

table.table033 tr td:nth-child(even),
table.table03-2 tr td:nth-child(even) {
    padding-right: 0px;
}

table.table03-2 tr:nth-last-of-type(1) td {
    padding-bottom: 0px;
}

@media screen and (max-width:768px) {

    table.table033 td,
    table.table03-2 td {
        width: 33%;
        text-align: center;
    }

    table.table033 td img,
    table.table03-2 td img {
        max-width: 100%;
        height: auto;
    }
}

table.table034,
table.table03-2 {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

table.table034 td {
    vertical-align: top;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

table.table03-2 td {
    vertical-align: top;
    padding-bottom: 0px;
}

table.table034 td p,
table.table03-2 td p {
    margin-bottom: 0px;
}

table.table034 tr td:nth-child(odd),
table.table03-2 tr td:nth-child(odd) {
    padding-right: 0px;
}

table.table034 tr td:nth-child(even),
table.table03-2 tr td:nth-child(even) {
    padding-right: 0px;
}

table.table03-2 tr:nth-last-of-type(1) td {
    padding-bottom: 0px;
}

@media screen and (max-width:768px) {

    table.table034 td,
    table.table03-2 td {
        width: 50%;
        text-align: left;
    }

    table.table034 td img,
    table.table03-2 td img {
        max-width: 100%;
        height: auto;
    }
}

table.table035,
table.table03-2 {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

table.table035 td {
    vertical-align: middle;
    padding-bottom: 25px;
    margin-bottom: 0px;
}

@media screen and (max-width:768px) {
    table.table035 td {
        vertical-align: top;
        padding-bottom: 25px;
        margin-bottom: 0px;
    }
}

table.table036,
table.table03-2 {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

table.table036 td {
    vertical-align: middle;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

@media screen and (max-width:768px) {
    table.table036 td {
        vertical-align: top;
        padding-bottom: 0px;
        padding-top: 10px;
        margin-bottom: 0px;
    }

    table.table036 td.mid {
        vertical-align: middle;
    }
}

table.table037,
table.table03-2 {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

table.table037 td {
    vertical-align: top;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

table.table037 td.mid {
    vertical-align: middle;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

table.table037 td.mid img {
    margin-left: 10px;
}

@media screen and (max-width:768px) {
    table.table037 td {
        vertical-align: middle;
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
    }
}

table.table038,
table.table03-2 {
    border-collapse: collapse;
    border-spacing: 0;
    border: 0;
}

table.table038 td {
    vertical-align: top;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

table.table038 td.mid {
    vertical-align: middle;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

table.table038 td.mid img {
    margin-left: 10px;
}

@media screen and (max-width:768px) {
    table.table038 td {
        vertical-align: top;
        padding-bottom: 0px;
        padding-top: 0px;
        margin-bottom: 0px;
        text-align: left;
    }

    table.table038 td img {
        float: left;
    }
}

/* table04（th,td背景色付） */
table.table04 {
    border-collapse: separate;
    border-spacing: 3px;
    border: 0;
}

table.table04 th,
table.table04 td {
    padding: 10px;
    vertical-align: top;
}

table.table04 th {
    background-color: #BDD7EE;
    font-weight: normal;
    text-align: left;
}

table.table04 td {
    background-color: #F2F2F2;
}

table.table04 td p {
    margin-bottom: 0 !important;
}

table.table04 td p a {
    color: #000 !important;
}

@media screen and (max-width:768px) {
    table.table04 th {
        width: 100px !important;
        white-space: nowrap;
    }

    table.table04 td {
        word-break: break-all;
    }
}

/*
---------------------------------------------------------------------------
その他
---------------------------------------------------------------------------*/
.btnMenu {
    width: 100%;
    padding-top: 30px;
    padding-bottom: 20px;
    background-color: #F2F2F2;
}

.btnMenuIn {
    margin: 0 auto;
    width: 940px;
    text-align: center;
}

.btnMenu:after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (min-width:769px) {
    .btnMenu {
        margin-left: auto;
        margin-right: auto;
        width: 960px;
    }
}

@media screen and (min-width:961px) {
    .btnMenu {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    .btnMenuIn {
        width: 100%;
    }
}

.btnMenu ul {
    margin: 0;
    padding: 0;
    list-style: none;
}

.btnMenu li {
    margin: 0;
    padding: 0;
}

.btnMenu li a {
    display: block;
    text-decoration: none;
}

.btnMenu img {
    border: none;
    vertical-align: bottom;
}

@media screen and (min-width:769px) {
    .btnMenu li {
        float: left;
        margin-left: 19px;
    }

    .btnMenu li:first-child {
        margin-left: 0px;
    }

    .btnMenu li:nth-child(2) {
        margin-left: 18px;
    }
}

@media screen and (max-width:768px) {
    .btnMenu li {
        margin-left: auto;
        margin-right: auto;
        padding-bottom: 30px;
        float: left;
        width: 50%;
    }

    .btnMenu li:nth-child(odd) {
        padding-right: 10px;
    }

    .btnMenu li:nth-child(even) {
        padding-left: 10px;
    }
}

@media screen and (max-width:500px) {
    .btnMenu ul {
        margin-left: 15px;
        margin-right: 15px;
    }

    .btnMenu li {
        margin-left: auto;
        margin-right: auto;
        margin-bottom: 3px;
        float: left;
        width: 50%;
    }

    .btnMenu img {
        width: 100%;
        height: auto;
    }
}

.boxHome {
    width: 100%;
    margin-bottom: 20px;
    padding-top: 0px;
    padding-bottom: 30px;
    background-color: #F2F2F2;
}

.boxHomeIn {
    margin: 0 auto;
    width: 940px;
    text-align: center;
}

@media screen and (min-width:769px) {
    .boxHome {
        margin-left: auto;
        margin-right: auto;
        width: 960px;
    }
}

@media screen and (min-width:961px) {
    .boxHome {
        width: 100%;
    }
}

@media screen and (max-width:768px) {
    .boxHomeIn {
        width: 100%;
    }
}

.homeTit01 {
    font-size: 27px;
    font-weight: normal;
    text-align: center;
    font-family: "游明朝", "Yu Mincho", "HGP明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "HiraMinProN-W6", serif;
}

.homeTxtBox {
    margin: auto;
    padding-top: 15px;
    text-align: center;
    font-size: 16px;
    line-height: 180%;
    width: 940px;
}

@media screen and (max-width:768px) {
    .homeTit01 {
        font-size: 27px;
        font-size: 2.7rem;
        line-height: 160%;
        font-weight: bold;
        font-family: "游明朝", "Yu Mincho", "HGP明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "HiraMinProN-W6", serif;
    }

    .homeTit01 .break {
        display: block;
        text-align: center;
    }

    .homeTxtBox {
        width: 100%;
        text-align: left;
        padding: 15px 50px 0 50px;
        font-size: 16px;
        font-size: 1.6rem;
    }
}

.abo_box {
    font-size: 24px;
    font-size: 2.4rem;
    margin-left: 10px;
    margin-right: 10px;
    font-family: "游明朝", "Yu Mincho", "HGP明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "HiraMinProN-W6", serif;
    line-height: 1.6;
    width: 100%;
    font-weight: bold;
}

.wakuWrap {
    width: 100%;
    border: 1px #BFBFBF solid;
    background-color: #F2F2F2;
    padding: 12px;
}

.wakuIn {
    background-color: #FFF;
    padding: 18px;
    font-size: 16px;
    font-size: 1.6rem;
}

.wakuIn .title {
    color: #ED7D31;
    font-size: 27px;
    font-size: 2.7rem;
    margin-bottom: 19px;
    padding-bottom: 15px;
    border-bottom: 1px #ED7D31 solid;
    line-height: 120%;
}

.wakuIn table {
    font-size: 14px;
    font-size: 1.4rem;
}

.neme {
    font-size: 16px;
    font-size: 1.6rem;
}

.interview {
    font-size: 15px;
    font-size: 1.5rem;
}

/*
---------------------------------------------------------------------------
pagetop
---------------------------------------------------------------------------*/
.pagetop {
    display: none;
    position: fixed;
    bottom: 30px;
    right: 30px;
    margin-bottom: 20px;
    text-align: right;
    font-size: 12px;
    z-index: 10000;
    cursor: pointer;
}

/*
inline
---------------------------------------------------------------------------*/
.inlineR {
    text-align: right;
}

.inlineC {
    text-align: center;
}

.fltL {
    float: left;
}

.fltR {
    float: right;
}

/*
WP初期化
---------------------------------------------------------------------------*/
.alignright {
    display: block;
    margin: 0 0 0 auto;
}

/* 配置位置 右 */
.alignleft {
    display: block;
    margin: 0 auto 0 0;
}

/* 配置位置 左 */
.aligncenter {
    display: block;
    margin: 0 auto;
}

/* 配置位置 中央 */
img.aligncenter {
    display: block;
    margin: 0 auto;
}

/*
---------------------------------------------------------------------------
shop(20161129追加)
---------------------------------------------------------------------------*/

/*市区町村一覧*/
.shoplist-all th {
    padding: 0 10px;
}

.abo_box03 .shoplist_tokyo {
    margin-top: 20px;
    width: 100%;
    border: none;
    text-align: center;
}

.abo_box03 .shoplist_tokyo tr {
    border: none;
    font-weight: normal;
}

.abo_box03 .shoplist_tokyo th {
    border: none;
    width: 5%;
    height: 38px;
    background-color: #DCE9F4;
    line-height: 1.1em;
}

.abo_box03 .shoplist_tokyo td {
    border: none;
    width: 19%;
    height: 38px;
    background-color: #E8EDF2;
}

.abo_box03 .shoplist_chiba {
    width: 100%;
    border: none;
    text-align: center;
}

.abo_box03 .shoplist_chiba tr {
    border: none;
    font-weight: normal;
}

.abo_box03 .shoplist_chiba th {
    border: none;
    width: 5%;
    height: 38px;
    border-right: 1px solid #F9D4D9;
    border-bottom: 1px solid #F9D4D9;
    background-color: #F9D4D9;
    line-height: 1.1em;
}

.abo_box03 .shoplist_chiba td {
    border: none;
    width: 19%;
    height: 38px;
    background-color: #F7EAEC;
}

.abo_box03 .shoplist_saitama {
    width: 100%;
    border: none;
    text-align: center;
}

.abo_box03 .shoplist_saitama tr {
    border: none;
    font-weight: normal;
}

.abo_box03 .shoplist_saitama th {
    border: none;
    width: 5%;
    border-right: 1px solid #D0F2D8;
    border-bottom: 1px solid #D0F2D8;
    background-color: #D0F2D8;
    line-height: 1.1em;
}

.abo_box03 .shoplist_saitama td {
    border: none;
    width: 19%;
    height: 38px;
    background-color: #E6EFE8;
}

.abo_box03 .shoplist_kanagawa {
    width: 100%;
    border: none;
    text-align: center;
}

.abo_box03 .shoplist_kanagawa tr {
    border: none;
    font-weight: normal;
}

.abo_box03 .shoplist_kanagawa th {
    border: none;
    width: 5%;
    border-right: 1px solid #FFFCBF;
    border-bottom: 1px solid #FFFCBF;
    background-color: #FFFCBF;
    line-height: 1.1em;
}

.abo_box03 .shoplist_kanagawa td {
    border: none;
    width: 19%;
    height: 90px;
    background-color: #FAFAD2;
}

.abo_box03 .shoplist_kanagawa .empty {
    background: initial;
}

/*店舗一覧表　pc */
.abo_box03 .shoplisttable {
    width: 100%;
    border-top: 1px solid #ff586a;
    border-left: 1px solid #ff586a;
    border-collapse: collapse;
    line-height: 1.2em;
}

.abo_box03 .shoplisttable th {
    border-right: 1px solid #ff586a;
    border-bottom: 1px solid #ff586a;
    background-color: #ff586a;
    color: #FFF;
    height: 38px;
}

.abo_box03 .shoplisttable tr {
    border-right: 1px solid #ff586a;
    border-bottom: 1px solid #ff586a;
}

.abo_box03 .shoplisttable td {
    border-right: 1px solid #ff586a;
    border-bottom: 1px solid #ff586a;
    padding: 5px;
}

.abo_box03 .shoplisttable .td_001 {
    width: 19%;
    text-align: center;
}

.abo_box03 .shoplisttable .td_002 {
    width: 16%;
    text-align: left;
}

.abo_box03 .shoplisttable .td_002 span {
    display: block;
    margin-top: 5px;
    text-align: center;
    line-height: 1.2em;
}

.abo_box03 .shoplisttable .td_003 {
    width: 33%;
    text-align: left;
}

.abo_box03 .shoplisttable .td_004 {
    width: 19%;
    border-right: none;
    text-align: left;
}

.abo_box03 .shoplisttable .td_005 {
    width: 10%;
    text-align: center;
}

.abo_box03 .shoplisttable .td_005 img {
    display: block;
    margin-left: auto;
    margin-right: auto;
}

.abo_box03 .shoplisttable .td_006 {
    text-align: left;
    border: 0;
}

#main img.ico-1px {
    margin: 0 1px 1px 0;
    display: inline;
}

.abo_box03 div.ico-infobox {
    border: dotted 1px #ccc;
    font-size: 80%;
    padding: 10px;
    line-height: 1.8em;
    width: 50%;
    float: right;
}

.abo_box03 .ico-infobox_txt {
    margin: 0;
    line-height: 30px;
}

.abo_box03 #ico-infobox_img {
    margin-right: 5px;
    vertical-align: middle;
    display: inline;
}

.abo_box03 div.ico-infobox:after {
    content: "";
    clear: both;
    height: 0;
    display: block;
    visibility: hidden;
}

/*　店舗一覧表 スマホ用768以下表示　*/
@media screen and (max-width:768px) {
    .abo_box03 .shoplisttable {
        width: 100%;
        border-top: 1px solid #ff586a;
        border-left: 1px solid #ff586a;
        border-collapse: collapse;
        line-height: 1.2em;
        font-size: 11px;
        text-align: center;
        vertical-align: top;
    }

    .abo_box03 .shoplisttable th {
        border-right: 1px solid #ff586a;
        border-bottom: 1px solid #ff586a;
        background-color: #ff586a;
        color: #FFFFFF;
        height: 30px;
    }

    .abo_box03 .shoplisttable td {
        border-right: 1px solid #ff586a;
        border-bottom: 1px solid #ff586a;
        padding: 2px;
    }

    .abo_box03 .shoplisttable .td_001 {
        width: 15%;
        text-align: center;
    }

    .abo_box03 .shoplisttable .td_002 {
        width: 19%;
        text-align: left;
    }

    .abo_box03 .shoplisttable .td_003 {
        width: 18%;
        text-align: left;
    }

    .abo_box03 .shoplisttable .td_004 {
        width: 20%;
        border-right: none;
        text-align: left;
    }

    .abo_box03 .shoplisttable .td_006 img {
        margin: 0px;
    }

    .abo_box03 .shoplisttable td.next-after-year {
        font-size: 12px !important;
        padding: 5px 5px !important;
        text-align: left !important;
    }

    .abo_box03 .shoplisttable td.next-after-year span {
        font-size: 12px !important;
        padding: 5px 5px !important;
        text-align: left !important;
    }

    .abo_box03 div.ico-infobox {
        border: sorid 1px #ccc;
        width: 100%;
    }

    .abo_box03 #main img#ico-infobox_img {
        display: inline;
        margin: 0;
        vertical-align: middle;
    }

    #main img.ico-1px {
        margin-right: 1px;
        margin-bottom: 1px;
    }
}

/*------------------------店舗案内ページ　201801--------------------------*/
.shoplist-all th,
.shoplist-all td {
    line-height: 1;
    text-align: center;
}

.shoplist-all th {
    padding: 0 10px;
    width: 5%;
}

.shoplist-all td {
    width: 19%;
    padding: 10px 0 9px;
}

.shoplist_tokyo th {
    background: #DCE9F4;
}

.shoplist_tokyo td {
    background: #E8EDF2;
}

.shoplist_chiba th {
    background: #F9D4D9;
}

.shoplist_chiba td {
    background: #F7EAEC;
}

.shoplist_saitama th {
    background: #D0F2D8;
}

.shoplist_saitama td {
    background: #E6EFE8;
}

.shoplist_kanagawa th {
    background: #FFFCBF;
}

.shoplist_kanagawa td {
    background: #FAFAD2;
}

.icon-info-box {
    width: 50%;
    float: right;
    border: solid 1px #d9d9d9;
    padding: 15px 10px;
}

@media screen and (max-width:768px) {
    .icon-info-box img {
        width: 80px !important;
    }
}

@media screen and (max-width:768px) {
    .icon-info-box {
        float: none;
        width: 90%;
        margin: 0 auto 20px;
    }
}

.clearFix {
    margin: 0 auto 30px;
}

.clearFix::after {
    clear: both;
    content: "";
    height: 0;
    visibility: hidden;
    display: block;
}

.icon-info-box p {
    font-size: 14px;
    margin: 0;
}

@media screen and (max-width:768px) {
    .icon-info-box p {
        font-size: 12px;
    }
}

.icon-info-box img {
    display: inline !important;
    vertical-align: sub;
    margin-right: 5px !important;
}

.shop-info-enclose__in {
    margin-top: -90px;
    padding-top: 90px;
}

.shop-info-table {
    width: 100%;
    border: 0;
    padding: 0;
    margin: 0 auto 40px;
    table-layout: fixed;
    box-sizing: border-box;
    border-collapse: collapse;
}

.shop-info-table th,
.shop-info-table td {
    border: solid 1px #ff586a;
    line-height: 1.4;
    padding: 7px 5px;
}

.shop-info-table th {
    text-align: center;
    font-weight: normal;
    background: #ff586a;
    color: #fff !important;
}

/*　雅用　*/
.shop-info-table th.miyabi,
.shop-info-table td.miyabi {
    border: solid 1px #00008b;
}

.shop-info-table th.miyabi {
    background: #00008b;
}

/*百萬石用*/
.shop-info-table th.hyakumangoku,
.shop-info-table td.hyakumangoku {
    border: solid 1px #800000;
}

.shop-info-table th.hyakumangoku {
    background: #800000;
}

/*yasuke用*/
.shop-info-table th.yasuke,
.shop-info-table td.yasuke {
    border: solid 1px #4682b4;
}

.shop-info-table th.yasuke {
    background: #4682b4;
}


.shop-info-table td:not(.shop-name) {
    font-size: 14px;
}

.shop-name {
    width: 160px;
}

@media screen and (max-width:768px) {
    .shop-name {
        width: 76px !important;
    }
}

.map-head {
    width: 100px;
}

@media screen and (max-width:768px) {
    .map-head {
        width: auto;
    }
}

.tel-head {
    width: 167px;
}

@media screen and (max-width:768px) {
    .tel-head {
        width: auto;
    }
}

.shop-info-table td:not(.address-data) {
    text-align: center;
}

.shop-info-table td img {
    margin: 0 !important;
    margin-bottom: 2px !important;
}

@media screen and (max-width:768px) {
    .shop-info-table td img {
        max-width: 70px !important;
    }
}

@media screen and (max-width:768px) {
    td img.map-img-ad {
        width: 44px !important;
        margin: 0 auto !important;
    }
}

td.openClose {
    width: 40px;
    padding: 7px 20px;
}

.openClose-week {
    width: 140px;
}

.card-description {
    display: -webkit-flex;
    display: flex;
}

.card-description__left {
    margin: 0 40px 0 0;
}

@media screen and (max-width:768px) {
    .card-description__left {
        margin: 0 5px 0 0;
    }
}

.card-description__left img {
    display: block;
}

.card-description__left img:nth-of-type(1) {
    margin-bottom: 5px !important;
}

.card-description__right {
    text-align: left;
    line-height: 1.6;
}

@media screen and (max-width:768px) {
    .tel-column {
        width: 75px !important;
    }
}

.gototop {
    padding-top: 20px;
    text-align: right;
}

/*2018年末年始　特別営業時間用 start*/
.shoplist-ex01 {
    width: 100%;
    margin: 0 auto;
}

.shoplist-ex01 td {
    width: 25%;
    background: lightblue;
    padding: 4px 0px;
    text-align: center;
}

.shoplist-ex01 td:nth-child(1) {
    background: #F9D4D9;
}

.shoplist-ex01 td:nth-child(2) {
    background: #DCE9F4;
}

.shoplist-ex01 td:nth-child(3) {
    background: #D0F2D8
}

.shoplist-ex01 td:nth-child(4) {
    background: #FFFCBF
}

.shoplist-ex01 td a {
    display: block;
}

.title-shoplist-ex01 {
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #807E78;
    margin: 30px 0 20px 0;
    font-size: 2.4rem;
}

/*2018年末年始　特別営業時間用 end*/


/* @media screen and (max-width:768px) {
    .gototop {
        display: none;
    }
} */

/*------------------------採用ページ--------------------------*/

/**-----------採用ページメニューナビ------------**/
.inside_box03_recruit {
    //	width:100%;
    //	text-align:center;
    //	padding-bottom:0;
    //	margin:0 auto;
    width: 900px;
    text-align: center;
    padding-bottom: 0;
    margin: 0 auto;
}

#recruit_menu_box {
    width: 100%;
    text-align: center;
    margin-top: 10px;
}

#recruit_menu_box #recruit_menu {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    padding: 0;
    list-style-type: none;
}

#recruit_menu_box #recruit_menu li {
    //	position: absolute;
    //	display: block;
    display: flex;
    justify-content: center;
    align-items: center;
    float: left;
    width: 25%;
    height: 31px;
    padding: 0;
    margin: auto;
    background-color: red;
    border-right: 1px solid #fff; //    border-bottom: 1px solid #807E78;
}

#recruit_menu_box #recruit_menu li:last-child {
    border-right: none;
}

#recruit_menu_box #recruit_menu li:hover {
    background-color: blue;
}

#recruit_menu_box #recruit_menu li:active {
    background-color: blue;
}

#recruit_menu_box #recruit_menu li:focus {
    background-color: blue;
}

#recruit_menu_box #recruit_menu li a {
    text-decoration: none;
    color: #fff;
    font-size: 1.6rem;
}

.clear {
    clear: both;
}

@media screen and (max-width:768px) {
    .inside_box03_recruit {
        width: 100%;
        text-align: center;
        padding-bottom: 0;
        margin: 0 auto;
    }

    #recruit_menu_box {
        width: 100%;
        text-align: center;
    }

    #recruit_menu_box #recruit_menu li {
        width: 50%;
        height: 40px;
        border-bottom: 1px solid #fff;
    }

    #recruit_menu_box #recruit_menu li:nth-child(even) {
        width: 50%;
        border-bottom: 1px solid #fff;
        border-right: none;
    }
}

/**-----------採用ページレイアウト------------**/
.inside_box03_recruit h4 {
    width: 100%;
    height: 41px;
    text-align: center;
    font-size: 50px;
    font-size: 2.5rem;
    font-weight: lighter;
    letter-spacing: 0px;
    line-height: 100%;
    background-image: url(https://www.choushimaru.co.jp/wp/wp-content/themes/choushimaru/img/work/recruitment/cnt_1/h4_bg.png);
    background-repeat: repeat-x;
    border: 1px solid #bfbfbf;
    display: flex;
    justify-content: center;
    align-items: center;
}

.inside_box03_recruit dl {
    font-size: 2.0rem;
    text-align: left;
}

.inside_box03_recruit dt {
    font-weight: bold;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    padding-left: 25px;
    text-indent: -25px;
    margin: 40px 0px 15px 0px;
    line-height: 2.5rem;
}

.inside_box03_recruit dd {
    margin: 10px 0;
    font-size: 1.6rem;
    padding-left: 25px;
}

.inside_box03_recruit dd.last {
    margin: 10px 0;
    font-size: 1.6rem;
    padding-left: 25px;
    margin-bottom: 80px;
}

.inside_box03_recruit dd p {
    margin: 0;
}

.inside_box03_recruit p {
    padding: 15px 10px 15px 10px;
    text-align: left;
    font-size: 1.6rem;
    margin-bottom: 30px;
}

.inside_box03_recruit p.last {
    padding: 15px 10px 15px 10px;
    text-align: left;
    font-size: 1.6rem;
    margin-bottom: 80px;
}

.recruit_workimg {
    position: relative;
    overflow: hidden;
}

.recruit_workimg ul {
    position: relative;
    width: 738px;
    margin: 0 auto;
    padding: 0;
    list-style: none;
    font-size: 0;
}

.recruit_workimg li {
    position: relative;
    float: left;
    width: 230px;
    height: 350px;
    margin: 0;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 30px;
    padding: 0;
    background: white;
    border: 1px #bfbfbf solid;
    border-radius: 5px;
}

.recruit_workimg li img {
    width: 202px;
    height: 202px;
    margin: 10px 0 0 0;
    padding: 0;
}

.recruit_workimg li.work_li_02 {
    position: relative;
    float: left;
    width: 230px;
    height: 260px;
    margin: 0;
    margin-left: 8px;
    margin-right: 8px;
    margin-bottom: 30px;
    padding: 0;
    background-color: none;
    border: 0;
    border-radius: 0;
}

.recruit_workimg li.work_li_02 img {
    width: 214px;
    height: 247px;
    margin: 10px 0 0 0;
    padding: 0;
}

.recruit_workimg li .tit {
    margin-top: 10px;
    margin-bottom: 5px;
    padding-bottom: 5px;
    text-align: center;
    font-size: 13px;
    font-size: 1.3rem;
}

.recruit_workimg li .data {
    padding: 0 15px 0 15px;
    font-size: 12px;
    font-size: 1.2rem;
    text-align: left;
}

@media screen and (max-width:767px) {
    .recruit_workimg ul {
        width: 246px;
    }

    .recruit_workimg li {
        float: none;
        background: white;
        height: 350px;
    }

    .recruit_workimg ul {
        width: 246px;
    }

    .recruit_workimg li.work_li_02 {
        float: none;
    }
}

@media screen and (max-width:768px) {
    .inside_box03_recruit dd {
        font-size: 1.4rem;
        line-height: 2.5rem;
    }

    .inside_box03_recruit dd.last {
        font-size: 1.4rem;
        line-height: 2.5rem;
        margin-bottom: 50px;
    }

    .inside_box03_recruit p {
        padding: 15px 10px 15px 10px;
        text-align: left;
        font-size: 1.4rem;
        line-height: 2.5rem;
    }

    .inside_box03_recruit p.last {
        padding: 15px 10px 15px 10px;
        text-align: left;
        font-size: 1.4rem;
        line-height: 2.5rem;
        margin-bottom: 50px;
    }
}

@media screen and (max-width:375px) {
    .inside_box03_recruit h4 {
        font-size: 20px;
    }

    .inside_box03_recruit dt {
        font-size: 20px;
    }

    .inside_box03_recruit dt {
        font-size: 18px;
    }

    .inside_box03_recruit dt br {
        display: none;
    }
}

/**-----------採用ページ表組み------------**/

/*「採用情報」ページの仕事内容の表レイアウト
-------------------------------------------------------*/
table.gaiyou_01 {
    table-layout: fixed;
    margin: 30px 0 0 00;
    width: 100%;
    line-height: 140%;
}

table.gaiyou_01 tr {
    vertical-align: middle;
}

table.gaiyou_01 th {
    padding: 15px 10px 15px 25px;
    text-align: left;
    border: #fff 0px solid;
    background-color: #F9F1CA;
    font-weight: bold;
    font-size: 1.6rem;
    width: 30%;
    color: #000;
}

table.gaiyou_01 td {
    padding: 15px 10px 15px 25px;
    border: #fff 0px solid;
    border-bottom: #F9F1CA 1px solid;
    background-color: #FCF7DE;
    font-weight: bold;
    text-align: left;
    font-size: 1.6rem;
    width: 70%;
    line-height: 2.3rem;
}

@media screen and (max-width:768px) {
    table.gaiyou_01 th {
        padding: 10px;
    }

    table.gaiyou_01 td {
        padding: 10px;
    }

    table.gaiyou_01 td br {
        display: none;
    }
}

/*「採用情報」ページ採用内容詳細
　「会社概要」ページの人事制度・待遇の表レイアウト
-------------------------------------------------------*/
table.gaiyou_02 {
    table-layout: fixed;
    margin: 30px 0 30px 0;
    width: 100%;
    line-height: 140%;
    font-size: 1.6rem;
    margin-bottom: 80px;
}

table.gaiyou_02 tr {
    vertical-align: middle;
}

table.gaiyou_02 th {
    padding: 5px 10px 5px 10px;
    text-align: left;
    border: #fff 0px solid;
    background-color: #F9F1CA;
    font-weight: normal;
    width: 100px;
    color: #000;
}

table.gaiyou_02 td {
    padding: 5px 10px 5px 10px;
    border: #fff 0px solid;
    border-bottom: #F9F1CA 1px solid;
    background-color: #FCF7DE;
    font-weight: normal;
    text-align: left;
}

@media screen and (max-width:375px) {
    table.gaiyou_02 th {
        font-size: 14px;
    }

    table.gaiyou_02 td {
        font-size: 14px;
    }
}

/*「会社説明会・面接会情報」ページの説明会概要レイアウト
-------------------------------------------------------*/
.inside_box03_recruit h5.area {
    font-weight: bold;
    background-position: 0px 0px;
    background-repeat: no-repeat;
    margin: 30px 0px 5px 0px;
    line-height: 2.5rem;
    text-align: left;
    font-size: 2.0rem;
}

.inside_box03_recruit p.area_p {
    padding: 15px 10px 15px 10px;
    text-align: left;
    margin-bottom: 0px;
    font-size: 120%;
}

table.gaiyou_03 {
    table-layout: fixed;
    margin: 0 auto;
    width: 100%;
    line-height: 140%;
    font-size: 100%;
}

table.gaiyou_03 tr {
    vertical-align: middle;
}

table.gaiyou_03 th {
    padding: 5px 10px 5px 10px;
    text-align: center;
    border: #fff 0px solid;
    border-bottom: #F9F1CA 1px solid;
    background-color: #F9F1CA;
    font-weight: normal;
    color: #000;
}

table.gaiyou_03 th.h_1 {
    width: 180px;
}

table.gaiyou_03 th.h_2 {
    width: 60px;
}

table.gaiyou_03 th.h_3 {}

table.gaiyou_03 th.h_4 {
    width: 120px;
}

table.gaiyou_03 th.h_5 {
    width: 60px;
}

table.gaiyou_03 td {
    padding: 5px 10px 5px 10px;
    border: #fff 0px solid;
    background-color: #FCF7DE;
    font-weight: normal;
    text-align: center;
}

table.gaiyou_03 td.place {
    text-align: left;
}

@media screen and (max-width:767px) {
    table.gaiyou_03 {
        table-layout: fixed;
        margin: 0 auto;
        width: 100%;
        line-height: 140%;
        font-size: 80%;
    }

    table.gaiyou_03 tr {
        vertical-align: middle;
        padding: 2px;
    }

    table.gaiyou_03 th {
        padding: 2px;
        text-align: center;
        border: #fff 0px solid;
        border-bottom: #F9F1CA 1px solid;
        background-color: #F9F1CA;
        font-weight: normal;
        color: #000;
    }

    table.gaiyou_03 td {
        padding: 2px;
        border: #fff 0px solid;
        background-color: #FCF7DE;
        font-weight: normal;
        text-align: center; //    word-break: break-all;
    }

    table.gaiyou_03 th.h_1 {
        width: 30%;
        padding: 2px;
    }

    table.gaiyou_03 th.h_3 {
        padding: 2px;
    }

    table.gaiyou_03 th.h_4 {
        width: 16%;
        padding: 2px;
    }

    table.gaiyou_03 th.h_5 {
        width: 14%;
        padding: 2px;
    }

    table.gaiyou_03 td.data {
        padding: 2px;
    }

    table.gaiyou_03 td.place {
        padding: 2px;
    }

    table.gaiyou_03 td.recruitment {
        padding: 2px;
    }

    table.gaiyou_03 td.detail {
        padding: 2px;
    }
}

/*「応募フォーム」ページ　iframe
-------------------------------------------------------*/
.inside_box03_recruit p iframe {
    height: 3500px;
}

@media screen and (max-width:375px) {
    .inside_box03_recruit p iframe {
        height: 4800px;
    }
}

/*社長からのお知らせページ
-------------------------------------------------------*/
.abo_box03_p-info {
    width: 840px;
    margin: 0 auto;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 2.2rem;
    margin-bottom: 100px;
}

h3.p-info-title {
    font-size: 150%;
    font-size: 2.0rem;
}

.table_p-info {
    border-collapse: collapse;
    border-color: #807E78;
    border-left: none;
    border-right: none;
    margin: 0 auto;
    width: 85% !important;
    /*画像入れた場合、スマホでレイアウト崩れ対策 */
    margin-top: 30px;
    margin-bottom: 60px;
}

.table_p-info th,
tr,
td {
    border-left: none;
    border-right: none;
}

.table_p-info th.date {
    background-color: #f5deb3;
    text-align: center;
    font-size: 90%;
    vertical-align: middle;
}

.table_p-info th.title {
    height: 28px;
}

.table_p-info th.title-txt {
    font-size: 130%;
    height: 50px;
    text-align: center;
    vertical-align: middle;
}

.table_p-info td.text {
    padding: 20px 10px;
}

@media screen and (max-width:768px) {
    .abo_box03_p-info {
        width: 100%;
        margin: 0 auto;
        font-size: 14px;
        font-size: 1.4rem;
        line-height: 1.8;
        margin-bottom: 20px;
    }

    h3.p-info-title {
        font-size: 150%;
        font-size: 2.0rem;
    }
}

.next-after-year {
    /*
font-size: 12px !important;
*/

    padding: 19px 5px !important;
}


/*------------------------出張回転寿司ページ--------------------------*/

.cat_box {
    width: 900px;
    margin: 20px auto;
    padding: 1rem 1rem 40px;
    font-size: 18px;
    font-size: 1.8rem;
}

.cat_box.ver1 {
    padding-bottom: 20px;
}

.cat_box hr {
    border: #aaa 1px dotted;
}

.cat_box p {
    text-align: left;
}

.cat_box li {
    text-align: left;
}

@media screen and (max-width:768px) {
    .cat_box {
        width: 100%;
        font-size: 14px;
        font-size: 1.4rem;
    }
}


.catering_photo {
    position: relative;
    overflow: hidden;
    left: 0px;
    top: 0px;
    z-index: 12;
    margin: 0 0 20px 0;

}

.catering_photo ul {
    position: relative;
    margin: 0 auto;
    padding: 0;
    width: 720px;
    list-style: none;
}

.catering_photo ul li {
    float: left;
    margin: 0px 20px 0px 20px;
    padding-bottom: 30px;
    max-width: 320px;
}


@media screen and (max-width:767px) {
    .catering_photo ul {
        width: 320px;
    }

    .catering_photo li {
        float: none;
        padding-bottom: 20px;
    }

    .catering_photo li img {
        width: 100%;
        margin: 0 auto;
    }
}

.catering_img {
    width: 900px;
    margin: 0px auto;
    padding-bottom: 20px;
}

@media screen and (max-width:767px) {
    .catering_img {
        width: 100%;
        margin: 20px auto;
        padding-bottom: 0px;
    }
}

#main .catering_reserve_button {
    width: 100%;
    background-color: #c2272d;
    border-radius: 4px;
    box-shadow: 0 3px 0 #9b0005;
    margin: 10px auto;
    font-size: 120%;
}

#main .catering_reserve_button:hover {
    opacity: 0.7;
}

#main .catering_reserve_button a {
    display: block;
    color: white;
    text-decoration: none;
    padding: 16px 0;
}

.catering_point_text {
    color: #e03e2d;
    font-weight: bold;
    margin: 20px 0 30px;
}

.catering_flow_title {
    width: 100%;
    background-color: #e03e2d;
    font-size: 120%;
    margin: 20px auto;
    padding: 10px 0;
    color: white;
}

table.catering_flow {
    margin: 0 auto;
}

table.catering_flow td {
    font-size: 110%;
    font-weight: bold;
    color: #20097c;
    padding: 3px 10px;
}

table.catering_flow td:nth-child(1) {
    text-align: right;
}

table.catering_flow td:nth-child(2) {
    text-align: left;
}

.catering_annotation {
    text-align: right;
    font-size: 80%;
}

.catering_annotation02 {
    text-align: left;
    font-size: 110%;
}

.catering_title_box {
    width: 100%;
    text-align: center;
    background: navy;
    color: white;
    padding: 1rem;
    margin: 3rem auto;
}

.catering_title_box.sec {
    background: rgb(69, 69, 214);
}

.catering_title_box h4 {
    font-size: 2.8rem;
    font-weight: lighter;
    line-height: 150%;
}

.catering_title_box_sub {
    font-size: 110%;
    font-weight: lighter;
    background: navy;
    color: white;
    padding: 4px;
    margin: 0 0 10px 0;
}

.catering_other {
    padding: 0 0 0 10px;
    margin: 10px 0 20px;
}

p.cat_font {
    font-family: "游明朝", "Yu Mincho", "HGP明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "HiraMinProN-W6", serif;
    font-size: 3.5rem;
    font-weight: bold;
    margin-top: 0px;
    line-height: 160%;
}

.cat_form iframe {
    width: 100%;
}

@media screen and (max-width:767px) {
    .cat_form iframe {
        width: 100%;
    }

    #main div.boxH3 div.abo_box03 div table tr.shop-ndividual-write td.shop-name img {
        display: none;
    }

    p.cat_font {
        font-size: 180%;
    }

    .catering_title_box h4 {
        font-size: 2rem;
        padding: 2% 0;
    }

}

/* 夏季休暇　*/

.summer_closed {
    color: red;
    margin: 0;
    padding: 0;
}

/* トップスライドをmovieに */

.top-movie {
    position: relative;
    top: 110px;
    text-align: center;
    margin-bottom: 50px;
}

@media screen and (max-width:767px) {
    .top-movie {
        position: relative;
        top: 0px;
        margin-bottom: 0;
        padding-bottom: 0;
    }
}

.top-movie video {
    max-width: 100%;
    height: auto;
    width: 100%;
}

/*　コロナ関連情報 */

.top-info-co-box {
    position: relative;
    top: 110px;
    text-align: center;
}

.top-info-co {
    display: inline-block;
    margin: 20px auto 0px;
    width: 620px;
    padding-right: 10px;
}

.top-info-co a {
    display: block;
    background-color: #E39300;
    color: white;
    padding: 10px 0;
    font-family: "游明朝", "Yu Mincho", "HGP明朝B", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", "HiraMinProN-W6", serif;
    font-size: 200%;
    text-decoration: none;
}

@media screen and (max-width:768px) {
    .top-info-co-box {
        position: relative;
        top: 0px;
        margin-bottom: 0;
        padding-bottom: 0;
    }

    .top-info-co {
        display: inline-block;
        margin: 10px auto;
        width: 95%;
    }

    .top-info-co a {
        font-size: 100%;
    }

}

@media screen and (max-width:768px) {
    table.table03-2.table03 {
        width: 100% !important;

    }
}

.alig-cent {
    text-align: center;
}

.bord-tb-1 {
    display: inline-block;
    margin: 0 0 8px;
    border-top: solid 1px #aaaaaa;
    border-bottom: solid 1px #aaaaaa;
    padding: 1px 25px;
    font-weight: bold;
}

.txt-bg-red {
    background-color: red;
    color: white;
    font-weight: bold;
    font-size: 2em;
}

section {
    margin: 5em auto;
}

a.btn_blue {
    display: block;
    max-width: 760px;
    margin: 0 auto;
    padding: 1.5rem 3.0rem;
    background-color: #149939;
    border-radius: 8px;
    box-sizing: border-box;
    text-decoration: none;
    transition: 0.3s;
}

a.btn_blue span.bl__text {
    display: block;
    position: relative;
    color: #fff;
    font-size: 2.6rem;
    text-align: center;
    padding-left: 30px;
}

a.btn_blue span.bl__text:before {
    content: '';
    width: 20px;
    height: 20px;
    background: #ffffff;
    border-radius: 50%;
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    margin: auto;
}

a.btn_blue span.bl__text:after {
    content: '';
    width: 10px;
    height: 10px;
    border-top: 5px solid #149939;
    border-right: 5px solid #149939;
    box-sizing: border-box;
    transform: rotate(45deg);
    position: absolute;
    top: 0;
    left: 3px;
    bottom: 0;
    margin: auto;
    transition: 0.3s;
}

a.btn_blue:hover {
    background-color: #1499396b;
}

a.btn_blue:hover span.bl__text:after {
    border-top: 5px solid #1499396b;
    border-right: 5px solid #1499396b;
}

@media (max-width: 736px) {
    a.btn_blue {
        max-width: 80%;
        padding: 1.5rem 2.0rem;
    }

    a.btn_blue span.bl__text {
        font-size: 2rem;
    }
}

#inner .cat_box h2 {
    margin: 3rem auto;
    text-align: center;
}

#inner img {
    max-width: 100%;
    margin: 0 auto;
    display: block;
}

#inner .pagemenu img {
    display: inline;
}

#inner p {
    width: 80%;
    margin: 2rem auto;
}

#inner .red {
    color: #ff0000;
    font-weight: bold;
}

#inner p.uline {
    text-decoration: underline;
}

#inner .attention {
    font-weight: bold;
    font-size: 2.2rem;
}

#inner .attention.center {
    text-align: center;
}

@media (max-width: 736px) {
    #inner p {
        width: 96%;
        margin: 2rem auto;
    }
}

.blue_midashi {
    text-align: center;
    padding: 2rem 0 1.2rem;
    border: #00bfff solid 1px;
    margin: 5rem auto;
    border-left: #00bfff solid 10px;
    background: #fff;
    width: 80%;
}

.blue_midashi span {
    color: #000000;
    font-size: 2.8rem;
}

.pagelink {
    display: block;
    padding-top: 40px;
    margin-top: -40px;
}

.beer {
    width: 100%;
    background-image: url(https://catering.choushimaru.co.jp/img/drink_beer.png);
    background-size: contain;
    background-repeat: no-repeat;
    padding: 10% 5%;
}

.beer ul {
    width: 100%;
}

.beer ul li {
    width: 40%;
    display: inline-block;
    margin: 4% 4% 0 4%;
}

.btn_course {
    display: flex;
    justify-content: center;
}

.btn_course li {
    display: block;
    justify-content: center;
    list-style: none;
    width: 350px;
    float: left;
    height: auto;
}

.btn_course li a {
    display: block;
    width: 100%;
    height: 100%;
    text-decoration: none;
    background: #94C144;
    text-align: center;
    color: #FFFFFF !important;
    font-size: 24px;
    font-weight: bold;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    transition: all 0.5s ease;
}

.btn_course a:hover {
    background: #AADE4E;
    color: #FFFFFF;
    margin-left: 0px;
    margin-top: 0px;
    box-shadow: none;
}

.bar_title_area {
    border: 1px solid #666666;
    padding: 5px;
}

.center .cat_box .bar_title_area {}


/*------------------------出張回転寿司ページ 20250226 --------------------------*/


/* トップメニューボタン */

.box_button {
    display: inline-block;
    width: 700px;
    height: 360px;
}

.box_button ul {
    display: flex;
    justify-content: center;
}

.box_button li {
    list-style: none;
}

.box_button img {
    display: inline-block;
    padding-bottom: 15px;
}

.box_button a:hover img {
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: “alpha(opacity=80)”;
}

@media only screen and (max-width: 768px) {
    .box_button {
        width: 95%;
        height: auto;
        margin: 0 0 30px;
    }

    .box_button li:first-of-type {
        margin-left: 0;
    }


    /* 親iframeのラッパー */
    .cat_form {
        width: 100%;
        max-width: 100%;
        overflow: hidden;
        /* 横スクロールを防ぐ */
        position: relative;
    }

    /* iframe自体を横幅100%にフィット */
    .cat_form iframe {
        width: 100% !important;
        max-width: 100%;
        height: auto !important;
        /* calcで自動挿入された高さを上書き */
        min-height: 1700px;
        /* フォーム全体が見える高さに調整 */
        border: none;
        display: block;
        transform: scale(1);
        transform-origin: 0 0;
    }
}


/* カスタマイズメニュー */

.bar_title_blue {
    background-color: #2B4976;
    text-align: center;
    color: #FFFFFF;
    font-weight: bold;
    line-height: 1.5em;
    width: 100%;
    font-size: 24px;
}

table.tab3 {
    border-collapse: collapse;
    border-top: 1px solid #807E78;
}

table.tab3 td {
    border-bottom: 1px solid #807E78;
    padding: 5px 10px;
    text-align: left;
    vertical-align: top;
}

.tab3 tr.bg_white {
    background-color: #FFFFFF;
    border-right: #999999 solid 1px;
}

.tab3 tr td.nowrap {
    white-space: nowrap;
}

.tab3 tr td.bg_purple {
    background-color: #D6C1ED;
    text-align: center;
    font-weight: bold;
}

.tab3 tr td.bg_green {
    background-color: #9DC49B;
    text-align: center;
    font-weight: bold;
}

.tab3 tr td.bg_yellow {
    background-color: #D5D427;
    text-align: center;
    font-weight: bold;
}

.tab3 tr td.bg_pink {
    background-color: #EDB796;
    text-align: center;
    font-weight: bold;

}

.cstm-tbl td.al-r {
    text-align: right !important;
}