/* 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
************************************************************/
.flame{ margin-top: 80px;}
#wrapper,
#wrapper02,
#wrapper03,
#wrapper04,
.contents_wrap,
.wrapper_box{
	width: 973px;
	margin: 0 auto;
}

#wrapper{
	margin-bottom: 20px;
}
.wrapper{
	width: 973px;
	margin: 0 auto;
}

#ohirune,
#kurashi,
#parent,
#allergy {
	margin: 0 auto;
	text-align: center;
}



body{
background:#fff;
color: #000;
}
#top{
	margin-bottom: 30px;
	width: 100%;
	background-color: #fff;
	text-align: center;
}
#top .image01{
	display: none;
}
#top .image02{
	display:block;
	margin: 0 auto;
	width:1000px;
}
#smp_menu,
#smp_menu_area{
	display: none;
}


.tabs {margin:0 auto; width:100%;box-sizing: border-box; display:flex; 
	justify-content:start; overflow:hidden; clear:both; }
.tabs li {
	width:100%; box-sizing:border-box;/* margin-bottom:10px; */text-align:center;
	border-right:1px solid rgba(255,255,255,0.1);
	
}

.tabs li:first-child a{
	border-radius: 5px 0 0 5px;	
}
.tabs li:last-child{
	border-right: none;
}
.tabs li:last-child a{
 border-radius:0 5px 5px 0;
}
.tabs.natsu_menu a{
	background:#32B16C;
}
.tabs.loha_menu a{
	background: #f8f1e6;
}
.tabs a { display:flex; justify-content:center;
	align-items: center; text-decoration:none;;
	/*height: 100px;*/ color: #FFFFFF; background: #f8f1e6; }
.tabs li.active a,
.tabs a:hover { opacity: 0.8;}
.tab_content { margin:0 auto; width:100%; box-sizing: border-box; /*margin-top:20px;*/ padding:9px; border:1px solid #ccc;background: #FFF; }

.main_ttl01{
	width:1000px;
	margin: 50px auto 0px;
	padding-top:0px;
	padding-bottom:0px;
}
#top.main_ttl01{
	margin-bottom: 20px;
	margin-top: 0;
}
#top03.main_ttl01{
	margin-top: 0;
}
.main_ttl01 img{
	display:block;
}
ul.item_wrap {
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
	background: #FFFFFF;
}



.item_wrap li {
	text-align: center;
	display: inline-block;
	width: 24%;
	box-sizing: border-box;	
	padding: 10px;
    background: #FFF;
/*	background: rgba(255,255,255,0.9);
	background: linear-gradient(to bottom, #FFF1D8 0%,#ffffff 67%);
*/    border-radius: 5px;
    margin-bottom: 10px;
	margin-right: 10px;
	border:1px solid #DDD;
}
.item_wrap li:nth-of-type(4n){
	margin-right: 0;
	
}
.item_wrap li:last-child{
	margin-right: 0;
}
.item_wrap li.last-item{
	margin-right: 0;
}

#page_top {
    display: block;
}
#page_top span{
	line-height: 0;
	border-top: solid #fff 1px;
}
#page_top a {
    display: block;
	background-size:contain;
	color: #FFFFFF;
	width: 110px;
	height: 110px;
}
#page_top a:hover{
		opacity: 0.5;
		transition: 0.2s linear;
}

/*:::::右メニュー::::::*/
nav.menu { width: 100%; background: #ffefe6; z-index: 50; position: fixed; left: 0; right: 0; bottom: 0; box-shadow: 0 0 0.5rem 0 rgba(255, 98, 0, 0.2); }
nav.menu { background-color: #c7b5b5; /*ackground-image: url(https://image.rakuten.co.jp/arianza/cabinet/lp/winterbg4.jpg); background-position: top; background-size: 100%; background-repeat: no-repeat;*/ }
nav.menu .category { white-space: nowrap; overflow-x: auto; -webkit-overflow-scrolling: touch !important; } 
nav.menu a { padding: 1.5rem 1.7rem; font-size: 1.2rem; font-weight: bold; color: #fff; display: inline-block; text-align: center; position: relative; }	
nav.menu a:after { background: #fff; content: ""; position: absolute; display: block; width: 1px; height: 50%; top: 0; right: 0; transform: translateY(50%) rotate(15deg); }
nav.menu .highlight a:after {height: 100%; top: 0; right: 0; transform: none; }
nav.menu a:last-child:after { content: none; }
nav.menu a hr { display: inline; border: none; }
nav.menu a hr:after { content: "・"; }
nav.menu .highlight > div { width: 100%; border-bottom: 1px solid #c7b5b5; display: table; }
nav.menu .highlight a { width: 100vw; height: 100%; padding: 1.5rem; font-size: 1.2rem; color: #c7b5b5; background: #f6cf71; display: table-cell; overflow: hidden; }

header.pc { display: none; width: 100%; }
.item_box.pc { display: none; }
.bx-wrapper { max-width: 100% !important; }

.right_top {
    margin-top: 0;
    margin-bottom: 0.6rem;
}

/*パンくず*/
.crumb_wrap {
    width: 1230px;
    margin: auto;
		@media screen and (max-width: 640px) {
			width: 600px;
		}
}
#crumb {
    top: 0;
    left: 0;
    text-align: left;
    padding: 25px 0 10px 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;
}

/*フェード*/
.slider li {
    height: 6.8rem;
}
.slider li a div .slider_img {
    background-position: center;
    background-repeat: no-repeat;
    background-size: 100%;
    transform: rotate(-10deg) skewY(10deg);
    position: absolute;
    top: 0;
    right: 0;
    bottom: 0;
    left: -1.4rem;
    height: 100%;
}
.slider li a div {
    height: calc(100% - 1rem);
}
.slider li a {
    padding: 0.54rem 0.8rem;
}

#fixed_menu {
    position: fixed;
    z-index: 9999;
    right: 1.25rem;
    bottom: 0.6875rem;
}

#fixed_menu a {
    display: block;
    width: 4rem;
    height: 4rem;
    text-align: center;
    transition: 0.4s all ease-out;
    color: #647b9e;
	padding: 5px;
	font-size: 0.8rem;
	flex-wrap: nowrap;
	font-weight: bold;
	background: #fff;
	border-radius: 100%;
	position: relative;
	border: 1px solid #647b9e;
	margin: 0.3125rem auto;
	min-width:90%;
}
#fixed_menu a.dot {
    width: 0.25rem;
    height: 0.25rem;	
}#fixed_menu a span{
	display: block;
}
#fixed_menu div {
	position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%,-50%);
    width: 100%;
    height: auto;
}

#wrapper04 .item_wrap{
	padding: 20px 0;
	margin-bottom: 0;
}
.sp_page{
	display: none;
}
.pc_page{
	display: block;
	margin: 0 auto;
}

/*:::::::::::::PCフェード::::::::::::*/
.slide {
  position: relative;
  width: 100%;
  height: 712px;
  overflow: hidden;
}
.slide-image {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  opacity: 0;
  animation: slider-1 24s linear infinite;
}
.slide-image:nth-child(1) {
  background-image: url("../img/slider/01.jpg");
  animation-delay: -2s;
  background-position: center;
}

.slide-image:nth-child(2) {
  background-image: url("../img/slider/02.jpg");
  animation-delay: 4s;
  background-position: center;
}

.slide-image:nth-child(3) {
  background-image: url("../img/slider/03.jpg");
  animation-delay: 12s;
  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フェード::::::::::::*/


/*:::::::::::::大カテゴリ::::::::::::*/

.category{
	width: 1300px;
	margin: 0 auto;
	height: 100%;
}

.content_item_flex{
	width: 1200px;
	margin: auto;
	display: flex;
	justify-content: space-between;
	align-items: center;
}
.category-img{
	width: 350px;
	right: 7%;
	bottom: 0%;
	padding-top: 20px;
	display:block;
	}
.content_text h3 {
	color: #fff;
}
.title_01 img{
	height: 60px;
}

/*===========================================================================
ここから追記
==========================================================================*/

/*:::::::::::::PCフェード::::::::::::*/

/* .page-1 {
	margin-bottom: 0;
 }
.pc_page {
	display: block;
 }

 @media screen and (min-width: 751px) {
	#pc_header {
			padding-top: 5px;
			width: 1230px;
			margin: 0 auto;
			display: flex;
	}
}

.emblem img {
	width: 70px;
} */



.float {
	@media (hover: hover) and (pointer: fine) {
	cursor: pointer;
	transition: .2s cubic-bezier(0.45, 0, 0.55, 1);
	}
}


.float:hover {
	@media (hover: hover) and (pointer: fine) {

	transform: translateY(-5px);
  }
}

@media (hover: hover) and (pointer: fine) {
.c-btn.big {
	transition-duration: .4s;
}
}

.c-btn.big:hover {
	@media (hover: hover) and (pointer: fine) {
	transform: scale(1.1);
	}
}

.flexContainer {
    display: flex;
    align-items: center;
    justify-content: space-around;
		@media screen and (max-width:640px) { 
			display: flex;
		}
}

.list {
	position: relative;
}

.list::after ,
.list::before {
	content: "";
  width: 2px;
  height: 185px;
  border-radius: 2px;
	top: 85px;
  background-color: #FFDB94;
/* 配置場所 */
  position: absolute;
	@media screen and (max-width:640px) { 
		display: none;
	}
}

.menu_list {
	display: flex;
	justify-content: center;
}

.sp_flex { 
	@media screen and (max-width:640px) { 
		flex-wrap: wrap;
		justify-content: space-evenly;
		width: 450px;
	}
}

.menu_list .sp_img {
	margin: -7px 25px 0 15px;
}


.box {
	margin: 0 auto;
}

/*:::::::::::::to topボタン::::::::::::*/

.totop a {
  position: fixed;
  bottom: 24px;
  right: 24px;
  width: 48px;
  height: 48px;
  text-decoration: none;
  background-color: #fff;
  display: block;
  text-align: center;
  border-radius: 50px;
	border: 2px solid #E8A68E;
}

.totop a::before {
  content: '↑';
  font-family: 'メイリオ';
  font-size: 30px;
  font-weight: 900;
  color: #E8A68E;
  line-height: 48px;
}

#totop {
	text-align: center;
  display: block;
	font-size: 70%;
	color: #E8A68E;
	text-decoration: none;
	@media screen and (max-width:375px) { 
		display: none;
	}
}
#totop span{
	line-height: 0;
	border-top: solid #fff 1px;
}
#totop a:hover{
		opacity: 0.5;
		transition: 0.2s linear;
}






/*:::::::::::::大カテゴリ::::::::::::*/

.category_ttl {
	margin-top: 80px;
}

p.hello-title{
	display: block;
	text-align: center;	
}

p.hello-title2{
	text-align: center;	
	padding: 60px 0 30px;
}
.hello-title2 img{
	width: 50%;
}
h2.subtitle{
	width: 700px;
	margin: auto;
	padding-bottom: 100px;
	text-align: center;
	line-height: 3.5em;
	color: #999999;
}
.item-caption p{
	text-align: center;
}
h3.item-title{
	text-align: center;
	line-height: 3.5em;
	font-weight: bold;
	font-size: 130%;
}


/*:::::::↓ アイテムキャプション ↓::::::*/
.item-container{
	width:973px;
	margin:20px auto;
	flex-wrap:wrap;
	overflow:hidden;
	display: flex;
	/*display: -webkit-flex;*/
	/*-webkit-justify-content: space-between;*/
  /* justify-content:space-between; */
	@media screen and (max-width:640px) { 
		width:95%;
		justify-content: space-between;
	}
}

li.item-list{
	overflow:hidden;
	position:relative;
	width:243px;
	margin:40px 0 14px 0;
	text-align: center;
	@media screen and (max-width:640px) { 
		width:50%;
	}
}

.item-list a{
	text-decoration: none;
	color: #000;
	font-size: 15px;
}
.item-list a:hover{
	opacity: 0.8;
}
.item-list img{
	width: 88%;
	
 }
/* 
 .item-container{
	width: 90%;
	display: flex;
	justify-content: flex-start;
}*/

.item-list{
	width:44%;
	margin:5px;
} 



/*:::::::↓ view moreボタン ↓::::::*/
.view_more{
	margin: 200px auto 400px;
	text-align: center;
}
.view_more img{
	width: 20%;
}
.view_more img:last-of-type {
	opacity: 0;
	transition: opacity .7s;
}

.view_more:hover img {
	opacity: 1;
}

.view_more {
	cursor: pointer;
	height: 68px;
	margin-inline: auto;
	margin-top: 20px;
	position: relative;
	width: 350px;
  }
	
  /* 画像のスタイル */
  .view_more img {
	height: auto;
	left: 0;
	position: absolute;
	width: 100%;
  }

/*:::::::↓ footer ↓::::::*/
/*footer*/
footer{
	width:100%;
	display:block;
	padding:30px 0;
	background:#fffcf8;
	height:100%;
}

footer .copy{
	text-align:center;
	font-size:70%;
	color:#7f6858;
	display:block;
	line-height:2em;
}
footer a{
	color:#7f6858;
	text-decoration:none;
}
footer a:hover{
	text-decoration:none;
	opacity: 0.8;
}


@media screen and (max-width: 640px) {
.sp_page{
	display: block;
}
.sp_img {
	width: 100%;
	margin: 0 auto;
}

.pc_page{
	display: none;
}
}

	nav.menu { display: none; }
	#fixed_menu { display: block; }
	header.pc { display: block; max-width: 100%; }
	.item_box.sp { display: none; }
	.item_box.pc { display: flex; }
	header.sp { display: none; }
	.item_box.wide .item_wrap .item_img,.items .item_box.wide .item_description { width: 50%; }
	.content_wrap { height: 26rem; }
	.content_main_img,.content_bg .content_mask .content_bg_img { height: 34rem; }
	.content_bg .content_mask .content_bg_img { background-image: url(https://www.rakuten.ne.jp/gold/dondon/lp/img/winterbg3.jpg); }
	.slider li { height: 8rem; }
	.slider_wrap { position: relative; }
	.slider_gradation {
		position: absolute;
		width: 25%;
		left: 0;
		top: 0;
		bottom: 0;
		z-index: 1;
		background: linear-gradient( 90deg, rgb(199, 181, 181) 0%, rgba(199, 181, 181,0) 100%);
	}
	.slider_gradation_r {
		position: absolute;
		width: 25%;
		right: 0;
		top: 0;
		bottom: 0;
		z-index: 1;
		background: linear-gradient( 90deg, rgba(199, 181, 181,0) 0%, rgb(199,181,181) 100%);
	}
	.items .item_boxies {
		margin: -0.1875rem 0 5.75rem;
	}
	.ranking.items .item_boxies {
		margin: 0.375rem 0 5.75rem;
	}
	.item_boxies .item_box .rank:before {
		font-size: 1.25rem;
	}
	.item_boxies .item_box .rank:after {
		font-size: 0.75rem;
		margin-left: 0.05rem;
	}
	.item_boxies .item_box .rank_wrap {
		width: 2.5rem;
		height: 2.5rem;
	}
	#smp_menu_area{
	position: fixed;
	display: block;
	height: 50px;
	width:100%;
        z-index: 99999999999;
}
#smp_menu{
	display: none;
	padding:0;
	-ms-flex-wrap : wrap; /*for IE10*/
	-webkit-flex-wrap : wrap; /*for old webkit browser*/
	flex-wrap:wrap;
	background-color: rgba(237,234,234,0.95);

}
#smp_menu li{
	flex:0 0 auto;
	width:100%;
    display:-moz-box;
    display:-webkit-flexbox;
    display:-moz-flexbox;
    display:-ms-flexbox;
    display:-webkit-flex;
    display:-moz-flex;
	display:flex;
	-webkit-align-items: center;
	-ms-flex-align: center;
	-webkit-box-align: center;
	align-items:center;
	-webkit-justify-content: center;
	-ms-flex-pack: center;
	-webkit-box-pack: center;
	justify-content:center;
	box-sizing:border-box;
	border-bottom:2px dotted #937B57;
	border-left:none;
}
#smp_menu li a{
	font-size:130%;
	padding:1em 0;
	text-decoration:none;
	color: #6d6747;
	    width: 100%;
    display: block;
    text-align: center;
}
#smp_menu li:nth-of-type(1),
#smp_menu li:nth-of-type(2){
	flex:0 1 auto;
}
#smp_menu:last-child{
	border-right:none;
}
#wrapper,
#wrapper02,
#wrapper03,
.wrapper_box{
	width: 100%;
	}
#wrapper03{
padding: 30px 0 0;
padding-top: 0;

}
.wrapper{
	width: 100%;
}
#g_nav_open_btn {
    display: block;
    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;
}
.main_ttl01{
	width: 100%;
	padding-top:50px;
	padding-bottom:0px;
	margin-bottom: 0px;
}
#top.main_ttl01{
		padding-top: 0;
	}
.main_ttl01 img{
	width:100%;
	height: auto;
	}
.tabs {margin:0 auto; width:100%;box-sizing: border-box; display:flex; 
	justify-content:start; overflow:hidden; clear:both; }
.tabs li {
	width:100%; box-sizing:border-box;/* margin-bottom:10px; */text-align:center;
	border-right:1px solid rgba(255,255,255,0.1);
	
}

.tabs li:first-child a{
	border-radius: 5px 0 0 5px;	
}
.tabs li:last-child{
	border-right: none;
}
.tabs li:last-child a{
 border-radius:0 5px 5px 0;
}
.tabs.natsu_menu a{
	background:#32B16C;
}
.tabs.loha_menu a{
	background: #f8f1e6;
}
.tabs a { display:flex; justify-content:center;
	align-items: center; text-decoration:none;;
	/*height: 100px;*/ color: #977D6A; background: #f8f1e6; }
.tabs li.active a,
.tabs a:hover { opacity: 0.8;}
.tab_content { margin:0 auto; width:100%; box-sizing: border-box; /*margin-top:20px;*/ padding:9px; border:1px solid #ccc;background: #977D6A; }

	.item_wrap li{
		width: 48%;
		padding: 30px 0;
		    margin-right: 1%;
	}

.right_navi {
		display: none;
}
#video{
		width: 100%;
}
#top img.image01{
		display:block;
		margin: 0 auto;
}
#top img.image02{
		display: none;
}

.slide {
  position: relative;
  width: 100%;
  height: 345px;
  overflow: hidden;
}	
/*:::::::::::::SPフェード::::::::::::*/
.slide-sp {
  position: relative;
  height: 675px;
  overflow: hidden;
}
.slide-image-sp {
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  position: absolute;
  top: 0;
  left: 2%;
  width: 90%;
 /* height: 90%;*/
  height: 610px;
  margin: 10px 20px 0;
  opacity: 0;
  animation: slider-1 24s linear infinite;
  border: 1px solid #000;
  align-items: center;
}
.slide-image-sp:nth-child(1) {
  background-image: url("../img/slider/sp01.jpg");
  animation-delay: -2s;
  background-position: center;
}

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

.slide-image-sp:nth-child(3) {
  background-image: url("../img/slider/sp03.jpg");
  animation-delay: 12s;
  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フェード::::::::::::*/	
/*:::::::↓ 大カテゴリ ↓::::::*/

	.content_wrap { height: 26rem; }
	.content_main_img,.content_bg .content_mask .content_bg_img { height: 34rem; }
	
p.hello-title{
	text-align: center;	
	padding: 30px 0 30px;
}
p.hello-title img{
	width: 100%;
}
p.hello-title2{
	text-align: center;	
	padding: 60px 0 30px;
}
.hello-title2 img{
	width: 50%;
}
h2.subtitle{
	width: 90%;
	margin: auto;
	padding-bottom: 100px;
	text-align: center;
	line-height: 3em;
	font-size: 18px;
	color: #999999;
}	
.pj_link img,.view_more img{width: 100%;}
.view_more{margin: 50px auto;}
/*:::::::↑ 大カテゴリ ↓::::::*/

/*:::::::↓ アイテムキャプション ↓::::::*/
.content_item_flex{
	width: 90%;
	align-items:center;
	padding-bottom: 0px;
}
.title_01,.title_02{
	color: #fff;
	text-align: center;
}
.title_01{padding-top: 20px;}
.title_01 img{
	height: 40px;
}
.title_02{
	font-size: 20px;
	line-height: 2em;
	letter-spacing: 0;
	padding-bottom: 20px;
}
.content_text{
	width: 50%;
}
.content_text p {
	width: 100%;
	margin-top: 0.625rem; 
	white-space:normal; 
	color: #647b9e;
    text-shadow: none;
    line-height: 1.5;
	font-size: 20px;
    margin-bottom: 0;
    margin-top: 0.8rem;
}
.content_img{width: 50%;
        display: flex;
        justify-content: center;
        flex-direction: column;
		}
.category-img{
	width: 100%;
	padding-top: 0;
}




/* li.item-list{width: 30%;}*/
li.item-list a{
	font-size: 16px;
}