/* ---------------------- color */
/* メインカラー */
.txt_color1{color: #f1d300} 
.bg_color1{background-color: #fff352}
.border_color1{border-color: #fff352}
.hvr_txt_color1:hover{color: #f1d300} 
.hvr_bg_color1:hover{background-color: #fff352} 
.hvr_border_color1:hover{border-color: #fff352}

/* サブカラー */
.txt_color2{color: #fffced} 
.bg_color2{background-color: #fffced} 
.border_color2{border-color: #fffced}
.hvr_txt_color2:hover{color: #fffced} 
.hvr_bg_color2:hover{background-color: #fffced} 
.hvr_border_color2:hover{border-color: #fffced}

/* アクセントカラー */
.txt_color3{color: #f39800} 
.bg_color3{background-color: #f39800} 
.border_color3{border-color: #f39800}
.hvr_txt_color3:hover{color: #f39800} 
.hvr_bg_color3:hover{background-color: #f39800} 
.hvr_border_color3:hover{border-color: #f39800}

/* アクセントカラー2 */
.txt_color4{color: #14748a} 
.bg_color4{background-color: #14748a} 
.border_color4{border-color: #14748a}
.hvr_txt_color4:hover{color: #14748a} 
.hvr_bg_color4:hover{background-color: #14748a} 
.hvr_border_color4:hover{border-color: #14748a}


/* ---------------------- common */

a{
  -webkit-tap-highlight-color: rgba(0,0,0,0);
}


h2,h3,h4,
.more a{
  font-family: 'Solway', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

.maree_font{
  font-family: 'Solway', "游ゴシック Medium", "游ゴシック体", "Yu Gothic Medium", YuGothic,"ヒラギノ角ゴ ProN", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}

#page_top{
    border-radius: 50px;
    border: 1px solid #f1d300;
}

#page_top .arrow {
    border-color: #f1d300;
}

.shadow-l {
    box-shadow: 0 2px 8px rgba(187, 161, 88, 0.40);
}

/* --- automatic link --- */
.linkStyle{
    color: #14748a;
}

.linkStyle:hover{
    text-decoration: underline;
}

/* ---------------------- header */



/* ---------------------- nav */

header .nav_bg {
    border-radius: 50px;
}

header .nav_bg.trans {
    border-radius: 0px;
}

#pc_nav ul li a{
    color:#333333;
}

#menu_stick span.stick,
#menu_stick span.stick::before, 
#menu_stick span.stick::after{
    height: 3px;
}

#menu_stick.trans span.stick::before,
#menu_stick.trans span.stick::after {
    background-color: #333;
}

/* ---------------------- footer */

#sns_links{
    border-top: 1px solid #14748a;
}


.footer_left .tel_bt a{
    color:#14748a;
}
.footer_left .tel_bt:nth-chile(1){
        margin-bottom: 0px;
}
/* -------------------------- top ------------------------- */

#contents .con_box1::before {
    height: 3px;
    background-color: #f1d300;
}


#top_cms .cms_title {
    position: relative;
}
#top_cms .cms_title::before{
    content: '';
    position: absolute;
    top: 17px;
    left: 0;
    right: 0;
    height: 160px;
    width: 100%;
    background-image: url(Dup/img/mizutama1.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

#top_cms .cms_1-b .cate_box{
    border-color: #f1d300;
    margin-bottom: 15px;
}
#top_cms .cms_1-b .date{
    color: #f39800;
    padding-bottom: 0;
}

#top_cms .cms_1-b .box_title1{
    padding-top: 0;
}

#top_cms .cms_6-c .cate_box{
    border-top: none;
    border-radius: 50px;
    background: #fffced;
}
#top_cms .cms_6-c .cate_box .box_title{
    border-color: #f1d300;
}

#top_cms .cms_2-a .box_title1 {
    font-weight: 700;
}

#contents .con_bg {
    background-color: #fdf69d;
}

/* --- more --- */
.more a{
    color: #333333;
    background-image: url(./Dup/img/h_02.png);
    background-position: center;
    border-radius: 50px;
}

.more a:hover {
    font-weight: 700;
    background-color: #f1d300;
}

.more a::before, .more a::after{
    display: none;
}

/* -------------------------- sub ------------------------- */
.cate_list_title {
    text-align: left;
}

.banners{
    margin-bottom: 80px;
}

.banners a{
    padding: 10px;
    text-align: center;
}

.banners a img{
    width: 220px;
    transition: 0.3s;
}

.banners a:hover img{
    opacity: 0.7;
}

/* ---------------------- cms1 */

#cms_1-b .date{
    color:#333;
}
.pager li a:hover{
    /*background-color:#f1d300;*/
    /*font-weight: 700;*/
    color:#333;
}

/* ---------------------- cms2 */

#cms_3-b .cate_title{
    display: inline-block;
    border-left: none;
    color: #333;
    font-weight: 700;
    border-radius: 50px;
    padding: 10px 20px;
    background-color: transparent;
    background-image: url(./Dup/img/cate_title_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 60px;
}

#cms_3-b .box_wrap .cate_box{
    border-radius: 50px;
    border-left: 1px solid #fff352;
}

#cms_3-b .box_title1{    
    font-weight: 700;
}

/* ---------------------- cms3 */

#cms_2-a .cate_title{
    border: none;
    font-weight: 700;
    padding: 0 10px;
    position: relative;
}

#cms_2-a .cate_title::before{
    content: '';
    position: absolute;
    top: -9px;
    left: -10px;
    height: 60px;
    width: 60px;
    background-image:url(Dup/img/mizutama1.png) ;
    background-position: center;
    background-repeat: no-repeat;
    background-size: contain;
    z-index: -1;
}

#cms_2-a .box_title1 {
    font-weight: 700;
}

/* ---------------------- cms4 */

#cms_6-a .cate_title{
    display: inline-block;
    border-left: none;
    color: #333;
    font-weight: 700;
    border-radius: 50px;
    padding: 10px 20px;
    background-color: transparent;
    background-image: url(./Dup/img/cate_title_bg.png);
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100% 60px;
}

/* ---------------------- cms5 */

#cms_6-c .cate_box{
    border-top: none;
    border-radius: 50px;
    background: #fffced;
}

#cms_6-c .box_title{
    font-weight: 700;
    
}


#cms_6-c .circle {
    display: none;
}

/* ---------------------- info */
#page07 .info_box {border-color: #f1d300;}

/* ---------------------- contact */
#contact_tel1 a,
#contact_tel2 a,
#contact_mail a{
    border-radius: 50px;
    border: 2px solid #f1d300;
}

#contact_mail p{
    margin-top: 50px;
        width: 90%;
}

#contact_mail a{
        text-align: center;
}

/* ---------------------- privacy policy */

.privacy_top{
    border-color: #14748a;
}

#page09 p a{border-radius: 20px;}
#page09 p a:hover{
    color: #333;
}

/* ---------------------- sitemap */


/* ------------------------------------------------------
IE
--------------------------------------------------------- */
@media all and (-ms-high-contrast: none){

#cms_2-a .cate_title::before{
    height: 81px;
}

#contact_tel1 a,
#contact_tel2 a,
#contact_mail a{padding-bottom: 21px;}
}

#contact_mail a{
margin-left:auto;
margin-right:auto;
}

/* ------------------------------------------------------  
タブレット　
--------------------------------------------------------- */
@media screen and (max-width: 768px){
 .linkStyle{
    text-decoration: underline;
}
 
#custom .custom_box {
    background-image: url(./Dup/img/custom_bg_sp.jpg)!important;
}

#top_cms .cms_title{
    z-index: 2;
}

#top_cms .cms_title::before{
    z-index: -1;
}

#page_top .arrow {
    top: 22px;
}

}

/* ------------------------------------------------------
スマホ　
--------------------------------------------------------- */
@media screen and (max-width: 667px){
    .banners a img{
    width: 180px;
}

    
    
}
	
@media screen and (max-width: 400px){
    .banners a img{
    width: 150px;
}


}

/*210713 修正 バナー追加*/
#banner_business-grand-prize{
    position: absolute;
    top: 20px;
    left: 40px;
    display: inline-block;
}
#banner_business-grand-prize a{
    display: inline-block;
    height: 200px;
    width: 200px;
    background-color: transparent;
    background-image: url(Dup/img/banner_prize.png);
    background-repeat: no-repeat;
    background-position: center;
    background-size: contain;
    transition: 0.3s;
}

#banner_business-grand-prize a:hover{
    transform: translateY(-5px);
}

@media screen and (max-width: 667px){
    #banner_business-grand-prize{
    left: 30px;
}
    #banner_business-grand-prize a {
    height: 140px;
    width: 140px;
    }
}


/*210804 修正 店舗情報にGoogleカレンダー追加*/
@media screen and (max-width: 768px){
.calendar{width: 100%;}
}
@media all and (-ms-high-contrast: none){
.calendar_title,.calendar{display: none;}
}