@charset "utf-8";

/*-----------------------------------------------------------------------------------*/
/*	common.css　ウィンドウサイズ「960px」以下のCSS設定
/*-----------------------------------------------------------------------------------*/

/*==================================================================
	0. BoxModel change
===================================================================*/
*, *:before, *:after {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

/*==================================================================
	1. Common setting
===================================================================*/

/* ------------------------------------------------------------------
	1-3. Text styles
-------------------------------------------------------------------*/
.highlight_box_01 {
padding: 3%;
}
.highlight_box_02 {
padding: 3%;
}


/* ------------------------------------------------------------------
	1-4. Heading styles
-------------------------------------------------------------------*/





/* ------------------------------------------------------------------
	1-5. Button styles
-------------------------------------------------------------------*/
/* ------------------------------------
	幅固定タイプ
------------------------------------*/
.contents_btn-fix { }
.contents_btn-fix .contents_btn_link a {
width: 100%;
}

/* ------------------------------------------------------------------
	1-6. List styles
-------------------------------------------------------------------*/


/* ------------------------------------------------------------------
	1-7. Table styles
-------------------------------------------------------------------*/
.th_col2 {
	width: 50%;
}
.th_col3 {
	width: 33.3%;
}
.th_col4 {
	width: 25%;
}
.th_col5 {
	width: 20%;
}


/* tableをスクロールさせる部分 */
.scroll_area_program {
	overflow-x: scroll;
}
.scroll_area_program table{
	width: 700px;
}
.scroll_area_program::-webkit-scrollbar {
  height: 10px;
}
.scroll_area_program::-webkit-scrollbar-track {
  margin: 0 2px;
  background: #ccc;
  border-radius: 5px;
}
.scroll_area_program::-webkit-scrollbar-thumb {
  border-radius: 5px;
  background: #666;
}

/* ------------------------------------------------------------------
	1-8. Form styles
-------------------------------------------------------------------*/
.form_text_01 {
width: 48%;
margin-right: 1%;
}
.form_btn {
margin-bottom: 3%;
}
.form_btn_fix {
width: 100%;
}
.form_info_finish {
padding: 5% 0;
}

/* ------------------------------------------------------------------
	1-99. VisualFormattingModel styles
-------------------------------------------------------------------*/
.pc_block{
display: none !important;
}
.pc_inline{
display: none !important;
}
.sp_block{
display: block !important;
}
.sp_inline{
display: inline !important;
}






















/*-----------------------------------------------------------------------------------*/
/*	style.css　ウィンドウサイズ「960px」以下のCSS設定
/*-----------------------------------------------------------------------------------*/
/*==================================================================
	1. Base setting
===================================================================*/
/* ------------------------------------------------------------------
	1-1. Base styles
-------------------------------------------------------------------*/
body {
-webkit-text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
-o-text-size-adjust: 100%;
text-size-adjust: 100%;
min-width: 768px;
}

/* ------------------------------------------------------------------
	1-2. Structure styles
-------------------------------------------------------------------*/
.container {
width: 100%;
}
.contents {
	padding: 30px 20px;
}
.main {
float: none;
width: 100%;
}
.sidebar {
float: none;
width: 100%;
}
.sidebar_wrap {
width: 100%;
}
.wrapper {
width: 100%;
}

/* ------------------------------------------------------------------
	1-3. Block styles
-------------------------------------------------------------------*/

/* ------------------------------------------------------------------
	1-4. PageTitle styles
-------------------------------------------------------------------*/


/*==================================================================
	2. Layout setting
===================================================================*/

/* ------------------------------------------------------------------
	2-1. Header styles
-------------------------------------------------------------------*/

/* ------------------------------------------------------------------
	2-2. GlobalNavi styles
-------------------------------------------------------------------*/

/* ------------------------------------------------------------------
	2-3. Main styles
-------------------------------------------------------------------*/

/* ------------------------------------------------------------------
	2-4. SideBar styles
-------------------------------------------------------------------*/
/*-------------------------------*/
/*	購読申し込み部分
/*-------------------------------*/
.side_guide {
text-align: center;
}
















/*-----------------------------------------------------------------------------------*/
/*	top.css　ウィンドウサイズ「960px」以下のCSS設定
/*-----------------------------------------------------------------------------------*/

/*-------------------------------*/
/*	ORICONニュース
/*-------------------------------*/
.entame_tab {
width: 20%;
}