@charset "UTF-8";
body { margin:0; padding:0; }
img { max-width:100%;}
#header #headersub #topicpath_wrapper ul#topicpath { display:none;}
#mainContainer, #contentContainer { margin-top: 115px !important; }
.toggleImg { max-width:100%;display: block; }
p{font-family: 'Noto Sans JP', sans-serif;}
a { text-decoration: none;display: block; }
a:hover { opacity:0.6;}

.pc { display: block !important; }
.sp { display: none !important; }

.arrow{position: relative;display: inline-block;padding: 0 0 0 16px;color: #000;vertical-align: middle;text-decoration: none;font-size: 15px;}
.arrow::before,.arrow::after{position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.arrow::before{top: 0px;left: 4px;width: 8px;height: 8px;border-top: 1px solid #979797;border-right: 1px solid #979797;-webkit-transform: rotate(135deg);transform: rotate(135deg);}

.linkbtn01 { text-decoration:none; text-align:center;margin: 30px auto;width: 265px; color: #3d4662;font-size:15px; 
border: 1px solid #3d4662;border-radius:4px; line-height: 50px;position: relative;display: block;font-family: 'Noto Sans JP', sans-serif;}
.linkbtn01::before,.linkbtn01::after{position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.linkbtn01::before{ top: 0px;left: 7%;width: 6px;height: 6px;border-top: 1px solid #3d4662;border-right: 1px solid #3d4662;-webkit-transform: rotate(47deg);transform: rotate(47deg);}

#wrapper {  width:100%;  overflow:hidden;}
#new-Contents { width:100%; margin:0; padding:0;}
#new-Contents p { color:#666666; margin: 10px; }
#new-Contents .mv { overflow: hidden;text-align: center;padding: 0;margin: 0; }
#new-Contents .mv h2 { margin:30px auto; font-size:32px; color:#3d4662;}
#new-Contents .mv img { width: 100%; display: block; }

#new-Contents .new_inner { width:1200px; margin:0 auto;}

#new-Contents .pagenav { text-align:center; margin:0 auto; overflow:hidden; background-color:#f2f2f2; }
#new-Contents .pagenav ul { text-align:center; display: flex; justify-content: center; margin:15px auto; max-width:1200px; } 
#new-Contents .pagenav ul li { float:left; list-style:none; width:20%;  }
#new-Contents .pagenav ul li p { margin:5px 5px 0px; line-height: 1.2em; font-size:18px;}
#new-Contents .pagenav ul li p span { font-size:12px; margin-left:5px;display: inline-block; }

#new-Contents .read-text { margin: 55px auto 70px; text-align:center; font-size: 16px; line-height:1.8em;}

#new-Contents .contents-Each { margin:0 0 120px;}
#new-Contents .contents-Each .cont01bx { background-color:#9d89d6; overflow:hidden; }
#new-Contents .contents-Each .cont02bx { background-color:#ecb9cf; overflow:hidden; }
#new-Contents .contents-Each .cont03bx { background-color:#f2b4b4; overflow:hidden; }
#new-Contents .contents-Each .cont04bx { background-color:#a9193f; overflow:hidden; }
#new-Contents .contents-Each .cont05bx { background-color:#e8930d; overflow:hidden; }

#new-Contents .contents-Each .ttl-img { width:50%; display:inline-block; vertical-align:middle; }
#new-Contents .contents-Each .ttl-text { width:49%;display:inline-block; vertical-align:middle; margin:0 auto;}
#new-Contents .contents-Each .ttl-text h5 { font-size:42px; text-align:center; color:#FFF; line-height: 1.2em;letter-spacing: 1.4px; font-family: "jins_next_ttregular", sans-serif; }
#new-Contents .contents-Each .ttl-text h5 span  { font-size:24px;display:block; line-height:1em; letter-spacing:1.2px;font-family: "jins_next_ttlight", sans-serif; }

#new-Contents .contents-Each .contbx-read { text-align:center; margin:60px auto 65px; }
#new-Contents .contents-Each .contbx-read .contbx-read-price { color:#3d4662; font-size:22px; font-weight:bold;font-family: 'Noto Sans JP', sans-serif;}
#new-Contents .contents-Each .contbx-read p {  color:#3d4662; font-size:16px; }
#new-Contents .contents-Each .contbx-imgbx ul { overflow:hidden; width: 1122px; margin: 0 auto 50px; padding:0; }
#new-Contents .contents-Each .contbx-imgbx ul li { float:left; list-style:none;margin-right:10px;}
#new-Contents .contents-Each .contbx-imgbx ul li:last child { margin-right:0;}

#new-Contents .bnr{ margin:0 auto 120px; }
#new-Contents .bnr img { text-align:center; margin:0 auto;}




@media screen and (max-width:1150px) {
#new-Contents { width:100%; margin:0; padding:0;}
#new-Contents .new_inner { width:100%; margin:0 auto;}

#new-Contents .contents-Each .contbx-imgbx ul { overflow:hidden; width: 99%; margin: 0 auto 50px; padding:0; }
#new-Contents .contents-Each .contbx-imgbx ul li { float:left; list-style:none;margin-right:1%; width:32.4%;}
#new-Contents .contents-Each .contbx-imgbx ul li:first-child { margin-left:4px;}
#new-Contents .contents-Each .contbx-imgbx ul li:last-child { margin-right:0;}

}

@media screen and (max-width:1000px) {
	#mainContainer, #contentContainer { margin-top: 86px !important; }
}




@media screen and (max-width:768px) {
#mainContainer, #contentContainer { margin-top: 86px !important; }
#new-Contents { width:100%; margin:0; padding:0;}
#new-Contents .pagenav { width:90%; border-top: 1px solid #f2f2f2; text-align:center; margin:0 auto; overflow:hidden; background-color:#FFF;  }
#new-Contents .pagenav ul { text-align:center; margin:0px auto; max-width:100%; display:block; padding:0; } 
#new-Contents .pagenav ul li { width:100%; border-bottom: 1px solid #f2f2f2; float:none; padding: 4% 0; }
#new-Contents .pagenav ul li p { margin:5px auto 0px; line-height: 1.2em; display: inline-block; width: 80%; }
#new-Contents .pagenav ul li p span { font-size:12px; margin-left:5px;display: inline-block; }

#new-Contents .contents-Each .ttl-text h5 { font-size: 2.2em; text-align:center; color:#FFF; line-height: 1.4em; }
#new-Contents .contents-Each .ttl-text h5 span  { font-size:20px; }

#new-Contents .bnr { margin:0 auto 120px; width:94% }

}






@media screen and (max-width:600px) {
#mainContainer, #contentContainer { margin-top: 86px !important; }
.pc { display: none !important; }
.sp { display: block !important; }

#new-Contents { width:100%;}

.arrow{position: relative; display: inline-block; padding: 0 0 0 16px;color: #000;vertical-align: middle;text-decoration: none;font-size: 14px;}
.arrow::before,.arrow::after{ position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.arrow::before{top: -5px;left: 80%;width: 12px;height: 12px;border-top: 1px solid #979797;border-right: 1px solid #979797;-webkit-transform: rotate(135deg);transform: rotate(135deg);}

.linkbtn01 { text-decoration:none; text-align:center;margin: 0px auto;width: 60%; color: #3d4662;font-size:16px !important; 
border: 1px solid #3A4763;border-radius:6px; line-height: 50px;position: relative;display: block; }
.linkbtn01::before,.linkbtn01::after{position: absolute;top: 0;bottom: 0;left: 0;margin: auto;content: "";vertical-align: middle;}
.linkbtn01::before{ top: 0px;left: 7%;width: 8px;height: 8px;border-top: 2px solid #3d4662;border-right: 2px solid #3d4662;-webkit-transform: rotate(47deg);transform: rotate(47deg);}

#new-Contents .mv h2 { margin:15px auto; font-size:18px;}
#new-Contents .read-text { margin: 35px auto 40px; text-align:center; width:94%; font-size:12px; }

#new-Contents .pagenav { width:90%; border-top: 1px solid #f2f2f2; text-align:center; margin:0 auto 10px; overflow:hidden; background-color:#FFF;  }
#new-Contents .pagenav ul { text-align:center; margin:0px auto 50px; max-width:100%; display:block; padding:0; } 
#new-Contents .pagenav ul li { width:100%; border-bottom: 1px solid #f2f2f2; float:none; padding: 4% 0; }
#new-Contents .pagenav ul li p { margin:5px auto 0px; line-height: 1.2em; display: inline-block; width: 80%; font-size:16px; }
#new-Contents .pagenav ul li p span { font-size:10px; margin-left:5px;display: inline-block; }

#new-Contents .contents-Each { margin:0 0 80px;}
#new-Contents .contents-Each .cont01bx { position:relative; }
#new-Contents .contents-Each .cont02bx { position:relative; }
#new-Contents .contents-Each .cont03bx { position:relative; }
#new-Contents .contents-Each .cont04bx { position:relative; }
#new-Contents .contents-Each .cont05bx { position:relative; }

#new-Contents .contents-Each .ttl-img { width:100%; display:inline-block; vertical-align:middle; }
#new-Contents .contents-Each .ttl-img img { width:100%; }
#new-Contents .contents-Each .ttl-text { position: absolute;top: 15%;left: 0%; width:100%; }
#new-Contents .contents-Each .ttl-text h5 { font-size:28px; text-align:center; color:#FFF; line-height: 1em; font-weight: 700; }
#new-Contents .contents-Each .ttl-text h5 span  { font-size:16px; display:block; line-height:2em;  }

#new-Contents .contents-Each .contbx-imgbx ul { overflow:hidden; width: 90%; margin: 0 auto 15px; padding:0; }
#new-Contents .contents-Each .contbx-imgbx ul li { float:none;margin-right:0px; width:100%; margin-bottom:3%;}
#new-Contents .contents-Each .contbx-imgbx ul li img { width:100%; }
#new-Contents .contents-Each .contbx-imgbx ul li:first-child { margin-left:0px;}

#new-Contents .contents-Each .contbx-read { text-align:center; margin:30px auto 35px; }
#new-Contents .contents-Each .contbx-read .contbx-read-price {  font-size:14px;}
#new-Contents .contents-Each .contbx-read p { color:#3d4662; font-size:12px; line-height: 1.4em;} 

#new-Contents .bnr { margin:0 auto 120px; width:94% }
#new-Contents .bnr img { text-align:center; margin:0 auto;}

}