@charset "utf-8";

/* ==========================================================================
	01.	RESET STYLE
	========================================================================== */
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* ------------------------------------
 * COMMON
------------------------------------ */
html {
    font-size: 100% !important;
}
body#top {
	min-width: auto;
	font-family: 'Roboto','メイリオ', 'Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','Osaka', sans-serif;
	line-height: 1;
}
img {
	max-width: 100%;
	vertical-align: middle;
}
a {
	color: #c60068;
	text-decoration: none;
	font-weight: bold;
}
@media screen and (min-width:641px) { 
	.onlyPC{
		display: block;
	}
	.onlySP{
		display: none !important;
	}
}
@media screen and (max-width:640px) { 
	.onlyPC{
		display: none !important;
	}
	.onlySP{
		display: block;
	}
	.onlyTB{
		display: none !important;
	}
}
@media screen and (max-width:820px) { 
	.onlyTB{
		display: block;
	}
}
@media screen and (min-width:821px) { 
	.onlyTB{
		display: none !important;
	}
}
.nowrap{
	white-space: nowrap;
}
/*clearfix*/
.clearfix {
    zoom:1;/*for IE 5.5-7*/
}
.clearfix:after {/*for modern browser*/
    content:".";
    display: block;
    height:0px;
    clear:both;
    line-height:0;
    visibility:hidden;
}
* html .clearfix {
	display:inline-table;
	/*\*/display:block;/**/
}
.w90{
	width: 90% !important;
	margin: 0 auto;
}
.nowrap{
   white-space: nowrap;
}
.p_list .other .sns.w100{
    width: 100% !important;
}
.font_s{
    font-size: 0.9em !important;
}
.txt_center{
    text-align: center !important;
}
.fw_normal{
	font-weight: 300 !important;
}
.mb10{
	margin-bottom: 10px;
}
.mb30{
	margin-bottom: 30px !important;
}
.mb60{
	margin-bottom: 60px !important;
}
/* ------------------------------------
 * main
------------------------------------ */
.main{
    background: #d60510;
    text-align: center;
}
.main img{
    margin: 0 auto;
}



/* ------------------------------------
 * contents
------------------------------------ */
.contents{
	background: url("../img/bg_left.png") left repeat-y , url("../img/bg_right.png") right repeat-y , linear-gradient( 90deg , #ffd400 , #fff47f , #ffd400);
}
.ttl_content {
	width: 100%;
	max-width: 1000px;
	margin: 20px auto 40px;
    color: #e60013;
        font-size: clamp(1.125rem, 3vw, 1.8rem);
    font-family: 'Shin Go Bold',sans-serif;
    line-height: 1.4;
	text-align: center;
	text-shadow:1px 2px 0px #fff,
				2px 2px 0px #fff,
				2px 1px 0px #fff,
				2px -1px 0px #fff,
				2px -2px 0px #fff,
				1px -2px 0px #fff,
				-1px -2px 0px #fff,
				-2px -2px 0px #fff,
				-2px -1px 0px #fff,
				-2px 1px 0px #fff,
				-2px 2px 0px #fff,
				-1px 2px 0px #fff;
}
.ttl_content  span {
    position: relative;
    top: 0.05em;
    font-family: 'Roboto', sans-serif;
    font-size: 1.25em;
	font-weight: bold;
}
.txt_content {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	font-size: 1.125rem;
	font-weight: bold;
	line-height: 1.6;
	text-shadow:1px 2px 0px #fff,
				2px 2px 0px #fff,
				2px 1px 0px #fff,
				2px -1px 0px #fff,
				2px -2px 0px #fff,
				1px -2px 0px #fff,
				-1px -2px 0px #fff,
				-2px -2px 0px #fff,
				-2px -1px 0px #fff,
				-2px 1px 0px #fff,
				-2px 2px 0px #fff,
				-1px 2px 0px #fff;
}
.txt_read {
	width: 95%;
	max-width: 1000px;
	margin: 0 auto;
	font-size: 1rem;
	line-height: 1.6;
	font-weight: bold;
}
.txt_read p:not(:last-child),
.txt_sub p:not(:last-child){
	 margin-bottom: 1em;
}
.txt_sub {
	width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	font-size: 0.95rem;
	line-height: 1.6;
	font-weight: bold;
}

@media screen and (min-width:1000px) {
	.ttl_content {
		width: 90%;
		margin-bottom: 30px;
	}
	.txt_content {
		font-size: 1.5em;
		text-align: center;
	}
	.txt_read {
		font-size: 1.5em;
		text-align: center;
	}
	.txt_sub {
		font-size: 1.25em;
		text-align: center;
	}	
	.txt_read p,.txt_sub p{
	text-align: center;
	}
}


@media screen and (max-width:640px) {
	.centerSP{
		text-align: center !important;
		font-size: 1.2em;
		line-height: 1.4;
	}
}
.nowrap{
	white-space: nowrap;
}
/* ------------------------------------
 * cont
------------------------------------ */

.cont_first,.cont_second,.cont_third{
	width: 100%;
	padding:2em 0;
}

.cont_second{
    background: url("../img/bg_left.png") left repeat-y , url("../img/bg_right.png") right repeat-y , linear-gradient( 90deg , #eb7a01 , #ffbb00 , #eb7a01);
}

.cont_third{
	background:url("../img/program/bg_left_p.png") left repeat-y, url(../img/program/bg_right_p.png) right repeat-y #d61518;
}
/* ------------------------------------
 * nav
------------------------------------ */
.nav_wrap{
	background: url("../img/bg_stripe.png");
	border-top: 3px solid #cc7400;
	border-bottom: 3px solid #cc7400;
}
.nav_box{
	max-width: 1000px;
	padding: 20px 0;
	margin: 0 auto;
}
.nav_list{
    width: calc(90% - 1em);
    margin: 0 auto;
}
.nav_list li{
	margin-bottom: 20px;
}
.nav_list li:last-child{
	margin-bottom: 0;
}
.nav_list li a{
	padding: 1em 1.5em 1em 2em;
	background: linear-gradient(#ffee33 , #ffbf00 , #ffee33);
	border: 2px solid #970000;
	border-radius: 5px;
	box-shadow: 0 2px 0 0 #970000, 0 0 0 2px #fff inset;
	display: block;
	position: relative;
	overflow: inherit;
	font-size: 1rem;
}
.nav_list li a::before{
    content: "";
    width: 32px;
    height: 32px;
    position: absolute;
    left: -16px;
    top: 50%;
	transform: translate(0,-50%);
}
.nav_list li a.no1::before{
    background: url(../../img/icon_num1.png) no-repeat center;
    background-size: contain;
}
.nav_list li a.no2::before{
    background: url(../../img/icon_num2.png) no-repeat center;
    background-size: contain;
}
.nav_list li a.no3::before{
    background: url(../../img/icon_num3.png) no-repeat center;
    background-size: contain;
}
.nav_list li a:hover{
	text-decoration: none;
}
.nav_list li.coming{
	position: relative;
}
.nav_list li.coming::before{
	content: "Coming Soon";
    width: 100%;
    text-align: center;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%,-50%);
	z-index: 1;
	color: #d90011;
	font-size: 2rem;
	font-family: 'Passion One', cursive;
	text-shadow:1px 3px 0px #fff,
				2px 3px 0px #fff,
				2px 2px 0px #fff,
				3px 2px 0px #fff,
				3px 1px 0px #fff,
				3px -1px 0px #fff,
				3px -2px 0px #fff,
				2px -2px 0px #fff,
				2px -3px 0px #fff,
				1px -3px 0px #fff,
				-1px -3px 0px #fff,
				-2px -3px 0px #fff,
				-2px -2px 0px #fff,
				-3px -2px 0px #fff,
				-3px -1px 0px #fff,
				-3px 1px 0px #fff,
				-3px 2px 0px #fff,
				-2px 2px 0px #fff,
				-2px 3px 0px #fff,
				-1px 3px 0px #fff;
}
.nav_list li.coming a{
	filter: brightness(0.3);
	pointer-events: none;
}
.nav_list .ttl{
	margin-bottom: 0.5em;
	color: #d90011;
	font-size: 1.35em;
	font-family: 'Shin Go Bold',sans-serif;
	line-height: 1.2;
	text-shadow:1px 3px 0px #fff,
				2px 3px 0px #fff,
				2px 2px 0px #fff,
				3px 2px 0px #fff,
				3px 1px 0px #fff,
				3px -1px 0px #fff,
				3px -2px 0px #fff,
				2px -2px 0px #fff,
				2px -3px 0px #fff,
				1px -3px 0px #fff,
				-1px -3px 0px #fff,
				-2px -3px 0px #fff,
				-2px -2px 0px #fff,
				-3px -2px 0px #fff,
				-3px -1px 0px #fff,
				-3px 1px 0px #fff,
				-3px 2px 0px #fff,
				-2px 2px 0px #fff,
				-2px 3px 0px #fff,
				-1px 3px 0px #fff;
}
.nav_list .txt{
	line-height: 1.2;
	text-shadow:1px 2px 0px #fff,
				2px 2px 0px #fff,
				2px 1px 0px #fff,
				2px -1px 0px #fff,
				2px -2px 0px #fff,
				1px -2px 0px #fff,
				-1px -2px 0px #fff,
				-2px -2px 0px #fff,
				-2px -1px 0px #fff,
				-2px 1px 0px #fff,
				-2px 2px 0px #fff,
				-1px 2px 0px #fff;
}
.nav_list a::after{
    content: "";
    width: 40px;
    height: 40px;
    background: url(../../img/icon_arrow_bot.png) no-repeat right 4px bottom 5px , linear-gradient( -45deg , #fff 0%, #fff 50%, transparent 51%);
    background-size: 16px , auto;
    border-radius: 0 0 5px 0;
    position: absolute;
    bottom: 0;
    right: 0;
}
.nav_list .txt span{
	display: inline-block;
}
@media screen and (min-width:640px) {
	.nav_list li a{
		font-size: 1.125rem;
	}
}
@media screen and (min-width:1000px) {
	.nav_wrap .ttl_box{
		margin: 0 auto 50px;
	}
	.nav_box{
		padding: 40px 0;
	}
	.nav_list{
		width: inherit;
		display: flex;
		justify-content: space-between;
	}
	.nav_list li{
		width: 32%;
		margin: 0;
	}
	.nav_list li a{
		padding: 2em 1em 1em 1em;
		text-align: center;
	}
	.nav_list li a::before{
		width: 42px;
		height: 42px;
		left: 50%;
		top: -21px;
		transform: translate(-50%,0);
	}
	.nav_list .ttl{
		text-align: center;
	}
	.nav_list .txt{
		text-align: center;
	}
}

/* ------------------------------------
 * baseball
------------------------------------ */
.baseball_wrap{
	padding: 30px 0;
}
.baseball_box{
    width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	background: #fff;
	border: 3px solid #fff;
	border-radius: 5px;
}
.baseball_box .inner{
    padding: 15px;
}
.baseball_box .desc{
	padding: 15px 0;
    margin-bottom: 20px;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.6;
}
.baseball_box .desc:last-child{
    margin-bottom: 0;
}
.baseball_box .desc{
    margin-bottom: 20px;
	font-size: 1rem;
	font-weight: bold;
	line-height: 1.6;
}
.baseball_box .desc.apply{
	padding: 1.5em 0.75em;
    background: #f1f1f1;
}
.baseball_box .desc:first-child{
    padding-top: 0.5em;
}
.baseball_box .desc .ttl{
    margin-bottom: 0.25em;
	color: #e60013;
	font-size: 1.35em;
	font-family: 'Shin Go Bold',sans-serif;
	line-height: 1.3;
}
.baseball_box .desc .ttl span{
    position: relative;
    top: 0.05em;
    font-family: 'Roboto', sans-serif;
    font-size: 1.3em;
}
.baseball_box .present{
	/*margin-bottom: 40px;*/
	border: 5px solid #feee37;
	background: #ffee99 url("../../img/bg_stripe_02.png");
	font-size: 1rem;
	line-height: 1.6;
}
.baseball_box .present span{
	display: inline-block;
}
.baseball_box .present .img{
	padding: 20px;
    text-align: center
}
.baseball_box .present .txt{
    background: rgba(255,255,255,0.8);
	background: rgba(255,238,51,0.8);
    padding: 0.75em;
}
.baseball_box .present .txt p + p{
    margin-top: 2em;
}
.baseball_box .flap{
	display: none;
}
.baseball_box .ttl_box{
	padding: 0.75em;
	margin:1em auto 0.25em;
	background: #feee37;
	font-size: 1.5rem;
	font-family: 'Shin Go Bold',sans-serif;
	font-weight: bold;
	text-align: center;
	line-height: 1;
}
.baseball_box .fs_small{
	margin: 0 0.5em;
    display: inline-block;
    font-size: 0.75em;
    font-weight: normal;
}
.baseball_box .fw_bold{
	font-weight: bold;
}
@media screen and (min-width:640px) {
	.baseball_wrap{
		padding: 50px 0;
	}
	.baseball_box .desc{
		margin-bottom: 30px;
	}
	.baseball_box .desc.apply{
		font-size: 1.25rem;
	}
	.baseball_box .desc .ttl{
		font-size: 1.65em;
	}
	.baseball_box .ttl_box{
		font-size: 1.75rem;
	}
	.baseball_box .present .fs_large{
		font-size: 1.125rem;
	}
	.baseball_box .present .txt{
		padding: 1.75em;
	}
}
@media screen and (min-width:1000px) {
	.baseball_box .desc p{
		text-align: center;
	}
	.baseball_box .flap{
		display: inline;
	}
}

/* result */
.baseball_result{
	margin-bottom: 40px;
}
.baseball_result:last-child{
	margin-bottom: 0;
}
.result_list > li{
	margin-bottom: 10px;
}
.result_list .date{
	padding: 0.5em;
	background: #333333;
    display: flex;
    align-items: center;
    justify-content: center;
	box-sizing: border-box;
	color: #fff;
    font-size: 1.25rem;
    font-weight: bold;
}
.result_list .date p > span{
    margin: 0 0.1em;
    font-size: 1.2em;
}
.result_list .date .week{
    margin: 0 -0.25em;
    font-size: 0.875em;
    display: inline-block;
}
.result_list .team{
	padding: 15px 8px;
	background: #ededed;
	display: flex;
	justify-content: center;
	box-sizing: border-box;
}
.result_list .team .team_name{
	width: 36%;
    min-height: 4em;
	padding: 0.5em 0;
    box-sizing: border-box;
    background: #fff;
    border-radius: 5px;
    display: flex;
    justify-content: center;
    align-items: center;
	position: relative;
	overflow: hidden;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
	letter-spacing: -1px;
}
.result_list .team .team_name::before{
	content: "";
	width: 100%;
	height: 4px;
	position: absolute;
	left: 0;
	bottom: 0;
}
.result_list .team .team_name span{
	display: inline-block;
}
.result_list .team .team_name.bd_yel::before{
	background: #feee37;
}
.result_list .team .team_name.bd_orn::before{
	background: #ff9900;
}
.result_list .team .team_name.bd_blu::before{
	background: #2d87e0;
}
.result_list .team .team_name.bd_dred::before{
	background: #ad2323;
}
.result_list .team .team_name.bd_dyel::before{
	background: #b8a536;
}
.result_list .team .team_name.bd_blk::before{
	background: #000;
}
.result_list .team .game_info{
    width: 24%;
	max-width: 130px;
	padding: 3px 5px 0px;
    display: flex;
    align-items: flex-end;
    justify-content: center;
    box-sizing: border-box;
	font-size: 0.875rem;
	text-align: center;
}
.result_list .team .game_info span{
	position: relative;
}
.result_list .team .game_info span::before{
	content: "VS";
	position: absolute;
	top: 20px;
	left: 50%;
	transform: translate(-50%,-150%);
	font-size: 1.25rem;
	font-weight: bold;
}
.result_list .cast{
	padding: 15px;
	background: #ededed;
	box-sizing: border-box;
}
.result_list .cast ul{
	display: flex;
	justify-content: space-around;
}
.result_list .cast li{
	width: 48%;
}
.result_list .cast li img{
	max-width: 78px;
}
.result_list .cast li p{
	text-align: center;
}
.result_list .cast li .txt{
	margin-top: 0.5em;
	font-size: 0.875rem;
}
.result_list .cast li .txt span{
	margin-left: -0.5em;
	font-size: 0.9em;
}
.result_list .date + .team,
.result_list .team + .cast{
	margin-top: 2px;
}
@media screen and (min-width:640px) {
	.result_list > li{
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.result_list .date{
		width: 100%;
	}
	.result_list .team{
		width: 50%;
	}
	.result_list .team .game_info{
		padding: 3px 5px;
	}
	.result_list .team .game_info span::before{
		top: 5px;
	}
	.result_list .cast{
		width: calc(50% - 3px);
	}
	.result_list .date p > span{
		font-size: 1.4em;
	}
	.result_list .team{
		padding: 20px;
	}
	.result_list .team .team_name {
		font-size: 1.125rem;
	}
}
@media screen and (min-width:1000px) {
	.result_list > li{
		flex-wrap: nowrap;
	}
	.result_list .date{
		width: 20%;
	}
	.result_list .team{
		width: calc(49% - 6px);
	}
	.result_list .team .game_info::before{
		font-size: 1.5rem;
	}
	.result_list .cast{
		width: 31%;;
	}
	.result_list .date + .team,
	.result_list .team + .cast{
		margin-top: 0;
	}
}


/* ------------------------------------
 * present
------------------------------------ */
.present_wrap{
	padding-bottom: 10px;
    border-top: 10px solid #ebc242;
    border-bottom: 10px solid #ebc242;
	font-size: 1rem;
}
.ttl_present_wrap{
    width: 80%;
    max-width: 1000px;
	margin: 0 auto 20px;
	text-align: center;
}
.present_box{
	max-width: 1000px;
	padding: 20px 0;
	margin: 0 auto;
}
.present_box + .present_box{
	border-top: 2px dotted #fff;
}
.present_box .img{
    width: 85%;
    margin: 0 auto;
	text-align: center;
}
.present_box .cution{
    width: 82%;
    max-width: 750px;
    margin: 10px auto 0;
    color: #fff;
	font-size: 0.8em;
    font-weight: bold;
}
@media screen and (min-width:1000px) {
	.ttl_present_wrap{
		width: 90%;
		margin: 0 auto 30px;
	}
	.present_box{
		padding: 40px 0;
	}
	.present_box .cution{
		font-size: 1em;
	}
}


/* ------------------------------------
 * winning
------------------------------------ */
.wrap_winning{
    width: 94%;
    padding: 15px;
    margin: 40px auto 0;
    box-sizing: border-box;
	background: linear-gradient(to right , #e5c717 0%, #fefc8a 50%, #e5c717 100%);
	position: relative;
}
.wrap_winning::before{
	content: "";
	width: calc(100% - 10px);
    height: calc(100% - 10px);
	border: 2px solid #fff;
	box-sizing: border-box;
	position: absolute;
	top: 5px;
	left: 5px;
}
.ttl_winning{
    width: 80%;
    margin: 15px auto;
    text-align: center;
}
.txt_winning{
    margin-bottom: 20px;
	line-height: 1.2;
}
.txt_winning p{
	margin-top: 5px;
    text-align: center;
	font-weight: bold;
}
.txt_winning .fs_large{
    font-size: 1.4em;
}
.txt_winning .fs_small{
    font-size: 0.8em;
	font-weight: normal;
}
.pic{
	width: 90%;
	margin: 0 auto;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	position: relative;
}
@media screen and (min-width:640px) {
	.wrap_winning{
		padding: 20px;
	}
	.ttl_winning {
		width: 90%;
		margin: 30px auto 20px;
	}
	.pic{
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.pic div{
		width: 32%;
	}
}

/* ------------------------------------
 * timetable
------------------------------------ */
.timetable_wrap{
	padding: 30px 0 20px;
    background: rgba(204,0,0,0.1);
	border-top: 5px solid #cc7400;
    border-bottom: 5px solid #cc7400;
	font-size: 1rem;
}
.ttl_timetable_wrap{
    width: 80%;
    max-width: 1000px;
	margin: 0 auto 30px;
	text-align: center;
}
.timetable_box_wrap{
    width: 94%;
    max-width: 1000px;
    margin: 0 auto -20px;
	display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
}
.timetable_box{
	width: 100%;
	margin-bottom: 30px;
	background: #fff;
}
.timetable_box.mt_sp{
	margin-top: 30px;
}
.timetable_box .ttl_wrap{
	background: #feee37;
	border: 2px solid #fff;
    border-bottom: none;
	text-align: center;
}
.timetable_box .ttl{
    display: inline-block;
}
.timetable_box .ttl img{
    width: 120px;
    position: absolute;
    left: 0;
    bottom: 0;
}
.timetable_box .ttl .ttl_inner{
    min-height: 65px;
    padding: 10px 15px 10px 110px;
    position: relative;
    box-sizing: border-box;
	display: flex;
	align-items: center;
	font-size: 1.2rem;
	font-family: 'GSanSerif-B',sans-serif;
	font-weight: bold;
	text-align: center;
    line-height: 1.2;
}
.timetable_box .ttl .ttl_inner.pd_adjust{
	padding-left: 120px;
}
.timetable_box .nowrap{
	display: inline-block;
}
.timetable_box .ttl span{
	position: relative;
}
.timetable_box .ttl .sttl{
	padding: 0.5em 1em;
    background: #fff100;
    border: 2px solid #000;
    border-radius: 5px;
	display: block;
    position: absolute;
    left: calc(50% + 60px);
    top: 0;
    transform: translate(-50%, -2.75em);
    color: #d6120e;
    font-size: 1rem;
    white-space: nowrap;
    font-weight: bold;
}
.timetable_box .ttl .sttl::before{
    content: "";
	border-top: 10px solid #000;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: -11px;
    left: 50%;
    transform: translateX(-50%);
}
.timetable_box .ttl .sttl::after{
    content: "";
	border-top: 10px solid #fff100;
    border-right: 10px solid transparent;
    border-left: 10px solid transparent;
    position: absolute;
    bottom: -9px;
    left: 50%;
    transform: translateX(-50%);
}
.timetable_box .inner{
	padding: 1em;
	margin-bottom: -10px;
	display: flex;
	justify-content: space-between;
	justify-content: center;
	flex-wrap: wrap;
}
.timetable_box li{
    width: 100%;
	max-width: 400px;
	margin: 0 2% 10px;
	border: 2px solid #ccc;
	border-radius: 3px;
}
.timetable_box li.em{
	border: 2px solid #cca83d;
	transform: scale(1.025);
}
.timetable_box .date{
	padding: 0.4em 0;
    background: #d9200e;
    color: #fff;
    font-size: 1.2rem;
    font-weight: bold;
    text-align: center;
    line-height: 1;
}
.timetable_box .date span{
    margin: 0 -0.1em;
    font-size: 0.8em;
    position: relative;
    top: -0.02em;
}
.timetable_box .guest_info{
    padding: 2%;
	display: flex;
	box-sizing: border-box;
}
.timetable_box .guest_info.no_date{
    height: 100%;
	align-items: center;
}
.timetable_box .guest_info.no_img .guest{
    text-align: center;
}
.timetable_box .em .guest_info{
	background: linear-gradient( #fcfbbb 0%, #fefc8a 100%);
}
.timetable_box .guest_info .img{
	/*width: 50%;*/
	max-width: 110px;
	flex-shrink: 0;
}
.timetable_box .guest_info .guest{
    display: flex;
    align-items: center;
}
.timetable_box .guest{
	padding: 0.25em 0.2em 0.25em 0.5em;
	/*font-size: 1.15rem;*/
    font-weight: bold;
    line-height: 1.3;
}
.timetable_box .guest.pl0{
	padding-left: 0;
}
.timetable_box .guest span{
	display: inline-block;
	font-weight: bold;
}
.timetable_box .guest .fs_ajust{
    font-size: 0.875rem;
}
.timetable_box .guest .fs_small{
    font-size: 0.75rem;
    font-weight: normal;
	text-indent: -0.5em;
}
@media screen and (min-width:500px) { 
	.timetable_box li{
		width: 45%;
	}
	.timetable_box li:only-of-type{
		width: 100%;
	}
}
@media screen and (min-width:640px) { 
	.timetable_box li:only-of-type{
		width: 45%;
	}
	.timetable_box .ttl .ttl_inner {
		font-size: 1.5rem;
	}
	.timetable_box.col1 .ttl br {
		display: none;
	}
}
@media screen and (min-width:1000px) {
	.timetable_wrap{
		padding: 50px 0 40px;
	}
	.ttl_timetable_wrap{
		width: 90%;
		margin: 0 auto 60px;
	}
	.timetable_box_wrap{
		margin: 0 auto -30px;
	}
	.timetable_box {
		margin-bottom: 50px;
	}
	.ttl_date{
		margin-bottom: 40px;
	}
	.timetable_box.mt_sp{
		margin-top: 0;
	}
	.timetable_box .ttl img{
		width: 155px;
	}
	.timetable_box .ttl .ttl_inner{
		min-height: 76px;
		padding: 10px 15px 10px 140px;
		font-size: 1.875rem;
	}
	.timetable_box .ttl .ttl_inner.pd_adjust{
		padding-left: 160px;
	}
	.timetable_box.col2 .ttl .ttl_inner{
		font-size: 1.5rem;
	}
	.timetable_box.col1 li{
		width: 22%;
		margin: 0 1% 20px;
	}
	.timetable_box.col2{
		width: 48.5%;
	}
	.timetable_box.col2 li{
		width: 46%;
		margin: 0 1.5% 20px;
	}
	.timetable_box .inner {
		margin-bottom: -20px;
	}
	.timetable_box .inner::after{
		content:none;
	}
}

/* ------------------------------------
 * contents
------------------------------------ */

.catch{
	width: 100%;
	position: absolute;
	top: -30px;
	/*left: 20%;*/
}
.catch img{
	display: none;
}
.catch:before{
	content: "";
	width: 100%;
	padding-top: 8.36%;
	background: url(../../img/pc/txt_catch.png) 50% 0 no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
}
.catch:after{
	content: "";
	padding-top: 8.36%;
	display: block;
}
.logo{
	max-width: 1000px;
    width: 94%;
    margin: 0 auto;
	position: relative;
}
.logo img{
	display: none;
}
.logo:before{
	content: "";
	width: 100%;
	padding-top: 16.5%;
	background: url(../../img/pc/logo.png) 0 0 no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
}
.logo:after{
	content: "";
	padding-top: 16.5%;
	display: block;
}
.txt_outline{
    max-width: 1000px;
    width: 94%;
    margin: 0 auto;
    padding: 40px 0;
	margin-bottom: 40px;
	background: url(../../img/line.png) bottom center no-repeat;
	color: #fff;
	font-size: 1.35rem;
    font-weight: 600;
	line-height: 1.5;
	text-shadow:
		#b84900 3px 0px 1px,  #b84900 -3px 0px 1px,
		#b84900 0px -3px 1px, #b84900 0px 3px 1px,
		#b84900 3px 3px 1px, #b84900 -3px 3px 1px,
		#b84900 3px -3px 1px, #b84900 -3px -3px 1px,
		#b84900 1px 3px 1px, #b84900 -1px 3px 1px,
		#b84900 1px -3px 1px, #b84900 -1px -3px 1px,
		#b84900 3px 1px 1px,  #b84900 -3px 1px 1px,
		#b84900 3px -1px 1px, #b84900 -3px -1px 1px;
}
.txt_outline .example_wrap{
	padding-right: 25%;
	position: relative;
}
.txt_outline .example{
	width: 23%;
    float: right;
    padding: 10px;
    background: #fff;
    border-radius: 10px;
    position: absolute;
    right: 0;
    top: 5px;
    box-sizing: border-box;
    display: block;
    color: #b84900;
    text-align: center;
    line-height: 1.3;
    text-shadow: none;
}
.txt_outline .ttl_example{
	margin-bottom: 5px;
	display: block;
	font-size: 1.25rem;
	font-family: 'Roboto','メイリオ', 'Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','Osaka', sans-serif;
	text-align: center;
}
.txt_outline .txt_example{
	display: inline-block;
	font-size: 1.125rem;
	font-family: 'Roboto','メイリオ', 'Meiryo','ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','ＭＳ Ｐゴシック','Osaka', sans-serif;
	text-align: left;
}
.txt_outline strong{
	color: #fff100;
	font-size: 1.5rem;
}
.txt_outline p + p{
	margin-top: 20px;
}

.bnr_radiko{
    max-width: 1000px;
    width: 94%;
    margin: 20px auto 0px auto;
	text-align: center;
}
.bnr_radiko a{
	max-width: 700px;
	margin: 0 auto;
	position: relative;
	display: block;
	transition: .2s;
}
.bnr_radiko a:hover{
	opacity: 0.6;
}
.bnr_radiko a img{
	display: none;
}
.bnr_radiko a:before{
	content: "";
	width: 100%;
	padding-top: 14.28%;
	background: url(../../img/pc/bnr_radiko.png) 0 0 no-repeat;
	background-size: contain;
	position: absolute;
	top: 0;
	left: 0;
}
.bnr_radiko a:after{
	content: "";
	padding-top: 14.28%;
	display: block;
}

/* ------------------------------------
 * timetable
------------------------------------ */
.program_wrap {
	padding: 30px 0 80px;
	/*background: linear-gradient(to right , #e5c717 0%, #fefc8a 50%, #e5c717 100%);*/
	font-size: 1rem;
}
.ttl_program_wrap{
    width: 80%;
    max-width: 1000px;
	margin: 0 auto 20px;
	text-align: center;
}
@media screen and (min-width:1000px) {
	.program_wrap {
		padding: 50px 0 80px;
	}
	.ttl_program_wrap{
		width: 90%;
		margin: 0 auto 30px;
	}
}
/**/
.program {
	width: 94%;
	max-width: 1000px;
	margin: 0 auto;
    background: #fff;
    border: 3px solid #fff;
	border-radius: 5px;
    box-sizing: border-box;
	line-height: 1.5;
}
.program .inner{
	padding: 40px;
}
.program .inner{
	padding: 40px;
}

/**/
.order_txt {
	width: 82%;
    max-width: 800px;
	margin: 1em auto 0;
	color: #d90000;
	font-weight: bold;
	line-height: 1.5;
}
@media screen and (min-width:1000px) {
	.order_txt {
		font-size: 1.125em;
	}
}
/**/

.program_wrap .nav {
	margin: 0 0 15px 0;
}
.program_wrap .nav:after {
	content: "";
	display: block;
	clear: both;
	zoom: 1;
}
.program_wrap .nav li {
	width: 19%;
	margin: 0 1% 1% 0;
	float: left;
}
.program_wrap .nav li a {
	background: #fff;
	border: 2px solid #e70012;
	border-radius: 10px;
	display: block;
	overflow: hidden;
}
.program_wrap .nav li a img {
	max-width: 100%;
	transition: .3s;
}
.program_wrap .nav li a:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}
.program_wrap .program .p_list {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
	padding-top: 40px;
}
.program_wrap .program .p_list > li {
	width: 49%;
	margin-bottom: 3%;
	background: #fff;
	border: 2px solid #f2d363;
	box-sizing: border-box;
	position: relative;
	display: inline-block;
	vertical-align: top;
	padding-bottom: 40px;
}
.program_wrap .program .p_list > li:nth-child(2n) {
	margin: 0 0 3% 0;
}
.program_wrap .program .p_list .ttl_wrap {
	background: #eb7a01;
	color: #fff;
}
.program_wrap .program .p_list .ttl_wrap .time {
	padding: 10px 15px 10px 40px;
	background: #f2d363;
	position: relative;
	color: #000;
    font-size: 0.88rem;
    font-weight: bold;
	line-height: 1.0rem;
}
.program_wrap .program .p_list .ttl_wrap .time:before {
	content: "";
	width: 20px;
	height: 19px;
	background: url(../img/program/program_img_time.png) 0 0 no-repeat;
	position: absolute;
	top: 8px;
	left: 13px;
}
.program_wrap .program .p_list .ttl_wrap a{
	width: 100%;
	display: table;
	position: relative;
	color: #fff;
}
.program_wrap .program .p_list .ttl_wrap a.nolink{
	pointer-events: none;
}
.program_wrap .program .p_list .ttl_wrap a:after {
	content: "";
    width: 14px;
    height: 21px;
    margin-top: -12px;
    background: url(../img/program/icon_arrow.png) 0 0 no-repeat;
    background-size: contain;
    position: absolute;
    right: 15px;
    top: 50%;
    transition: .3s;
}
.program_wrap .program .p_list .ttl_wrap a.nolink:after{
	content: none;
}
.program_wrap .program .p_list .ttl_wrap a:hover{
	color: #ffff00;
    text-decoration: none;
}
.program_wrap .program .p_list .ttl_wrap a:hover:after {
    right: 10px;
}

.program_wrap .program .p_list .img {
    width: 120px;
    padding: 10px 15px 10px 15px;
	box-sizing: border-box;
	display: table-cell;
	text-align: center;
}
.program_wrap .program .p_list .img img {
	max-width: 100%;
}
.program_wrap .program .p_list .ttl {
	padding: 0 30px 0 0;
	display: table-cell;
	font-size: 1.25rem;
	line-height: 1.3;
	font-weight: bold;
	vertical-align: middle;
}
.program_wrap .program .p_list .detail_ttl {
	font-weight: bold;
	border-bottom: 1px dotted #999;
	font-size: 1rem;
}
.program_wrap .program .p_list .present li {
	padding-left: 1.75em;
	margin-bottom: 0.75em;
	position: relative;
	box-sizing: border-box;
	color: #d9200e;
	font-weight: bold;
    font-size: 1rem;
    line-height: 1.3;
}
.program_wrap .program .p_list .present + p  {
	margin-top: 1.5em;
}
.program_wrap .program .p_list .present li.coming {
	color: #000;
}
.program_wrap .program .p_list .present li:last-child {
	margin-bottom: 0;
}
.program_wrap .program .p_list .present li::before {
    content: "";
    width: 1.4em;
    height: 1.4em;
    background: url(../../img/icon_present.png) no-repeat;
    background-size: contain;
    position: absolute;
    top: -0.2em;
    left: 0;
}
.program_wrap .program .p_list .present li span {
	padding-left: 1em;
    display: inline-block;
	text-indent: -1em;
}
.program_wrap .program .p_list .present li span.coming {
	color: #000;
}
.program_wrap .program .p_list .detail {
	padding: 15px;
	font-size: 0.9em;
	display: flex;
	justify-content: space-between;
}
.program_wrap .program .p_list .detail .detail_txt {
	width: 60%;
}
.program_wrap .program .p_list .detail .detail_img {
	width: 35%;
}
.program_wrap .program .p_list .detail p {
    padding-bottom: 0.5em;
	line-height: 1.3;
}
.program_wrap .program .p_list .detail p:last-child {
    padding-bottom: 0;
}
.program_wrap .program .p_list .detail p + p {
	padding-top: 0.5em;
}

@media only screen and (max-width: 1000px) {
	.catch {
		top: -4vw;
	}
	.txt_outline .example_wrap {
		padding-right: 0;
	}
	.txt_outline .example {
		width: 80%;
		max-width: 12.5em;
		margin: 20px auto 0;
		float: none;
		position: static;
		display: table;
	}
	.txt_outline .ttl_example {
		font-size: 1.15rem;
		vertical-align: middle;
		display: table-cell;
	}
	.txt_outline .txt_example {
		display: table-cell;
		font-size: 1rem;
	}
}
@media only screen and (max-width: 640px) {
	#wrap {
		/*background: url(../../img/bg_pattern.png) 0 0 #ccf2ff;*/
		background-size: 500px;
	}
	.catch {
		top: -4vw;
		left: 0;
	}
	.catch img{
		display: inline;
	}
	.catch:before,
	.catch:after{
		content: none;
	}
	.outline {
		padding: 0 0 30px;
	}
	.logo img{
		display: inline;
	}
	.logo:before,
	.logo:after{
		content: none;
	}
	.txt_outline {
		padding: 20px 0 30px;
		margin-bottom: 20px;
		background: url(../../img/line.png) bottom center no-repeat;
		background-size: 140%;
		font-size: 1.2rem;
	}
	.txt_outline strong {
		font-size: 1.25rem;
	}
	.bnr_radiko a img{
		display: inline;
	}
	.bnr_radiko a:before,
	.bnr_radiko a:after{
		content: none;
	}
	.program {
		border-radius: 0;
	}
	.program .inner{
		padding: 15px;
	}
	.program_wrap .nav li {
		width: 30%;
		margin: 0 1.5% 2%;
		display: inline-block;
		font-size: 0;
	}
	.program_wrap .program .p_list > li {
		width: 100%;
		margin: 0 0 3% 0;
	}
	.program_wrap .program .p_list .img {
		width: 90px;
		padding: 10px;
	}
	.program_wrap .program .p_list .ttl {
		font-size: 1rem;
	}
	.program_wrap .program .p_list .ttl_wrap a:after {
		content: "";
		width: 10px;
		height: 16px;
		margin-top: -8px;
		right: 10px;
	}
	
}

/*CM動画*/
.movie_wrap{
	width: 1000px;
	margin: 0 auto;
	display: flex;
}
.movie_wrap h2{
	padding: 10px 5px;
	color: #1262b3;
	text-align: left;
	font-size: 1.25rem;
	font-weight: bold;
}
.movie_wrap .movie_box{
	width: 460px;
	margin: 60px 20px 10px;
	justify-content: space-between; /* 左右均等分布 */
}
.youtube {
     position: relative;
     padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
     height: 0;
     overflow: hidden;
}
.youtube iframe {
     position: absolute;
     top: 0;
     left: 0;
     width: 100%;
     height: 100%;
}
.movie_wrap .btn_gotop{
	clear: both;
	margin: 0 auto;
	padding: 20px 0px;
	max-width: 500px;
	text-align: center;
}
.movie_wrap .btn_gotop a:hover{
	opacity: 0.6;
}

@media only screen and (max-width: 1000px) {
	.movie_wrap{
		width: 96%;
		margin: 0 2% 0;
		padding: 2% 0 0;
	}
	.movie_wrap h1{
		width: 40%;
		margin: 0px auto 15px auto;
	}
	.movie_wrap .movie_box{
		float: none;
		width: 48%;
		margin: 0px auto 15px auto;
	}
}

@media only screen and (max-width: 640px) {
	.movie_wrap{
	width: 95%;
	margin: 0 auto;
	padding: 4% 2.5% 0;
	display: inline-block;
}
	.movie_wrap h1{
		width: 50%;
		margin: 0px auto 15px auto;
	}
	.movie_wrap .movie_box{
		float: left;
		width: 100%;
		margin: 0px 0px 15px 0px;
	}
}

/**/
.ls-005em{
	letter-spacing: -0.05em;
}
.ls-01em{
	letter-spacing: -0.1em;
}
.ls-02em{
	letter-spacing: -0.2em;
}

/* =============================================
 protect
============================================= */
.protect{
	display: block;
	position: relative;
	-webkit-user-drag: none;
	user-select: none;
}
.protect::before{
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.protect img{
	-webkit-user-drag: none;
	pointer-events: none;
}
@media print{
	.protect{ display: none !important; }
}

/* btn
------------------------------------ */
.wrap_btn{
	width: 90%;
	max-width: 550px;
	margin: 0.5rem auto;
}
.wrap_btn:last-child{
	margin-bottom: 0;
}
.wrap_btn.btn_large{
	width: 90%;
	max-width: 660px;
	font-size: 1.125em;
}
.wrap_btn span{
	display: inline-block;
}
a.btn_general{
	padding: 0.75em 0.75em 0.75em 0.5em;
	background: #845b32;
	display: block;
	box-sizing: border-box;
	border-radius: 5px;
	position: relative;
	color: #fff !important;
	font-size: 0.75em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 1.5;
	transition: .3s;
}
a.btn_general::before {
	content: '';
	width: 0.5em;
	height: 0.5em;
	margin-top: -0.3em;
	border: 0px;
	border-top: solid 2px #fff;
	border-right: solid 2px #fff;
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	top: 50%;
	right: 1em;
}
a.btn_general.black{
	background: #000;
}
a.btn_general.no_btn{
	background: #e5e5e5;
	color: #333;
	pointer-events: none;
}
a.btn_general.no_btn::before{
	content: none;
}
a.btn_general span{
	display: inline-block;
}
@media screen and (min-width:640px) {
	a.btn_general{
		padding: 1em 1.5em 1em 0.5em;
		font-size: 1.375em;
	}
}
@media screen and (min-width:1000px) {
	.btn_general:hover {
		opacity: 0.6;
	}
}

/* table */
.wrap_table{
	margin-bottom: 15px;
}
.wrap_table .link{
	color: #c60068;
	text-decoration: none;
	font-weight: bold;
}
.wrap_table dl{
	margin-top: -1px;
	line-height: 1.3;
}
.wrap_table dt{
	padding: 0.75em;
    background: #333333;
    border: 1px solid #ccc;
	border-bottom: none;
	box-sizing: border-box;
	color: #fff;
	font-weight: bold;
}
.wrap_table dd{
	padding: 0.75em;
	border: 1px solid #ccc;
	box-sizing: border-box;
}
@media screen and (min-width:640px) {
	.wrap_table dl{
		width: 100%;
		display: flex;
	}
	.wrap_table dt{
		width: 30%;
		border-right: none;
		border-bottom: 1px solid #ccc;
		display: flex;
		align-items: center;
		justify-content: center;
	}
	.wrap_table dd{
		width: 70%;
	}
}


/* end_txt
---------------------------------------- */
.end_txt{
    width: 90%;
	max-width: 1000px;
    background: #333;
	margin: 20px auto;
	font-size: 0.875rem;
	line-height: 1.3;
	text-align: center;
}
.end_txt p{
	padding: 1em;
	display: inline-block;
	color: #fff;
	font-weight: bold;
	text-align: left;
}
@media only screen and (min-width: 640px) {
	.end_txt{
		margin: 30px auto;
	}
	.end_txt p{
		font-size: 1rem;
	}
}


.bt_box {
	width: 90%;
	max-width: 800px;
	margin: 2em auto;
}

.bt_box ul {
	width: 100%;
	margin: 0 auto;
	display: flex;
	flex-direction: column;
}
.bt_box li {
	width: 100%;
}
.bt_box li a {
        min-height: 3em;
        padding: 0.2em 0.5em 0.4em;
	    border: 4px solid #d61518;
        border-radius: 10px;
        box-sizing: border-box;
        display: flex;
        justify-content: center;
        align-items: center;
	background: #FFFFFF;
        font-weight: bold;
        line-height: 1.3;
        text-align: center;
        transition: all .3s;
box-shadow: 0px 5px 5px -5px rgba(0,0,0,0.5);
}
.bt_box li:not(:last-child) {
	margin-bottom: 10px;
}
.bt_box li a:hover {
	background: #FFCE00;
	transform: scale(1.05) translate3d(0, 0, 0);
}
.bt_box li a img{
	width: 80%;
	margin: auto;
}
@media screen and (min-width:641px) {
.bt_box ul {
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
}
.bt_box li {
	width: 32%;
}
.bt_box li:not(:last-child) {
	margin-bottom: 0;
}
}




/* ------------------------------------
 * program
------------------------------------ */
.program_wrap {
	padding: 30px 0 50px;
	font-size: 1rem;
}
.ttl_program_wrap {
	width: 80%;
	max-width: 1000px;
	margin: 0 auto 20px;
	text-align: center;
}
@media screen and (min-width:1000px) {
	.program_wrap {
		padding: 50px 0 50px;
	}
	.ttl_program_wrap {
		width: 90%;
		margin: 0 auto 30px;
	}
}
.program {
	width: 94%;
	max-width: 1000px;
	margin: 0 auto;
	background: #fff;
	border: 3px solid #fff;
	border-radius: 5px;
	box-sizing: border-box;
	line-height: 1.5;
}
.program .inner {
	padding: 40px;
}
.program .inner {
	padding: 40px;
}
.program_wrap .nav {
	margin: 0 0 15px 0;
}
.program_wrap .nav:after {
	content: "";
	display: block;
	clear: both;
	zoom: 1;
}
.program_wrap .nav li {
	width: 19%;
	margin: 0 1% 1% 0;
	float: left;
}
.program_wrap .nav li a {
	background: #fff;
	border: 2px solid #e70012;
	border-radius: 10px;
	display: block;
	overflow: hidden;
}
.program_wrap .nav li a img {
	max-width: 100%;
	transition: .3s;
}
.program_wrap .nav li a:hover img {
	-webkit-transform: scale(1.05);
	transform: scale(1.05);
}

/*p_list*/
.p_list {
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
}
.p_list > li {
	width: 48%;
	margin-bottom: 3%;
	background: #fff;
	border: 2px solid #f2d363;
	box-sizing: border-box;
	position: relative;
    display: flex;
    flex-flow: column;
    justify-content: space-between;
}
.p_list > li:nth-child(2n) {
	margin: 0 0 3% 0;
}
.p_list .ttl_wrap {
	background: #d9200e;
	color: #fff;
}
.p_list .ttl_wrap .time {
	padding: 10px 15px 10px 40px;
	background: #f2d363;
	position: relative;
	color: #000;
	font-size: 0.88rem;
	font-weight: bold;
	line-height: 1.0rem;
}
.p_list .ttl_wrap .time:before {
	content: "";
	width: 20px;
	height: 19px;
	background: url(file://///10.190.192.21/tk1/abc1008.com/img/second/program_img_time.png) 0 0 no-repeat;
	position: absolute;
	top: 8px;
	left: 13px;
}
.p_list .ttl_wrap a {
	width: 100%;
	display: table;
	position: relative;
	color: #fff;
}
.p_list .ttl_wrap a.nolink {
	pointer-events: none;
}
.p_list .ttl_wrap a:after {
	content: "";
	width: 14px;
	height: 21px;
	margin-top: -12px;
	background: url(file://///10.190.192.21/tk1/abc1008.com/img/second/icon_arrow.png) 0 0 no-repeat;
	background-size: contain;
	position: absolute;
	right: 15px;
	top: 50%;
	transition: .3s;
}
.p_list .ttl_wrap a.nolink:after {
	content: none;
}
.p_list .ttl_wrap a:hover {
	color: #ffff00;
	text-decoration: none;
}
.p_list .ttl_wrap a:hover:after {
	right: 10px;
}
.p_list .img {
	width: 120px;
	padding: 10px 15px 10px 15px;
	box-sizing: border-box;
	display: table-cell;
	text-align: center;
}
.p_list .img img {
	max-width: 100%;
}
.p_list .ttl {
	padding: 0 30px 0 0;
	display: table-cell;
	font-size: 1.25rem;
	line-height: 1.3;
	font-weight: bold;
	vertical-align: middle;
}
.p_list .present li {
	margin-bottom: 0.75em;
	position: relative;
	box-sizing: border-box;
	font-weight: bold;
	line-height: 1.3;
}
.p_list .present + p {
	margin-top: 1.5em;
}
.p_list .present li.coming {
	color: #000;
}
.p_list .present li:last-child {
	margin-bottom: 0;
}
.p_list .present li span {
	padding-left: 1em;
	display: inline-block;
	text-indent: -1em;
}
.p_list .present li span.coming {
	color: #000;
}
.p_list .detail_wrap {
	padding: 15px;
}
.p_list .detail_wrap p {
	padding-bottom: 0.5em;
	line-height: 1.3;
}
.p_list .detail_wrap p:last-child {
	padding-bottom: 0;
}
.p_list .detail_wrap p + p {
	padding-top: 0.5em;
}

.p_list .detail {
	display: flex;
	justify-content: center;
    flex-wrap: wrap;
}
.p_list .detail .detail_txt {
	width: 100%;
}
.p_list .detail .detail_txt.col1 {
	width: 100%;
}
.p_list .detail .detail_img {
	width: 100%;
}
.p_list .detail2_wrap {
	display: flex;
	justify-content: center;
	flex-wrap: wrap;
}
.p_list .detail2 {
    width: 48%;
    margin: 0 1% 15px 1%;
	padding: 10px;
/*	background: #ffd7d7;*/
	display: flex;
    flex-direction: column;
    align-items: flex-start;
	font-size: 0.875em;
    box-sizing: border-box;
}
.w100{
	width: 100% !important;
}
.p_list .detail + .detail2 {
	margin-top: 10px;
}
.p_list .detail2 .detail_img {
	width: 100%;
    display: flex;
    justify-content: center;
}
.p_list .detail2 .detail_txt {
	width: 100%;
	min-height: 4em;
    margin-top: 0.5em;
}

.p_list .detail2 .detail_txt .date {
    display: block;
    text-align: center;
    color: #D9200E;
    font-weight: bold;
}
.p_list .detail2 .detail_txt .date::before {
    content: "6月";
}
.p_list .detail2 .detail_txt .red_txt {
    display: block;
    text-align: center;
    color: #D9200E;
    font-weight: bold;
}
.p_list .detail2 .detail_txt .name {
	font-weight: bold;
    font-size:1.1em;
    display: block;
    text-align: center;
}
.p_list .other {
	position: absolute;
	bottom: 0;
	width: 100%;
	padding: 15px;
	display: flex;
	justify-content: space-between;
	font-size: 0.875em;
	align-items: center;
    background:#eee;
	box-sizing: border-box;
}
.p_list .other .mail {
	width: 60%;
}
.p_list .other .mail a {
	color: #d9200e;
}
.p_list .other .sns {
	width: auto;
	float: right;
}
.p_list .other .sns ul {
	display: flex;
	justify-content: flex-end;
}
.p_list .other .sns li {
	margin-left: 5px;
}
.p_list .other .sns img {
	max-width: 32px;
}
.min2 {
	min-height: 3.5em !important;
}
.fontname_s{
		 font-size: 0.9em !important;
	}
@media only screen and (max-width: 640px) {
	.program {
		border-radius: 0;
	}
	.program .inner {
		padding: 15px;
	}
	.program_wrap .nav li {
		width: 30%;
		margin: 0 1.5% 2%;
		display: inline-block;
		font-size: 0;
	}
	.p_list > li {
		width: 100%;
		margin: 0 0 3% 0;
	}
	.p_list .img {
		width: 90px;
		padding: 10px;
	}
	.p_list .ttl {
		font-size: 1rem;
	}
	.p_list .ttl_wrap a:after {
		content: "";
		width: 10px;
		height: 16px;
		margin-top: -8px;
		right: 10px;
	}
	.p_list .detail_wrap {
		padding: 10px 10px 2em 10px;
	}
	.p_list .detail_wrap + .other {
		margin-top: -10px;
	}
	.p_list .other {
		padding: 10px;
	}
.p_list .detail2 {
    width: 100%;
}
.p_list .detail2 .detail_txt {
	min-height: auto;
}
    .p_list .detail2 .detail_img{
        width: 70%;
        margin: 0 auto;
    }
.sp_line{
        border-top: 1px solid #F2D363;
    }
	
	.detail2_wrap .detail2:not(:first-child){
		        border-top: 1px solid #F2D363;
		padding-top: 2em;
	}
.program_wrap .program .p_list > li {
    padding-bottom: 30px;
}
	 .fontname_s{
		 font-size: 1em !important;
	}
}
/* ------------------------------------
 campaign
------------------------------------ */
.campaign_wrap{
	padding: 30px 0;
}
.campaign_box{
    width: 90%;
	max-width: 1000px;
	margin: 0 auto;
	background: #fff;
	border: 3px solid #fff;
	border-radius: 5px;
}
.campaign .inner{
    padding: 15px;
}
.campaign_box .ttl_box{
	padding: 0.75em;
	margin:1em auto 0.25em;
	background: #feee37;
	font-size: 1.5rem;
	font-family: 'Shin Go Bold',sans-serif;
	text-align: center;
	line-height: 1;
}
.campaign_box .fs_small{
	margin: 0 0.5em;
    display: inline-block;
    font-size: 0.75em;
    font-weight: normal;
}
.campaign_box .fw_bold{
	font-weight: bold;
}
@media screen and (min-width:640px) {
	.campaign_wrap{
		padding: 50px 0 100px;
	}
	.campaign_box .ttl_box{
		font-size: 1.75rem;
	}
}
.bg_pink{
	max-width: 700px;
	margin: 1rem auto 3rem;
	padding: 2rem;
	background-color: #ffe2e4;
	border-radius: 5px;
}
@media screen and (max-width:640px) {
	.bg_pink{
		margin: 1rem 0.75rem 3rem;
		padding: 2rem 0.5rem;
	}
}
.logo_image{
	width: 100%;
	max-width: 260px;
	margin: 0 auto 40px;
	text-align: center;
}
/* button */
/* .wrap_btn{
	width: 100%;
	max-width: 600px;
	margin: 1em auto;
}
a.btn{
	padding: 1em;
	background: #000;
	display: block;
	box-sizing: border-box;
	border-radius: 5px;
	position: relative;
	color: #fff !important;
	font-size: 0.75em;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	line-height: 1.2;
	transition: .3s;
}
a.btn.brown{
	background: #865b31;
}
a.btn:hover{
	opacity: 0.7;
	text-decoration: none;
}

@media screen and (min-width:640px) {
a.btn{
	font-size: 1.25em;
}
} */

/* =============================================
 protect
============================================= */
.protect {
	display: block;
	position: relative;
	-webkit-user-drag: none;
	user-select: none;
}
.protect::before {
	content: "";
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
}
.protect img {
	-webkit-user-drag: none;
	pointer-events: none;
}
@media print {
	.protect {
		display: none !important;
	}
}