@charset "utf-8";
/* CSS Document */

/*共通---------------------*/
/*改行*/
br.pc{display: block;}
br.sp{display: none;}
.txt_center{text-align: center;}
.push{color:#1e8ccc; font-weight: bold;background:rgba(255, 255, 0,0.5); font-size: 1.25rem;}
.push2{color:#272C30; font-weight: bold; font-size: 1.25rem;vertical-align: middle;}
a:link{text-decoration: none;}
/**/
/*---------------------*/
#wrapper{
	-webkit-text-size-adjust:none; font-family: 'Noto Sans Japanese', sans-serif;
/*	background-image: url("../images/bg_all.jpg");
	background-repeat:repeat;*/
	margin-top: 100px;
}
#wrapper a:hover{opacity:0.7;}
#wrapper h3{}
/*ヘッダー---------------------*/
.se_main_header{position: relative; z-index: 1;}
.se_main_header .main_catch{background:url("../images/bg_header.jpg") ;background-position: center top;background-repeat: no-repeat;background-color:goldenrod; padding:0;position: relative;overflow: hidden;}
.se_main_header .main_catch h2{width: 100%;max-width: 800px; margin: 0rem auto;}
.se_main_header .main_catch h2 img{width: 100%;	height: auto;}
/*スライダー*/
@keyframes sliderAnimation { 100% {/*transform: translateX(-81%);*/transform: translateX(-86%);}}
.se_main_header .row{display: -ms-grid;-ms-grid-columns: min-content;}/*IE*/
.se_main_header .css_slider{display: flex;min-width: 100%; width: min-content; animation: 50s linear infinite sliderAnimation;margin-bottom:4px; /*padding: 5px 0 10px;*/background-color: #fff;}
.se_main_header .css_slider .slide{width: 351px;height: 234px;/*margin: 0 5px;*/position: relative;}
.se_main_header .css_slider .slide img{ width: 100%; height: auto; border:#1EB9EE solid 8px;box-sizing: border-box;}
.se_main_header .css_slider .slide:nth-child(odd) img{ width: 100%; height: auto; border:#e9569a solid 8px;box-sizing: border-box;}

/*セクションse_catch　タイトル位置設定*/
.pb6{padding-bottom: 6rem;}
section.se_catch{background-color: yellow;padding-top: 2rem;}
section.se_catch .catch{padding:3em;width: 96%;box-sizing: border-box; max-width: 900px;margin: 0 auto; border: 10px solid #FB0185; background-color:#fff;/*border-radius:1em;*//*box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5);*/filter: drop-shadow(0px 10px 0px #000); position: relative;}
section.se_catch .catch_housou{font-size: 2.75rem;font-weight: bold; color:#1EB9EE; filter: drop-shadow(0px 4px 0px #000); text-align: center; -webkit-text-stroke-width: 0.5rem; -webkit-text-stroke-color:#000;paint-order: stroke;margin-bottom: 1rem;}		
.catch_txt01{font-size: 2rem;font-weight: bold; color:#FB0185; filter: drop-shadow(0px 3px 0px #333); text-align: center; -webkit-text-stroke-width: 0.2em; -webkit-text-stroke-color:#fff;paint-order: stroke; padding: 0 0 1em;}	
.catch_txt02{font-size: 1.25rem;font-weight: bold; color:#000000; padding: 0 0 0.5em; /*filter: drop-shadow(0px 2px 2px #ccc); */}
.catch_txt03{font-size: 1.25rem;font-weight: bold; color:#FB0185; padding: 0 0 0.5em;}
/*section.se_catch p{padding:1em 0;width: 96%; max-width: 1000px;text-align: center; margin: 0 auto;}*/
section.se_catch h3{width: 80%; max-width: 520px; height:auto; margin:0 auto  2em;padding: 0;}
section.se_catch h3 img{width: 100%; height:auto; display: block; }/*位置設定*/

/*前説*/
.catch_txt01.maesetu{color: #00793B;;}	
section.se_catch .catch.maesetu{padding: 1rem; border: 10px solid #00793B;}	

/*SNS・youtube---------------------*/
.se_catch {z-index: 2;position: relative;}
/*youtube動画1件*/
#youtube_box {margin: 3rem auto 0; width:100%; max-width: 1000px;padding: 0 0 20px; background-image: url("../images/img_noren2.jpg");background-size:auto 20px;background-position:bottom;background-repeat: repeat-x;}
#youtube_box .youtube{position:relative; padding-bottom: 56%;  height:0; overflow:hidden;}
#youtube_box .youtube iframe{ position:absolute; top:0;left:0; width:100%; height:100%;}


/*youtube動画2件並び*/
section.se_catch .youtube_box{display: flex;flex-wrap: wrap; max-width: 1200px;width: 96%;margin: 0 auto; padding:0 0 3em;}	
section.se_catch .youtube_box .youtube { position: relative; height: 0; margin:0 0.1em 0.4em; padding-bottom: 56.25%; overflow: hidden;}
section.se_catch .youtube_box .youtube iframe {position: absolute;top: 3px;right: 0;width: 100%;height: 100%;}
section.se_catch .youtube_box .item{flex:1 1 49.5%;}/*flexショートハンド　flex-grow　flex-shrink　flex-basis*/

	.flex-glidlike{display: flex;flex-wrap: wrap;}
	.flex-glidlike > *{/*flex:1 1 33%;*/flex:1 1 25em;}/*flexショートハンド　flex-grow　flex-shrink　flex-basis*/
	.flex-glidlike img{width: 100%; height: auto;}

/*twitter_fb*/
/*.se_sns_pgin .flex-glidlike{display: flex;flex-wrap: wrap; width: 94%; max-width: 60em; margin: 0 auto;}
.se_sns_pgin .flex-glidlike > *{flex:1 1 20em;}
.se_sns_pgin .flex-glidlike img{width: 100%; height: auto;}
.se_sns_pgin .flex-glidlike .twitter_box,.flex-glidlike .facebook_box{margin: 5px;border: 5px solid #E0F0FB;border-radius: 6px;width: calc(100% - 20px);}
.se_sns_pgin .sns_info{background-color: #0068B7;padding: 0.5em 1em; font-size: 1rem;color: #fff;width: calc(94% - 2em);max-width: 940px;margin:0 auto;text-align: center;border-radius: 2em;}
*/
/*---------------------*/
/*セクションse_details　zindexとタイトル位置設定中*/
section.se_details{position: relative; z-index: 3;padding-bottom: 0rem; max-width: 900px;margin: 0 auto;width: 96%;}/*relative zindex*/
/*section.se_details p.toppd{padding:6em 0 3em;}*//*位置設定*/
section.se_details ul {width: 96%; max-width: 700px;margin: 0 auto 1em;;}

/*奇数 文字色yellow*/
/*section.se_details ul li:nth-child(odd){color: yellow;}*/
/*span 文字色pink*/
/*section.se_details ul li span{color: #ff1c89;}*/
	
section.se_details p{padding:1em 0;text-align: center; }
section.se_details h3{width: 100%; /*max-width: 700px; */height:auto; margin:0 auto;}
section.se_details h3 img{width: 100%; height:auto; display: block;}
section.se_details h4 {/*color:#FB0185;*/color:#1EB9EE; font-weight: bold; -webkit-text-stroke-width: 0.5rem; -webkit-text-stroke-color:#000;paint-order: stroke;border-bottom: 10px solid #FB0185;filter: drop-shadow(0px 6px 0px #000); line-height: 2; margin-bottom: 5px; font-size:2.5rem;text-align: center;}
/*section.se_details .se_details_inner{width: 92%; max-width: 1000px; margin: 0em auto;}*/
section.se_details .se_details_inner ul.lineup{margin: auto; font-weight: bold;font-size: 1.25rem;}

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

/*出演者*/
section.se_guest{position: relative;z-index: 4; background-color:#bc25db;padding: 3rem 0;border-radius: 3rem;margin-top: -3rem;}
section.se_guest h3{width: 80%; max-width: 520px; height: auto;margin:0 auto; padding: 2em 0;}
section.se_guest h3 img{width: 100%; height:auto; display: block;}
section.se_guest h4{font-size: 1.125rem; color: #fff;text-align: center;}
section.se_guest h5{width: 80%;max-width: 500px; margin:0 auto; padding: 0.25em 0;font-size: 1.125rem; color: #FF6400;text-align: center;background-color: #FF6400;border-radius: 2rem;-webkit-text-stroke-width: 0.2em; -webkit-text-stroke-color:#fff;paint-order: stroke;}
	
/*均等flexbox wrap*/
	section.se_guest .flex-glidlike{padding:2em 0;}
	section.se_guest .flex-glidlike{flex-wrap: wrap; margin: 0 auto; width: 100%; max-width: 1400px;}
	section.se_guest .flex-glidlike > *{flex:0 1 20%;/*margin: 0 auto;*/}/*flexショートハンド　flex-grow　flex-shrink　flex-basis*/
	section.se_guest .flex-glidlike.maincast > *{flex:0 1 500px;margin: 0 auto;}/*flexショートハンド　flex-grow　flex-shrink　flex-basis*/
	section.se_guest .flex-glidlike li img{width: 96%; height: auto; display: block;margin: 0 auto 0.5em;padding-bottom:18px; background-image: url("../images/img_noren2.jpg"); background-size:auto 18px;background-position: bottom; /*border-bottom:solid 5px yellow;*/}
	section.se_guest .flex-glidlike li{text-align: center; font-weight: bold;color: #fff;margin-bottom: 1em;}
	section.se_guest .flex-glidlike li span{display: block; font-size:0.75rem;font-weight: normal;}

/*吉本新喜劇リスト*/
section.se_guest .flex-glidlike.shinkigeki{justify-content:center;display: flex;}
/*section.se_guest .flex-glidlike.shinkigeki > *{flex:0 1 18%;}*/

/*出演者youtubeボタン*/
section.se_guest .youtube_list a{text-decoration: none;}
section.se_guest .youtube_list li.youtube_btn{position: relative;}
section.se_guest .youtube_list li.youtube_btn:before {content:"";
	position:absolute;
	left:1rem;
	top:0.5rem;
	display:inline-block;
	width:48px;
	height:32px;
	background:url("../images/btn_youtube.png") no-repeat;
	background-size:contain;}

/*youtubeボタンオフ*/
section.se_guest .youtube_list a.youtube_off{pointer-events: none;}
section.se_guest .youtube_list a.youtube_off li.youtube_btn:before{display: none;}


/*動画ボタン説明*/
	.aboutbtn{background: #666;color:#fff; padding: 0.5em;width: calc(96% - 1em); max-width: 800px; margin: 0.5em auto 0; text-align: center;border-radius: 1em;}
.aboutbtn a{display: block;}
	.aboutbtn a:before{content: url(../images/btn_youtube.png);vertical-align: middle;padding-right: 0.5em}
.aboutbtn a:link,
.aboutbtn a:visited,
.aboutbtn a:hover
{color: #fff;}
/*---------------------*/

/*プレゼント*/

/*twitterキャンペーン*/
	section.se_campaign{ background:url(../images/bg_tanzaku.jpg) repeat left top;padding: 2em 0;}
	section.se_campaign h3{width: 80%; max-width: 620px; height:auto;margin:0 auto;padding: 2em 0;}
	section.se_campaign h3 img{width: 100%; height:auto; display: block; }
	section.se_campaign h4{text-align: center;font-size: 2rem;color:#272C30;padding-bottom: 1em;}

	section.se_campaign .twitter_box{position:relative; width:calc(100% - 3em - 6px); max-width:1000px;margin:0 auto; border-bottom:solid 100px #fff; background: rgba(255, 255, 255, 0.9);padding:1.5em;border: 3px solid #272C30; box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5);}
	section.se_campaign .twitter_box h3{width: 100%; max-width: 445px;}
	section.se_campaign .twitter_box h3 img{width: 100%;height: auto;}
	section.se_campaign .twitter_box p{font-size:1.125rem;padding: 1em 0;}
/*	section.se_campaign .twitter_box p strong{font-size:1.5rem;}*/
	section.se_campaign .twitter_box p span{/*display: inline-block;*/}

	section.se_campaign .twitter_box .tweet{position:relative;border:solid 6px #eee; border-radius: 6px; background-color: #eee;}
	section.se_campaign .twitter_box .tweet iframe {height:600px !important;}

	section.se_campaign .twitter_box .tw_note{font-size:0.75rem;; font-weight:nomal; color:#666; width:calc(100% - 3em); margin:2em auto 0; padding:1.5em; background:rgba(242, 242, 242,0.5);}
	section.se_campaign .twitter_box .btn{width: 100%; max-width: 400px; margin: 0 auto 1em;}
	section.se_campaign .twitter_box .btn img{width: 90%; height: auto;}
	section.se_campaign .twitter_box .btn a { display:block; border-radius:6px; background:#272C30; box-shadow: 0px 7px 0 #000; transition: 0.2s all ease 0s; text-align:center;}
	section.se_campaign .twitter_box .btn a:hover { box-shadow: none; transform: translate3d(0, 5px, 0);}
	section.se_campaign .twitter_box .btn a img { padding:10px;}
	section.se_campaign .twitter_box .btn a img:hover {opacity: 1.0; filter: alpha(opacity=100); /* ie 6 7 */ -ms-filter: "alpha(opacity=100)";  /* ie 8 */}
	/*均等flexbox 一列*/
	.flex-even{display: flex;}
	.flex-even > *{flex-basis: 100%;}
	.flex-even img{width: 100%; height: auto;}
	.flex-even li{padding: 10px;}
/*---------------------*/
/*プレゼントキャンペーン*/
	section.se_present{ background:url(../images/bg_tanzaku.jpg) repeat left top;padding: 2em 0;}
	section.se_present .present_box{position:relative; width:calc(100% - 4em - 6px); max-width:1000px;margin:0 auto;padding: 2em; background: rgba(255, 255, 255, 0.9);border: 3px solid #bd0306; box-shadow: 0px 10px 10px -5px rgba(0,0,0,0.5);}
	section.se_present h3{width: 80%; max-width: 620px; height:auto;margin:0 auto;padding: 0 0 2em;}
	section.se_present h3 img{width: 100%; height:auto; display: block; }
	section.se_present h4{text-align: center;font-size: 2rem;color:#bd0306;padding-bottom: 1em;}
	section.se_present h5{color: #ff8c00; line-height: 2;text-align: center;font-size: 1.25rem}
	section.se_present h5 i{vertical-align: middle; padding-right: 0.5em;font-size: 2rem}
	section.se_present .present_box p{font-size:1.125rem;padding: 1em 0;}
/*	section.se_present .present_box p strong{font-size:1.5rem;}*/
	
	section.se_present .present_img,section.se_campaign .present_img{ max-width: 600px;width: 100%; height: auto;margin: 0 auto; display: block;}
	section.se_present a.t_pre_btn{display: block; width: 88%;max-width: 600px; margin: 10px auto; text-decoration: none; background-color: orange;border-radius: 0.5em; padding:1em;text-align: center; color:#FEFEFE; font-weight: bold; border: 3px #DBDBDB solid; color: #FEFEFE}
	section.se_present .notice{color:#c20004;font-size:1rem;margin-bottom:10px;text-align: center;font-weight: bold;}



@media screen and (max-width: 768px) {
/*共通---------------------*/
/*改行*/
html { font-size: 90%; }
br.pc{display: none;}
br.sp{display: block;}

.se_main_header .main_catch{background:url("../images/bg_header.jpg") ;background-position:center top;background-repeat:no-repeat;padding:2ren 0 0;position: relative;overflow: hidden;background-size:cover;}
.catch_txt01{font-size: 1.5rem;}
.catch_txt01{font-size: 1.5rem;}	
.catch_txt02{font-size: 1rem;}
/**/
/*ヘッダー*/
.se_main_header{}
.main_catch h2{}
.se_main_header .css_slider .slide{ width: 150px; height: auto;/*margin: 0 5px;*/}

	
/*youtube*/	
/*section.se_catch .youtube_box{display: flex;flex-direction: column; }*/
	
/*セクションse_catch　タイトル位置設定*/
section.se_catch h3,section.se_details h3,section.se_guest h3{margin:-1.5em auto;}
section.se_catch p.toppd,section.se_details p.toppd/*,section.se_details ul.toppd*/{padding:3em 0 1em;}/*位置設定*/
section.se_catch h3 img,section.se_details h3 img{margin-bottom: 3em}/*位置設定*/
section.se_details h4 {font-size:1.5rem;}
section.se_catch .catch_housou{font-size: 2rem;}
/*セクションse_details*/

/*セクションse_guest*/
section.se_guest .flex-glidlike > *{flex:0 1 50%;/*margin: 0 auto;*/}/*flexショートハンド　flex-grow　flex-shrink　flex-basis*/
section.se_guest .flex-glidlike.maincast > *{flex:0 1 300px;margin: 0 auto;}/*flexショートハンド　flex-grow　flex-shrink　flex-basis*/

/*se_campaign se_campaign*/
section.se_campaign h4,section.se_present h4{font-size:1.25rem;}	

/*出演者youtubeボタン*/
section.se_guest .youtube_list li.youtube_btn:before {
	left:6px;
	top:2px;
	width:30px;
	height:20px;
}

/*均等flexbox 一列*/
.flex-even{display: flex; flex-direction: column;}
/********/
}