﻿@charset "utf-8";
/* CSS Document */

/* color */
body,.txt_color_nomal{color: #777;}
.txt_white{color: #FFFAF0;}
.txt_red{color: red;}
.txt_color1{color: #FFDBC9} /* メインカラー */
.txt_color2{color: #FFFAF0} /* サブカラー */
.txt_color3{color: #FFD5EC} /* アクセントカラー1 */
.txt_color4{color: #EEFFF0} /* アクセントカラー2 */

/* background-color */
.bg_white{background-color: #FFFAF0} /* 白背景 */
.bg_black{background-color: black} /* 黒背景 */
.bg_color1{background-color: #FFDBC9} /* メインカラー */
.bg_color2{background-color: #FFFAF0} /* サブカラー */
.bg_color3{background-color: /*#FFD5EC*/#ffebf6} /* アクセントカラー1 */
.bg_color4{background-color: #EEFFF0} /* アクセントカラー2 */
.bg_color_clear{background-color: transparent!important}


/* border-color ※!important */
.border_color1{border-color: #FFDBC9}
.border_color2{border-color: #FFFAF0}
.border_color3{border-color: #FFD5EC}
.border_color4{border-color: #EEFFF0}


/* hover ---------------------------------------------------------------------------------------------*/
/* color */
.hvr_txt_color_nomal:hover{color: #333333;}
.hvr_txt_white:hover{color: #FFFAF0;}
.hvr_txt_red:hover{color: red;}
.hvr_txt_color1:hover{color: #FFDBC9} /* メインカラー */
.hvr_txt_color2:hover{color: #FFFAF0} /* サブカラー */
.hvr_txt_color3:hover{color: #FFD5EC} /* アクセントカラー1 */
.hvr_txt_color4:hover{color: #EEFFF0} /* アクセントカラー2 */

/* background-color */
.hvr_bg_white:hover{background-color: #FFFAF0} /* 白背景 */
.hvr_bg_black:hover{background-color: black} /* 黒背景 */
.hvr_bg_color1:hover{background-color: #FFDBC9} /* メインカラー */
.hvr_bg_color2:hover{background-color: #FFFAF0} /* サブカラー */
.hvr_bg_color3:hover{background-color: #FFD5EC} /* アクセントカラー1 */
.hvr_bg_color4:hover{background-color: #EEFFF0} /* アクセントカラー2 */
.hvr_bg_color_clear:hover{background-color: transparent!important}

/* border-color ※!important */
.hvr_border_color1:hover{border-color: #FFDBC9}
.hvr_border_color2:hover{border-color: #FFFAF0}
.hvr_border_color3:hover{border-color: #FFD5EC}
.hvr_border_color4:hover{border-color: #EEFFF0}


/* common */

.linkStyle{display:inline-block;color:#777;border-bottom:1px solid #777;transition:0.3s;}
.linkStyle:hover{opacity:0.6;}
#wrap{
background-color:#FFFAF0;
}
#header {
    background: -moz-linear-gradient(top, rgba(4, 4, 4, 0.5), transparent);
    background: -webkit-linear-gradient(top, rgba(4, 4, 4, 0.5), transparent);
    background: linear-gradient(to bottom, rgba(4, 4, 4, 0.5), transparent);
    padding:20px 40px;
}
main{
transform:none;
background-image:url(./dup/img/body_bg.png);
background-size:100% auto;
background-position:top center;
}
#under_page,#under_page .txt_color_nomal,#sp_nav ul li a{color: #777!important;}
#sp_nav .tel_bt{background-color:#ffb4dd;}
#sp_nav nav{background-color:#FFFAF0;}
#wrap:not(.page_profile) #page_title{
background: #695e55;
background: -moz-linear-gradient(-45deg,  #695e55 0%, #846c5a 100%);
background: -webkit-linear-gradient(-45deg,  #695e55 0%,#846c5a 100%);
background: linear-gradient(135deg,  #695e55 0%,#846c5a 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#695e55', endColorstr='#846c5a',GradientType=1 );
}
#page_title img{opacity:0.3;}

/* top */
#contents1 .con_box.bg_color3{
background-color:#fffbfb;color:#666;box-shadow:0 0 50px rgba(140, 140, 140, 0.2);
background: #fffbfb;
background: -moz-linear-gradient(-45deg,  #fffbfb 1%, #ffefef 98%);
background: -webkit-linear-gradient(-45deg,  #fffbfb 1%,#ffefef 98%);
background: linear-gradient(135deg,  #fffbfb 1%,#ffefef 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbfb', endColorstr='#ffefef',GradientType=1 );
}
#contents1 .con_box h2{color:#f3a8d2;}
#top_cms{background-color:transparent;}
#top_cms,#top_cms .txt_white,#top_cms .txt_color_nomal,#top_cms .txt_color2,#top_info ,#top_info .bg_color3  .txt_white{color:#777!important;}
#top_cms.txt_shadow_h{text-shadow:none;}
#top_cms .cms_title p{color:#ffc3e4!important;}
#top_cms .more a::before,.more a::after{border-color:#ffc3e4!important;}
#top_cms .more a::before{border-top:solid 2px;border-right:solid 2px;top:-1px;right:-1px;}
#top_cms .more a::after{border-bottom:solid 2px;border-left:solid 2px;bottom:-1px;left:-1px;}
#contents2 .con_box {
    background: -moz-linear-gradient(left, transparent, rgba(255, 141, 75, 0.8));
    background: -webkit-linear-gradient(left, transparent, rgba(255, 141, 75, 0.8));
    background: linear-gradient(to right, transparent, rgba(255, 141, 75, 0.8));
}
#contents3 .con_box {
    background: -moz-linear-gradient(left, rgba(115, 115, 115, 0.8), transparent);
    background: -webkit-linear-gradient(left, rgba(115, 115, 115, 0.8), transparent);
    background: linear-gradient(to right, rgba(115, 115, 115, 0.8), transparent);
}
#contents2 p,#contents3 p{text-shadow:2px 3px 5px rgba(0, 0, 0, 0.9);}
#contents4 .con_bg_img{background-color:#00023a;}
#top_info .bg_color3{
text-shadow:none;
background: #fffbfb;
background: -moz-linear-gradient(-45deg,  #fffbfb 1%, #ffefef 98%);
background: -webkit-linear-gradient(-45deg,  #fffbfb 1%,#ffefef 98%);
background: linear-gradient(135deg,  #fffbfb 1%,#ffefef 98%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#fffbfb', endColorstr='#ffefef',GradientType=1 );
}
#top_info .tel_bt{border-color:#ffc3e4!important;}
#under_page .under_box{background-color:#fffbfb;box-shadow:0 0 50px rgba(140, 140, 140, 0.2);}


/* page6 */
#wrap.page_profile{
background-image:url(./dup/img/profile_bg.jpg);
background-size:cover;
background-position:center;
background-attachment:fixed;
}
#wrap.page_profile #under_page .under_box{background-color:#00182d;}
#wrap.page_profile #under_page .under_box .cate_list li a{color:#fff;}

/* page7 */
#under_page .info_box .d_flex:first-of-type{border:none;}

/* page8 */
#form_box dl input, #form_box dl textarea{background-color:##f9f9f9;border:1px solid #ddd;}
.mail input{color:#777;border-radius:5px;}
.mail input:hover{background-color:#ffb4dd;color:#fff;}
#form_box dl input, #form_box dl textarea{color:#777;}
/* page9 */
.page9 h3 {
    border-color: rgba(152, 152, 152, 0.3);
}

/* page10 */
.sitemap_box .txt_white{color:#777;}

/* cms */
.pager li a{background-color:#FFDBC9!important;font-size:14px;border-radius:5px;color:#777;text-shadow:1px 1px 3px rgba(0,0,0,0.2);transition:0.3s;border:none!important;}
.pager li a:hover{transform:translateY(-5px);border:none;}
.cate_list li a{color:#5d320e;}
.cate_list{border-color:#cacaca;}
.cate_list li:not(:first-child):not(:nth-child(4n + 1))::before{background-color:#cacaca;}
.date{border:none;border-bottom:1px solid #ffc3e4;border-top:1px solid #ffc3e4;background-color:transparent;margin-bottom:20px;}
#cms_1-e h3{border-color:#ffc3e4;}
#cms_1-e .date{color:#777;}
#cms_2-c .box_txt1.txt_color2{color:#f3a8d2;}
#cms_2-d .cate_txt1{color:#fff;}
#cms_2-d .box_title{color:#777;}
#cms_6-c .box_title{color:#777;}

/* お問い合わせラジオボタン */
.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}
.radio input[type="radio"] + label:before {
  content: '';
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 15px;
  height: 15px;
  position: relative;
  top: 2px;
  margin-right: 5px;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  -webkit-transition: all 250ms ease;
  transition: all 250ms ease;
}
.radio input[type="radio"]:checked + label:before {
  background-color: #3197EE;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}
.radio input[type="radio"]:focus + label:before {
  outline: none;
  border-color: #3197EE;
}
.radio input[type="radio"]:disabled + label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}
.radio input[type="radio"] + label:empty:before {
  margin-right: 0;
}
.radio label{margin-right: 15px;}

/* ---------- PC ---------- */
@media screen and (min-width: 768px){
#header{height:115px;}
header .menu_stick{top:45px;}
}
/* ---------- IE ---------- */
@media all and (-ms-high-contrast: none){
}
/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
/* cms */
#cms_6-c .arrow {
    bottom: -150px;
    height: 100px;
}
}
/* ---------- スマートフォン ---------- */
@media screen and (max-width: 667px){

/* common */
html{font-size:81.25%;}
#wrap{background-color:#FFFAF0;}
#header {
    height:80px;
    padding:15px 20px;
}
#header h1 img{height:100%;}
header .menu_stick {
    top: 30px;
    right: 30px;
}
.menu_stick.stick_trans span{border-color:#777;}

/* top */
#main_img{padding-top:80px;}
#contents1 .con_box h2{letter-spacing:1px;padding:0;text-align:left;font-size:17px;line-height:2;}
.con_title{letter-spacing:1px;}
}


/*20201117修正*/
#pc_nav{
   padding:30px;
   background-color:rgba(255,255,255,0.5);
}
#pc_nav a{
   color: #665f5f;
    text-shadow:none;
}
#bnr_fixed{
   z-index:99;
   right:0;
   bottom:0;
   background-color: #FFFAF0;
}
.bnr_txt{
   color:#fcc0a2;
}
.bnr_time{
   color: #665f5f;
}
.reserv{
   background-color:#fcc0a2;
}

/* ---------- タブレット ---------- */
@media screen and (max-width: 768px){
#bnr_fixed_tb{
   z-index:99;
   right:0;
   bottom:0;
}
.reserv_tb a{
  background-color: #fcc0a2;
  margin: 0 auto;
  margin-right: 0;
}
.bnr_tel_tb2{
   background-color: #FFFAF0;
}
#copyright{
   padding-bottom:100px;
}
#footer p,#copyright{
   padding-right:60px;
}
}