@charset"Shift_JIS";
.english {word-break:keep-all;word-spacing : normal;}
/*04 ??????*/
#Header h1{width:69.18%;position:absolute;left:2.5%;}
#Header .select_box{position:absolute;right:2.5%;}
#Header #HeadMenu{height:auto;display:block;float:right;width:100%;padding-top:25px;font-size:95%;}
#Header #HeadMenu span.btn_menu{display:block;cursor:pointer;float:right;margin-right:2.5%;width:22%;}
#Header #HeadMenu span.btn_menu:hover{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;width:22%;}
#Header #HeadMenu span.btn_menu img{width:100% !important;height:auto !important;display:block;}
#Header #HeadMenu div{margin-top:55px;}
#Header #HeadMenu div dl{clear:both;padding:0% 2.5%;}
#Header #HeadMenu div dt{width:100%;}
*html #Header #HeadMenu div dt{width:100%;}
#Header #HeadMenu div dt span{display:block;padding-left:36px;}
#Header #HeadMenu div dd{padding-bottom:20px;padding-left:40px;clear:both;line-height:2em;}
#Header #HeadMenu div dd a{padding-right:20px;}
#Header #HeadMenu div a{color:#000;}
#Header #HeadMenu div a:hover{text-decoration:none;}



/******/



#contents_vietnamese{ width: 90%; margin: 0px auto; margin-top: clamp(4vw, 80px, 20vw);}
#contents_vietnamese img{width: 100%; height: auto; margin: 0 auto;}

#contents_vietnamese .btn_box{ 
    display: flex; justify-content: center; flex-wrap: wrap;;
    width:100%;
    margin: 10px auto;
}

#contents_vietnamese .btn_box a:hover{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; }

.special_contents{}
.special_contents a:hover{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; }
.special_contents a{display: block; width: 100%; height: auto;}
.mrg_bottom20{margin-bottom: 20px !important;}

#TtlEnglish_01 span{
    background-image: url(../images/ttl_english_01.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

#TtlEnglish_02 span{
    background-image:url(../images/ttl_english_02.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

#TtlEnglish_03 span{
    background-image: url(../images/ttl_english_03.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

#TtlEnglish_04 span{
    background-image: url(../images/ttl_english_04.gif);
    background-repeat: no-repeat;
    background-position: left top;
}

.look_btn{
    width:48%;
    margin: 10px auto;
}
.staff_btn{
    width:48%;
    margin: 10px auto;
}


.flower_left_btn{
    width: 90%; margin: 10px auto 0px auto;
}
.flower_right_btn{
    width: 90%; margin: 10px auto 0px auto;
}


.clear{	clear:both;}

#contents_vietnamese p{
    margin-bottom: 20px;
}

#contents_vietnamese .title{
    width:100%;
    margin-bottom: 20px;
    border-bottom: #DAD6D4 solid 1px;
}
#contents_vietnamese .title {font-size:16px;font-weight:bold;padding-left:11px;padding-bottom:4px;border-left:#C2D24E solid 5px;padding-top:2px;}
#contents_vietnamese .title span{font-size:11px}

#contents_vietnamese .font_red_18{
    font-size: 18px;
    color: #D61518;
    font-weight: bold;
}


#contents_vietnamese .warning{
    margin-top: 10px;
    margin-bottom: 30px;
}


#contents_vietnamese .opening_period{
    color: #632F85;
    font-size: 18px;
    margin-bottom: 10px;
}

#contents_vietnamese .Open_till{
    color: #FFF;
    background-color: #E62F47;
    padding: 10px;
    width: 400px;
    text-align: center;
    margin-bottom: 30px;
}

#contents_vietnamese .opening_hours{
    font-size: 16px;}


#Sidebanner{
    width: 228px;
    float: right;
    margin-top: 15px;
    margin-left: 15px;
}


#Sidebanner a:hover{filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6; }

#Sidebanner li{
    margin-bottom: 10px;
}
/*
.select_box{float: right}
.language{
    float: right;
    padding-left: 15px;
}
*/
#Map{ 
    position: relative;
    width: 100%;
    height: 0;
    padding-top: 75%;
margin-bottom: 10px;
}
#Map iframe{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;}

.access_map{}
#contents_vietnamese .access_map img{
    margin-bottom: 20px !important;
}


.access_map .btn_box{ display: flex; justify-content: center; flex-flow: column; width: 90%; margin: 0 auto;}

.jr_btn{ width: 80%; margin: 0 auto;}
.toub_btn{ width: 80%; margin: 10px auto 0 auto;}


/******** dininfacillity *********/

.dininfacillity{ width: 90%; margin: 0px auto; margin-top: clamp(4vw, 80px, 20vw);}
.dininfacillity img{width: 100%; height: auto; margin: 0 auto;}

.dininfacillity #Main .ttl{ display:block; padding:6px 0px 12px 39px;background:url(../images/common/ico_ttl.gif) no-repeat 0em 0.1em; border-bottom:#EBEBEB solid 1px; font-size:18px; font-weight:bold; color:#7F9856; margin-bottom:30px;}
.dininfacillity #Main .sttl{width:100%;margin-bottom:20px;border-bottom:#DAD6D4 solid 1px; clear:both;}
.dininfacillity #Main .sttl p{font-size:16px;font-weight:bold;padding-left:11px;padding-bottom:4px;border-left:#C2D24E solid 5px;padding-top:2px;}
.dininfacillity #Main .sttl span{display:block;float:right;font-size:12px;padding-top:13px;color:#B6AFAB;padding-right:5px;}

.dininfacillity #Main .box{ padding-left:5px;padding-right:5px; font-size:14px;}
.dininfacillity #Main .box .box_w520{ width: 100%; margin: 20px auto; display: flex; justify-content: center; flex-flow: column;}
.dininfacillity #Main .box .food_r {width: 80%; margin: 0 auto;}
.dininfacillity #Main .box .food_l {width: 80%; margin: 0 auto 10px auto;}

.dininfacillity #Main .box .box_w520 a{ display:block; width:251px;}
.dininfacillity #Main .box .box_w520 a:hover{ width:251px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
.dininfacillity #Main .box .box_w590{ width: 100%; margin: 0 auto 20px auto; display: flex; justify-content: space-between; flex-wrap: nowrap;}
.dininfacillity #Main .box .floatR {width: 48%; margin: 0 auto;}
.dininfacillity #Main .box .floatL {width: 48%; margin: 0 auto;}




.dininfacillity #Main .listA{}
.dininfacillity #Main .listA p{
    padding: 0px 0px 6px 15px;
    background-image: url(../../images/common/ico01.gif);
    background-repeat: no-repeat;
    background-position: 0em 0.3em;
}
.dininfacillity #Main .listB{ padding-bottom:20px;}
.dininfacillity #Main .listB dl{ width:100%; padding-top:30px;}
.dininfacillity #Main .listB dt{ width:270px; float:left;}
.dininfacillity #Main .listB dd{ width:330px; float:right; font-size:12px;}
.dininfacillity #Main .listB .sub_ttl{
    display: block;
    padding: 3px 0px 15px 20px;
    background: url(../../images/common/ico04.gif) no-repeat 0em 0.2em; font-size:16px; font-weight:bold;}
.dininfacillity #Main .listC{ width:100%; clear:both; clear:both; padding-top:30px;}
.dininfacillity #Main .listC dl{ width:300px; float:left;}
.dininfacillity #Main .listC dt{ background-color:#C2D24D; font-size:16px; font-weight:bold; color:#FFF; text-align:center; padding:4px 0px 3px 0px;}
.dininfacillity #Main .listC dd{ padding:15px 15px 0px 15px; background-color:#FFFDED; height:140px;}
*html .dininfacillity #Main .listC dd{ height:125px;}
.dininfacillity #Main .listC ul{
    width: 270px;
    clear: both;
}
.dininfacillity #Main .listC li{
    width: 110px;
    float: left;
    text-align: center;
}
.dininfacillity #Main .listC li p{ text-align:center; padding-top:8px;}
.dininfacillity #Main .listD{
    padding-top: 20px;
}
.dininfacillity #Main .listD dd{ padding-left:24px;}
.dininfacillity #Main .listE{margin-top: 30px;}
.dininfacillity #Main .listE h2{
    background-color: #D8CEE6;
    width: 100%;
    margin-bottom: 20px;
    font-size: 16px;
    padding-top: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    padding-left: 10px;
    box-sizing: border-box;
}
.dininfacillity #Main .listE h3{
    width: 100%;
    margin-bottom: 10px;
    padding-bottom: 5px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #09F;
    font-size: 14px;
}
.dininfacillity #Main .listE dl{
    width: 100%;
    margin: 0 auto;
    margin-bottom: 20px;
    padding: 10px;
    border: 1px solid #BA9BC5;
    box-sizing: border-box;
}
.dininfacillity #Main .listE dt{}
.dininfacillity #Main .listE dd{}
.dininfacillity #Main .listE .sub_ttl{
    display: block;
    font-size: 16px;
    font-weight: bold;
    padding-top: 10px;
    padding-right: 0px;
    padding-bottom: 10px;
    padding-left: 20px;
    background-image: url(../../images/common/ico04.gif);
    background-repeat: no-repeat;
    background-position: 0em 15px;
}
.dininfacillity #Main .listE .sub_ttl span{
    font-size: 12px;
}
.dininfacillity #Main .listE table{
    margin-bottom: 20px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-left-style: solid;
    border-top-color: #CCC;
    border-right-color: #CCC;
    border-left-color: #CCC;
}
.dininfacillity #Main .listE tr{}
.dininfacillity #Main .listE td{padding: 5px;border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #CCC;}
.dininfacillity #Main .listE .left_border{border-left-width: 1px;border-left-style: solid;border-left-color: #CCC;}
.dininfacillity #Main .listE .kikan{
    color: #FFF;
    background-color: #F00;
    display: block;
    text-align: center;
    margin-top: 5px;
    padding-top: 3px;
    padding-bottom: 3px;
}


.dininfacillity_l{
    width:250px;
    float:left;
}
.dininfacillity_r{
    width:250px;
    float:right;
}

.listE .special{
    width: 100%;
    margin: 0px auto 20px auto;
    padding: 10px;
    border: 1px solid #BA9BC5;
    display: flex; justify-content: center; flex-flow: column;
    box-sizing: border-box;
}

.listE .special_l{
    width: 100%;
}
.listE .special_r{
    width: 100%;
}
.listE table{width: 100%;}

/******** dininfacillity *********/


.syokuji{
    font-size: 16px;
    text-align: left;
    background-color: #FFFDEC;
    margin-top: 20px;
    padding: 15px;
    border: 3px solid #F00;
}





#contents_vietnamese .ttl{width:100%;margin-bottom:20px;border-bottom:#DAD6D4 solid 1px;}
#contents_vietnamese  .ttl p{font-size:16px;font-weight:bold;padding-left:11px;padding-bottom:4px;border-left:#C2D24D solid 5px;padding-top:2px;}
#contents_vietnamese  .ttl span{display:block;float:right;font-size:12px;padding-top:10px;color:#B6AFAB;padding-right:5px;padding-right:5px;}
#contents_vietnamese  dl{padding:16px 10px 18px 6px;background:url(../images/common/ico_lineC.gif) repeat-x left bottom;}
#contents_vietnamese  dt{
    font-size: 16px;
    color: #936;
    font-weight: bold;
    padding: 3px 0px 8px 26px;
    background-image: url(../images/ico_q.gif);
    background-repeat: no-repeat;
    background-position: 0em 0.2em;
    word-break:break-all;
}
#contents_vietnamese  dd{
    padding: 3px 0px 0px 26px;
    background-image: url(../images/ico_a.gif);
    background-repeat: no-repeat;
    background-position: 0em 0.2em;
    word-break:break-all;
}
#contents_vietnamese  a{color:#005BAC;text-decoration:none;}
#contents_vietnamese  a:hover{text-decoration:underline;}
#contents_vietnamese  .btn{width:598px;}
#contents_vietnamese  .btn a{display:block;width:180px;float:right;}
#contents_vietnamese  .btn a:hover{width:180px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
#contents_vietnamese  .link{padding-left:35px;}
#contents_vietnamese  .link a{padding-left:16px;background:url(../images/common/ico_arrow10.gif) no-repeat 0em 0.2em;}




p{word-break:break-all;}



/******/




#Head h1 a{	width: 160px;height: 40px;background-image: url(https://www.ashikaga.co.jp/sp/vietnamese/images/common/logo.png);
    background-repeat: no-repeat;
    background-position: left top;
    background-size: contain; display:block;
    overflow: hidden;
    text-indent: 100%;
    white-space: nowrap;
}




#FootLink{padding-top:24px;background-color:#FFFDE8;}
#FootLink a{display:block;_width:605px;max-width:605px;margin:0px auto;padding:8px 0px;}
#FootLink a:hover{_width:605px;max-width:605px;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
#FootLink img{width:100% !important;height:auto !important;display:block;}

#FootNavi{text-align:center;padding:25px 10px;background-color:#FFFDE8;}
#FootNavi a{color:#000;}
#FootNavi a:hover,#FootNavi a.active{text-decoration:none;}

#FootLogo{padding:15px 25px;background-color:#F1C900;}
#FootLogo img{display:block;width:61.2%;height:auto;}
#Foot{padding:20px 10px 0px 10px;font-size:95%; font-size: 13px;}
#Foot .btn_map{display:block;padding:10px 0px;}
#Foot .btn_map a{display:block;width:45.7%;}
#Foot .btn_map a:hover{width:45.7%;filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;}
#Foot .btn_map a img{width:100% !important;height:auto !important;display:block;}
#Foot p{padding-left:10px;}
#Foot p a{display:block;padding-left:25px;margin-top:15px;color:#000;}
#Foot p a:hover{text-decoration:none;}




@media only screen and (min-width: 768px) 
{
    .header-hamburger {width: 60px;position: absolute;top: 60px;  right: 40px;}
    #Header #Head-content {height: 140px;}
    html>/**/body #HeadNavi{height: 140px;}
    #Head{ text-align:left; width: 50%;  margin:0px auto; height:62px; padding-top:40px;}
    #Head h1{ width:345px; float:none; margin-left: 5px;}
    #Head h1 a{	width: 345px;height: 62px;background-image: url(https://www.ashikaga.co.jp/sp/vietnamese/images/common/logo.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: contain; display:block;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
    }
    #HeadNavi .flower-box .txt-box,#HeadNavi .ticket-box .txt-box{font-size: 90%;}
    .nav-item a{font-size: 120%;}
    .header .header-inner .header-item a {font-size: 90%;padding-left: 56px;background: url(https://www.ashikaga.co.jp/sp/vietnamese/images/common/ico_arrow01.png) no-repeat 1.5em 0.5em;}
    .nav-sns{display: flex;justify-content: space-between;width: 60vw;flex-wrap: wrap;margin: 0 auto 5vw;}
    .nav-sns li{width: 10vw;}
    .select_box-sp{width:40%;}
    .hamburger span {height: 5px;background-color: #8d5983;position: relative;transition: ease .4s;display: block;border-radius: 3px;    }

    #contents_english{ width: 90%; margin: 0px auto; margin-top: clamp(8vw, 160px, 30vw);}
    .dininfacillity{ width: 90%; margin: 0px auto; margin-top: clamp(8vw, 160px, 30vw);}
}

@media only screen and (min-width: 1024px) 
{
    .header-hamburger {width: 80px;position: absolute;top: 70px;  right: 40px;}
    #Header #Head-content {height: 160px;}
    html>/**/body #HeadNavi{height: 160px;}
    #Head{ text-align:left; width: 50%;  margin:0px auto; height:109px; padding-top:40px;}
    #Head h1{ width:450px; float:none; margin-left: 5px;}
    #Head h1 a{	width: 450px;height: 109px;background-image: url(https://www.ashikaga.co.jp/sp/vietnamese/images/common/logo.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: contain; display:block;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
    }
    #HeadNavi .flower-box .txt-box,#HeadNavi .ticket-box .txt-box{font-size: 90%;}
    .nav-item a{font-size: 120%;}
    .header .header-inner .header-item a {font-size: 90%;padding-left: 56px;background: url(https://www.ashikaga.co.jp/sp/vietnamese/images/common/ico_arrow01.png) no-repeat 1.5em 0.5em;}
    .nav-sns{display: flex;justify-content: space-between;width: 60vw;flex-wrap: wrap;margin: 0 auto 5vw;}
    .nav-sns li{width: 10vw;}
    .select_box-sp{width:40%;}
    .hamburger span {height: 8px;background-color: #8d5983;position: relative;transition: ease .4s;display: block;border-radius: 4px;}
    .hamburger.active span:nth-child(1) {top: 13px;transform: rotate(45deg);}
    #contents_english{ width: 90%; margin: 0px auto; margin-top: clamp(10vw, 200px, 40vw);}
    .dininfacillity{ width: 90%; margin: 0px auto; margin-top: clamp(10vw, 200px, 40vw);}
}

@media screen and (max-width: 1024px) and (orientation: landscape) {
    .header-hamburger {width: 60px;position: absolute;top: 60px;  right: 40px;}
    #Header #Head-content {height: 140px;}
    html>/**/body #HeadNavi{height: 140px;}
    #Head{ text-align:left; width: 50%;  margin:0px auto; height:62px; padding-top:40px;}
    #Head h1{ width:345px; float:none; margin-left: 5px;}
    #Head h1 a{	width: 345px;height: 62px;background-image: url(https://www.ashikaga.co.jp/sp/vietnamese/images/common/logo.png);
        background-repeat: no-repeat;
        background-position: left top;
        background-size: contain; display:block;
        overflow: hidden;
        text-indent: 100%;
        white-space: nowrap;
    }
    #HeadNavi .flower-box .txt-box,#HeadNavi .ticket-box .txt-box{font-size: 90%;}
    .nav-item a{font-size: 120%;}
    .header .header-inner .header-item a {font-size: 90%;padding-left: 56px;background: url(https://www.ashikaga.co.jp/sp/vietnamese/images/common/ico_arrow01.png) no-repeat 1.5em 0.5em;}
    .nav-sns{display: flex;justify-content: space-between;width: 60vw;flex-wrap: wrap;margin: 0 auto 5vw;}
    .nav-sns li{width: 10vw;}
    .select_box-sp{width:40%;}
    .hamburger span {height: 5px;background-color: #8d5983;position: relative;transition: ease .4s;display: block;border-radius: 3px;}
    #contents_english{ width: 90%; margin: 0px auto; margin-top: clamp(8vw, 160px, 30vw);}
    .dininfacillity{ width: 90%; margin: 0px auto; margin-top: clamp(8vw, 160px, 30vw);}
}