/* リセット */
html, body, h3, p, ol, ul{ list-style:none;margin: 0; padding: 0;}

a:link { color: #222222; font-weight:bold;text-decoration: none}
a:visited { color: #222222; text-decoration: none}
a:active { color:#0D1E63; text-decoration: none}
a:hover { color: #2745C1; text-decoration: none;}


body {
	font-family: Verdana, Roboto, "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック", sans-serif;
}
/* head-------------------------------------------------------------- */

.header_area{
}

.head {	
	margin-left: auto;
	margin-right: auto;
	width:100%;/* max-width: 1080px; */
	background:linear-gradient(#2745C1, #0D1E63);
}

div.h_head_ber {
	margin-left: auto;
	margin-right: auto;
	width:100%;max-width:1080px;
	height:80px;
	color:#f0f0f0;
	background-image : url(../img/g_area.jpg);
	background-position: 0% 0%;
	background-repeat: no-repeat;
	display: flex;
	flex-direction: column;
	align-items: flex-end;
}

.head_downer{
	width:60%;
	height:80px;
	font-weight:bold;
	color: #ffffff;
	display: flex;
	flex-direction: wrap;
	justify-content: space-between;
	align-items: center;
}
.h_menu{
	height:30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
}

.head_downer a:link { color: #ffffff; text-decoration: none}
.head_downer a:visited { color: #ffffff; text-decoration: none}
.head_downer a:active { color:#ffffff; text-decoration: none} 
.head_downer a:hover { color: #dddddd; text-decoration: none} 
/* head-------------------------------------------------------------- */

.footer_area{	margin-top: 30px;

}

.footer {	
	margin-left: auto;
	margin-right: auto;
	width:100%;/* max-width: 1080px; */
	background:linear-gradient(#2745C1, #0D1E63);
}

div.h_footer_ber {
	margin-left: auto;
	margin-right: auto;
	width:100%;max-width:1080px;
	height:80px;
	color:#f0f0f0;
	background-image : url(../img/g_area.jpg);
	background-position: 0% 0%;
	background-repeat: no-repeat;
}

.footer_u {	
	margin-left: auto;
	margin-right: auto;
	width:100%;/* max-width: 1080px; */
	background:#0D1E63;
	color:#f0f0f0;

}

.footer_uwrp {	
	margin-left: auto;
	margin-right: auto;
	width:90%;max-width:1000px;
	display:flex;
	flex-flow:row nowrap;

}

.h_footer_txt{	margin-top: 20px;flex-basis:70%;}
.h_footer_menu{margin-top: 20px;flex-basis:30%;	text-align:right;}
.footer_info{	margin-left: auto;	margin-right: auto;margin-top: 20px;width:90%;max-width:1000px;text-align:right;}

.f_menu{margin-bottom: 20px;}

.footer_area a:link { color: #ffffff; text-decoration: none}
.footer_area a:visited { color: #ffffff; text-decoration: none}
.footer_area a:active { color:#ffffff; text-decoration: none} 
.footer_area a:hover { color: #dddddd; text-decoration: none} 

.single-item{
  width: 100%;
/*  width: 669px;*/
/*  height: 100%;*/
/*  padding: 0px 0px 0px 38px;*/
}

.single-item img {
  width: 100%;
  object-fit: cover;
}
/* リニュー　始まり-------------------------------  grid-auto-rows: minmax(100px, auto);------------------------------- */

.mp_wrapper {
	width:100%;max-width:1080px;margin-left:auto;margin-right:auto;
	margin-top:20px;
	filter:drop-shadow(0px 0px 10px #dddddd);
	/* filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.2)); */
}

.main_pr{
	display: grid;
	grid-template-rows: 80px repeat(auto-fill, 1fr);
	grid-template-columns: 65% 1fr;
	/* background-color: #0D1E61; 
	border: 1px #dcdcdc solid;*/
  gap: 10px; 
}

h3{grid-row: 1 / 2; grid-column: 1 / 3;	
	height:40px;
		text-indent:10px; 
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align:left;
	padding: 0px 0px 0px 0px;
	/* border: 1px #C4C4C4 solid;
	border-radius: 4px; */
	background:linear-gradient(#F8F8F8, #E7E7E7);
	position: relative;

}

.main_b {grid-row: 2 / 3; grid-column: 1 / 2;	/*border: 1px #dcdcdc dashed; */background-color:#ffffff;position: relative;
}
.midashi {font-family: "筑紫A丸ゴシック";position: absolute;top:1%;left:2%;font-size:30px;font-weight:bold;color: white;padding:0;margin:0;background:rgba(255,0,0,0.8);}
.dan1 {font-family: "筑紫A丸ゴシック";position: absolute;top:8%;left:58%;font-size:18px;font-weight:bold;color: red;padding:0;margin:0;background:rgba(255,255,255,0.8);}
.dan2 {font-family: "ヒラギノ角ゴ ProN W3";position: absolute;top:64%;left:0%;font-size:18px;font-weight:bold;color: yellow;padding:0;margin:0;background:rgba(39,69,193,0.7);}
.dan3 {font-family: "筑紫A丸ゴシック";position: absolute;top:70%;left:0%;font-size:18px;font-weight:bold;color: yellow;padding:0;margin:0;background:rgba(39,69,193,0.7);}

@media only screen and (max-width: 645px) {
.midashi {font-family: "筑紫A丸ゴシック";position: absolute;top:1%;left:2%;font-size:22px;font-weight:bold;color: white;padding:0;margin:0;background:rgba(255,0,0,0.8);}
.dan1 {font-family: "筑紫A丸ゴシック";position: absolute;top:8%;left:58%;font-size:14px;font-weight:bold;color: red;padding:0;margin:0;background:rgba(255,255,255,0.8);}
.dan2 {font-family: "ヒラギノ角ゴ ProN W3";position: absolute;top:47%;left:0%;font-size:14px;font-weight:bold;color: yellow;padding:0;margin:0;background:rgba(39,69,193,0.7);}
.dan3 {font-family: "筑紫A丸ゴシック";position: absolute;top:52%;left:0%;font-size:14px;text-align:center;font-weight:bold;color: yellow;padding:0;margin:0;background:rgba(39,69,193,0.7);}

}


.sub_new {grid-row: 2 / 4; grid-column: 2 / 3;	/*border: 1px #dcdcdc dashed; */
}


.sub_new2 {grid-row: 3 / 4; grid-column: 1 / 2;	/*border: 1px #dcdcdc dashed; */
	display: flex;
	flex-wrap: wrap;
}
	/* 
.limited {grid-row: 4 / 5; grid-column: 1 / 2;	border: 1px #dcdcdc dashed;
}
.update {grid-row: 4 / 5; grid-column: 2 / 3;	border: 1px #dcdcdc dashed;
}

 */
.mp_wrapper img{width:100%; height:auto;}

.pr_sub_chw{margin-bottom:20px;background-color:#ffffff;}
.pr_sub_ch{width:340px;padding: 0px 0px 1px 12px;}
.pr_sub_ch img{width:100%;padding: 0px 0px 0px 0px;}
.pr_under_chwu{max-width:50%; height:auto;}
.pr_under_ch{width:98%;background-color:#ffffff;}
.pr_txt{margin-left:2%;margin-top:2px;margin-bottom:14px;padding-bottom:8px;}

.single-item{
  width: 100%;
/*  width: 669px;*/
/*  height: 100%;*/
/*  padding: 0px 0px 0px 38px;*/
}

.single-item img {
  width: 100%;
  object-fit: cover;
}


h4{
	height:40px;
	text-indent:15px; 
	color:#333333;
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align:left;
/*	border: 1px #C4C4C4 solid;
	border-radius: 4px; */
	background:linear-gradient(#52B8DE, #62CDF5);

}





.wrapper {
	width:100%;max-width:1080px;margin-left:auto;margin-right:auto;
  display: grid;
  grid-template-columns: 65% 1fr;
   gap: 10px; 
	margin-top:20px;
	filter:drop-shadow(0px 0px 10px #ededed);
}
.box1 {
	align-self: stretch;
	

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

.box2 {
  align-self: flex-start;

}

p{text-indent:20px;}


.cts_wrapper{display:flex;flex-flow:row wrap;}
.cts_list{width:50%;margin:0px 0px 0px 0px;}
.cts_blk{display:flex;flex-flow:column nowrap; margin:8px 4px 8px 4px;background-color:#ffffff;}
.cts_img{width:90%;margin-left:auto;margin-right:auto;overflow:hidden;margin-top:8px;}
.cts_img img{width:100%;}
.cts_img img:hover {transform: scale(1.2,1.2);transition-duration: 0.5s;opacity: 0.8;}
.cts_day{width:95%;text-align:right;font-weight:bold;color: #777777;margin:4px 0px 0px 0px;font-size:0.75rem;}
.cts_name{width:90%;font-weight:bold;margin-left:auto;margin-right:auto;}
.cts_size{width:90%;margin:0px 0px 10px 0px;margin-left:auto;margin-right:auto;font-size:0.8rem; /*letter-spacing: 1px; */line-height:160%;}

.cts_sublink{display:flex;flex-flow:row wrap;}
.cts_sub_list{width:50%;margin:0px 0px 40px 0px;}
.cts_sub_list .c_block{display:flex;flex-flow:row wrap; margin:8px 4px 8px 4px;background-color:#ffffff;}
.cts_sub_list .c_img{width:45%;overflow:hidden;margin:8px;}
.cts_sub_list .c_img img{width:100%;}
.cts_sub_list .c_img img:hover {transform: scale(1.2,1.2);transition-duration: 0.5s;opacity: 0.8;}
.cts_sub_list .c_name{width:45%;font-weight:bold;margin:auto;}
.cts_sub_list .c_txt{width:90%; font-size:0.8rem;margin:0px 0px 10px 0px;margin-left:auto;margin-right:auto;}

.site_cgy{display:flex;flex-flow:column nowrap}
.site_cgy li{padding: 5px 0px 5px 0px;}
.site_cgy p{width:90%;border:1px #dcdcdc solid;margin:0 auto;text-indent:0;background-color:#ffffff;text-align:center;padding: 15px 0px 15px 0px;
	display: flex;
	flex-direction: column;
	justify-content: center;

}
.lp{width:90%;border:1px #dcdcdc solid;margin:0 auto;	
display: flex;
    justify-content: center;
justify-content: space-around;
    align-items: center;
}
.lp img{width:100%; height:auto;}

.site_link{display:flex;flex-flow:column wrap;list-style:none;margin-top:20px;border: 1px #dcdcdc dashed;}
.site_list{width:95%;margin:0 auto;border:1px #dcdcdc solid;margin-bottom:30px;}


.site_link{display:flex;flex-flow:row wrap;}
.site_list{width:100%;margin:0px 0px 20px 0px;}
.list_block{display:flex;flex-flow:row wrap; margin:4px;background-color:#ffffff;}
.list_block_img{width:40%;overflow:hidden;margin:4px;}
.list_block_img img{width:100%; height:auto;}
.list_block_img img:hover {transform: scale(1.2,1.2);transition-duration: 0.5s;opacity: 0.8;}
.up_txt{width:55%;margin:auto;}
.low_txt{width:90%;margin:0px 0px 5px 0px;text-align:right;margin-left:auto;margin-right:auto;border: 1px #dcdcdc dashed;}




.sougo_area{
}

.sougo {	
	margin-left: auto;
	margin-right: auto;
	width:100%;max-width: 1080px;
}


div.h_sougo_menu_ber {
	font-size:18px;
	font-weight:bold;
	margin : 0; 
	width:100%;
	display:flex;
	flex-wrap: wrap;
}

div.h_sougo_menu { 
	height:55px;
	flex-basis:24.7%;
	margin-top : 20px; 
	margin-bottom : 20px; 
	border-right: 1px #dcdcdc solid;
}

div.h_sougo_name{
	background-color: #fff;
	margin-left: auto;
	margin-right: auto;
	width:100%;max-width: 1080px;
	border-left: 1px #dcdcdc solid;
	border-right: 1px #dcdcdc solid;
	border-bottom: 1px #dcdcdc solid;
/* 	box-shadow: 2px 2px 4px rgba(0,0,0,0.2); */

}

.h_sougo_name ul { list-style: none; margin-top: 0px;padding-top: 30px; padding-left: 30px;}
.h_sougo_name ul div{height:50px;	text-align:left;}

.h_sougo_name img{width:auto}

span.eng{
	font-size:14px;
	color : #444444;

}

a:hover div {
	background-color: #f6f6f6;
	color : #017BB8;
}

a:hover span.eng {
	font-size:16px;
	color : #dd0000;
}




/* 他サイトリンク　max-width: 768px　始まり-------------------------------------------------------------- */

.site_lkwr{
	display: grid;
	grid-template-rows: repeat(auto-fit, 1fr);
	grid-template-columns: 40% 1fr;
	/* background-color: #0D1E61; */
	/* border: 1px #dcdcdc solid; */
  gap: 10px;margin-top:20px;border-bottom: 1px #dcdcdc dashed;
}

.lnkr_img {grid-row: 1 / 3; grid-column: 1 / 2;	overflow:hidden;
}
.lnkr_img img{max-width:100%; height:auto;}
.lnkr_img img:hover {transform: scale(1.2,1.2);transition-duration: 0.5s;opacity: 0.8;}
.lnkr_txt {grid-row: 1 / 2; grid-column: 2 / 3;	font-size:0.9rem;margin:auto;
}
.lnkr_txt span{border: 1px #dcdcdc dashed;}
.lnkr_name {grid-row: 2 / 3; grid-column: 2 / 3;	text-align:end;
}

.lnkr_name span{font-size:0.8rem;margin-right:10px;

}

/* 期間限定リンク　max-width: 768px　始まり-------------------------------------------------------------- */

.limit_lkwr{max-width:100%; height:auto;margin-top:20px;padding:0;}
.limit_imgwr{margin:auto;max-width:90%;background-color:#ffffff;}
.limit_imgwr img{width:100%; height:auto;}

/* タブレット及びスマホ対応　max-width: 768px　始まり-------------------------------------------------------------- */
@media only screen and (max-width: 768px) {


.head_downer{
	width:55%;
	height:80px;
	font-weight:bold;
	color: #ffffff;
	display: flex;
	flex-direction: wrap;
	justify-content: space-between;
	align-items: center;
}

.h_menu{
	height:30px;
	display: flex;
	flex-direction: column;
	justify-content: center;
	font-size:0.8rem;
}



.wrapper {
  display: grid;
  grid-template-columns: 1fr;
  gap: 10px;
  grid-auto-rows: minmax(100px, auto);
}

.mp_wrapper {
	width:100%;max-width:1080px;margin-left:auto;margin-right:auto;
	margin-top:20px;
	filter:drop-shadow(0px 0px 10px #dddddd);
	/* filter:drop-shadow(5px 5px 10px rgba(0, 0, 0, 0.2)); */
}

.main_pr{
	display: grid;
	grid-template-rows: 80px repeat(auto-fill, 1fr);
	grid-template-columns: 100%;
	/* background-color: #0D1E61; 
	border: 1px #dcdcdc solid;*/
  gap: 10px; 
}

h3{grid-row: 1 / 2; grid-column: 1 / 2;	
	height:40px;
		text-indent:10px; 
	display: flex;
	flex-direction: column;
	justify-content: center;
	text-align:left;
	padding: 0px 0px 0px 0px;
	/* border: 1px #C4C4C4 solid;
	border-radius: 4px; */
	background:linear-gradient(#F8F8F8, #E7E7E7);
	position: relative;

}

.main_b {grid-row: 2 / 3; grid-column: 1 / 2;	background-color:#ffffff;
}

.sub_new {grid-row: 3 / 4; grid-column: 1 / 2;
	display: flex;
	flex-wrap: wrap;

}


.sub_new2 {grid-row: 4 / 5; grid-column: 1 / 2;	/*border: 1px #dcdcdc dashed; */
	display: flex;
	flex-wrap: wrap;
}
	/* 
.limited {grid-row: 4 / 5; grid-column: 1 / 2;	border: 1px #dcdcdc dashed;
}
.update {grid-row: 4 / 5; grid-column: 2 / 3;	border: 1px #dcdcdc dashed;
}

 */
.mp_wrapper img{width:100%; height:auto;}

.pr_sub_chw{width:50%; margin-bottom:20px;}
.pr_sub_ch{width:98%;background-color:#ffffff;}
.pr_under_chwu{max-width:50%; height:auto;}
.pr_under_ch{width:98%;background-color:#ffffff;}
.pr_txt{margin-left:2%;margin-top:2px;margin-bottom:14px;padding-bottom:8px;}








.co_w{display:none;}


.h_sougo_name img{width:auto}


}
/* 写タブレット及びスマホ対応　max-width: 768px　終わり-------------------------------------------------------------- */