*{box-sizing: border-box;margin: 0;padding: 0;}
ul,li,ol, dl,dt,dd{list-style-type: none;}
h1, h2, h3, h4, h5, h6, p{font-size: 1.0em;line-height: 1.2em;}
a img {border: none;}
a:link {color: #000;text-decoration: underline;}
a:visited {color: #6E6C64;text-decoration: underline;}
a:hover, a:active, a:focus {text-decoration: none;}
a:hover{opacity:0.65;}
.f_small{font-size: 0.8em;}

/*パンくずリスト----------------------------------*/
nav.panlist{
min-height: 40px;
padding: 4px 0;
width: 100%;
}
nav.panlist strong{
font-weight:normal;
}
nav.panlist ol {
color:#484848;
display: flex;
white-space: nowrap;
font-size: min(0.7em,2.4vw);
list-style: none;
line-height: 35px;
margin: 0 auto;
padding: 0;
max-width: 1270px;
width: 98%;
}
nav.panlist li + li::before {
content: ">";
margin: 0 0.5em;
}

/* 動画囲いタグ　<div class="video-container"></div> */
.video-container {
padding: 56.25% 0 0;
position: relative;
width: 100%;
}
.video-container iframe{
height: 100% !important;
position: absolute;
right: 0;
top: 0;
width: 100% !important;
}

/*--------------------------------------------------------*/
/*-- ローディング ----------------------*/
#loader {
align-items: center;
background: #edf8ff;
display: flex;
inset: 0;
justify-content: center;
position: fixed;
z-index: 9999;
}
.loader,.loader:before,.loader:after {
-webkit-animation: load1 1s infinite ease-in-out;animation: load1 1s infinite ease-in-out;
background: #aaa;
height: 4em;
/*top: 50%;*/
width: 1em;
}
.loader {
-webkit-animation-delay: -0.16s;animation-delay: -0.16s;
color: #ccc;
font-size: 11px;
margin: auto;
position: relative;
-webkit-transform: translateZ(0);-ms-transform: translateZ(0);transform: translateZ(0);
text-indent: -9999em;
}
.loader:before,.loader:after {
position: absolute;
top: 0;
content: '';
}
.loader:before {
left: -1.5em;
-webkit-animation-delay: -0.32s;animation-delay: -0.32s;
}
.loader:after {
left: 1.5em;
}
@-webkit-keyframes load1 {
	0%,80%,100% {
	box-shadow: 0 0;
	height: 4em;
	}
	40% {
	box-shadow: 0 -2em;
	height: 5em;
	}
	}
	@keyframes load1 {
	0%,80%,100% {
	box-shadow: 0 0;
	height: 4em;
	}
	40% {
	box-shadow: 0 -2em;
	height: 5em;
	}
}
/*--ローディング
#loader{
display: block;
height: 100em;
padding-top: 5em;
width: 100%;
z-index: 100;
}
.loader,
.loader:before,
.loader:after {
background: #aaaaaa;
-webkit-animation: load1 1s infinite ease-in-out;
animation: load1 1s infinite ease-in-out;
width: 1em;
height: 4em;
}
.loader {
color: #cccccc;
text-indent: -9999em;
margin: auto;
position: relative;
font-size: 11px;
-webkit-transform: translateZ(0);
-ms-transform: translateZ(0);
transform: translateZ(0);
-webkit-animation-delay: -0.16s;
animation-delay: -0.16s;
}
.loader:before,
.loader:after {
position: absolute;
top: 0;
content: '';
}
.loader:before {
left: -1.5em;
-webkit-animation-delay: -0.32s;
animation-delay: -0.32s;
}
.loader:after {
left: 1.5em;
}
@-webkit-keyframes load1 {
	0%,80%,100% {
	box-shadow: 0 0;
	height: 4em;
	}
	40% {
	box-shadow: 0 -2em;
	height: 5em;
	}
}
@keyframes load1 {
	0%,80%,100% {
	box-shadow: 0 0;
	height: 4em;
	}
	40% {
	box-shadow: 0 -2em;
	height: 5em;
	}
}--*/
/* 230905 --------------------------------- */
.mainImg,
.img,
.mainImg img,
.img img{
height: auto;
width: 100%;
}
#newestBlock {
margin: 0 auto 10%;
}
#kv_premia img {
height: auto;
width: 100%;
}
/* 230905 --------------------------------- */

/* PC ---------------------------------------- */
@media (width > 782px) {
body {
background: #edf8ff;
color: #333;
font-size: 1.0em;
line-height: 1.2em;
text-align: center;
width: 100%;
}
#page_all{background: #edf8ff url(../images/back.png) repeat-x bottom;}
/* base -------------------------------------- */
#wapper{
margin: 0 auto;
width: 890px;
}
#sns_button_pc{
float: right;
margin: -35px 0 0;
width: 10%;
}
.btn_sns{
margin: 0 2px;
}
.btn_twitter img,.btn_facebook img,.btn_line img{
height: 30px;
width: 30px;
}
/* base -------------------------------------- */

/* #main -------------------------------------- */
#kv {
background: #fff;
clear: both;
text-align: center;
margin: 0 auto;
width: 100%;
}
#kv img{
height: auto;
width: 100%;
}
#main{
margin: 0 auto;
width: 840px;
}
.inbox{
background: #fff;
box-shadow: 3px 3px 10px 0 #aaa;
margin: 0 auto 30px;
padding: 0 0 20px;
width: 100%;
}
.inbox #text {
color: #333;
line-height: 1.5;
margin: 30px auto;
text-align: left;
padding: 40px 0 0;
width: 80%;
}
#mt {
background: #D70C19;
color: #fff;
font-weight: bold;
font-size: 1.5em;
line-height: 1.5;
margin: 2% auto 0;
padding: 2% 1%;
text-align: center;
width: 840px;
word-break: keep-all;
}
#main .subtitle {
font-size: 0.9em;
margin: 0 auto;
width: 80%;
}
#main .subtitle h2{
background: #666;
color: #fff;
font-weight: bold;
font-size: 18px;
line-height: 36px;
padding-left: 10px;
margin: 0 0 20px;
}
#main .subtitle .text{
display: block;
font-size: 1.2em;
line-height: 1.5em;
margin: 0 auto;
padding: 20px 0 40px;
text-align: left;
width: 80%;
}
#main .subtitle .subtitle_in{
text-align: left;
}
#main .subtitle .subtitle_in .date {
box-sizing: border-box;
height: auto;
font-size: 0.9em;
line-height: 1.5em;
font-weight: bold;
padding-left: 5px;
width: 100%;
}
#main .subtitle .subtitle_in .title{
border-bottom: #666 dotted 3px;
box-sizing: border-box;
font-weight: bold;
font-size: 1.1em;
height: auto;
line-height: 1.5em;
width: 100%;
}
#main .subtitle .subtitle_in .cmnt{
clear: both;
font-size: 0.8em;
line-height: 1.4em;
padding: 5px 0 5px 5px;
margin: 0 0 20px;
}
.link_offi {
    background: #000;
    border: #fff 1px solid;
    box-shadow: 3px 3px 10px 0 #aaa;
    display: block;
    margin: 0 auto 15px;
    padding: 15px 0 10px;
}
/* #main -------------------------------------- */

/* #footer -----------------------------------
#footer {
clear: both;
color: #333;
font-size: 1.0em;
line-height: 1.2em;
margin: 20px 0 0;
padding: 10px 0;
text-align: center;
width:100%;
}
#footer .mx_copyright{
text-align: center;
}
#footer a{
color: #d00;
text-decoration: none;
}
#footer .foot{
margin: 0 auto;
}
#footer_box select{
font-size:1.2em;
line-height:1.4em;
margin: 30px 0;
width:70%;
}
.pc_ad_head{
height: 100px;
}--- */
/* 良く使う系 -------------------------------------- */

.time_newest{
background: #ece613;
color: #333;
display: block;
font-weight: bold;
font-size: 1.5em;
line-height: 2.0em;
margin: 2% auto 3%;
padding: 5px 15px;
text-align: center;
width: 840px;
}
.text_newest{
background: #fff;
border-radius: 20px;
box-sizing: border-box;
box-shadow: 3px 3px 10px 0 #aaa;
display: block;
line-height: 1.5;
margin: 2% auto;
text-align: center;
padding: 3% 5%;
width: 100%;
}
/* 230905 --------------------------------- */
#sns_button_sp{
display: none;
}
}

@media (width < 782px) {/*782px <= */
	nav.panlist,
	nav.panlist ol{
	min-height: auto;
    line-height: 2.5;
    padding: unset;
	}
	.inbox {
	padding: 0;
	margin: 0 auto;
	width: 100%;
	}
	#kv,#kv img{
	height: auto;
	width: 100%;
	}
	#mt {
	display: block;
	font-size: 4vw;
	width: 100%;
	word-break: auto-phrase;
	}
	.maintitle {
	background-color: #d00;
	box-sizing: border-box;
	color:#fff;
	font-size: 1.1em;
	line-height: 1.5;
	padding: 2%;
	text-align: center;
	width: 100%;
	word-break: keep-all;
	}

	.subtitle {
	background-color: #fff;
	display: block;
	font-size: 1.2em;
	line-height: 1.5;
	margin: 0 auto;
	/*padding: 20px 0;*/
	text-align: left;
	width: 100%;
	}
	.subtitle h2{
	border-bottom: 5px double #666;
	/* display: block; */
	font-size: 5vw;
	line-height: 1.0em;
	padding: 0 0 0.4em;
	text-align: center;
	}
	.subtitle_in{
	display: block;
	font-size: 0.9em;
	margin: 0 auto 20px;
	text-align: left;
	width: 90%;
	}
	.subtitle_in .date{
	display: block;
	font-size: 5vw;
	line-height: 2.0;
	margin: 0;
	}
	.subtitle_in .title{
	border-bottom: 2px solid #ddd;
	display: block;
	font-size: 4.2vw;
	font-weight: bold;
	line-height: 1.3;
	/*margin-bottom: 8;*/
	padding: 0 0 5px;
	}
	.subtitle_in .cmnt{
	display: block;
	font-size: 3.5vw;
	line-height: 1.3;
	margin: 5px 0 20px;
	}
	.text {
	/* background-color: #fff; */
	font-size: 4vw;
	line-height: 1.5;
	padding: 1.5em;
	text-align: left;
	/* width: 90%; */
	}

	.link_offi{
	background: #000;
	border-top: #fff 1px solid;
	border-bottom: #fff 1px solid;
	box-shadow:3px 3px 10px 0 #aaa;
	padding: 15px 0 10px;
	text-align: center;
	}
	.link_offi img{
	height: auto;
	max-width: 90%;
	}
	/* #footer --------------------------------------
	#footer {
	background-color: #ccc;
	color: #333;
	font-size: 0.9em;
	line-height: 1.5em;
	padding: 20px 0;
	}
	#footer .mx_copyright{
	color: #333;
	}
	#footer a{
	color: #333;
	text-decoration: none;
	}
	#footer_box{
	margin: 30px 0 10px;
	width:100%;
	}--- */

	/* バナーの箱 */
	.head_banner{
	text-align: center;
	margin: 15px 0;
	width: 100%;
	}
	#sns_button_sp{
	padding: 20px 0 10px;
	text-align: center;
	}
	/* 320幅用 SNSボタン */
	#sns_button_sp .btn_sns img{
	margin: 0 8px 0 0 ;
	height: auto;
	width: 50px;
	height: 50px;
	}
	.bnr_pre a{
	border: 1px solid #b85f00;
	background: -moz-linear-gradient(top,#fff3db 0%,#ffc821 25%,#ff3c00);
	background: -webkit-gradient(linear, left top, left bottom,from(#fff3db),color-stop(0.25, #ffc821),to(#ff3c00));
	-moz-border-radius: 6px;-webkit-border-radius: 6px;border-radius: 6px;
	-moz-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px -1px 0px rgba(255,255,255,0.7);
	-webkit-box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px -1px 0px rgba(255,255,255,0.7);
	box-shadow:0px 1px 3px rgba(000,000,000,0.5),inset 0px -1px 0px rgba(255,255,255,0.7);
	color: #333;
	display: block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-decoration: none;
	font-weight: bold;
	margin: 0 auto;
	padding: 10px 20px;
	text-shadow:0px -1px 1px rgba(000,000,000,0.2),0px 1px 0px rgba(255,255,255,0.3);
	width: 85%;
	}
	.bnr_pre a:hover{
	opacity:0.65;
	}

	/* 230905 --------------------------------- */
	.time_newest{
	background: #ece613;
	color: #333;
	display: block;
	font-weight: bold;
	font-size: 4.0vw;
	line-height: 1.5;
	margin: 2% auto 3%;
	padding: 5px 15px;
	text-align: center;
	width: 90%;
	}
	.text_newest{
	background: #fff;
	border-radius: 20px;
	box-sizing: border-box;
	box-shadow: 3px 3px 10px 0 #aaa;
	display: block;
	font-size: 3.2vw;
	line-height: 1.5;
	margin: 2% auto;
	text-align: left;
	padding: 3% 5%;
	width: 90%;
	}
	/* 230905 --------------------------------- */
	#sns_button_pc{
	display: none;
	}
}