@charset "utf-8";
/* CSS Document */


/*----------------------------------------------------------------------------
 ***                                                                Container
----------------------------------------------------------------------------*/
body {}
#wrap {}


/*----------------------------------------------------------------------------
 ***                                                                  Header
----------------------------------------------------------------------------*/
#headerArea {}


/*----------------------------------------------------------------------------
 ***                                                       Header - gNavi
----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------
 ***                                                              contentsArea
----------------------------------------------------------------------------*/
#contentsArea { background-image:url(../arata_hanare/images/img_main01.jpg)}
#contentsAreaInner {}
h2 {}
#pageTitleBox{ background: none;}


/*----------------------------------------------------------------------------
 ***                                                        wineWatanabeSec
----------------------------------------------------------------------------*/
#wineWatanabeSec{}




/*----------------------------------------------------------------------------
 ***                                                             section01
----------------------------------------------------------------------------*/

#raceSec{background-color:#EFEFEF; padding-bottom:40px;}
#raceSec .sectionInner{width:960px; margin:0 auto; padding-top:120px;}

#raceSec .secTitleH3Box{ background-image:url(../arata_hanare/images/icon02.png); padding-bottom:13px;}
#raceSec .secTitleH3Box h3{}
#raceSec .secTitleH3Box h3 span{}

#raceSec .yoyakuBtn{
    width: 230px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin:20px auto;
}
#raceSec .yoyakuBtn a{ display:block; color:#FFF; border: 3px solid #f7931e; background-color:#f7931e; border-radius:10px; padding:0.4em 0 0.5em; text-decoration:none; -webkit-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
#raceSec .yoyakuBtn a:hover{ opacity: 0.6;}

#kodawari{width:960px; height:480px;background-color:#FFF; }
#kodawari .kodawari01{ background-image:url(../arata_hanare/images/img_section01.jpg);}
#kodawari .kodawari02{ background-image:url(../arata_hanare/images/img_section02.jpg);}
#kodawari .kodawari03{ background-image:url(../arata_hanare/images/img_section03.jpg); background-position:right;}
#kodawari .kodawari04{ background-image:url(../arata_hanare/images/img_section04.jpg); background-position:right;}
.bx-controls{ display: none;}

/*----------------------------------------------------------------------------
 ***                                                             section02
----------------------------------------------------------------------------*/
#listSec{background-image:url(../arata_hanare/images/img_main20.jpg); }

#listSec .secTitleH3Box{ background-image:url(../arata_hanare/images/icon01.png);}
#listSec .secTitleH3Box h3{}
#listSec .secTitleH3Box h3 span{}

#listSec .tempo{ font-weight:500; font-size:14px; margin-left: 40px;  margin-bottom: -12px;  margin-top: 20px;}
#listSec .tempo span{ color:#F00;}
#listSec .table-wInner{ width:880px; margin:auto; margin-top:20px;}
#listSec .table-wInner table{ width:100%; font-size:13px;}
#listSec .table-wInner table th{font-weight: bold; border-top: #000 solid 2px; border-left: 0px; border-right: 0px; border-bottom: 0px; background: #F7F8F8; color:#000; }
#listSec .table-wInner table td{vertical-align:middle; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: #B5B5B6 solid 1px; background: white; text-align:left;
color:#000; padding-bottom: 4px;font-size:13px;}
#listSec .table-wInner table td span{}

#listSec .table-wInner table .areaCol{ font-weight:600; border-right: #B5B5B6 solid 1px; text-align:center;}
#listSec .table-wInner table .nameCol{font-weight:600;padding-right: 0px;}
#listSec .table-wInner table .nameCol span{color:#F00;font-size: 11px;}
#listSec .table-wInner table .openCol{ padding-left:0px;}
#listSec .table-wInner table .openCol p{ font-size:12px; color:#999; border:#999 1px solid; border-radius:12px; text-align:center; width:70px; margin-bottom: 5px;}
#listSec .table-wInner table .openCol .date{ color:#F90; border-color:#dc7d10;padding: 0 5px;}
#listSec .table-wInner table .addCol a{ color:#000;}
#listSec .table-wInner table .telCol{ text-align:center;}
#listSec .table-wInner table .telCol a{ color:#000;}
#listSec .table-wInner table .linkCol{ font-weight:600;text-align:center;}
#listSec .table-wInner table .linkCol a{color:#003298;}
#listSec .table-wInner table .linkCol:hover{
	color: #003298;
}
#listSec .recuBtn{background-color:#008895;width: 230px; height: 38px; border: 1px solid #008895; border-radius: 10px; text-align: center; font-weight: bold;
    font-size: 18px;	padding-top: 7px;  margin-left:auto; margin-right:auto; margin-top:20px;}
#listSec .recuBtn a{display:block;color: white;  }
#listSec .modal-content .yoyakuBtn{}
#listSec .modal-content .yoyakuBtn{
    width: 230px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin:10px 0;
}
#listSec .modal-content .yoyakuBtn a{ display:block; color:#FFF; border: 3px solid #f7931e; background-color:#f7931e; border-radius:10px; padding:0.4em 0 0.5em; text-decoration:none; -webkit-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
#listSec .modal-content .yoyakuBtn a:hover{ opacity: 0.6;}

#listSec .sectionInner > .yoyakuBtn{
    width: 230px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin:20px auto;
}
#listSec .sectionInner > .yoyakuBtn a{ display:block; color:#FFF; border: 3px solid #f7931e; background-color:#f7931e; border-radius:10px; padding:0.4em 0 0.5em; text-decoration:none; -webkit-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
#listSec .sectionInner > .yoyakuBtn a:hover{ opacity: 0.6;}
/* #listSec .sectionInner >  .menuBtn{
    width: 230px;
    text-align: center;
    font-weight: bold;
    font-size: 18px;
    margin:20px auto;
}
#listSec .sectionInner >  .menuBtn a{ display:block; color:white; border: 1px solid #F60; background-color:#F60; border-radius:10px; padding:0.4em 0 0.5em; text-decoration:none; -webkit-transition:all .3s ease; -o-transition:all .3s ease; transition:all .3s ease;}
#listSec .sectionInner >  .menuBtn a:hover{ background-color:#F99450;} */

/*----------------------------------------------------------------------------
 ***                                                             section03
----------------------------------------------------------------------------*/

#campaignSec{}
#campaignSec .sectionInner{}

#campaignSec .secTitleH3Box{ background-image:url(../arata_hanare/images/icon03.png);}
#campaignSec .secTitleH3Box h3{}
#campaignSec .secTitleH3Box h3 span{}




/*----------------------------------------------------------------------------
 ***                                                                  footer
----------------------------------------------------------------------------*/
#footerArea{ }
#footerAreaInner{}




/*----------------------------------------------------------------------------
 ***                                                          breadcrumbArea
----------------------------------------------------------------------------*/



/*----------------------------------------------------------------------------
 ***                                                                   section
----------------------------------------------------------------------------*/
.section {}
.sectionInner {}


#mapSecUl li .secTitleH4Box .attentionPop {
    border: none;
    font-size: 14px;
    font-weight: bold;
    color: #d53b3b;
    text-align: left;
    width: 455px;
    margin-top: 10px;
    margin-bottom: 20px;
}

#mapSecUl li .secTitleH4Box .camBanner{
    border: none;
    border-radius: 0;
    margin-top: 0;
    margin-bottom: 20px;
}