@charset "utf-8";

/* h00-h06 共有の色指定 */
/************************************************************************************************************/
[class^="h0"]{
	color:#222;
	overflow:hidden;
	text-align:left;
	display: block;
	margin:0 24px 24px 0;
	}
.boxr01 [class^="h0"]{margin-left:24px;}
	
/* h00-h06の基本指定 */
/************************************************************************************************************/
h1 img,h2 img,h3 img{width:calc(100% - 24px);margin-bottom:24px;}
.boxr01 h1 img,.boxr01 h2 img,.boxr01 h3 img{width:100%;}

[class^="h0"] i{
	display:inline-block;
	vertical-align:middle;
	margin-right:12px;
	font-style:normal;
}

@media screen and (max-width: 480px) {
h1 img,h2 img,h3 img{width:calc(100% - 12px);}
.boxr01 [class^="h0"]{margin-left:12px;}
}

/* ★Media Queries指定★(h横)共有設定　*/
/*===========================================================*/
@media screen and (max-width: 480px) {
[class^="h0"]{margin:0 12px 12px 0;}
}

/* ■h00の初期指定 */
/************************************************************************************************************/
.h00 {
	padding:8px 0 8px 14px;
	border-left:3px solid;
	font-size:16px;
	margin-bottom:12px;
}

/* ■h01の初期指定 */
/************************************************************************************************************/
.h01 {
	padding:18px 12px 18px 12px;
	border-left:12px solid;
	font-size:16px;
	background-color:rgba(0,0,0,0.05);
	border-radius:0 4px 4px 0;
}

/* ■h02の初期指定 */
/************************************************************************************************************/
.h02 {
	padding:18px 24px 16px 24px;
	border-top:1px solid rgba(0,0,0,0.2);
	border-right:1px solid rgba(0,0,0,0.2);
	border-left:1px solid rgba(0,0,0,0.2);
	border-bottom:4px solid; 
	border-radius:4px 4px 0 0;
	font-size:16px;
	background: #f9f9f9;
	background: -moz-linear-gradient(top,  #f9f9f9 0%, #fff 80%);
	background: -webkit-linear-gradient(top,  #f9f9f9 0%,#fff 80%);
	background: linear-gradient(to bottom,  #f9f9f9 0%,#fff 80%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#fff',GradientType=0 );
}

/* ■h03の初期指定 */
/************************************************************************************************************/
.h03{
	font-size:16px;
	border-left: 14px solid rgba(0,0,0,0.4);
	padding:12px;
	border-radius:4px;
	color:#fff;
}
.h03.noicon{padding: 12px 0 0px 0;}
.h03 > span {
	font-size:16px;
	margin-right:4px;
	display: inline-block;
}

/* ■h04の初期指定 */
/************************************************************************************************************/
.h04{
	font-size: 18px;
	padding: 0 0 12px 0;
}
.h04 > span {
	color:#fff;
	padding: 4px 12px;
	display: inline-block;
	margin: 0 6px 0 0;
	vertical-align:2px;
	border-radius:2px;
	font-size:14px;
}

/* ■h05の初期指定 */
/************************************************************************************************************/
.h05 {
	font-size:18px;
	padding:20px 0;
	text-align:center;
	line-height: 1.3;
	background-color:rgba(0,0,0,0.04);
	border-top:2px groove rgba(255,255,255,0.7); 
	border-bottom:2px groove rgba(255,255,255,0.7); 
	text-shadow: 1px 1px 1px rgba(0,0,0,0.1); 
	}
	
.h05 > span {
	display:block;
	font-size:14px;
/*	margin-bottom:6px;*/
}

/* ■h06の初期指定 */
/************************************************************************************************************/
.h06 {
	font-size:18px;
	color:#fff;
	padding:16px 24px 18px 24px; 
	text-shadow: 1px 1px 1px rgba(0,0,0,0.3); 
	border-top:6px solid rgba(0,0,0,0.4);
}
.h06 > span {line-height: 1.3;}

/* h00-h06の色指定 */
/************************************************************************************************************/
.h00,.h01{border-color:#3699c3;}
.h02{border-bottom-color:#3699c3;}
.h03,.h04 > span,.h06{background:#3699c3;}
.h04,.h05 > span{color:#3699c3;}

.h00.cR,.h01.cR{border-color:#d35464;}
.h02.cR{border-bottom-color:#d35464;}
.h03.cR,.h04.cR > span,.h06.cR{background:#d35464;}
.h04.cR,.h05.cR > span{color:#d35464;}

.h00.cY,.h01.cY{border-color:#f1c04a;}
.h02.cY{border-bottom-color:#f1c04a;}
.h03.cY,.h04.cY > span,.h06.cY{background:#f1c04a;}
.h04.cY,.h05.cY{color:#f1c04a;}

.h00.cG,.h01.cG{border-color:#b8d352;}
.h02.cG{border-bottom-color:#b8d352;}
.h03.cG,.h04.cG > span,.h06.cG{background:#b8d352;}
.h04.cG,.h05.cG > span{color:#b8d352;}

.h00.cD,.h01.cD{border-color:#35b5a6;}
.h02.cD{border-bottom-color:#35b5a6;}
.h03.cD,.h04.cD > span,.h06.cD{background:#35b5a6;}
.h04.cD,.h05.cD > span{color:#35b5a6;}

.h00.cB,.h01.cB{border-color:#3699c3;}
.h02.cB{border-bottom-color:#3699c3;}
.h03.cB,.h04.cB > span,.h06.cB{background:#3699c3;}
.h04.cB,.h05.cB > span{color:#3699c3;}

.h00.cN,.h01.cN{border-color:#5b80be;}
.h02.cN{border-bottom-color:#5b80be;}
.h03.cN,.h04.cN > span,.h06.cN{background:#5b80be;}
.h04.cN,.h05.cN > span{color:#5b80be;}

.h00.cP,.h01.cP{border-color:#9066b1;}
.h02.cP{border-bottom-color:#9066b1;}
.h03.cP,.h04.cP > span,.h06.cP{background:#9066b1;}
.h04.cP,.h05.cP > span{color:#9066b1;}

.h00.cM,.h01.cM{border-color:#c6498e;}
.h02.cM{border-bottom-color:#c6498e;}
.h03.cM,.h04.cM > span,.h06.cM{background:#c6498e;}
.h04.cM,.h05.cM > span{color:#c6498e;}

.h00.cW,.h01.cW{border-color:#aaa;}
.h02.cW{border-bottom-color:#aaa;}
.h03.cW,.h04.cW > span,.h06.cW{background:#aaa;}
.h04.cW,.h05.cW > span{color:#aaa;}

.h00.cK,.h01.cK{border-color:#444;}
.h02.cK{border-bottom-color:#444;}
.h03.cK,.h04.cK > span,.h06.cK{background:#444;}
.h04.cK,.h05.cK > span{color:#444;}