/* トップのコンテンツバナー集 */

.topcate ul{
	overflow:hidden;
	margin: 10px 0 0 0;
}

@media (min-width: 930px) {
.topcate ul{
    padding: 0;
	overflow:hidden;
}

.topcate ul li {
	float:left;
	margin: 0 0 30px 0;
	list-style-type:none!important;
}

.topcate ul li:nth-child(2n) {
	margin: 0 0 30px 50px;
}
}

@media (max-width: 929px) {
.topcate{
	text-align:center;
}

.topcate ul li{
	float:none;
	margin: 0 auto 20px auto;
	text-align:center;
}

.topcate ul li:nth-child(2n) {
	float:none;
	margin: 0 auto 20px auto;
	text-align:center;
}
}


/* 臨時button代用 */
.otehon01 {
    -webkit-border-radius: 2px;
    -moz-border-radius: 2px;
    border-radius: 2px;
    font-size: 16px;
    line-height: 1.20;
    border: 1px solid #ccc;
    background-color: #999999;
    text-align: center;
    padding: 0 0!important;
    margin: 10px auto 0!important;
    display: table;
}

.otehon01 a {
    padding: 10px 20px!important;
    color: #FFFFFF;
    display: block;
}


.topcatch01{
    margin:5px 0 0 0;
    background-color:#57A199;
    color:#FFFFFF;
    font-weight:bold;
    font-size:28px;
    line-height:2.0;
}



/* スライド 3つまわしの場合*/
/*スライダー全体のコンテナー*/
@media (min-width: 930px) {
#stage {
	position: relative;
	max-width: 900px;
	margin: 0 auto;
/* 	background:#666; */
	overflow: hidden;
}
}

@media (max-width: 930px) {
#stage {
	display:none;	
}
}

/*全ラジオボタンを非表示に*/
input {
	/* display: none; */
}
/* 表示切換えボタンと表示位置 */
.circ img {
	position: absolute;
	bottom:2.5%;
	cursor: pointer;
}
#lb1 img { left: 40%;/* width:3%; */ }
#lb2 img { left: 43%;/* width:3%; */ }
#lb3 img { left: 46%;/* width:3%; */ }

/* 左右送りボタン */
.pb, .nb { color:#000;font-weight:bold; font-size:26px;display:block;position:absolute;top:45%;/*z-index:200;pointer-events:auto;*/
background-color:#fff;opacity:0.5;}
.pb { left:0%;
padding:10px;}
.nb { right:0%;
padding:10px; }
.pb:hover, .nb:hover { color:orange; cursor:pointer; }
/* stageが初期サイズ以下のなったときのサイズ */
@media screen and (max-width: 900px) { .pb, .nb { font-size:18px; } }
/*全表示スライドのコンテナー*/
#photos {
	position: absolute;
	width:100%;
	height:90%; /*100%;*/
	/* left: 4.55%; */
	opacity:0;
	/*pointer-events: none;*/
	animation:flowSlides 24s infinite;
}
/* 個々のスライド・現スライド標示ボタン */
.pic {
	position: absolute;
	width:100%;
	height:100%;
}
.pic img:nth-child(1) { /* width:90.9%; */ /* margin-left:4.55%;  */}
.pic img:nth-child(2) { /* width:3%; */ bottom:-8.5%; /*2.5%;*/ }

/*表示スライドをphotosの中に横並びで一列に並べる*/
#photo1 { left: 0; }
#photo2 { left: 900px; }
#photo3 { left: 1800px; }

/* 写真の下に現スライド標示ボタンを配置 */
#photo1 img:nth-child(2) { position:absolute;left:40%;/* width:3%; */ }
#photo2 img:nth-child(2) { position:absolute;left:43%;/* width:3%; */ }
#photo3 img:nth-child(2) { position:absolute;left:46%;/* width:3%; */ }

/*チェックされたドットに相当するスライドが画面中央になるようにphotosを移動*/
#r1:checked ~ #photos { animation:flowSlides1 24s infinite; animation-delay: 0s; }
#r2:checked ~ #photos { animation:flowSlides2 24s infinite; animation-delay:-8s; }
#r3:checked ~ #photos { animation:flowSlides3 24s infinite; animation-delay:-16s; }

/* 左右送りボタン */
#back1:checked ~ #photos { animation:flowSlides3 24s infinite; animation-delay:-16s; }
#back2:checked ~ #photos { animation:flowSlides1 24s infinite; animation-delay: 0s; }
#back3:checked ~ #photos { animation:flowSlides2 24s infinite; animation-delay:-8s; }
#next1:checked ~ #photos { animation:flowSlides2 24s infinite; animation-delay:-8s; }
#next2:checked ~ #photos { animation:flowSlides3 24s infinite; animation-delay:-16s; }
#next3:checked ~ #photos { animation:flowSlides1 24s infinite; animation-delay: 0s; }

/* 初期スライドショー */
@keyframes flowSlides {
	0% { left:0px; opacity:0; }
	1% { left:0px; opacity:1; }
	32% { left:0px; opacity:1; }	
	33% { left:00px; opacity:0; }

	33.1% { left:-900px; opacity:0; }
	34% { left:-900px; opacity:1; }
	65% { left:-900px; opacity:1; }
	66% { left:-900px; opacity:0; }
	
	66.1% { left:-1800px; opacity:0; }
	67% { left:-1800px; opacity:1; }
	99% { left:-1800px; opacity:1; }	
	100% { left:-1800px; opacity:0; }
	}

/* 各スライド向けスライドショー */
@keyframes flowSlides1 {
	0% { left:0px; opacity:0; }
	1% { left:0px; opacity:1; }
	32% { left:0px; opacity:1; }	
	33% { left:00px; opacity:0; }

	33.1% { left:-900px; opacity:0; }
	34% { left:-900px; opacity:1; }
	65% { left:-900px; opacity:1; }
	66% { left:-900px; opacity:0; }
	
	66.1% { left:-1800px; opacity:0; }
	67% { left:-1800px; opacity:1; }
	99% { left:-1800px; opacity:1; }	
	100% { left:-1800px; opacity:0; }
}
@keyframes flowSlides2 {
	0% { left:0px; opacity:0; }
	1% { left:0px; opacity:1; }
	32% { left:0px; opacity:1; }	
	33% { left:00px; opacity:0; }

	33.1% { left:-900px; opacity:0; }
	34% { left:-900px; opacity:1; }
	65% { left:-900px; opacity:1; }
	66% { left:-900px; opacity:0; }
	
	66.1% { left:-1800px; opacity:0; }
	67% { left:-1800px; opacity:1; }
	99% { left:-1800px; opacity:1; }	
	100% { left:-1800px; opacity:0; }
}
@keyframes flowSlides3 {	
	0% { left:0px; opacity:0; }
	1% { left:0px; opacity:1; }
	32% { left:0px; opacity:1; }	
	33% { left:00px; opacity:0; }

	33.1% { left:-900px; opacity:0; }
	34% { left:-900px; opacity:1; }
	65% { left:-900px; opacity:1; }
	66% { left:-900px; opacity:0; }
	
	66.1% { left:-1800px; opacity:0; }
	67% { left:-1800px; opacity:1; }
	99% { left:-1800px; opacity:1; }	
	100% { left:-1800px; opacity:0; }
}

/*トップ見出し 2018 01*/
.r2_topic_l{
	font-size: 36px;
	margin-top: 20px;
}
.r2_topic_s{
	font-size: 20px;
	margin-bottom: 20px;
}
@media screen and (max-width: 480px) {
	.r2_topic_l{
		font-size: 2.3em;
	}
	.r2_topic_s{
		font-size: 1.3em;
	}
}



/************* 2022/7/1 価格変更に伴うTOPページ修正 *************/

.r1_selectorMenu.active .r1_selectName span { font-size: 16px; }

/* コース用ナビゲーションメニュー */
.nav_course {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	column-gap: 10px;
	row-gap: 7px;
}
#nav_plant.nav_course {
	justify-content: center;
}
.nav_course dt {
		list-style: none;
		flex-basis: 100%;
		text-align: center;
}
.nav_course dd {
	text-align: center;
	background: #ddd;
	padding: 5px;
	border: 1px solid #ccc;
	border-radius: 5px;
}
.nav_course dd a { display: block; }

/* コース別コマ */
.grid_shohin {
	display: flex;
	flex-wrap: wrap;
	row-gap: 20px;
	margin: 0;
}
.grid_shohin li:first-child {
	flex-basis: 100%;
}


/* SP */
@media screen and (max-width: 480px) {

	/* コース用ナビゲーションメニュー */
	.nav_course dd {
		list-style: none;
		flex-basis: 40%;
	}

	/* コース別コマ */
	.grid_shohin {
		justify-content: space-between;
	}
	.grid_shohin li {
		list-style: none;
		flex-basis: 48%;
	}


}



/* PC */
@media screen and (min-width: 481px) {

	/* コース用ナビゲーションメニュー */
	.nav_course dd {
		flex-basis: 129px;
		list-style: none;
		margin: 0;
	}

	/* コース別コマ */
	.grid_shohin {
		column-gap: 10px;
	}
	.grid_shohin li {
		list-style: none;
		flex-basis: 293px;
	}



}