﻿body, .txt_color_nomal {
    color: #6d6d6d!important;
}

body, .font_sans-serif {
    font-family: "游明朝", "YuMincho", "ＭＳ Ｐ明朝", "MS PMincho","ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "Sawarabi Mincho", "serif" !important;
}


.bg_color1 {
    background-color: #fdfdfd;
}

.txt_white {
       color: #2f2f2f;
}

#main_menu ul li a {
    color: #a19f9f;
}

.bg_color3 {
    background-color: #f385b9;
}

.cms_title p, .page_title span {
    color: #b99542;
}

.contents_box:before, .contents_box:after, .contents_box2:before, .contents_box2:after {
    background-color: #e5cda0;
}


#main_menu.fixed {
    background-color: rgba(255,255,255,0.70) !important;
    border-bottom: 1px solid #e8e8e8;
}

#info_map{
background-image: url(./Dup/img/back.png);
    background-size: 100px;
}

#info_map.bg_color3{
/*background-color:#f3e6ec;*/
background-color: #efe4e9;
}


.border_color4 {
    border-color: #a19f9f;
}

.txt_color4 {
    color: #e6b6cd;
}

.border_color2 {
    border-color: #dedede;
}

#main_img{
/*max-width: 100%!important;
max-height: 100vh;*/
    overflow: hidden;
}

h1#logo img{
max-width:160px;
}

.width_1000-max{
max-width:1150px !important;
}

#aisatsu > div {
    background-color: rgba(255, 248, 252, 0.8) !important;
}

#f_menu ul li a {
    color: #a19f9f;
}


.border_color3 {
    border-color: #b5b5b5;
}




#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box {
    margin-left: 50%;
    margin-top: -270px;
    z-index: 2;
    width: 50% !important;
}


h2, h3{
font-weight:bold;
}

#contents1 h2, #contents2 h2, #contents3 h2{
position:relative;
z-index:0;
}


#contents1 h2:before{
content: "";
    display: block;
    width: 150px;
    height: 130px;
    position: absolute;
    top: 0%;
    left: 85%;
    background-image: url(./Dup/img/poi1.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}


#contents2 h2:before{
content: "";
    display: block;
    width: 150px;
    height: 130px;
    position: absolute;
    top: 0%;
    left: 85%;
    background-image: url(./Dup/img/poi2.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}


#contents3 h2:before{
content: "";
    display: block;
    width: 150px;
    height: 130px;
    position: absolute;
    top: 0%;
    left: 85%;
    background-image: url(./Dup/img/poi3.svg);
    background-position: center;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: contain;
    pointer-events: none;
    z-index: -1;
}


header{
   background-color: #f7f7f7;
    border-bottom: 1px solid #e0e0e0;
    background-image: none;
    background-repeat: repeat-x;
    background-position: bottom;}

#main_menu {
    margin-bottom: 0;
}


#main_img{
position:relative;
}

#main_img:after{
    content: "";
    display: block;
    width: 100%;
    height: 20px;
    position: absolute;
    top: 100%;
    left: 50%;
    background-image: url(./Dup/img/border_b.png);
    background-position: top;
    background-repeat: repeat-x;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: auto;
    pointer-events: none;
    z-index: 2;
    background-color: white;
}


/*#main_img:before{
      content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 48%;
    left: 50%;
    background-image: url(./Dup/img/font.png);
    background-position: bottom left;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 75%;
    pointer-events: none;
    z-index: 2;
}*/

#main_img:before {
    content: "";
    display: block;
    width: 100%;
    height: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    background-image: url(./Dup/img/font.png);
    background-position: 5% 80%;
    background-repeat: no-repeat;
    -webkit-transform: translate(-50% , -50%);
    transform: translate(-50% , -50%);
    background-size: 75%;
    pointer-events: none;
    z-index: 2;
}


#fakeloader .fl {
    max-width: 170px!important;
}


#main_img2 .page_title {
    background-color: transparent !important;
    margin-top: 65px;
}

.linkStyle{
    color: #e4007f;
}

#cms_5-c .box_txt1:before {
    color: rgb(211, 87, 147) !important;
}

.swiper-wrapper {
    overflow: hidden !important;
}

#page1{
    padding-top: 50px;
    background-image: none;
    background-repeat: repeat-x;
    background-size: 40%;
}

#main_menu h1#logo img{
    max-width: 100px;
    width: 95%;
}

.fixed2{
display:block;
margin-bottom:10px;
}

#main_menu ul li a {
    color: #5a5a5a;
}

#main_menu ul li a {
    padding: 0%;
}

.txt_color2 {
    color: #e4007f;
}

#main_menu li p.txt_color2{
color: #b99542;
}

.txt_white {
    color: #6b6b6b;
}

#aisatsu > div {
    background-color: rgba(255, 248, 252, 0.87) !important;
}

.border_color2 {
    border-color: #9a9a9a;
}

.date{
color:white;
}

#fixed_right_banner .sns_link{
    background-color: #f1dae4 !important;
border-left: 1px solid #ccc7ca;
}

#main_img2 {
    max-width: 1150px;
}

.page_title h2{
    background-color: rgba(255,255,255,0.9);
}

#page9 p a{
color:white !important;
}


/*------20210312 start------*/

h1#logo img {
    max-width: 200px;
}

#main_menu h1#logo img {
    max-width: 140px;
    width: 95%;
}


/*------20210312 end------*/


/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){

#contents1 h2:before,  #contents2 h2:before, #contents3 h2:before{
    width: 180px;
}

.font_13 {
    font-size: 12px;
}

#page10 .cate .letter_2 {
    letter-spacing: 0px;
}

.fixed2{
display:none !important;
}


}


/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

#aisatsu{
background-size: cover;
    width: 85%;
}

#aisatsu > div{
padding-top:50px;
padding-bottom:50px;
}

#contents1 .contents_box, #contents2 .contents_box, #contents3 .contents_box {
    margin-left: 0;
    margin-top: 0;
    width: 100% !important;
 }

h1#logo{
margin-right:0;
}


#contents1 h2:before, #contents2 h2:before, #contents3 h2:before {
    width: 130px;
left: 89%;
}

#main_img{
padding-top:0;
margin-top:0 !important;
}

#page1{
padding-top:0;
}

}
