﻿h2, h3, h4, #main_menu .menu_title {
font-family: 'M PLUS 1p', sans-serif !important;
}
/* color */
.txt_color_nomal{color: #212121;}
.txt_white{color: white;}
.txt_red{color: red;}
.txt_color1{color: #fff9e2} /* メインカラー */
.txt_color2{color: #ecbe36} /* サブカラー */
.txt_color3{color: #41474f} /* アクセントカラー1 */
.txt_color4{color: #cedff1} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: white} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #fff9e2} /* メインカラー */
.bg_color2{background-color: #ecbe36} /* サブカラー */
.bg_color3{background-color: #ecbe36} /* アクセントカラー1 */
.bg_color4{background-color: #cedff1} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}

/* border-color ※!important */
.border_color1{border-color: #fff9e2}
.border_color2{border-color: #ecbe36}
.border_color3{border-color: #41474f}
.border_color4{border-color: #cedff1}

/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #212121;}
.hvr_txt_white:hover{color: white;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #fff9e2} /* メインカラー */
.hvr_txt_color2:hover{color: #ecbe36} /* サブカラー */
.hvr_txt_color3:hover{color: #41474f} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #cedff1} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: white} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #fff9e2} /* メインカラー */
.hvr_bg_color2:hover{background-color: #ecbe36} /* サブカラー */
.hvr_bg_color3:hover{background-color: #41474f} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #cedff1} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #fff9e2}
.hvr_border_color2:hover{border-color: #ecbe36}
.hvr_border_color3:hover{border-color: #41474f}
.hvr_border_color4:hover{border-color: #cedff1}


#contents1 .contents_box {
    background-image: linear-gradient( 135deg, rgba(255,182,193,1.0) 0%, rgba(255,182,193,1.0) 100%) !important;
}
#contents2 .contents_box {
    background-image: linear-gradient( 135deg, rgba(191,226,94,1.0) 0%, rgba(191,226,94,1.0) 100%) !important;
}

#contents3 .contents_box {
    background-image: linear-gradient( 135deg, rgba(151,201,218,1.0) 0%, rgba(151,201,218,1.0) 100%) !important;
}
.linkStyle {
  color: #020000;
}
.line a {
    color: #b4da4b;
}
#f_menu ul li a, #foot_txt .txt_left, #cms_3-d .cate_box .txt_color4, #top_cms .cms_3-d .box_txt2, #cms_6-a .box_txt2 {
    color: #020000;
}
#top_cms .cms_3-d .box_txt2 {
    text-align: left;
}
.cms_3-d .grid_4 {
    width: 95%!important;
}
#copyright .txt_color2, .page_title h2, #cms_4-a h3, #cms_5-c h3, #cms_3-d .cate_title {
    color: #fff9e2 !important;
}
#info_map .grid_6 .border_color2 {
    border-color: rgb(255, 255, 241);
}
h2, h3 {
  font-weight: bold;
}
 .pager .txt_color2 {
    color: #fff9e2;
}
#main_menu ul li a {
    color: #ecbe36;
    padding: 10px;
}
.txt_color2 {
    color: #97c9da;
}
.cate_list .border_color2 {
    border-color: #020000;
}
.cate_list .txt_color2 {
    color: #020000;
}
#main_menu.fixed {
    background-color: rgba(255,255,193,0.90) !important;
}
.fa-envelope:before {
    display: none;
}
#top_cms h2 {
    color: #ecbe36;
}
#top_cms .cms_title p {
    color: #ffb7c2;
}
#fixed_right_banner .sns_link {
    background-color: rgba(255, 255, 224, 1);
}
.header .pd_5px .txt_white, .header .txt_left, .cms_1-a p, .cms_1-a h3, .cms_2-b h3, .cms_2-b p, .cms_5-c h3, .cms_5-c p, #cms_1-a .date, #cms_1-a .box_title1, #cms_1-a .box_txt1, .cate_txt1, #cms_3-a .cate_box p, #cms_3-a h4, #cms_5-c .box_txt1, #page7 .box_txt1, #page8 .txt_center, #tel_txt .width_70per, #page9 p {
  color:#020000;
}
.txt_color_nomal {
    color: #020000!important;
}
#page-top .bg_color3 {
    background-color: #ecbe36;
}
#info_map {
    background-color: #ecbe36;
}
#top_cms .effect {
    color: #97c9da;
}
#cms_5-c .box_txt1::before {
    color: #97c9da !important;
}
.cms_2-b .grid_4 {
    width: 100% !important;
}
#cms_2-b .cate_title, #cms_6-a .cate_title {
    background-color: #cedff1;
    border-color: #ecbe36;
    color: #5b5b5b;
}

#cms_3-a .cate_title {
    color: #ecbe36;
}
#cms_4-a .cate h4 {
    color: #ecbe36;
}
.contents_box::before, .contents_box::after, .contents_box2::before, .contents_box2::after {
    background-color: #ecbe36;
}
.border_white {
  border-color: #ecbe36; 
}
#top_cms .cms_title h2::before, #top_cms .cms_title h2::after {
    background-color: #ecbe36;
}
.cms_5-c, .cms_2-b .cate_txt1 {
    text-align: left;
}
.cms_5-c .box_txt1::before {
    color: #cedff1 !important;
}
.cms_5-c .box_title1 {
    border-color: #cedff1 !important;
}
#cms_5-c .box_title1 {
    border-color: #97c9da !important;
}
#top_cms .cms_title {
	position: relative;
}
#top_cms .cms_title:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/top.png);
    background-size: contain;
    background-position: center;
    background-repeat: no-repeat;
    width: 100px;
    height: 70px;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: -70px;
}
#contents1 .txt_center {
	position: relative;
}
#contents1 .txt_center:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/con1.png);
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    right: 50px;
    top: -128px;
}
#contents2 .txt_center {
	position: relative;
}
#contents2 .txt_center:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/con2.png);
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    right: 50px;
    top: -128px;
}
#contents3 .txt_center {
	position: relative;
}
#contents3 .txt_center:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/con3.png);
    background-size: contain;
    background-position: top right;
    background-repeat: no-repeat;
    width: 100px;
    height: 100px;
    right: 50px;
    top: -128px;
}
#aisatsu {
	position: relative;
}
#aisatsu:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/asi3.png);
    background-size: cover;
    background-position: center top;
    background-repeat: no-repeat;
    width: 100%;
    height: 100%;
    right: 0%;
    top: 0px;
    z-index: 1;
}
.page_title {
	position: relative;
}
.page_title:before {
    position: absolute;
    content: "";
    background-image: url(./Dup/img/title.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: bottom left;
    width: 44%;
    height: 40%;
    left: 20px;
    bottom: -8px;
}
.page_title .posi_center .txt_color2 {
      color: #fff9e2;
}

.catch {
    left: 4%;
    top: 67%;
    z-index: 2;
    font-size: 50px;
    color: #f4b2bc;
    line-height: 2;
    text-shadow: #fff9e2 2px 0px, #fff9e2 -2px 0px, #fff9e2 0px -2px, #fff9e2 0px 2px, #fff9e2 2px 2px, #fff9e2 -2px 2px, #fff9e2 2px -2px, #fff9e2 -2px -2px, #fff9e2 1px 2px, #fff9e2 -1px 2px, #fff9e2 1px -2px, #fff9e2 -1px -2px, #fff9e2 2px 1px, #fff9e2 -2px 1px, #fff9e2 2px -1px, #fff9e2 -2px -1px;
}

.smooth.is-animated {
  clip-path: inset(0);
}
#cms_3-d .box_wrap .border_so1, #top_cms .cms_3-d .border_so1  {
    border: 1px solid #ecbe36;
}
#top_cms .cms_title h2::before, #top_cms .cms_title h2::after {
    /*background-color: #ecbe36;*/
  display: none;

}
#top_cms {
    padding: 40px 0 0 0;
}
.page_title h2 {
    background-color: #ffb6c1;
}

.fadein_text,
.fadein_text span {
  opacity: 0;
}



#cms_5-c h3 {
    color: #020000;
}
#main_img .swiper-container {
	position: relative;
}
#main_img .swiper-container {
	position: relative;
}
#main_img .swiper-container:before {
	position: absolute;
	content: "";
	background-image: url("./Dup/img/top_back.png");
	background-size: cover;
	background-repeat: no-repeat;
	background-position: bottom left;
	width: 100%;
	height: 100%;
	bottom: 0px;
	left: 0px;
         z-index: 2;
}
#cms_5-c h3 {
    color: #020000 !important;
}
#copyright .txt_color2 {
    color: #ecbe36 !important;
}
#cms_2-b .box_txt1 {
  color: #020000;
}
/*****************足跡アニメ****************************/
div[class*="walk"]{
  position:absolute;
  height: 20px;
  width: 20px;
  top:0;
  z-index: 100;
  background-repeat: no-repeat;
  -webkit-background-size: 20px 20px;
  background-size: 20px 20px;
  opacity:0;
  box-sizing: border-box;
  -webkit-animation: vanish 2s;
  animation: vanish 2s;
  background-position: center top;
}
div[class*="odd"]{
  background-image: url(./Dup/img/asi.png);
  right:70px;
}
div[class*="even"]{
  background-image: url(./Dup/img/asi.png);
  right:50px;
}
div[class*="under-odd"]{
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
div[class*="under-even"]{
  -webkit-transform: scaleY(-1);
  transform: scaleY(-1);
}
@-webkit-keyframes vanish{
  0%{
    opacity: 0;
  }
  20%{
    opacity: .8;
  }
  60%{
    opacity: .8;
  }
  100%{
    opacity: 0;
  }
}
@keyframes vanish{
  0%{
    opacity: 0;
  }
  20%{
    opacity: .8;
  }
  60%{
    opacity: .8;
  }
  100%{
    opacity: 0;
  }
}
/***************************************/

 



 /* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#aisatsu:before {
    height: 70%;
}
#f_menu {
    font-size: 15px;
}
.catch {
    left: 4%;
    top: 63%;
    font-size: 44px;
}

}

/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){
#contents1 .txt_center:before, #contents2 .txt_center:before, #contents3 .txt_center:before {
    width: 100px;
    height: 80px;
    right: -18px;
    top: -97px;
}
#aisatsu:before {
    width: 170%;
    height: 50%;
}
.header #logo {
    margin-right: 23%;
}
.header #logo .width_150_sp {
    width: 200px;
}
.button_container span {
    background: #ecbe36;
    border: none;
    height: 2px;
    width: 100%;
    position: absolute;
    top: 0;
    right: 0;
    -webkit-transition: all .35s ease;
    transition: all .35s ease;
    cursor: pointer;
    box-shadow: 0px 0px 0px #333;
}
.all {
  display: none;
}
#copyright {
    text-align: left;
    margin-left: 10px;
}
#page10 #contents a {
    position: relative;
    padding-bottom: 25px;
}
#page10 #contents a span {
    position: absolute;
    left: 50%;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
    top: 60%;
}
#foot_txt {
    padding: 10px 10px 20px 10px;
}
.page_title:before {
    width: 44%;
    height: 40%;
    left: -42px;
    bottom: -29px;
}
.catch {
    left: 3%;
    top: 53%;
    z-index: 2;
    font-size: 25px;
}
div[class*="odd"]{
  background-image: url(./Dup/img/asi.png);
  right:50px;
}
div[class*="even"]{
  background-image: url(./Dup/img/asi.png);
  right:30px;
}
#contact_tel .pd_30px {
    padding: 30px 0px;
}
}

@media all and (-ms-high-contrast:none) {
#cms_2-b .cate .cate_title {
    padding-top: 7px !important;
}

}