﻿@charset "UTF-8";
@import url(https://fonts.googleapis.com/css?family=Cinzel);
@import url(https://fonts.googleapis.com/css?family=EB+Garamond);
@import url(https://fonts.googleapis.com/css?family=Sawarabi+Mincho);
@import url(//fonts.googleapis.com/earlyaccess/notosansjapanese.css);

.decoboco1 {
    color: #5C4122;
    text-decoration: none;
    font-size: 26px;
    font-weight: bold;
    margin-left: 20px;
    margin-top: 17px;
    display: block;
    float: left;
}
.box {
    position: relative;
    max-width: 100%;
    height: 806px;
    margin: 0px;
    overflow: hidden;
}
.picg3 {
    margin-top:-40px;
}
/* --- 背景の指定 ------------------------------------------- */
.box .bgImg {
    position: absolute;
    top: 0;
    left: 0;
    bottom: 0;
    right: 0;
    opacity: 0;
    animation: bgAnime 20s infinite; /* 4画像 × 各5s = 20s */
    background-position: center;
    background-repeat: no-repeat;
}

    /* --- 段差で背景画像のアニメーションを実行 ----------------- */
    .box .src1 {
        background-image: url(./img/head-2000.jpg); /* 背景の画像を指定 */
    }

    .box .src2 {
        background-image: url(./img/head2.jpg); /* 背景の画像を指定 */
        animation-delay: 5s;
    }

    .box .src3 {
        background-image: url(./img/head-2000.jpg); /* 背景の画像を指定 */
        animation-delay: 10s;
    }

    .box .src4 {
        background-image: url(./img/head2.jpg); /* 背景の画像を指定 */
        animation-delay: 15s;
    }

.boxString {
    position: absolute;
    display: inline-block;
    padding: 25px;
    background: transparent; /* 半透明の青 */
    color: #fff;
    font-size: 40px;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    line-height: 80px;
    font-weight: bold;
}

@keyframes bgAnime {
    0% {
        opacity: 0;
        transform: scale(1.0, 1.0);
    }

    5% {
        opacity: 1;
    }

    25% {
        opacity: 1;
    }

    30% {
        opacity: 0;
    }

    100% {
        opacity: 0;
        transform: scale(1.3, 1.3);
    }
}

.notosan {
    font-family: 'Noto Sans Japanese', sans-serif;
}
b {
    background: linear-gradient(transparent 60%, #8CE3B6 40%);
    font-weight: bold;
}
.relative {
    position:relative;
}
.marginbottom20 {
    margin-bottom: 20px;
    margin-left: 32px;
}

.koe {
    width: 420px;
    float: left;
    margin: 40px;
    height: 630px;
}
    .koe a {
        float: right;
        color: #2ECD7A;
        text-decoration:none;
    }
.koe_titiel {
    text-align: center;
    background: linear-gradient(transparent 60%, #8CE3B6 40%);
    font-family: 'EB Garamond', serif;
    font-size: 18px;
    font-weight:bold;
}
.koe_titleA {
    height: 84px;
    vertical-align: middle;
    display: table-cell;
    padding: 20px 10px;
    width: 420px;
}
.youget {
    font-size: 18px;
    line-height: 40px;
    position: absolute;
    top: 0px;
    left: 430px;
}
.youget2 {
    font-size: 17px;
    line-height: 33px;
    position: absolute;
    background-color: white;
    padding: 40px 50px;
    color: #474145;
    border-radius: 20px;
    width: 450px;
}
.yougettext {
    margin-top: 20px;
}
.youcangetLast {
    font-size: 18px;
    line-height: 40px;
    text-align: center;
    margin: 50px 0px;
}

.taiken1 {
    background: linear-gradient(transparent 60%, #E48791 40%);
    font-weight: bold;
    font-size: 25px;
}
.taiken2 {
    font-size: 50px;
    padding: 20px;
    letter-spacing: 2px;
    font-weight: bold;
}
.taiken3 {
    font-size: 25px;
    padding: 10px;
    font-weight: bold;
}
.taiken4 {
    background: white;
    color: #5C4122;
    line-height: 25px;
    text-align: left !important;
    width: 300px;
    margin: 20px;
    padding: 30px;
    border-radius: 10px;
    float: left;
}
.taiken5 {
    color: #5C4122;
    font-size: 18px;
    font-weight: bold;
    letter-spacing: 0px;
    margin-bottom: 10px;
}
.footerNewLink {
    width: 330px;
    float: left;
}
.footerNewLink a
{
    color:White;
    text-decoration:none;
}
.background_0 {

}
#outerbottomLink
{
    width:1200px;
    margin-left:auto;
    margin-right:auto;    
}
.button_tokyo8
{
 text-align:center;    
}
.button_tokyo8:hover
{
 text-align:center;    
 opacity:0.8;
filter: alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}
.linoStyle4 {
    text-decoration: none;
    background-color: #fff;
    color: #5C4122;
    border: solid 1px #5C4122;
    margin-left: 0px;
    /* width: 250px; */
    font-family: 'Sawarabi Mincho', sans-serif;
    display: inline-block;
    padding: 15px 50px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    cursor: pointer;
    display: table;
    padding: 10px 30px;
    box-shadow: 5px 5px 10px #ddd;
    transition: all 0.5s;
}
    .linoStyle4 a {
        color: #5C4122;
        padding: 15px 50px;
        text-decoration: none;
    }
    .linoStyle4:hover {
        text-decoration: none;
        background-color: #5C4122;
        color: #fff;
        border: solid 1px #5C4122;
    }
.linoStyle4 a:hover
{
    color: #fff;
}
.linoStyle5
{
    background:linear-gradient(-90deg, #ed765e, #e3bde5);
    color: #fff;
    margin-left: 0px;
    font-family: 'Sawarabi Mincho', sans-serif;
    display: table;
    padding: 10px 50px;
    box-shadow: 5px 5px 10px #ddd;
            text-decoration: none;
            cursor: pointer;
                margin-left: auto;
    margin-right: auto;
}
.linoStyle5 a
{
    color: #fff;    
    padding: 10px 50px;
            text-decoration: none;
}
.linoStyle5:hover
{
    padding: 9px 49px;
    background-color: #fff;
    background-image: none;
    color: #ed765e;
    border: solid 1px #ed765e;
}
.linoStyle5 a:hover
{
    color: #ed765e;
        text-decoration: none;
}
.linoStyle6
{
    line-height:18px!important;
    font-size:12px;
}
.linoStyle6 p
{
    line-height:18px!important;
    font-size:12px;
}
.linoStyle6 div
{
    line-height:18px!important;
    font-size:12px;
}
.linoStyle7 {
    text-decoration: none;
    background-color: #5C4122;
    color: #fff;
    border: solid 1px #5C4122;
    margin-left: 0px;
    /* width: 250px; */
    font-family: 'Sawarabi Mincho', sans-serif;
    display: inline-block;
    padding: 15px 50px;
    margin-left: auto;
    margin-right: auto;
    float: none;
    cursor: pointer;
    display: table;
    padding: 10px 30px;
    box-shadow: 5px 5px 10px #ddd;
    transition: all 0.5s;
}
.linoStyle7 a
{
    color: #fff;   
    padding: 15px 50px;
            text-decoration: none;
}
    .linoStyle7:hover {
        text-decoration: none;
        background-color: #fff;
        color: #5C4122;
        border: solid 1px #5C4122;
    }
    .linoStyle7 a:hover {
        color: #5C4122;
    }
.caption_box{
  position: relative;
  background-color: #FFEBEE;
  margin-top: 50px;
  padding:20px 10px;
  border: 1px solid #EF9A9A;
}
.caption_box a
{
 font-size:13px;
}
.caption_box .caption{
    position: absolute;
    top: 0;
    left: 0;
    color: #EF5350;
    font-size: 1em;
    padding: 0px 0px;
    margin: 0;
    background-color: #fff;
    transform: translateY(-50%) translateX(1em);
    line-height: 20px;
}
.grid {
  margin-bottom: 1.6em;
}
.grid-item {
  width: calc(25% - 5px);
  padding: 2px;
}
.grid-item img {
  vertical-align: bottom;
  width: 100%;
}
.grid img
{
 opacity:1!important; 
 background-color:#ddd;  
}
.kasenbox
{
 padding:20px;
 border:solid 1px #000;
 background-color:#fff;
 text-decoration:underline;    
}
.makelessonTable 
{
    border:solid 2px #914f0f;
}
.makelessonTable b
{
     color:#f78b8b;
}
.makelessonTable td
{
     border:solid 1px #914f0f;
     padding:10px;
     
}
.layout_rightbox li a
{
 text-decoration:none;    
 color:#000;
}
.layout_rightbox ul
{
    padding-left:30px;
}
.lessonTable_td1
{
 background-color:#f8d7cd;
 color:#ba6716;
 text-align:center;
 font-size:16px;
}
.lessonTable_td2
{
 background-color:#f78b8b;
 color:#fff;
 text-align:center;
 width:100px;
 font-size:22px;
}
.lessonTable_td3
{
 background-color:#fff;
 text-align:left;
 width:520px;
     vertical-align: top;
    line-height: 20px;
}
.lessonTable_td4
{
 background-color:#f0f0f0;
 text-align:left;
 width:520px;
     vertical-align: top;
    line-height: 20px;
}
.konnakata
{
    width: 300px;
    float: left;
    padding: 20px;
    height: 50px;
    background-color: #f78b8b;
    margin: 10px;
    color: white;
    text-align: center;
    line-height: 26px;
    font-weight: bold; 
    font-size:14px;
}
.konnakata1line
{
    padding-top: 31px;
    height: 39px;
}
.konnakata:nth-child(2n) 
{
        background-color: #db8a74;
}
.superbigfont
{
 font-size:28px;    
}
.bigfont
{
 font-size:18px;    
}
.moreabout
{
    float: left;
    text-align: center;
    color: #8e4530;
    padding:19px 29px;
    line-height: 16px;
    font-weight: bold;    
}
.moreabout img 
{
    margin-bottom:15px;
}
.moreabout2
{
    float: left;
    text-align: center;
    color: #DB8A74;
    padding:19px 29px;
    line-height: 16px;
    font-weight: bold;    
}
.moreabout2 img 
{
    margin-bottom:15px;
}
#main_slide ul
{
    margin:0px;
}
.white
{
 color:#fff!important;
 border-color:#fff!important;  
}
.footerParts
{
    height:10px; background-color:#ffffff;background-image:url(img/footerline.png);background-repeat:repeat-x;
}
.comment {
    background-image:
        url(img/kaiwa-left.png),
        url(img/kaiwa-right.png);
    background-position:left top,right bottom;
    background-repeat: no-repeat;
    background-color:#F9F6F8;
    padding:30px 50px;
}
.calendar_yukiyo
{
height:840px;padding-top:100px;
}
.profile_detail
{
position:absolute;top:180px;right:70px;width:670px;font-size: 13px;line-height: 22px;
}
.yukiyosanPic
{
position:absolute;
    right: -120px;
    top: -400px;
z-index: -1;
}
.style_2
{
height:505px;
}
.style_1
{
    height:auto;background-position: center top; background-repeat:no-repeat; background-image:url(img/voice-haikei.png);
    padding-bottom: 50px;
}
.width_x
{
width:1150px!important;
}
.whiteBox
{
position:relative;
    width: 273px;
    height: 414px;
    float: left;
    padding: 40px;
    margin-left: 15px;
    margin-right: 15px;
    margin-top: 50px;
    margin-bottom: 60px;
    background-image: url(img/voice-box.png);
}
.whiteBox_title
{
color: #D13430;
    font-weight: bold;
    font-size: 18px;
}
.whiteBox_text
{
color: #2d2620;
margin-top:20px;
margin-bottom:20px;
}
.whiteBox_name
{
color:#D13430;
position:absolute;
    font-weight: bold;
    font-size: 15px;
    bottom: 40px;
    left: 40px;
}
.kirei img 
{
float:left;
}
.kirei
{
width:1500px!important;
}
.service
{
height:290px;
}
.service img 
{
float:left;
margin-left:0px;
margin-bottom: 50px;
}
.service_title
{
    border-bottom: double 3px #6f2e38;
    font-size: 24px;
    /* margin-left: 30px; */
    width: 634px;
    float: right;
    padding: 10px;

padding-top: 0px;
}
.service_text
{
    padding: 15px;
    width: 614px;
    float: right;
}
.menuPics img
{
 margin:15px;    
}
.button_kaisai
{
    text-decoration: none;
    display: block;
    text-align: center;
    padding: 10px 30px;
    margin-left: 0px;
    margin-bottom: 10px;
    min-width: 200px;
}
.button_jyukousei
{
    text-decoration: none;
    width: 270px;
    /* display: block; */
    /* float: left; */
    text-align: center;
    padding: 10px 100px;
    margin-left: 20px;
    margin-top: 10px;
}
.button_tokyo {
    background-color: #E48791;
    border: solid 1px #E48791;
    color: #fff;
    margin-left: 0px;
    padding: 10px 30px;
    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    display: inline-block;
    padding: 10px 70px;
    font-size: 18px;
}
a.button_tokyo:hover {
    text-decoration: none;
    background-color: #fff;
    color: #E48791;
}
.button_side {
    background-color: #5C4122;
    border: solid 1px #5C4122;
    color: #fff;
    margin-left: 0px;
    padding: 10px 30px;
    font-family: 'Sawarabi Mincho', "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    display: inline-block;
    padding: 5px 20px;
    font-size: 14px;
    text-decoration: none;
}
a.button_side:hover {
    text-decoration: none;
    background-color: #fff;
    color: #5C4122;
}
.columnList2 .itemBox:nth-child(3)
{
 display:none;    
}
.button_tokyo2
{
    background-color:#F8D7CD;
    border:solid 1px#F8D7CD;
    color:#BA6716;
}
a.button_tokyo2:hover
{
    text-decoration:none;
    background-color:#BA6716;
    color:#F8D7CD;
}
.button_opposite
{
    background-color:#748BAF;
color:#fff;
}
a.button_opposite:hover
{
background-color:#465979;
}
.button_tokyo_back
{
background-color:#fff;
color:#748BAF;
border:solid 1px #748BAF;
    margin-left: 0px;
        width: 250px;
         font-family: 'Sawarabi Mincho', sans-serif;
}
a.button_tokyo_back:hover
{
text-decoration:none;
background-color:#748BAF;
color:#fff;
border:solid 1px #748BAF;
}
.button_tyosho
{
background-color:#fff;
color:#6f2e38;
border:solid 1px #6f2e38;
}
.button_osaka
{
background-color:#e8dace;
color:#6f2e38;
border:solid 1px #6f2e38;
}
.button_fukuoka
{
background-color:#fce0d9;
color:#fff;
}
.button_short
{
 width:200px;
 float:left;
  margin-right:20px;    
}
.leftMenuButton
{
margin-right:50px;
}
.mincho {
   font-family: 'Sawarabi Mincho', sans-serif;
}
.H1up
{
     text-align: center;
    font-size: 20px;
    margin-bottom: 20px;
    color: #000;    
}
.large
{
font-size:22px;
}

.large2
{
border:solid 1px #ffc2c2;
background-color:#ffe1e1;
font-size:25px;
font-weight:bold;
padding:20px;
display: table;
    margin-left: auto;
    margin-right: auto;
}
.cinzel
{
font-family: 'Cinzel', serif!important;
}

#footerLink {
    position: absolute;
    top: 10px;
    width: 1000px;
    left: 240px;
    line-height: 45px;
    text-align: center;
}
.comment1 {
    padding: 20px 30px !important;
    margin-left: 133px !important;
    background-color: #FAE7E9 !important;
    position: relative;
    display: block;
    margin-top: 10px !important;
    margin-bottom: 10px !important;
    clear: both;
    min-height: 80px;
    font-family: "Noto Sans Japanese";
    border-radius: 20px;
}
    .comment1:before {
        content: "";
        display: block;
        width: 133px !important;
        height: 133px !important;
        background: url(img/fukidashi1.png) no-repeat !important;
        background-size: contain;
        position: absolute;
        top: 0px !important;
        left: -134px !important;
    }
.comment1-2 {
    background-image: url(img/green-box.png);
    background-repeat: no-repeat;
    padding: 30px 20px 30px 170px;
    height: 82px;
    margin-bottom: 10px;
    overflow: hidden;
    line-height: 23px !important;
    min-height: 130px;
    background-color: #D5F5E8;
    border-radius: 20px;
    background-position: 20px 20px;
}

.comment1-3 {
    background-image: url(img/box-sachiko2.png);
    background-repeat: no-repeat;
    padding: 30px 20px 30px 170px;
    height: 82px;
    margin-bottom: 10px;
    overflow: hidden;
    line-height: 23px !important;
    min-height: 130px;
}
input#btnFormSubmit {
    width: 30% !important;
    background-color: #2ECD7A;
    border: solid 0px #2ECD7A;
    color: white;
    padding: 15px;
}
    input#btnFormSubmit:hover {
        color: #2ECD7A;
        background-color: #fff;
        border: solid 1px #2ECD7A;
    }
.comment2
{
    background-image: url(img/comment-sachiko-short.jpg);
    background-repeat: no-repeat;
    padding: 70px 10px 50px 170px;
    height: 82px;
    margin-bottom: 10px;
    overflow: hidden;
    line-height: 23px!important;
}
.comment3
{
    background-image: url(img/sachiko-comment.png);
    background-position:left top;
    background-repeat: no-repeat;
    background-color:#f3e8f1;
    padding: 30px;
    padding-left: 170px;
}
.comment4
{
    background-image: url(img/soudan.png);
    background-repeat: no-repeat;
    background-position:right top;
    background-color:#defaf6;
    padding: 30px;
    padding-right: 170px;
}
.menuStyle1
{
border-top:solid 1px #8d442f;
border-left:solid 1px #8d442f;
border-right:solid 1px #8d442f;
background-color:#f78b8b;
color:#fff;
padding:10px 10px;
text-align:center;
font-weight:bold;
margin-left: 0px;
    margin-right: 0px;
        font-size: 18px;
}
.menuStyle2
{
border-left:solid 1px #8d442f;
border-right:solid 1px #8d442f;
padding:10px 10px;
text-align:left;
margin-left: 0px;
    margin-right: 0px;
}
.menuStyle3
{
border-left:solid 1px #8d442f;
border-right:solid 1px #8d442f;
border-bottom:solid 1px #8d442f;
background-color:#f6f6f6;
padding:10px 10px;
margin-left: 0px;
    margin-right: 0px;
}
.columTop {
    background-color: #d6988d;
    margin-left: 20px;
    padding: 11px 15px;
    text-decoration: none;
    display: inline-block;
    line-height: 20px;
    margin-bottom: 20px;
    color: #4d4d4d;
    font-weight: bold;
    width: 180px;
}
.otherMenu
{
padding-top:60px;
}
.Top1 {
    background-color: #E48791;
}
.Top2 {
    background-color: #2ECD7A;
}
.Top3 {
    background-color: #BDE6EB;
}
.Top6 {
    background-color: #C2A39C;
}
.Top8 {
    background-color: #BDDAAC;
}
.qandaPanel
{
padding: 0px 130px;
}
.qanda
{
padding-top:30px;
}
.menuBorder
{
text-decoration: none;border-bottom: 2px solid #ab7c22;padding-bottom: 5px;
}
.menuTitle
{
text-align: center;font-size: 20px;margin-top:20px; color:#ab7c22;
    line-height: 40px;
    font-family: Cinzel, serif;
font-weight:bold;
}
.colorPink
{
color:#ec726b;
}
.colorLight
{
color:#ab7c22;
}
.recommendMenu
{
text-align:left;
position:relative;
height: 1721px;
}
.menuBox1
{
position:absolute;
    top: 130px;
    left: 690px;
    width: 690px;
}
.menuBox2
{
position:absolute;
    top: 670px;
    left: 340px;
    width: 690px;
}
.menuBox3
{
position: absolute;
    top: 1180px;
    left: 700px;
    width: 710px;
}
.prevAndNext
{
text-align: center;
margin-bottom:40px;
}
.prevButton
{
    margin-right: 50px;
}
.nextButton
{
    margin-left: 50px;
}
.nextButton, .prevButton
{
    display: inline-block;
}
    .nextButton a, .prevButton a {
        color: #2BD0E3;
        text-decoration: none;
        display: block;
        padding: 0px 10px;
        border: solid 1px #2BD0E3;
    }
        .nextButton a:hover, .prevButton a:hover {
            background-color: #2BD0E3;
            color: #ffffff;
        }
.originalsize
{
width:3397px;
height:247px;
}
.kasouhead {
    height: 300px;
    background-image: url(../img/kasou-head.jpg);
    background-repeat: no-repeat;
    background-position: center;
}
.originalsize2 {
    width: 2474px;
    height: 310px;
}
.height1 {
    height: 806px;
}
.height2
{
padding-bottom:50px!important; 
padding-top:0px!important; 
}
.height3
{
height:1600px;
}
.height4
{
padding-bottom:50px!important; 
}
.height5
{
padding-bottom:50px!important; 
position:relative;
}
.height6
{
padding-bottom:50px!important; 
padding-top:50px!important; 
}
.height7
{
padding-bottom:50px!important; 
}
.kid1
{
position:absolute;
right:-50px;
bottom:192px;
}
.kid2
{
position:absolute;
left:-30px;
bottom:0px;
}

#page_contents table
{
border:solid 1px #dddddd;
margin: 0px auto;
}
#page_contents td
{
border:solid 1px #dddddd;
padding:5px 10px;
text-align:left;
}
#page_contents td:nth-of-type(1)
{
text-align:left;
background-color:#f5f5f5;
color:#4c4c4c;
padding: 20px;
}
#page_contents table.tableType1 td
{
background-color:#ffffff;
}
#page_contents table.tableType1 tr:nth-of-type(1)
{
background-color:#f0ebd8;
}
#page_contents table.tableType1 tr:nth-of-type(1) td
{
background-color:#f0ebd8;
}
#page_contents table.tableType2 td:nth-of-type(3) {
    background-color: #f0ebd8;
}
#page_contents table.timeColumn tr td:nth-of-type(1)
{
background-color:#ffffff;
}
#page_contents table.timeColumn tr td:nth-of-type(2)
{
background-color:#E6FCFA;
}
#page_contents table.timeColumn tr td:nth-of-type(3)
{
background-color:#FFFDC5;
}
#page_contents table.timeColumn tr td:nth-of-type(4)
{
background-color:#CCFFE1;
}
#page_contents table.timeColumn tr td
{
    padding-top: 10px;
    padding-bottom: 10px;
}
timeColumn
#page_contents table.tableType2 td:nth-of-type(3)
{
background-color:#F3ECE0;
}
#page_contents table.tableType1 td
{
padding-left:50px;
padding-right:50px;
text-align:center;
}
#page_contents table.tableType2 td
{
padding-left:50px;
padding-right:50px;
text-align:center;
}

#page_contents table.tableType3 tr:nth-of-type(1) td
{
background-color:#F3ECE0;
}
#page_contents table.tableType3 td
{
padding-left:50px;
padding-right:50px;
text-align:center;
}
.luce1
{
    padding: 35px 80px 20px 100px;
    background-image: url(img/q-brown.png);
    background-position: 15px 15px;
    background-repeat: no-repeat;
    line-height: 25px;
    overflow: hidden;
    /* border-bottom: solid 1px #ddd; */
    margin-bottom: 10px;
    background-color: #f1e6dc;
    color: #a05913;
    font-weight: bold;
    font-size: 20px;
    line-height: 27px!important;
    min-height:50px;
}
.luce2
{
    padding: 10px 110px 10px 110px;
    background-image: url(img/answer.png);
    background-position: 60px 0px;
    background-repeat: no-repeat;
    line-height: 25px;
    overflow: hidden;
    color: #000;
}
.luce3
{
    color: white;
    background-color: #62c58f;
    padding: 0px 0px 0px 30px;
    font-weight: bold;
    line-height: 30px;
}
.luce4
{
    border: solid 1px #62c58f;
    margin-bottom: 20px;
    padding: 20px;
    background-color: white;
}
.luce4 img
{
float:left;
margin-right:30px;
width:152px;
}
.luce5 {
    padding: 40px 30px 20px 180px;
    background-image: url(img_belle/messege-style.png);
    background-repeat: no-repeat;
    width: 763px;
    height: 55px;
    line-height: 20px;
font-size: 13px;
    overflow: hidden;
    color: #2cc4b5;
font-weight:normal;
}
#subpageOnly {
    display: block;
}
#topcontact
{
background-image:url(img_belle/onlinestore-top.png);
height:55px;
width:164px;
}
#topaddmission
{
background-image:url(img_belle/yoyaku-top.png);
height:55px;
width:192px;
}
#topcontact:hover
{
background-image:url(img_belle/online-topBG.png);
}
#topaddmission:hover
{
background-image:url(img_belle/yoyaku-topBG.png);
}
.footerBoxWidthMap
{
height:765px; 
}
.footerBox
{
height: 470px;
    background-image: url(img_luce/footerbg.png);
    background-repeat: repeat-x;
    background-position: bottom;
    background-color: #e49c7e;
}


.dairyBox
{
text-align:center;
margin-top: 15px;
padding: 20px 0px 0px 0px;
 width:1000px;
}
.dairyBox img
{
 margin-left:20px;
margin-top:40px;
}
.aboutBox img
{
 margin-left:5px;
margin-top:60px;
}
.kodawariText
{
margin-left:90px;
margin-bottom:10px;
}
.themeBox
{
position:absolute;
top:-15px;
width:25px;
height:74px;
padding:20px 12px 0px 0px;
color:#ffffff;
background-repeat:no-repeat;
display:block!important;
white-space:nowrap;
overflow:hidden;
width: 150px;
    font-size: 10px;
}
.itemBox .themeBox
{
left:0px;
top:15px;
}
.themeBox1 {
    background-color: #E48791;
    color: #4d4d4d;
    height: 19px;
    padding: 0px 0px 5px 0px;
    text-align: center;
}
.themeBox2 {
    background-color: #2ECD7A;
    color: #4d4d4d;
    height: 19px;
    padding: 0px 0px 5px 0px;
    text-align: center;
}
.themeBox3 {
    background-color: #BDE6EB;
    color: #4d4d4d;
    height: 19px;
    padding: 0px 0px 5px 0px;
    text-align: center;
}
.themeBox4 {
    background-color: #d6988d;
    color: #4d4d4d;
    height: 19px;
    padding: 0px 0px 5px 0px;
    text-align: center;
}
.themeBox5 {
    background-color: #d6988d;
    color: #4d4d4d;
    height: 19px;
    padding: 0px 0px 5px 0px;
    text-align: center;
}
.themeBox6 {
    background-color: #C2A39C;
    color: #4d4d4d;
    height: 19px;
    padding: 0px 0px 5px 0px;
    text-align: center;
}
.themeBox7 {
    background-color: #d6988d;
    color: #4d4d4d;
    height: 19px;
    padding: 0px 0px 5px 0px;
    text-align: center;
}
.themeBox8 {
    background-color: #BDDAAC;
    color: #4d4d4d;
    height: 19px;
    padding: 0px 0px 5px 0px;
    text-align: center;
}
.themeBox9
{
 background-color:#d6988d;
 color:#ffffff;
height:19px;
padding: 0px 0px 5px 0px;
    text-align: center;
}
.themeBox10
{
 background-color:#d6988d;
 color:#ffffff;
height:19px;
padding: 0px 0px 5px 0px;
    text-align: center;
}
.themeBox11
{
 background-color:#d6988d;
 color:#ffffff;
height:19px;
padding: 0px 0px 5px 0px;
    text-align: center;
}
.themeBox12
{
 background-color:#d6988d;
 color:#ffffff;
height:19px;
padding: 0px 0px 5px 0px;
    text-align: center;
}
.themeBox13
{
 background-color:#d6988d;
 color:#ffffff;
height:19px;
padding: 0px 0px 5px 0px;
    text-align: center;
}
.themeBox14
{
 background-color:#d6988d;
 color:#ffffff;
height:19px;
padding: 0px 0px 5px 0px;
    text-align: center;
}
.themeBox15
{
 background-color:#d6988d;
 color:#ffffff;
height:19px;
padding: 0px 0px 5px 0px;
    text-align: center;
}
.columnBox
{
  -webkit-writing-mode: vertical-rl;
      -ms-writing-mode: tb-rl;
          writing-mode: vertical-rl;
}
.voiceBox
{
    height: 250px;
border:solid 1px #62c58f;
margin-bottom:20px;
padding:0px;
background-color:white;
}
.voiceBoxTitle
{
color:white;
background-color:#62c58f;
    padding: 0px 0px 0px 30px;
    font-weight: bold;
    line-height: 30px;
}
.rightBox
{
float:right;
    width: 760px;
    padding-right: 40px;
}
.rightBoxTitle
{
    font-weight: bold;
    color: #62c58f;
    margin-top: 20px;
    margin-bottom: 10px;
    font-size: 19px;
}
.imageVoice
{
margin:20px 0px 0px 20px;
}
.messageBox
{
    background-image: url(img_luce/message.png);
    padding: 35px 180px 30px 40px;
    height: 84px;
overflow:hidden;
color:#c95e5b;
margin-bottom:20px;
}
.divide3
{
float:left;
margin-left:20px;
width:290px;
text-align:center;
}
.divide4
{
float:left;
margin-right:10px;
margin-left:10px;
width:190px;
padding:20px;
text-align:left;
background-color:White;
font-size:13px;
line-height:22px;
}
.divide4 span
{
color:#92d8d0;
font-weight:bold;
}
#subpageOnly img
{
margin-left:-124px;
}
.divide4 img
{
margin-top:10px; 
margin-bottom:5px;
}
.boxLayout {
    text-align: center;
    width: 1000px;
    clear: both;
}
.linkBox
{
color:#ffffff;
background-color:#f4906c;
border:solid 1px #f4906c;
text-decoration:none;
margin-top:30px;
margin-bottom:30px;
width: 183px;
height:40px;
line-height:40px;
font-weight:bold;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
text-align: center;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
.linkBox:hover
{
color:#f4906c;
background-color:#ffffff;
border:solid 1px #f4906c;
text-decoration:none;
}
.linkBox2
{
color:#ffffff;
background-color:#49dbd1;
border:solid 1px #ffffff;
text-decoration:none;
margin-top:30px;
margin-bottom:30px;
width: 337px;
height:48px;
line-height:48px;
font-weight:normal;
font-size:16px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
text-align: center;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
.linkBox2:hover
{
color:#49dbd1;
background-color:#ffffff;
border:solid 1px #49dbd1;
text-decoration:none;
}
.linkBox3
{
color:#6f2e38;
background-color:#ffffff;
border:solid 1px #6f2e38;
text-decoration:none;
margin-top:30px;
margin-bottom:80px;
width: 337px;
height:40px;
line-height:40px;
font-weight:normal;
font-size:16px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
text-align: center;
    border-radius: 0px;        /* CSS3草案 */  
    -webkit-border-radius: 0px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 0px;   /* Firefox用 */  
}
.linkBox3:hover
{
background-color:#6f2e38;
color:#fff;
border:solid 1px #6f2e38;
text-decoration:none;
}
.linkBox4
{
color:#eaa181;
background-color:#ffffff;
border:solid 1px #eaa181;
text-decoration:none;
margin-top:30px;
margin-bottom:70px;
width: 337px;
height:48px;
line-height:48px;
font-weight:normal;
font-size:16px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
text-align: center;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
.linkBox4:hover
{
background-color:#eaa181;
color:#ffffff;
text-decoration:none;
}
.linkBox5
{
color:#eaa082;
background-color:#ffffff;
border:solid 1px #eaa082;
text-decoration:none;
margin-top:30px;
margin-bottom:30px;
width: 337px;
height:48px;
line-height:48px;
font-weight:normal;
font-size:16px;
    display: inline-block;
    margin-left: 5px;
    margin-right: 5px;
text-align: center;
    border-radius: 5px;        /* CSS3草案 */  
    -webkit-border-radius: 5px;    /* Safari,Google Chrome用 */  
    -moz-border-radius: 5px;   /* Firefox用 */  
}
.linkBox5:hover
{
background-color:#eaa082;
color:#ffffff;
text-decoration:none;
}
#smartHead
{
display:none;
}
#smartFooter
{
display:none;
}
.columnList
{
 margin-bottom:0px;

}
.columnList2
{
    margin-left: 0px!important;
    height: 300px;
    margin-top: 80px;
}
.updateDateTime {
    display: inline-block!important;
    float: left;
    padding: 10px 0px 0px 20px;
    width: 200px;
    font-size: 13px;
    cursor: pointer;
    color: #fff;
    position: absolute;
    top: 180px;
    left: 160px;
}
#footerLink a
{
 color:White;    
 text-decoration:none;
 font-size:12px;
}
#footerLink li {
    list-style: none;
    float: left;
    margin-right: 70px;
}
#footerLink a:hover
{
 text-decoration:underline;
}
/*------------------------------------------------------------*/

/*画像*/

/*------------------------------------------------------------*/
.mediumPic
{
width:400px;
}
.largePic
{
width:600px;
}
.smallPic
{
width:200px;
}
.floatLeftPic
{
float:left;margin-right:20px;
}
.floatRightPic
{
float:right;margin-left:10px;
}  
/*------------------------------------------------------------*/

/*google Map*/

/*------------------------------------------------------------*/
#map
{
width:100%;
height:400px;        
}

* {
letter-spacing: .05em;
}

.nopc
{
display:none;
}
#display_edit_tool_box9
{
display:none;
}
#display_edit_tool_box8
{
display:none;
}
.widelink4
{
    text-decoration: none;
font-size: 16px;
padding-right:25px;
color: #ffffff;
display: inline-block;
}
.fixed
{
    z-index: 999;
    width: 100%;
    position: fixed;
    height: 60px!important;
 background-image:none!important;
background-color:white!important;
}
.fixed .otherthings
{
display:none;
}
.fixed #headerMenu {
background-color:#ffffff;
padding:0px 0px 10px 0px;
z-index:999;
position:absolute;
top:0px;
padding:0px 0px 0px 0px!important;
margin:0px 0px 0px 0px!important;
}
.fixeddown
{

border-top:solid 330px #ffffff;
/* height:580px!important;
*/
}
.moveRight
{
right:-160px!important;
}
#display_edit_tool_box4
{
display:none;
}
#display_edit_tool_box5
{
display:none;
}
.menutop
{
cursor:pointer;
}
.menubottom
{
display:none;
margin-top:-15px;
}
.basicOff
{
float:left;
margin-right:10px;
width:251px;
}
.columBox
{
    float:left;
	width:160px;
height:190px;
overflow:hidden;
	margin-right:10px;
	margin-bottom:10px;
padding:10px;
padding-left:0px;
border:solid 0px #dddddd;
}
.columBox_frame
{
width: 160px;
height:160px;: hidden;
text-align:center;
margin-bottom:10px;
overflow:hidden;
}
.columnBox_img
{
height: 160px;
}
.columnBox_a
{
    font-weight:bold;    
text-decoration:underline;
clear:both;
width:130px;

}
.price1
{
border-collapse: collapse;
width:100%;
border:solid 2px #C1ADA3;
}
.price1 td
{
border: solid 1px #C1ADA3;
padding: 10px;
}
.price1 td:nth-child(1)
{
background-color:#F0F0F0;
}
.course1
{
border-collapse: collapse;
width:100%;
border:solid 2px #ddd;
}
.course1 td
{
border: solid 1px #ddd;
padding: 10px;
}
.course1 td:nth-child(1)
{
background-color:#F0F0F0;
text-align:center;
}
.topbox
{
font-size:13px;
position:absolute;
width:171px;
height:191px;
line-height:20px;
padding:5px;
}
.whiteback {
    background-color:#fff!important;
}
.hidden_menu
{
    display:none;
    position:absolute;
    z-index: 9999;
    float:left;
}
.background_2 {
    height: 150px;
    border-top: solid 0px #FCE0D9;
    background-repeat:no-repeat;
}
.background_2 .layout_centering
{
 position:relative;
width:1200px;
}
#selectmenu3
{
 position:absolute;
 width:180px;
    top: 80px;
    left: 785px;
}
#selectmenu3 ul
{
padding:0px;
}
#selectmenu2 {
    width: 280px;
    top: 270px;
    left: 230px;
}
#selectmenu2 ul
{
padding:0px;
}
#selectmenu {
    width: 180px;
    top: 125px;
    left: 500px;
}
#selectmenu ul
{
padding:0px;
}
.dropmenu {
    background-color: #5C4122 !important;
    color: #fff !important;
    text-decoration: none !important;
    width: 320px !important;
    height: 25px !important;
    line-height: 25px !important;
    padding: 3px !important;
    padding-left: 10px !important;
    display: block !important;
    border-bottom: dotted 0px #ddd;
    text-align: left !important;
    text-decoration: none !important;
    text-indent: 0px !important;
    white-space: nowrap !important;
    word-break: break-all !important;
    background-image: none !important;
    opacity: 0.8;
    filter: alpha(opacity=80);
    -ms-filter: "alpha( opacity=80 )";
}
.dropmenu:hover
{
color:#fff!important;
opacity:1;
filter: alpha(opacity=100);
-ms-filter: "alpha( opacity=100 )";
}
hr
{
margin-left: auto;
margin-right: auto;
border-top: 1px dotted #888172;
border-bottom: 0px dotted #684444;
background-color: #fff;
color: #fff;
}

/*------------------------------------------------------------*/
/*otoiawase */
/*------------------------------------------------------------*/
.otoiawase_form
{
text-align:left; padding:0px 0px 0px 0px;border:solid 0px #C6C6C6;margin-bottom:50px;
}
.otoiawase_table
{
border-collapse: collapse;
margin:0px auto;
border:solid 1px #ddd;
width: auto;
}
.otoiawase_table input
{
margin-right:10px;
vertical-align:middle;
}
.tdleft
{
background-color:#f5f5f5;
color:#4c4c4c;
border:solid 1px #ddd;
padding:20px;
}
.tdright
{
background-color:#ffffff;
border:solid 1px #ddd;
color:#4c4c4c;
padding:20px;
}
.tdright input
{
padding:5px;
}
span.registMust
{
    color:#f78b8b;
    margin-left:10px;
}
/*------------------------------------------------------------*/
/*otoiawase end */
/*------------------------------------------------------------*/
#page_contents_bg
{

}
#page_contents
{
margin:0px 0px 0px 0px!important;
padding-top:0px;
}
.layout_leftbox {
    width: 1000px;
    margin: auto;
    padding-top: 0px;
    background-color: #fff;
    float: none;
}
.leftbox
{

}
img
{
vertical-align:bottom;
}
html
{
overflow:auto;
}
body {
    min-width: 1000px;
    background-repeat: repeat-x;
    background-position: center 0px;
    font-family: 'EB Garamond', 'Noto Sans Japanese',serif;
    font-family: 'Noto Sans Japanese', sans-serif;
    color: #5C4122;
    overflow: hidden;
}
/*背景バックグランド*/
div#page {
    background-color: #f4f4f4;
}
/*コンテンツバックグラウンド*/
div#innerpage {
    background-color:#ffffff; 
    font-size:13px;
    color: #505050;
}
/*上ボタンの設定*/
div#button1 
{
    float: left;
    text-align: center;
    line-height:32px;		        /*上ボタン文字の高さ */	
    margin-bottom:20px;

}
ul.button1istitem {
    list-style-type: none;
    /* float: left; */
    width: 1000px;
    padding: 0px;
    margin: 0px;
    /* position: absolute; */
    /* top: 230px; */
    /* padding-left: 0px; */
    /* margin-left: -20px; */
    margin-left: auto;
    margin-right: auto;
    margin-top: 30px;
}
ul.button1istitem li
{
    float:left;
text-align:center;
display:table-cell; vertical-align:middle
}
a.widelink1 {
    display: block;
    padding: 10px 45px 10px 22px;
    font-size: 18px;
    color: #5C4122;
    font-weight: bold;
    font-family: 'EB Garamond', serif;
    background-image: url(img/slash.png);
    background-repeat: no-repeat;
    background-position: right center;
}
a.widelink1:hover 
{
    color: #848484;		  
}
/*上ボタンの設定*/
div#button2 
{
    float: left;
    text-align: center;
    line-height:32px;		        /*上ボタン文字の高さ */	
    margin-bottom:20px;
}
ul.button2istitem{
    list-style-type:none;
    float:left;
    width:238px;				/*上ボタン全体の幅*/	
padding: 0px;
margin: 0px;
    margin-bottom:20px;
   display:none;
}
ul.button2istitem li
{
    float:left;
    width: 238px;
text-align:left;
}
a.widelink2 {   
    display: block;			/*必須*/ 
    width: 105px;			/*必須*/	
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 16px 40px;
    font-size:15px;
    color: #1F2727;
cursor:pointer;
    background-image:url(img/leftmenu.png);	
border-bottom:solid 0px #1F2727;
        font-family: 'EB Garamond', serif;  
    font-weight: 600;
padding-right:25px;
color: #555354;
}
a.widelink2:hover 
{
background-color:#cbb0d3; 
}
div					
{
    float:none;
    font-size:14px;
    text-align:left;
    line-height:28px;
    margin:0px;
    padding:0px;
}
p
{
    float:none;
    font-size:14px;
    line-height:28px;
    margin:0px;
    padding:0px;
}



h1 {
    margin-left: auto;
    margin-right: auto;
    clear: both;
    font-family: "EB Garamond","Sawarabi Mincho","Noto Sans Japanese","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 28px;
    line-height: 50px;
    color: #5C4122;
    display: table;
    text-align: center;
    /* color: #4D4D4D; */
    background: none;
    /* font-weight: bold; */
    letter-spacing: 2px;
    background-image: url(../img/midashi1.png);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 10px;
    margin-bottom: 10px;
}
h1.h1sub2
{
    font-size: 20px;
    color: #525253;
    line-height: 35px;
background-color:#ffffff;
    display: inline;
font-family: 'Noto Sans Japanese', sans-serif;
}
h1.h1voice
{
    background-image:url(img_luce/voice-title.png);	
background-position:top center;
background-repeat:no-repeat;
padding: 10px 0px 5px 0px;
font-family: 'Noto Sans Japanese', sans-serif;
}
h1.h1kodawari
{
    background-image:url(img_luce/kodawari-title.png);	
background-position:top center;
background-repeat:no-repeat;
padding: 20px 0px 0px 0px;
font-family: 'Noto Sans Japanese', sans-serif;
}
h1.h1blog
{
    background-image:url(img_luce/blog-luce.png);	
background-position:top center;
background-repeat:no-repeat;
padding: 5px 0px 0px 55px;
font-family: 'Noto Sans Japanese', sans-serif;
}
h2 {
    margin-left: auto;
    margin-right: auto;
    clear: both;
    font-family: "EB Garamond","Sawarabi Mincho","Noto Sans Japanese","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    font-size: 18px;
    line-height: 50px;
    color: #50D6B4;
    display: table;
    text-align: center;
    /* color: #4D4D4D; */
    background: none;
    /* font-weight: bold; */
    letter-spacing: 2px;
    background-image: url(../img/midashi2.png);
    background-repeat: no-repeat;
    background-position: bottom;
    padding-bottom: 0px;
    margin-bottom: 10px;
    display: block;
}
h3 {
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #fff;
    /* height: 39px; */
    font-family: "EB Garamond","Sawarabi Mincho","Noto Sans Japanese","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    padding-top: 12px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    text-align: left;
    background-image: url(img/midashi3.jpg);
    background-repeat: repeat-y;
    padding-left: 15px;
}

h4 {
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #5C4122;
    /* height: 39px; */
    font-family: "EB Garamond","Sawarabi Mincho","Noto Sans Japanese","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    padding-top: 12px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px 0px;
    text-align: left;
    background-image: url(img/midashi4.png);
    background-repeat: no-repeat;
    background-position: bottom;
}

h5 {
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #E89AA2;
    /* height: 39px; */
    font-family: "EB Garamond","Sawarabi Mincho","Noto Sans Japanese","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    padding-top: 12px;
    margin-left: auto;
    margin-right: auto;
    padding: 19px 20px;
    text-align: left;
    background-image: url(img/midashi5.png);
    background-repeat: no-repeat;
    background-position: top;
}
h6 {
    font-weight: bold;
    letter-spacing: 1px;
    margin-bottom: 10px;
    font-size: 16px;
    color: #5C4122;
    /* height: 39px; */
    font-family: "EB Garamond","Sawarabi Mincho","Noto Sans Japanese","ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
    padding-top: 12px;
    margin-left: auto;
    margin-right: auto;
    padding: 10px;
    text-align: left;
    border-top: solid 1px #5C4122;
    border-bottom: solid 1px #5C4122;
}
#page_contents ul {
padding-left:7px;
    margin-top: 0px;
margin-bottom: 0px;
}
    #page_contents ul li {
        background: url(img/list2.png) no-repeat 0 4px;
        list-style-type: none;
        text-decoration: none;
        text-decoration-color: #dddddd;
        padding: 0px 0px 0px 30px !important;
    }
#page_contents ol {
padding-left:10px;
    margin-top: 0px;
margin-bottom: 0px;
}
#page_contents ol li {
background: url(img/list1.png) no-repeat 0 6px;
list-style-type: none;
text-decoration: none;
text-decoration-color: #dddddd;
padding: 4px 0px 0px 35px!important;
}
#snsicon
{
    position: absolute;
    top: 20px;
    right: 30px;
}
#snsicon img
{
margin:7px;
}
.layout_centering
{
width:1200px;
}
.background_3
{
padding-top:40px;
}
.background_3_2
{
    width: 1200px;
}
.foot_icon
{
 padding:15px;    
}
.layout_rightbox
{
width:300px;
min-height:500px;
margin-right:0px;
background-color:#fff;
margin-top:0px;
float:right
}
.background_4
{
background-color:#cbb0d3;
margin-top:0px;
	background-image:url(img/footer.png);      
	background-repeat: no-repeat;
              background-position:center top;
color:#fff;
height:291px;
}
.background_4 .layout_centering
{
position:relative;
}
.background_4 .layout_centering div, .background_4 .layout_centering p
{
color:#fff;
}

.background_4 a
{

text-decoration:none;

}
/* ------------ナビバー設定------------ */

#headerMenu{
  margin:0;
  padding:0;
margin-top:0px;
margin-bottom:0px;
height:120px;
  position: absolute;
  top: 95px;

}
#headerMenu ul.menu{
  margin:0;
  padding:0;
  list-style: none;
}
#headerMenu ul.menu li{
  display:inline;
}
#headerMenu ul.menu li a{
  text-decoration:none;
  text-indent:-9999px;
  display:block;
  float:left;
  margin:0;
  padding:0;
  white-space:nowrap;
  overflow:hidden;
  text-align:center;
  background:url("img/menu_off.png") no-repeat;
background-repeat: no-repeat;
}
#headerMenu ul.menu li a:hover{
  background:url("img/menu_on.png") no-repeat;
}

/* ------------ナビバー設定 サイズ・位置------------ */

#headerMenu{
  width:1000px;        /* メニュー全体の幅 */
  margin-left: 0px;
}
#headerMenu ul.menu li a{
  line-height:120px;   /* ボタンの高さ */
}
/* ------------ナビバー設定 背景------------ */

#headerMenu ul.menu li.menu1 a{ background-position: 0px 0px; width:130px; }
#headerMenu ul.menu li.menu1 a:hover{ background-position: 0px 0px; }

#headerMenu ul.menu li.menu2 a{ background-position: -130px 0px; width:141px; }
#headerMenu ul.menu li.menu2 a:hover{ background-position: -130px 0px; }

#headerMenu ul.menu li.menu3 a{ background-position: -271px; width:142px; }
#headerMenu ul.menu li.menu3 a:hover{ background-position: -271px0px; }

#headerMenu ul.menu li.menu4 a{ background-position: -413px 0px; width:360px; }
#headerMenu ul.menu li.menu4 a:hover{ background-position: -413px 0px; }

#headerMenu ul.menu li.menu5 a{ background-position: -776px 0px; width:146px; }
#headerMenu ul.menu li.menu5 a:hover{ background-position: -776px 0px; }

#headerMenu ul.menu li.menu6 a{ background-position: -922px 0px; width:111px; }
#headerMenu ul.menu li.menu6 a:hover{ background-position: -922px 0px; }

#headerMenu ul.menu li.menu7 a{ background-position: -1033px 0px; width:167px; }
#headerMenu ul.menu li.menu7 a:hover{ background-position: -1033px 0px; }

#headerMenu ul.menu li.menu8 a{ background-position: -966px 0px; width:144px; }
#headerMenu ul.menu li.menu8 a:hover{ background-position: -966px 0px; }

#headerMenu ul.menu li.menu9 a{ background-position: -648px 0px; width:155px; }
#headerMenu ul.menu li.menu9 a:hover{ background-position: -648px 0px; }

/* ------------ナビバー設定------------ */

a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80)";
background-color:#fff;
}
a.noeffect:hover img{
opacity:1;
filter:alpha(opacity=10);
-ms-filter: "alpha( opacity=10)";
background-color:transparent!important;
}
.footlink
{
color:#684444;
}
a {
    color: #2ECD7A;
}
a:hover {
 text-decoration:none;
}
/*ボックス追加 from*/
#page_contents_bg .itemBox
{
    float:left;
	margin-left:-20px;
	margin-right:40px;
	margin-bottom:20px;
height:295px;
}

#page_contents_bg .itemBox img
{

}
#page_contents_bg .itemTitle
{
    margin-top:15px; 
    font-weight:bold;    
line-height: 22px;
height:22px;
overflow : hidden; 

}
#page_contents_bg .itemText
{
    margin-top:5px; 
float:left;
font-size:13px;
line-height: 19px;

}
.itemBox
{
    float:left;
	width:30%;
	margin-right:3%;
	margin-bottom:20px;
     letter-spacing:0px;

}
.itemBox
{
    float:left;
	width:240px;
 height:340px;
	margin-right:40px;
	margin-left:10px;
	margin-bottom:30px;
    position: relative;
}
.itemBox img
{
    width: 240px;
    height: 220px;
    object-fit: cover;
}
.itemBox img:hover
{
    transform: scale(1.1);	/*画像の拡大率*/
	transition-duration: 1.3s;	/*変化に掛かる時間*/
}
.itemTitle
{
    margin-top: 0px;
    font-weight: bold;
    float:left;
    width: 240px;
    max-height: 80px;
    overflow: hidden;
    padding: 10px 10px 0 0px;
}
.itemText
{
    float:left;
    margin-top:5px; 
   width: 280px;
    padding: 10px 10px 0 20px;
    display:none;
}
.itemPicFrame
{
    width: 240px;
    border:solid 0px #cccccc;
    text-align:center;
    height:220px;
    overflow: hidden;
    float:left;
}
.clearfix:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.selectedPage a {
    border: solid 1px #2ECD7A;
    background-color: #f6f6f6;
    color: #2ECD7A;
    margin-right: 10px;
    padding: 2px 8px;
    float: left;
    text-decoration: underline;
    font-size: 14px;
}
.unselectedPage a {
    border: solid 1px #2ECD7A;
    background-color: #ffffff;
    color: #2ECD7A;
    margin-right: 10px;
    padding: 2px 8px;
    float: left;
    font-size: 14px;
}
    .unselectedPage a:hover {
        border: solid 1px #2ECD7A;
        background-color: #2ECD7A;
        color: #ffffff;
    }
.columPage {
    text-align: center;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 60px;
}
.itemTitle a
{
color:#595758;
font-size:16px;
font-weight:bold;
text-decoration:none;
}
.relatedarticle
{
margin-left:30px;
}
.topMenu a
{
text-decoration:none;
color:#444444;
font-size:15px;
display:block;
line-height: 23px;
margin:30px 22px 30px 0px;
float:left;
font-family: 'EB Garamond', serif!important;
font-weight: 600;
padding:0px;
}
.topMenu a:hover
{
background-color:#cbb0d3;
}
.sideMenu a
{
text-decoration:none;
color:#444444;
font-size:15px;
margin:0px 0px 16px 0px;
display:block;
font-family: 'EB Garamond', serif!important;
font-weight: 600;
}
.sideMenu a:hover
{
background-color:#cbb0d3;
}
.footerMenu
{
position:absolute;
}
.footerMenu a
{
position:absolute;
text-decoration:none;
color:#444444;
font-size:15px;
margin:0px 0px 16px 0px;
display:block;
font-family: 'EB Garamond', serif!important;
font-weight: 600;

}
.footerMenu a:hover
{
background-color:#cbb0d3;
}
a.linkMenu
{
text-decoration:none;
color:#444444;
font-size:15px;
margin:0px 0px 16px 0px;
display:block;
font-family: 'EB Garamond', serif!important;
font-weight: 600;
}
a.linkMenu:hover
{
background-color:#cbb0d3;
}
.linkItem
{
margin-bottom:20px;
float:left;
width:305px;
}

.ebgaramond
{
    font-family: 'EB Garamond', 'Noto Sans Japanese',serif!important;
    letter-spacing:0px;
}
.cinzelmenu
{
font-family: 'EB Garamond', serif!important;
font-weight: 600;
font-size:18px;
}
.notosan
{
font-family: 'Noto Sans Japanese', sans-serif;
font-weight:normal;
}
.toptitle
{
border-bottom:solid 1px #444444;
padding-bottom:10px;
margin-left:-20px;
}
.relatedarticle
{
margin-top:20px;
}
.columBox a
{
 color:#444444;
}
.relatedarticle
{
width:600px;
}
.columnList
{
padding-top:0px;
    margin-bottom: 40px;
         margin-left: 40px;
    width: 700px;
}

h1.column
{
margin-bottom:20px;
}
.colorWhite
{
color:White;
}
h1.colorWhite
{
color:White;
}
span.anchorlink {
    position: relative;
    top: -80px;
    display: block;
    text-indent: 100%;
    white-space: nowrap;
    overflow: hidden;
}
.tdright input[type="text"] {
    padding: 5px;
    width: 400px!important;
        border: solid 1px #ddd;
    height: 19px!important;
}
.tdright textarea {
    padding: 5px;
    width: 400px!important;
            border: solid 1px #ddd;
}
.tdleft {
    width: 400px;
}
/* BUTTON */
.sweep{
  display:inline-block;
  position:relative;
  margin:0.4em;  padding:1em;
  cursor:pointer;
  background:#465979;
  color:white; 
  z-index:0;
  padding:3px 100px;
  border:solid 1px #465979;
  margin-left:auto;
  margin-right:auto;
}
.sweep:hover
{
  color:#465979;  
}
.sweep:before {
  content: "";
  position: absolute;
  z-index:-1;
  top: 0;  left: 0;  right: 0;  bottom: 0;
  background: #fff;
  transform: scaleX(0);
  transform-origin: 0 50%;
  transition: transform .3s ease-out;
}
.sweep:hover:before{transform: scaleX(1);}

.youtube_box
{
    background-color: #fff4f3;
    padding: 20px 20px 10px 20px;
    float: left;
    text-align: center;
    margin: 10px 5px 0px 5px;
}
.width_1360
{
 width:1380px!important;    
}
#page_contents p
{
     line-height: 27px; 
}
#page_contents div
{
     line-height: 27px; 
}
/* BUTTON */
/* Fade IN */
img {
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}
img.nofadein 
{
        opacity: 1!important;
        background-color:transparent!important;
}
.button_tokyo
{
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
    
}
.fade_off {
    opacity: 0;
    -webkit-transition: all 1s;
    -moz-transition: all 1s;
    -o-transition: all 1s;
    -ms-transition: all 1s;
    transition: all 1s;
}

.fade_on {
    opacity: 1;
}
@media all and (-ms-high-contrast: none){
  .mincho{
     font-family: "ヒラギノ明朝 ProN W6", "HiraMinProN-W6", "HG明朝E", "ＭＳ Ｐ明朝", "MS PMincho", "MS 明朝", serif;
  }
  .button_tokyo
    {
        padding-top:12px;
    }
}