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

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

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

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

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

body{
    /*font-family: 'Shippori Mincho','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ＭＳ 明朝', 'MS Mincho', serif;*/
    font-size: 14px;
}

.main_box {
    overflow: hidden;
}

h2,h3,h4{
    font-family:'Shippori Mincho','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ＭＳ 明朝', 'MS Mincho', serif;
    font-weight: 700;
}

.txt_shadow-b {
        text-shadow: 0 5px 10px rgba(175, 107, 42, 0.5);
}

.button2:hover {
    box-shadow: 0 0 20px rgba(255, 182, 111, 0.5) inset;
}

.contact_bt a,
.tel_bt a,
.more a{
    border-color: #4a1c16;
    font-family:'Shippori Mincho','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ＭＳ 明朝', 'MS Mincho', serif;
    font-weight: 700;
}

.contact_bt a:hover,
.tel_bt a:hover,
.more a:hover{
    border-color: #f37b06;
}

.button:hover::after {
    box-shadow: inset 0 0 0 15em #f37b06;
}

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

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

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

header::before{
    content:'';
    position:absolute;
    height: 193px;
    width: 176px;
    background-image: url(Dup/img/kinpun.png);
    background-size: contain;
    background-repeat: no-repeat;
    bottom: 51px;
    left:0;
}
header::after{
    content:'';
    position:absolute;
    height: 200px;
    width: 200px;
    background-image:url(Dup/img/kinpun.png);
    background-size:contain;
    background-repeat:no-repeat;
    transform: rotate(-90deg);
    right:0;
    bottom:52px;
}

#pc_box_banner {
    margin-bottom: 15px;
}

#pc_box_banner a{
    display: block;
    width: 90%;
    margin: 0 auto 10px;
    transition: all 0.2s;
}

#pc_box_banner a:hover{
    opacity: 0.7;
}
/* ---------------------- nav */
#main_menu ul li a{
    font-family:'Georgia','Shippori Mincho','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ＭＳ 明朝', 'MS Mincho', serif;
    margin-bottom: 20px;
}

#main_menu{
    margin-bottom: 20px;
}

#sp_nav ul li a{
    font-family:'Shippori Mincho',serif;
}

header .head_box .link_box {
    margin-top: 50px;
}

/* ---------------------- footer */
.footer_right{
    width: 50%!important;
    padding-left: 5%;
}

.footer_cms{
    line-height: 1.7;
}

#page-top span{
     font-family:'Shippori Mincho',serif;
}

#footer_menu ul li{
    font-family:'Shippori Mincho',serif;
}

.foot_tel_bt a{
    font-family:'Shippori Mincho',serif;
}

#map .ggmap {
    padding-bottom: 470px;
}

footer .logo a img{
    width: 160px!important;
}

.footer_right {
    margin-top: 0;
}

/* -------------------------- top ------------------------- */
#main_img::after{
    content:'';
    display: block;
    position: absolute;
    top: 0;
    right: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.25);
    z-index: 2;
}

#main_img .txt1{
    z-index: 3;
    font-size: 30px;
}

.youtube_box_wrap{
    margin-top: 50px;
    margin-bottom: 50px;
}

.youtube_box{
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube_box iframe{
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}

#top_banner_box a{
    margin: 10px;
    transition: 0.3s;
}

#top_banner_box a:hover{
    opacity: 0.7;
}

#top_banner_box a img{
    width: 300px;
}

#contents_box{
    margin-bottom: 50px;
}

.top_cms_box{
    padding-bottom: 100px;
}

.cms_title {
    padding-left: 37px;
}

.cms_title h2,
.cms_title p{
    display: inline-block;
    width: 80%;
}

.cms_title::before {
    width: 25px;
}

.cms_title::after{
    content:'';
    position:absolute;
    height:50px;
    width:170px;
    background-image:url(Dup/img/nami_6_orange.png);
    background-size:contain;
    background-repeat:no-repeat;
    right: 20px;
    bottom: -19px;
    }

.cms_title h2{
    position: relative;
}

.cms_title h2::after{
    content:'';
    position:absolute;
    height:50px;
    width:140px;
    background-image:url(Dup/img/nami_4_brown.png);
    background-size:contain;
    background-repeat:no-repeat;
    top: -15px;
    right: -45px
}

.cms_1-c .date{
    color: #4a1c16;
    opacity: 0.7;
}

.cms_1-c .box_title1{
    font-family:'Shippori Mincho','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ＭＳ 明朝', 'MS Mincho', serif;
}

.cms_3-a .cate_title{
    color: #4a1c16;
}


.cms_5-a .cate_box{
    border-left-width: 1px;
}

.cms_5-a .box_title1{
    color: #4a1c16;
}

/* --- more --- */

/* -------------------------- sub ------------------------- */

.cate_list li a{
    font-family:'Shippori Mincho',serif;
}

#page_title .page_box {
    margin-top: 50px;
}

.page_box h2,
.page_box p{
    display: inline-block;
    width: 80%;
}

.page_box::before {
    width: 25px;
}

.page_box::after{
    content:'';
    position:absolute;
    height:50px;
    width:170px;
    background-image:url(Dup/img/nami_6_orange.png);
    background-size:contain;
    background-repeat:no-repeat;
    right: 20px;
    bottom: -19px;
    }

.page_box h2{
    position: relative;
}

.page_box h2::after{
    content:'';
    position:absolute;
    height:50px;
    width:140px;
    background-image:url(Dup/img/nami_4_brown.png);
    background-size:contain;
    background-repeat:no-repeat;
    top: -15px;
    right: -45px
}


/* ---------------------- cms1 */
#cms_1-c .date{
    color: #4a1c16;
    opacity: 0.7;
}

#cms_1-c .box_title1{
    font-family:'Shippori Mincho','Yu Mincho Light','YuMincho','Yu Mincho','游明朝体','ヒラギノ明朝 ProN','Hiragino Mincho ProN','ＭＳ 明朝', 'MS Mincho', serif;
}

.pager li a{
    font-family:'Shippori Mincho',serif;
}

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

/* ---------------------- cms3 */
#cms_3-a .cate_title{
    color: #4a1c16;
}
/* ---------------------- cms4 */
#cms_6-a .box_txt1{
    font-family:'Shippori Mincho',serif;
}
/* ---------------------- cms5 */
#cms_5-a .box_title1{
    color: #4a1c16;
}
/* ---------------------- info */

/* ---------------------- contact */
#contact_other{
    padding: 50px 30px;
}
/* ---------------------- privacy policy */

/* ---------------------- sitemap */
#page10 ul li a{
    font-family:'Shippori Mincho',serif;
}

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

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

#main_menu ul li a::before {
    top: 50%;
}

.pc_box .contact_bt a {
    padding: 11px 0 12px;
}


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

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



/* -------------------------- top ------------------------- */
/* --- more --- */

/* -------------------------- sub ------------------------- */

.cate_list li a {
    padding: 7px 0 7px;
}

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

.pager li a {
    padding: 2px 0 3px;
}

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

#cms_2-a .cate .cate_title {
    padding-top: 10px!important;
}

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

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

#cms_6-a .cate .cate_title {
    padding-top: 10px!important;
}

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

#cms_5-a .cate .cate_title span:last-of-type {
    padding-top: 0px!important;
}

/* ---------------------- info */

/* ---------------------- contact */
#contact_tel a{
    padding: 30px 30px 24px;
}
/* ---------------------- privacy policy */

/* ---------------------- sitemap */
#page10 ul li a {
    padding: 12px 0 12px;
}


}

/* ------------------------------------------------------------------------------------------------------------------  
タブレット　
--------------------------------------------------------- */
@media screen and (max-width: 768px){
/* ---------------------- common */

.contact_bt a,
.tel_bt a,
.more a,
#sp_nav ul li:last-child a{
    background-color: #f37b06;
    color: #fff;
    border-color: #f37b06;
}

 .linkStyle{
    text-decoration: underline;
}
 
.main_box {
    padding-top: 70px;
} 

 /* ---------------------- header */
header::before,
header::after{
    display: none;
}
/* ---------------------- nav */

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

footer .logo{
    text-align: center;
}

.footer_right{
    padding-left: 20px;
}

#mobile_footer_banner{
    margin-bottom: 20px;
}

#mobile_footer_banner a{
    display: block;
    width: 280px;
    margin: 0 auto 10px;
}

#footer_menu ul{
    flex-wrap: nowrap;
}
#footer_menu ul li {
    display: inline-block;
    font-size: 14px;
    width: 30%;
    padding: 0;
}

.foot_tel_bt a{
    background-color: #f37b06;
    color: #fff;
    margin: auto;
}

.link_box ul{
    justify-content: space-around;
}

/* -------------------------- top ------------------------- */
.cms_title h2, .cms_title p {
    width: 70%;
}

.cms_title h2::after {
    height: 20px;
    width: 140px;
    top: -36px;
    right: -56px;
}

.cms_title::after {
    height: 50px;
    width: 150px;
    right: 10px;
    bottom: -17px;
}

/* --- more --- */

/* -------------------------- sub ------------------------- */

.page_box h2, 
.page_box p {
    width: 70%;
}

.page_box h2::after {
    height: 20px;
    width: 140px;
    top: -19px;
    right: -80px;
}

.page_box::after {
    height: 50px;
    width: 150px;
    right: 20px;
    bottom: -25px;
}

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

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

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

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

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

/* ---------------------- info */

/* ---------------------- contact */

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

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

 
}

/* ------------------------------------------------------------------------------------------------------------------
スマホ　
--------------------------------------------------------- */
@media screen and (max-width: 667px){
/* ---------------------- common */
.main_box {
    padding-top: 62px;
}
/* ---------------------- header */
#logo{
    text-align: center;
    width: 170px;
    max-width: 200px;
}
/* ---------------------- nav */

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

footer .logo a img{
    width: 120px!important;
}

footer .logo{
    text-align: center;
}

#mobile_footer_banner a{
    width: 250px;
}

#footer_menu ul{
    flex-wrap: wrap;
}
#footer_menu ul li {
    font-size: 14px;
    width: 100%;
    padding: 5px 0;
}

.footer_right{
    width: 100%!important;
    padding-left: 0;
    margin-top: 30px;
}

#map .ggmap {
    padding-bottom: 350px;
}

/* -------------------------- top ------------------------- */
#main_img .txt1 {
    font-size: 20px;
    width: 80%;
}
#top_movie {
    width: 100%;
}

.cms_title::after {
    height: 50px;
    width: 120px;
    right: 12px;
    bottom: -40px;
}

.cms_title h2::after {
    height: 20px;
    width: 120px;
    top: -22px;
    right: -56px;
}

.cms_3-a .cate_title{
    font-size: 16px;
}
/* --- more --- */

/* -------------------------- sub ------------------------- */

.page_box h2, 
.page_box p {
    width: 100%;
}

.page_box::after {
    height: 50px;
    width: 120px;
    right: 7px;
    bottom: -40px;
}

.page_box h2::after {
    height: 20px;
    width: 120px;
    top: -21px;
    right: 11px;
}
/* ---------------------- cms1 */

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

/* ---------------------- cms3 */
#products_banner a{
    display:block;
    margin-bottom: 10px;
}
/* ---------------------- cms4 */

/* ---------------------- cms5 */
#cms_5-a .cate .cate_title {
    padding: 0;
}
/* ---------------------- info */

/* ---------------------- contact */

#contact_other {
    padding: 50px 0px;
}

#contact_line_btn,
#contact_mail_btn{
    margin:20px 0;
}

#contact_line_btn a,
#contact_mail_btn a{
    width: 250px;
}

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

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

    
}