/* CSS Document */

/************************************************************
 * reset css
************************************************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, 
fieldset, input, textarea, p, blockquote, th, td { margin:0; padding:0; }
html { overflow-y:scroll; }
img{
	vertical-align: bottom;
}
h1, h2, h3, h4, h5, h6, td, input { font-size:100%; font-weight:normal; }
ol, ul { list-style:none; }
fieldset, img { border:0; }
caption, th { text-align:left; }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal; }
a img, li img { vertical-align:bottom; }

/* html5 */
article, aside, figure, footer, header, hgroup, nav, section { display:block; margin:0; padding:0; }

/************************************************************
 * contents
************************************************************/
 a img:hover {
    transform: unset;
    opacity:0.8;
  }
a{
text-decoration: none;
color:unset;
}

.flame{ margin-top: 80px;}
#wrapper,
#wrapper02,
#wrapper03,
.wrapper_box{
	width: 1200px;
	margin: 0 auto;
font-size: 21px;
color:#4e4e4e;
}
#wrapper{
	margin-bottom: 20px;
}
#top{
	margin-bottom: 30px;
	width: 100%;
	background-color: #A2937C;
	text-align: center;
}
#top .image01{
	display: none;
}
#top .image02{
	display:block;
	margin: 0 auto;
	width:1300px;
}
#smp_menu,
#smp_menu_area{
	display: none;
}
.container { margin:0px auto; 	margin-bottom:50px;}

/*div#wrapper04 {
    background: #FFF;
}*/
#wrapper04 .item_wrap{
	padding: 20px 0;
	margin-bottom: 0;
}
.sp_page{
	display: none;
}
.pc_page{
	display: block;
}
img.sp_page{
	display: none;
}
img.pc_page{
	display: block;
}
.fadein {
    opacity: 0;
    transform: translate(0,0);
    transition: all 1.5s;
  &.fadein-bottom{
      transform: translate(0,15px);
  }
  &.fadein-bottom2{
      transform: translate(0,30px);
  }
  &.scrollin{
    opacity: 1 !important;
    transform: translate(0, 0) !important;
  }
}

.contents{
width:1200px;
margin: auto;
margin-top:50px;
}

h2.title01 img{
  width:400px;
  margin-bottom:30px;
  margin-left:50px;
}
h2.title02 img{
  width:200px;
  margin-bottom:30px;
  margin-left:50px;
}
.contents p img{
width:100%;
}

.sliderArea {
  max-width: 100%;
  margin: 0 auto;
  padding: 0 25px;
	margin-top:100px;
	margin-bottom:100px;
}
/*
.sliderArea .slick-slide{
    margin-right: 1vw!important;
    margin-left: 1vw!important;
}*/
.sliderArea.w300 {
  max-width: 300px;
}
.slick-slide {
  margin: 0 12px;
}
.slick-slide img {
  width: 537px;
  height: auto;
}
.slick-prev, .slick-next {
  z-index: 1;
}
.slick-prev:before, .slick-next:before {
  color: #000;
}
.slick-active {
  opacity: 1;
}
.slick-current {
  opacity: 1;
}
.thumb {
  margin: 20px 0 0;
}
.thumb .slick-slide {
  cursor: pointer;
}

.slider_cont{
  background: linear-gradient(180deg, transparent 0%, transparent 50%, #f2e9e2 50%, #f2e9e2 100%) ;
  padding-bottom: 50px;
}
h2.title03{
  width:1200px;
  margin: auto;
}

h2.title03 img{
  width:100%;
  margin-bottom:30px;
}

.contents02{
text-align: center;
margin-top:80px;
margin-bottom: 200px;
}
.contents02 img{
width:250px;
}
.contents02 p{
margin-top:50px;
line-height: 50px;
}
.contents02 p.all_items a{
margin: auto;
margin-top:100px;
display: flex;
height:65px;
width:230px;
justify-content: center;
align-items: center;
color: #4e4e4e;
background-color: #f2e9e1;
text-decoration: none;
}

.contents02 p.all_items a:hover{
opacity: 0.7;
}

footer{
width:100%;
background-color: #e3ded8;
padding-top:100px;
padding-bottom: 50px;
}
ul.footer_menu{
display: flex;
margin: auto;
width:750px;
}
ul.footer_menu li{
border-right:solid 1px #4e4e4e;
}
ul.footer_menu li:last-child{
border-right:0;
}
ul.footer_menu li a{
display: flex;
width: 250px;
height:40px;
justify-content: center;
align-items: center;
font-size: 23px;
color:#4e4e4e;
text-decoration: none;
font-weight: 700;
}
.copyright{
margin-top: 50px;
text-align: center;
font-size: 10px;
color:#888888;
}

.page-1 {
    margin-bottom: 20px;
}

/*パンくず*/
.crumb_wrap {
    width: 1200px;
    margin: auto;
}
#crumb {
    top: 0;
    left: 0;
    text-align: left;
    padding: 10px 0 30px 20px;
    width: 100%;
}
#crumb.crumb_gray li a, #crumb.crumb_gray li {
    color: #4D4D4D;
}
#crumb li {
    font-size: 11px;
    color: #fff;
    display: inline-block;
}
#crumb li+li:before {
    content: ">";
    margin-left: 10px;
    padding-right: 10px;
}

/*:::::::::::::PCフェード::::::::::::*/
.slide {
  position:relative;
  width: 1200px;
  margin:0  auto;
  height: 458px;
  overflow: hidden;
}
.slide-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  right: 0;
  width: 789px;
  height: 100%;
  opacity: 0;
  animation: slider-1 9s linear infinite;
}
.slide-image:nth-child(1) {
  background-image: url("../img/00_top-right1.jpg");
  animation-delay: 0s;
  background-position: center;
}

.slide-image:nth-child(2) {
  background-image: url("../img/00_top-right2.jpg");
  animation-delay: 3s;
  background-position: center;
}

.slide-image:nth-child(3) {
  background-image: url("../img/00_top-right3.jpg");
  animation-delay: 6s;
  background-position: center;
}
@keyframes slider-1 {
  /* 非表示状態からフェードインを開始する */
  0% {
    opacity: 0;
  }
  /* フェードインを完了し完全表示する */
  4.16% {
    opacity: 1;
  }
  /* ここまで完全表示を維持したらフェードアウトを開始する */
  33.33% {
    opacity: 1;
  }
  /* フェードアウトを完了し非表示にする */
  41.66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/*:::::::::::::PCフェード::::::::::::*/

.title_text{
    text-align: center;
    margin-top: 150px;
    padding-bottom: 150px;
    font-size: 21px;
    line-height: 55px;
    letter-spacing: 1px;
    font-family: 'はこべら角ゴシック';
    border-bottom: 1px solid #552e3c;
}

ul.reason{
display:flex;
margin-bottom: 42px;
}
ul.reason li{
width:372px;
}

ul.reason li img{
width:100%;
}
ul.reason li:nth-child(2){
margin-left:42px;
margin-right:42px;
}

.banner1{
width:963px;
margin: auto;
margin-top:82px;
margin-bottom: 124px;
}

.banner1 img{
width:100%;
}
.banner2{
width:963px;
margin: auto;
margin-top:124px;
margin-bottom: 124px;
}

.banner2 img{
width:100%;
}

.banner3{
width:963px;
margin: auto;
margin-top:74px;
margin-bottom: 300px;
}

.banner3 img{
width:100%;
}



ul.osusume_item{
display:flex;
flex-wrap: wrap;
}
ul.osusume_item li{
width:286px;
margin-right:18px;
margin-bottom:50px;
}

ul.osusume_item li:nth-child(4n){
margin-right:0;
}
ul.osusume_item li img{
width:100%;
}

ul.osusume_item li p.text{
    font-size: 20px;
    font-family: 'ひぐれゴシック';
	letter-spacing: 1px;
	margin-top: 15px;
}


@media screen and (max-width: 640px) {

.sp_page{
	display: block;
}
.pc_page{
	display: none;
}
img.sp_page{
	display: block;
}
img.pc_page{
	display: none;
}
#sp_title img, .item-left, .item-right {
        width: 90%;
        margin: 10px;
    }
#crumb {
    top: 0;
    left: 0;
    text-align: left;
    padding: 10px 0 30px 20px;
    width: 100%;
}
.crumb_wrap {
    width: 100%;
    margin: auto;
}
#crumb.crumb_gray li a, #crumb.crumb_gray li {
    color: #4D4D4D;
    font-size: 17px;
}

#wrapper,
#wrapper02,
#wrapper03,
.wrapper_box{
	width: 100%;
	margin-top:10px;
	}

#g_nav_open_btn {
    display: none;
    background-image: url(../img/sp_header_menu_btn.png);
    background-repeat: no-repeat;
    position: absolute;
    top: 15px;
    right: 15px;
    height: 83px;
    width: 84px;
    text-indent: -9999px;
    border: 2px #FFF solid;
    border-radius: 8px;
}


.contents {
    width: 100%;
}

.slider_cont {
    background: linear-gradient(180deg, transparent 0%, transparent 40%, #f2e9e2 40%, #f2e9e2 100%);
    padding-bottom: 50px;
}
.sliderArea {
    max-width: 90%;
    margin: 0 auto;
	margin-top: 50px;
    padding: 0px;
}
ul.footer_menu {
    display: flex;
    margin: auto;
    width: 90%;
}
ul.footer_menu li {
    border-right: solid 1px #4e4e4e;
    width: 33%;
}
ul.footer_menu li a {
    width: 100%;
}



/*:::::::::::::SPフェード::::::::::::*/
.slide-sp {
  position: relative;
  min-height: 454px;
  overflow: hidden;
}
.slide-image-sp {
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 454px;
        /* height: 620px; */
        margin: 0px 0px 0;
        opacity: 0;
        animation: slider-1 12s linear infinite;
        align-items: center;
}
.slide-image-sp:nth-child(1) {
  background-image: url("../img/sp/00_01.jpg");
  animation-delay: -2s;
  background-position: center;
}

.slide-image-sp:nth-child(2) {
  background-image: url("../img/sp/00_02.jpg");
  animation-delay: 3s;
  background-position: center;
}

.slide-image-sp:nth-child(3) {
  background-image: url("../img/sp/00_03.jpg");
  animation-delay: 8s;
  background-position: center;
}

@keyframes slider-1 {
  /* 非表示状態からフェードインを開始する */
  0% {
    opacity: 0;
  }
  /* フェードインを完了し完全表示する */
  4.16% {
    opacity: 1;
  }
  /* ここまで完全表示を維持したらフェードアウトを開始する */
  33.33% {
    opacity: 1;
  }
  /* フェードアウトを完了し非表示にする */
  41.66% {
    opacity: 0;
  }
  100% {
    opacity: 0;
  }
}
/*:::::::::::::SPフェード::::::::::::*/	

.title_text {
    margin-top: 60px;
    padding-bottom: 60px;
	line-height: 43px;
	font-size:13px;
}
.title_text.sp_page{
border:none;
}

h2.title03{
  width:100%;
  margin: auto;
  margin-top: 70px;
}
.banner1,.banner2 {
    width: 95%;
    margin: auto;
    margin-top: 120px;
    margin-bottom: 50px;
}
.banner3 {
    width: 95%;
    margin: auto;
    margin-top: 50px;
    margin-bottom: 80px;
}
ul.reason {
    display:none;
}

.slick-slide img {
    width: 400px;
    height: auto;
}

.regular_2 .slick-slide img,.regular_3 .slick-slide img,.regular_4 .slick-slide img {
    width: 100%;
    height: auto;
}
ul.osusume_item {
    display: flex;
    flex-wrap: wrap;
    width: 97%;
    margin: auto;
}
ul.osusume_item li {
    width: calc(96.5% / 2);
    margin-right: 18px;
    margin-bottom: 50px;
}
ul.osusume_item li:nth-child(even) {
    margin-right: 0;
}
ul.osusume_item li p.text {
    font-size: 15px;
    text-align: center;
}
.copyright {
    display: block;
}
}