body
{
	
}

main
{
	font-family    : 'Zen Maru Gothic', "ヒラギノ角ゴ Pro W3", "メイリオ", sans-serif;
	font-size      : 16pt;
	font-weight    : 500;
	line-height    : 1.8;
	
	min-width      : 1100px;
	
	overflow       : hidden;
}

a
{
	/* color          : #17a1e5; */
}

a:hover
{
	 /* color          : #40bfff; */
}

.page-top
{
	z-index        : 3;
	
	display        : none!important;	
}


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


.btn_obo a
{
	display        : block;
	
	margin         : 0 auto;
	padding        : 20px 0px;
	
	width          : 630px;
	
	color          : #ff5500;
	font-size      : 130%;
	font-weight    : bold;
	text-align     : center;
	line-height    : 1.0;
	text-decoration: none;
	
	background     : #fff;
	border         : 4px solid #ff5500;
	box-shadow     : 0px 6px 0px 0px #ff5500;
	border-radius  : 100px;
}

.btn_obo a:hover
{
	background     : #ffff19;
}

.btn_obo_off
{
	display        : block;
	
	margin         : 0 auto;
	padding        : 20px 0px 22px;
	
	width          : 630px;
	
	color          : #666;
	font-size      : 130%;
	font-weight    : bold;
	text-align     : center;
	line-height    : 1.0;
	text-decoration: none;
	
	background     : #ccc;
	box-shadow     : 0px 0px 0px 4px #666, 0px 6px 0px 4px #666;
	border-radius  : 100px;
}





/*=========================================================================================================

  MAIN_VISUAL

=========================================================================================================*/



#MAIN_VISUAL
{
	position       : relative;
	
	margin         : 65px 0 0;
	
	background     : url(/asset/img/5ch_morning/2504/mv_back.jpg) top center repeat-x #6bc8d2;
}

#MAIN_VISUAL .inner
{
	position       : relative;
	
	margin         : 0 auto;
	padding        : 0px 0 0px;
	
	width          : 1100px;

	text-align     : center;
}

#MAIN_VISUAL .main_image
{
	position       : relative;
	
	z-index        : 2;
}

#MAIN_VISUAL .mv_image_02
{
	position       : absolute;
	top            : 30px;
	right          : 10px;
	
	z-index        : 2;
}

#MAIN_VISUAL .mv_image_03
{
	position       : absolute;
	bottom         : 0;
	left           : -20px;
	
	width          : 35%;
	max-width      : 580px;
	min-width      : 460px;
	
	z-index        : 1;
}

#MAIN_VISUAL .mv_image_04
{
	position       : absolute;
	bottom         : 0;
	right          : -20px;
	
	width          : 35%;
	max-width      : 580px;
	min-width      : 460px;
	
	z-index        : 1;
}

.about_period
{
	text-align     : center;

	background     : #79a115;
}





/*=========================================================================================================

  ABOUT

=========================================================================================================*/



#ABOUT
{
	position       : relative;
	
	background     : url(/asset/img/5ch_morning/2504/about_town.png) bottom center repeat-x #fff;
	
	z-index        : 1;
}

#ABOUT .inner
{
	margin         : 0 auto;
	padding        : 30px 0 110px;
	
	width          : 1100px;
}

#ABOUT .text_main
{
	color          : #1a1a1a;
	font-size      : 130%;
	text-align     : center;
	line-height    : 2.0;
}

#ABOUT .text_main strong
{
	font-size      : 140%;
	font-weight    : bold; 
}

#ABOUT .text_main .text_color01
{
	color          : #e52e2e;
}

#ABOUT .btn_present
{
	margin-top     : 40px;
	
	text-align     : center;
}

#ABOUT .btn_present a
{
	display        : inline-block;
	
	background     : #ed3c19;
	box-shadow     : 0px 5px 0px 0px #bf3013;
	border-radius  : 15px;
}

#ABOUT .btn_present a:hover
{
	background     : #ffac07;
	box-shadow     : 0px 5px 0px 0px #d28c00;
}

#ABOUT .program_box
{
	display        : flex;
	
	margin-top     : 60px;
	
	border         : 8px solid #ff7f00;
	border-radius  : 20px;
}

#ABOUT .program_box .text_box
{
	display        : flex;
	align-items    : center;
	
	padding        : 0 4px 0 0;
	
	width          : 260px;
	
	color          : #fff;
	font-size      : 120%;
	font-weight    : bold;
	text-align     : center;
	letter-spacing : 0.1em;
	
	background     : #ff7f00;
}

#ABOUT .program_box .text_box p
{
	margin         : 0 auto;
}

#ABOUT .program_box .logo_box
{
	display        : flex;
	justify-content: center;
	
	padding        : 20px 0;
	
	width          : 820px;
}

#ABOUT .program_box .logo_box li
{
	margin         : 0 20px;
}





/*=========================================================================================================

  HOWTO

=========================================================================================================*/



#HOWTO
{
	background     : #fffa99;
}

#HOWTO .inner
{
	margin         : 0 auto;
	padding        : 80px 0 80px;
	
	width          : 1100px;
}

#HOWTO h2
{
	text-align     : center;
}

#HOWTO .text_main
{
	margin-top     : 50px;
	
	color          : #1a1a1a;
	font-size      : 115%;
	text-align     : center;
	line-height    : 2.2;
}

#HOWTO .text_limit
{
	margin         : 40px auto 0;
	padding        : 10px 0;
	
	width          : 720px;
	
	text-align     : center;
	
	background     : #e62e2e;
}

#HOWTO .obo_box
{
	margin-top     : 60px;
	padding        : 50px 0;
	
	border-top     : 5px dotted #8b5b2c;
	border-bottom  : 5px dotted #8b5b2c;
}

#HOWTO .obo_box .step_box
{
	
}

#HOWTO .obo_box .note_box
{
	margin-top     : 40px;
	padding        : 20px 30px;
	
	background     : #f1e97d;
}

#HOWTO .obo_box .note_box ul li
{
	margin-left    : 1em;
	text-indent    : -1em;
	
	font-size      : 80%;
}

#HOWTO .btn_obo,
#HOWTO .btn_obo_off
{
	margin-top     : 50px;
	
	text-align     : center;
}


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


#HOWTO .ap_box
{
	position       : relative;
	
	margin-top     : 80px;
	padding        : 40px;
	
	background     : #f4d11f;
}

#HOWTO .ap_box .text_box
{
	width          : 740px;
}

#HOWTO .ap_box .text_box .ap_text
{
	line-height    : 1.6;
}

#HOWTO .ap_box .text_box .ap_text strong
{
	display        : block;
	
	margin-bottom  : 15px;
	
	color          : #e22508;
	font-size      : 160%;
	font-weight    : bold;
	text-align     : left;
	line-height    : 1.0;
}

#HOWTO .ap_box .text_box .btn_ap
{
	margin-top     : 30px;
}

#HOWTO .ap_box .text_box .btn_ap a
{
	display        : block;
	
	margin         : 0 auto;
	padding        : 15px 0px;
	
	width          : 630px;
	
	color          : #fff;
	font-size      : 100%;
	font-weight    : bold;
	text-align     : center;
	line-height    : 1.0;
	text-decoration: none;
	
	background     : #e22508;
	border-radius  : 100px;
}

#HOWTO .ap_box .text_box .btn_ap a:hover
{
	color          : #e22508;
	
	background     : #fff;
}

#HOWTO .ap_box .ap_illust
{
	position       : absolute;
	bottom         : 0;
	right          : 40px;
}





/*=========================================================================================================

  PRESENT

=========================================================================================================*/



#PRESENT
{
	position       : relative;
}

#PRESENT h2
{
	text-align     : center;
}

#PRESENT .text_title_sub
{
	margin-top     : 10px;
	margin-bottom  : 60px;
	
	text-align     : center;
}

#PRESENT .inner_01
{
	padding        : 80px 0 100px;
	
	background     : url(/asset/img/5ch_morning/2504/present_back.png) top center repeat #79d6d8;
}

#PRESENT .inner_02
{
	padding        : 10px 0 80px;
	
	background     : #a0e9eb;
}

#PRESENT .present_box
{
	margin         : 0 auto;
	margin-top     : 70px;
	
	width          : 1100px;
}


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


#PRESENT .present_period
{
	position       : relative;
	
	margin         : 0 0px;
	
	height         : 80px;
	
	text-align     : center;
	
	background     : #72af12;
	background     : #39a73f;
}

#PRESENT .present_period::before,
#PRESENT .present_period::after
{
	content        : "";
	
	border         : 40px solid #72af12;
	border         : 40px solid #39a73f;
}

#PRESENT .present_period::before
{
	position       : absolute;
  top            : 0;
  left           : -40px;
	
  border-left-width: 25px;
  border-left-color: transparent;
}

#PRESENT .present_period::after
{
	position       : absolute;
  top            : 0;
  right          : -40px;
	
  border-right-width: 25px;
  border-right-color: transparent;
}

#PRESENT .present_period p
{
	display        : inline-block;
	
	margin-top     : -4px;
	
	color          : #fff;
	font-size      : 160%;
	font-weight    : bold;
	text-align     : center;
	line-height    : 1.0;
	line-height    : 80px;
}

#PRESENT .present_period p strong
{
	margin-right   : 10px;
	
	font-size      : 130%;
}

#PRESENT .present_period p span
{
	
}

#PRESENT .present_period .present_baln
{
	position       : absolute;
	top            : -55px;
	left           : -5px;
}


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


#PRESENT .present_list
{
	display        : flex;
	justify-content: space-between;
	
	position       : relative;
	
	margin-top     : 50px;
	
	z-index        : 1;
}

#PRESENT .present_list[data-type="type2"]
{
	align-items    : center;
	margin-top     : 30px;
}

#PRESENT .present_list[data-type="type2"] .ex_text
{
	margin-bottom  : 5px;

	font-size      : 110%;
	text-align     : center;
}

#PRESENT .present_list li
{
	padding-top    : 45px;
	
	width          : 340px;
}

#PRESENT .present_list li:last-child
{
	padding-top    : 0;
	
	width          : 340px;
}

#PRESENT .present_list li img
{
	width          : 100%;

	border-radius  : 10px;
}

#PRESENT .present_list li img[data-size="sizeL"]
{
	border-radius  : 20px;
}

#PRESENT .text_note
{
	margin-top     : 20px;
}

#PRESENT .text_note li
{
	margin-left    : 1em;
	text-indent    : -1em;
	
	font-size      : 70%;
	line-height    : 1.4;
}


#PRESENT .btn_obo,
#PRESENT .btn_obo_off
{
	margin-top     : 75px;
	
	text-align     : center;
}


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


#PRESENT .text_note_02
{
	/*margin-top     : 100px;*/
	padding        : 40px;

	color          : #e62e2e;

	background     : #fff;
	border-left    : 5px solid #e62e2e;
	border-right   : 5px solid #e62e2e;
	border-bottom  : 5px solid #e62e2e;
}

#PRESENT .text_note_02 strong
{
	font-size      : 120%;
	font-weight    : bold;
}

#PRESENT .text_note_02 ul
{
	margin-top     : 15px;
}

#PRESENT .text_note_02 li
{
	margin-left    : 1em;
	text-indent    : -1em;
	
	font-size      : 80%;
	line-height    : 1.4;
}

#PRESENT .text_note_02 li + li
{
	margin-top     : 8px;
}


#PRESENT .text_note .marker_text,
#PRESENT .text_note_02 .marker_text
{
	line-height    : 1.8;

	background     : #ff0;
}


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


#PRESENT .present_comingsoon
{
	position       : relative;
	
	margin-top     : 80px;
}

#PRESENT .present_comingsoon .present_baln
{
	position       : absolute;
	top            : -50px;
	left           : 30px;
}


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


#PRESENT .text_limit
{
	margin-top     : 100px;
	padding        : 15px 0;
	
	text-align     : center;
	
	background     : #e62e2e;
}





/*=========================================================================================================

  説明・注意事項

=========================================================================================================*/



#foot_area
{
	padding        : 60px 0;

	background     : #fff;
}

#foot_area .inner
{
	margin         : 0 auto;

	width          : 1100px;
}

#foot_area .h4_text
{
	color          : #518c4d;
	font-size      : 110%;
	line-height    : 1.0;
}

#foot_area .text_list
{
	margin-top     : 35px;
}

#foot_area .text_list li
{
	list-style-type: disc;
	margin-left    : 1.2em;

	font-size      : 80%;
	line-height    : 1.4;
}

#foot_area .text_list li + li
{
	margin-top     : 15px;
}





/*=======================================================================================================*/