@charset "UTF-8";
/* CSS Document */
@import url('https://fonts.googleapis.com/css2?family=Noto+Serif+JP:wght@700&display=swap');
.dir-senryu main img{width: 100%;max-width: 100%;height: auto;vertical-align: top;}
.dir-senryu main p{margin-top: 10px;margin-bottom: 10px;line-height: 1.4;}
.dir-senryu main p.item{font-size: 30px; font-weight: bold;}
.dir-senryu .btn-box{text-align: center;margin: 30px 0;}
.dir-senryu .btn{
  position: relative;
 	text-decoration: none;
	 display: inline-block;
  text-align: center;
  background: transparent;
	 border-radius: 30px;
	 border: solid 1px #333;
  outline: none;
  transition: all 0.2s ease;
}

.dir-senryu .btn:hover{
	border-color:transparent;	
}
.dir-senryu .btn span {
	position: relative;
	z-index: 2;
	display: block;
 padding: 20px 30px;
	background:#ffe200;
	border-radius: 30px;
	color:#000;
 transition: all 0.3s ease;
 font-weight: bold;
 font-size: 18px;
}
.dir-senryu .pushdown:before {
  content:"";
  position: absolute;
  z-index: -1;
  top:4px;
  left:0;
  width: 100%;
  height: 100%;
  border-radius: 30px;
  background-color: #333;
}
.dir-senryu .pushdown:hover span {
	background-color: #333;
	color: #fff;
	transform: translateY(4px);
}
.dir-senryu .teble{width: 100%;border-collapse: collapse;border-spacing: 0;}
.dir-senryu .teble th{vertical-align: top;line-height: 1.5;font-weight: normal;font-size: 100%;letter-spacing: 0;}
.dir-senryu .ttl-sub{font-size: 35px;text-align: center;margin-bottom: 30px;font-family: 'Noto Serif JP', serif;}
.dir-senryu .concept__body{padding-top: 50px;padding-bottom: 50px;position: relative;z-index: 1;}
.dir-senryu .concept__body-ttl{font-size: 25px;line-height: 1.4;}
.dir-senryu .concept__body-text{margin-top: 30px;font-size: 18px;line-height: 2;}

.dir-senryu .main-kv{position: relative;z-index: 1;}
.dir-senryu .main-kv img{position: relative;z-index: 1;}
.dir-senryu .p-top__suggest{position: relative;padding: calc(22em/16) 0 calc(90em/16);color: #FFFFFF}
.dir-senryu .p-top__suggest:before,.dir-senryu .main-kv:before{
 content: "";
 display: block;
 position: absolute;
 top: 0;
 left: 0;
 width: 100%;
 height: 100%;
 background-color: #f1f1f1;
 z-index: 0;
 background: url("../img/p-top__grandprize_bg.jpg");
 background-repeat: repeat;
}
.dir-senryu .p-top__recruit{padding-bottom: calc(137em/16);background: url("../img/p-top__week_bg.jpg");background-repeat: repeat;position: relative;}
.dir-senryu .p-top__recruit .ttl{
  border-bottom: 0;
  background-color: #fff;
  position: relative;
  top: calc(-30em/16);
  z-index: 2;
  height: calc(50em/16);
  padding-top: calc(15em/16);
  text-align: center;
  font-size: 35px;
  line-height: 1;
 font-family: 'Noto Serif JP', serif;
 background: url("../img/p-top__week_bg.jpg");background-repeat: repeat;
}

.dir-senryu .recruit-box,.dir-senryu .theme-box,.dir-senryu .sample-box{margin-bottom: 30px;background-color: #FFFFFF;padding: 20px;box-shadow: 0 .2rem 1.2rem rgba(0,22,38,.1);position: relative;z-index: 1;}
.dir-senryu .recruit-box .teble th,.dir-senryu .theme-box .teble th{vertical-align: top;padding: 20px 0;}
.dir-senryu .recruit-box .teble th h3,.dir-senryu .theme-box .teble th h3{background-color: #000;border-radius: 20px;padding: 5px;position: relative;background: url("../img/p-top__grandprize_bg.jpg");border: 2px solid #000000;color: #FFFFFF}
.dir-senryu .recruit-box .teble td,.dir-senryu .theme-box .teble td{vertical-align: top;padding: 20px 0;}
.dir-senryu .recruit-box .teble td p,.dir-senryu .theme-box .teble td p{margin-top: 0;line-height: 1.4}


.dir-senryu .p-top__recruit .ttl-sub{font-size: 23px;display: block;margin-bottom: 10px;border: 1px solid #000000;padding: 10px;}
.dir-senryu .theme-table{padding: 30px;}
.dir-senryu .sample-box .sample-inner ul{display: flex;flex-wrap: wrap;list-style: none;justify-content: center; margin-top: 50px;}
.dir-senryu .sample-box .sample-inner ul > li{margin-left: 10px;margin-bottom: 10px;position: relative;}
.dir-senryu .sample-box .week-box{display: flex;background-color: #FFFFFF;padding: 20px;box-shadow: 0 .2rem 1.2rem rgba(0,22,38,.1);position: relative;z-index: 1
;}
.dir-senryu .sample-box .week-box > div{width: calc(50% - 20px);margin: 0 10px;}

.dir-senryu .p-top__week{position: relative;background-color: #fff100;padding-top: 50px;padding-bottom: 50px;background: url("../img/p-top__grandprize_bg.jpg");background-repeat: repeat;border-top: 3px solid #000000;}
.dir-senryu .p-top__week .week-box{display: flex;background-color: #FFFFFF;padding: 20px;box-shadow: 0 .2rem 1.2rem rgba(0,22,38,.1);position: relative;z-index: 1
; margin-bottom: 15px;}
.dir-senryu .p-top__week .week-box > div{width: calc(50% - 20px);margin: 0 10px;}
.dir-senryu .p-top__nomination {padding-top: 50px;padding-bottom: 50px;position: relative; background: url("../img/p-top__week_bg.jpg");background-repeat: repeat;}
.dir-senryu .p-top__nomination .nomination-box ul{display: flex;flex-wrap: wrap;list-style: none;justify-content: center}
.dir-senryu .p-top__nomination .nomination-box ul >li{margin-left: 10px;margin-bottom: 10px;position: relative;}

.dir-senryu .p-top__grandprize{padding-top: 50px;padding-bottom: 50px;position: relative;background: url("../img/p-top__grandprize_bg.jpg");background-repeat: repeat;color: #FFFFFF;}
.dir-senryu .p-top__grandprize .benefits-box{margin-bottom: 30px;position: relative;z-index: 1;}
.dir-senryu .p-top__grandprize .opus-box{position: relative;z-index: 1;}
.dir-senryu .p-top__grandprize .benefits-inner{display: flex;justify-content: center;}
.dir-senryu .p-top__grandprize .benefits-inner .benefits-img{width:400px;margin-right: 30px;}
.dir-senryu .p-top__grandprize .benefits-inner .benefits-text{width:calc(100% - 600px);}

.dir-senryu .p-top__grandprize .opus-text{margin-top: 30px;}
.dir-senryu .cloud-bg{position: absolute;width: 261px;animation: cloud-bg_odd 3s infinite ease-in-out .8s alternate;transition: 1.5s ease-in-out;}
@keyframes cloud-bg_odd {
  0% {
   transform: translateY(0);
  }

  100% {
    transform: translateY(20px);
  }
}

.dir-senryu .cloud-bg.cloud-img_01{
 top: 253px;
left: calc(50% - 647px);
-webkit-transform: scale(-1, -1);
-ms-transform: scale(-1, -1);
transform: scale(-1, -1);
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
 z-index: 0;

}
.dir-senryu .cloud-bg.cloud-img_02{
top: 396px;
right: calc(50% - 665px);
width: 193px;
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;
 z-index: 0;

}
.dir-senryu .cloud-bg.cloud-img_03{
z-index: 0;
top: 700px;
left: calc(50% - 770px);
width: 193px;
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;

}
.dir-senryu .cloud-bg.cloud-img_04{
z-index: 0;
top: 1000px;
right: calc(50% - 630px);
width: 300px;
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;

}
.dir-senryu .cloud-bg.cloud-img_05{
z-index: 0;
top: 1200px;
left: calc(50% - 800px);
width: 300px;
-webkit-transform: scale(1, -1);
-ms-transform: scale(1, -1);
transform: scale(1, -1);
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;

}
.dir-senryu .cloud-bg.cloud-img_06{
z-index: 0;
top: 1700px;
right: calc(50% - 800px);
width: 300px;
-webkit-transform-origin: top center;
-ms-transform-origin: top center;
transform-origin: top center;

}


.fade{
  opacity : 0;
  transition: opacity 2s;
}
 
.fade.view{
  opacity: 1;
}
.dir-senryu .element {opacity: 0;}
@media only screen and (max-width: 1024px){
 .dir-senryu .container{padding-left: 20px;padding-right: 20px;}
/* .dir-senryu main p{font-size: 14px;}*/
 .dir-senryu main p.item{font-size: 20px; font-weight: bold;}
 .dir-senryu .btn-box{margin-bottom: 30px;margin-top: 0;}
 .dir-senryu .btn{width: 90%;}
 .dir-senryu .btn span{padding: 15px;font-size: 16px;}
 .dir-senryu .ttl-sub{margin-bottom: 15px;font-size: 24px;}
 .dir-senryu .concept__body{padding-top: 30px;padding-bottom: 30px;}
 .dir-senryu .p-top__recruit .ttl{font-size: 24px;}
 .dir-senryu .p-top__recruit .ttl-sub{font-size: 18px;margin-bottom: 10px;}
 .dir-senryu .concept__body-ttl{font-size: 20px;}
 .dir-senryu .concept__body-text{margin-top: 15px;font-size: 16px;line-height: 1.6;}
 .dir-senryu .p-top__recruit{padding-bottom: calc(50em/16);}
 .dir-senryu .recruit-box .teble th, .dir-senryu .theme-box .teble th{display: block;padding: 10px 0;}
 .dir-senryu .recruit-box .teble td, .dir-senryu .theme-box .teble td{display: block;padding: 10px;}
 .dir-senryu .theme-table{padding: 10px;}
 .dir-senryu .sample-box .sample-inner ul > li{width: calc(50% - 10px);}
 .dir-senryu .sample-box .sample-inner ul > li:nth-child(2n + 1){margin-left: 0;}

 .dir-senryu .sample-box .week-box{padding-top: 30px;padding-bottom: 30px;}
 .dir-senryu .sample-box .week-box{flex-wrap: wrap;padding: 10px;}
 .dir-senryu .sample-box .week-box > div{width: 100%;}

 .dir-senryu .p-top__week{padding-top: 30px;padding-bottom: 30px;}
 .dir-senryu .p-top__week .week-box{flex-wrap: wrap;padding: 10px;}
 .dir-senryu .p-top__week .week-box > div{width: 100%;}
 .dir-senryu .p-top__nomination{padding-top: 30px;padding-bottom: 30px;}
 .dir-senryu .p-top__nomination .nomination-box ul >li{width: calc(50% - 10px);}
 .dir-senryu .p-top__nomination .nomination-box ul >li:nth-child(2n + 1){margin-left: 0;}
 .dir-senryu .p-top__grandprize{padding-top: 30px;padding-bottom: 30px;}
 .dir-senryu .p-top__grandprize .benefits-inner{flex-wrap: wrap;}
 .dir-senryu .p-top__grandprize .benefits-inner .benefits-img{width: calc(100% - 50px);margin-right: 0;}
 .dir-senryu .p-top__grandprize .benefits-inner .benefits-text{width: 100%;}
 .dir-senryu .recruit-box .teble th h3, .dir-senryu .theme-box .teble th h3{font-size: 13px;}
 .dir-senryu .cloud-bg img{opacity: 0.5;}
 .dir-senryu .cloud-bg.cloud-img_01{top: 200px;left: 0;}
.dir-senryu .cloud-bg.cloud-img_02{
top: 350px;
right: 0;
width: 193px;

}
.dir-senryu .cloud-bg.cloud-img_03{
z-index: 0;
top: 700px;
left: 0;
width: 193px;

}
.dir-senryu .cloud-bg.cloud-img_04{
z-index: 0;
top: 1000px;
right: 0;
width: 300px;

 

}
.dir-senryu .cloud-bg.cloud-img_05{
z-index: 0;
top: 1200px;
left: 0;
width: 300px;

}
.dir-senryu .cloud-bg.cloud-img_06{
z-index: 0;
top: 1700px;
right: 0;
width: 300px;

}


.dir-senryu .recruit-box .week-box img{
    margin-top: 20px;
}

}
@media only screen and (min-width: 1024px){
 .dir-senryu .container{width: 1100px;margin: 0 auto}
 .dir-senryu .recruit-box .teble th ,.dir-senryu .theme-box .teble th{width: 170px;display: inline-block;}
 .dir-senryu .recruit-box .teble td ,.dir-senryu .theme-box .teble td{width: calc(100% - 200px);padding-left: 15px;}
 .dir-senryu .sample-box .sample-inner ul > li{width: calc(33.33% - 10px);}
.dir-senryu .sample-box .sample-inner ul > li:nth-child(3n + 1){margin-left: 0;}
 .dir-senryu .p-top__nomination .nomination-box ul >li{width: calc(33.33% - 10px);}
.dir-senryu .p-top__nomination .nomination-box ul >li:nth-child(3n + 1){margin-left: 0;}
 .dir-senryu .p-top__grandprize .opus-inner{width: 900px;margin: 0 auto;}
 .dir-senryu .ttl-sub{width: 500px;margin: 0 auto 30px;}
 .dir-senryu .p-top__recruit .ttl span{display: block;width: 500px;margin: 0 auto}
 .dir-senryu .btn{width: 400px;}
 .dir-senryu .theme-table{margin-top: -60px;}
 .dir-senryu .teble{margin: 60px 0 0 60px;}

.dir-senryu .recruit-box .week-box{
    display: flex;
    background-color: #FFFFFF;
    padding: 20px;
    box-shadow: 0 0.2rem 1.2rem rgb(0 22 38 / 10%);
    position: relative;
    z-index: 1;
}

.dir-senryu .recruit-box .week-box .week-img{
    width: 100%;
    max-width: 100%;
    height: auto;
    vertical-align: top;
}

.dir-senryu .recruit-box .week-box .week-text{
    width: calc(100% - 20px);
    margin: 0 10px;
} 

.dir-senryu .recruit-box .week-box img{
    width: calc(70% - -90px);
    margin: 0 10px;
}



}