@charset "utf-8";
/*
再利用可能な全てのオブジェクトを記述します。
All objects that are reusable will be written.

接頭辞はComponentの頭文字を取って【c_】とします。
Prefix will take the "Component" first letter and use it as "c_". 

ここで指定するのは以下の様なものと予想されます。
You might use the following.
.c_btn/.c_breadclumb/.c_hero/.c_serch/.c_dropdown/
.c_card/.c_feature/.c_overlay/.c_form/.c_thumbnail/.c_box

モディファイヤを使用する場合は接頭辞【is_】をつけ、各コンポーネントの下に記述します。
When using modifier put the prefix "is_" and write it under each component.

フォントサイズはremで指定します。
"rem" will be used for font-size.

//sample
.c_btn {
	display: inline-block;
	padding: 15px 20px;
	border-radius: 5px;
	text-decoration: none;
}
.c_btn:hover { opacity: 0.8; }
.c_btn.is_btn_disable { cursor: inherit; }
.c_btn.is_btn_blue{
	color: rgb(255, 255, 255);
	background: rgb(1, 153, 224) none repeat scroll 0% 0%;
}

*/
/*----------------------------------------------
	.c_btn
---------------------------------------------*/
.c_btn {
	width: 276px;
	font-size: 1.8rem;
	text-align: center;
	background: #FF8000;
	line-height: 1;
	margin: 0 auto;
}
.c_btn a {
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 16px 30px;
}

/*----------------------------------------------
	.c_h1_type01
---------------------------------------------*/
.c_h1_type01 {
	color: #525252;
	background: url(../images/icons/icon_circle.png) 18px center no-repeat, #F3F3F3;
	border: 2px solid #DDDDDD;
	padding: 12px 20px 12px 50px;
}

/*----------------------------------------------
	.c_h2_type01
---------------------------------------------*/
.c_h2_type01 {
	color: #FFFFFF;
	background: #85B200;
	padding: 8px 20px;
	margin-bottom: 12px;
}
.c_h2_type01.is_light_green {
	color: #000000;
	background: #E7F0CC;
}

/*----------------------------------------------
	.c_h2_type02
---------------------------------------------*/
.c_h2_type02 {
	font-size: 2rem;
	color: #555555;
	background: url(../images/icons/icon_pen.png) 2% top no-repeat;
	border-bottom: 2px solid #AAAAAA;
	padding: 6px 20px 10px 50px;
	margin-bottom: 20px;
}

/*----------------------------------------------
	.c_h3_type01
---------------------------------------------*/
.c_h3_type01 {
	font-size: 1.8rem;
	font-weight: bold;
	margin-bottom: 20px;
}

/*----------------------------------------------
	.c_h3_type02
---------------------------------------------*/
.c_h3_type02 {
	color: #FFFFFF;
	background: url(../images/bg_h3_type02.png) top, #8C8C8C;
	padding: 6px 20px;
	margin-bottom: 10px;
}

/*----------------------------------------------
	.c_ul_type01
---------------------------------------------*/
.c_ul_type01 { padding-top: 12px;}
.c_ul_type01 li {
	font-size: 1.3rem;
	list-style-type: none;
	background: url(../images/icons/icon_green_arrow.png) 3% 5% no-repeat;
	line-height: 1.5;
	vertical-align: middle;
    padding-bottom: 15px;
	padding-left: 30px;
}

/*----------------------------------------------
	.c_list_plain
---------------------------------------------*/

.c_list_plain li {
	list-style: none;
}

.c_list_plain.is_border_eee li {
	padding: 20px 0;
	border-bottom: 1px solid #eee;
}

/*----------------------------------------------
	.c_ul_type02
---------------------------------------------*/
.c_ul_type02 li {
	list-style-type: disc;
	list-style-position: inside;
	letter-spacing: -1.1px;
	margin-left: 12px;
    	text-indent: -12px;
}

/*----------------------------------------------
	.c_tableA
---------------------------------------------*/
.c_tableA tr {
	vertical-align: top;
	margin: 5px 0 10px;
}
.c_tableA td {
	padding-top: 20px;
	padding-right: 15px;
}
.c_tableA tr>td:first-child {
	padding-right: 15px;
}
.c_tableA img {
	margin-left: 20px;
	width: 370px;
}

/*----------------------------------------------
	.c_tableB
---------------------------------------------*/
.c_tableB tr { vertical-align: top; }
.c_tableB tr>td:first-child {
	padding-right: 25px;
}
.c_tableB td { padding-bottom: 15px; }

/*----------------------------------------------
	.c_tableC
---------------------------------------------*/
.c_tableC {
	border-collapse: collapse;
	width: 100%;
}
.c_tableC th {
	width:25%;
	background: #85B200;
	color: #fff;
	font-size: 1.4rem;
	border-right: 1px solid #fff;
	padding: 1.5%;
}
.c_tableC th:first-child {
	border-left: 1px solid #85B200;
}
.c_tableC th:last-child {
	width:13%;
	border-right: 1px solid #85B200;
}
.c_tableC td {
	border: 1px solid #DDDDDD;
	padding: 10px;
}

.c_tableC td:last-child {
	text-align: center;
}

.c_tableC td.is_pink { 
	background: #FFECF2;
}

/*----------------------------------------------
	.c_boxA
---------------------------------------------*/
.c_boxA {
	background: #F0F0E1;
	padding: 15px 60px;
}
/*----------------------------------------------
	.c_boxB
---------------------------------------------*/
.c_boxB {
	width: 245px;
  min-height: 140px;
	margin-bottom: 30px;
}
.c_boxB.is_center { margin: 0 auto; }
.c_boxB .c_box_ttl {
	font-size: 1.32rem;
	font-weight: bold;
}
.c_boxB .c_box_ttl>a {
	color: #000000;
	text-decoration: none;
	background: url(../images/icons/icon_arrow_right.png) 10px center no-repeat, #E7F0CC;
	padding: 9px 20px 9px 25px;
}
.c_boxB .c_box_ttl, .c_boxB .c_box_ttl>a {
	display: block;
}

/*----------------------------------------------
	.c_boxC
---------------------------------------------*/
.c_boxC .c_box_ttl {
	display: block;
	width: 101px;
	color: #FFFFFF;
	text-align: center;
	background: #FF8000;
	padding: 8px 0;
	margin-bottom: 10px;
}
.c_boxC .c_link a {
	line-height: 1.5;
	margin-bottom: 5px;
}
.c_boxC .c_box_ttl.is_blue { background: #0085B2; }

/*----------------------------------------------
	.c_link
---------------------------------------------*/
.c_link { background: url(../images/icons/icon_green_arrow.png) 0 2px no-repeat; }
.c_link a {
	display: block;
	padding-left: 25px;
}

/*----------------------------------------------
	.c_badge_type01
---------------------------------------------*/
.c_badge_type01 {
	display: inline-block;
	font-size: 2rem;
	color: #FFFFFF;
	text-align: center;
	background: #888888;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	line-height: 1;
	padding: 8px 27px;
	margin-bottom: 12px;
}
.c_badge_type01.is_small {
	font-size: 1.5rem;
	background: #777777;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: 6px 26px;
}

/*----------------------------------------------
	.c_badge_type02
---------------------------------------------*/
.c_badge_type02 {
	display: block;
	font-size: 1.4rem;
	color: #FFFFFF;
	text-align: left;
	background: #00A3D9;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	line-height: 1;
	padding: 7px 18px;
}
.c_badge_type02.is_yellow { background: #FFBF00; }
.c_badge_type02.is_green { background: #85B200; }
.c_badge_type02.is_orange { background: #FF9326; }
.c_badge_type02.is_pink { background: #FF7373; }


/*----------------------------------------------
	.c_submenu_list      
---------------------------------------------*/

.c_submenu_list li {
	display: inline-block;
	width: 33.33%;
	padding: 5px 0;
	vertical-align: middle;
}

.c_submenu_list li.is_width32 {
	width: 32%;
}

.c_submenu_list li.is_width36 {
	width: 36%;
}

.c_submenu_list li a {
	background: url(../images/icons/icon_black_arrow.png) 0 center no-repeat;
	padding-left: 15px;
	color:#000000;
	text-decoration: none;
}

/*----------------------------------------------
	.c_div_entry		//div after heading tags [h1 h2 h3 h4 h5 h6]    
---------------------------------------------*/

.c_div_entry {
	padding: 0 20px;
}


/*----------------------------------------------
	#l_btn_panel .c_btn
---------------------------------------------*/

#l_btn_panel .c_btn {
	background: none;
	width:  48px;
	vertical-align: middle;
	border-radius: 50%;
}

#l_btn_panel .c_btn a {
	padding: 0;
	margin: 0;
}

.c_btn.is_close {
	position: absolute;
	left: 0;
	right: 0;
	}

#l_btn_panel .c_btn:hover {
	cursor: pointer;
	opacity: 0.4;
}

#l_btn_panel .c_btn {
	opacity: 1;
}