@charset "utf-8";



/* 20240409
---------------------------------------------------- */


.pagett {
	position:relative;
	width: 100%;
}
.pagett img {
	width: 100%;
	height: auto;
}
.pagett .pagettcopy {
	display: block;
	position:absolute;
	bottom: 10px;
	left: 0;
	width: 100%;
	background-image: url(../images/white.png);
	background-size: contain;
	background-repeat: repeat;
}
.pagett .pagettcopy h1 {
	padding: 16px 20px;
	font-size: 1.8em;
	color: #111;
	font-weight: 500;
	line-height: 1.2em;
	letter-spacing: 0.04em;
	text-align: left;
}


.ctgsub {
	border-left: solid red 7px;
	border-bottom: solid #666666 1px;
	padding-left: 8px;
}
.ctgsub h4 {
	padding: 0 0 2px 4px;
	font-size: 1.5em;
	color: #111;
	line-height: 1.2em;
}
.subtt01 {
	font-size: 1.4em;
	color: #111;
	line-height: 1.2em;
	font-weight: 700;
}

.soudanbox {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	justify-content: space-between;
}
.soudanbox .sdanphoto {
	width: 28%;
	margin: 0;
}
.soudanbox .sdanphoto img {
	width: 100%;
	height: auto;
}
.soudanbox .sdandetail {
	width: 68%;
	margin: 0;
}
.sdanframe {
	width: 100%;
	padding: 18px 20px;
	border: solid 1px #ccc;
}
.sdanframe .sdansub {
	width: 100%;
	margin: 0 0 8px;
	padding: 8px 10px;
	font-size: 1.3em;
	color: #eb8016;
	line-height: 1.2em;
	background: #ddd;
}
.sdanframe .sdancomm {
	width: 100%;
	padding: 8px 0;
	font-size: 1.1em;
	line-height: 1.6em;
}

.soubabox {
	width: 100%;
	padding: 14px;
	background: #fbe5d0;
}
.soubabox .soubainbox {
	width: 100%;
	padding: 14px;
	font-size: 1.1em;
	color: #111;
	line-height: 1.6em;
	background: #fff;
}
.soubabox .soubainbox span {
	padding: 0 2px;
	font-size: 1.1em;
	color: #ff0000;
}

.rankbox {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.rankbox .rankitem {
	width: 48%;
	margin-bottom: 20px;
	background: #fbe5d0;
}
.rankbox .rankitem img {
	width: 100%;
	height: auto;
}
.rankitem .ranksub {
	width: 100%;
	margin: 0;
	padding: 8px 10px;
	font-size: 1.3em;
	color: #fff;
	line-height: 1.2em;
	background: #e79b31;
}
.rankitem .rankcomm {
	width: 100%;
	padding: 12px;
	font-size: 1.0em;
	line-height: 1.8em;
}
.rankbox2 p {
	font-size: 1.1em;
	line-height: 2.2em;
}
.rankbox2 figure {
	float: left;
	width: 40%;
	margin: 6px 20px 20px 0;
}
.rankbox2 figure img {
	max-width: 100%;
	height: auto;
}
.lcopy01 {
	font-size: 1.6em;
	color: #111;
	line-height: 2.0em;
	font-weight: 700;
	letter-spacing: 0.02em;
	text-align: left;
}
.lcopy01 span {
	font-weight: 700;
	color: #111;
	background: linear-gradient(transparent 70%, #f1c487 0%);
}

.wimgbox {
	width: 100%;
}
.wimgbox img {
	width: 100%;
	height: auto;
}




/* ------------------------------------------------------------------------------------------------------------------------ */

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





}

@media only screen and (max-width: 767px){
/* @media only screen and (max-width: 1024px){*/



.soudanbox {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: block;
}
.soudanbox .sdanphoto {
	width: 100%;
	margin: 0 auto 20px;
}
.soudanbox .sdanphoto img {
	width: 100%;
	height: auto;
}
.soudanbox .sdandetail {
	width: 100%;
	margin: 0;
}

.rankbox {
	position: relative;
	width: 100%;
	margin: 0 auto;
	padding: 0;
	display: block;
}
.rankbox .rankitem {
	width: 100%;
	margin-bottom: 20px;
}

.rankbox2 p {
	font-size: 1.1em;
	line-height: 2.2em;
}
.rankbox2 figure {
	display: block;
	width: 100%;
	margin: 6px 20px 20px 0;
}
.rankbox2 figure img {
	width: 100%;
	max-width: 100%;
	height: auto;
}


}


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



/* HEADER
------------------------------------------------------------*/



}