/*======================================================== 
clearfix
========================================================*/
.clearfix{ zoom: 1; }
.clearfix:after{ content: ""; display: table; clear: both; 
}
/*======================================================== 
フロート(どの環境でも強制)
========================================================*/
.left   {float:left; display:inline;}
.right  {float:right; display:inline;}
.center {text-align:center !important;}


/*======================================================== 
スマホだけ強制改行
========================================================*/
.pc-clear {display:block;clear:both; !important;}

/*
@media screen and (max-width:599px){
.sp-clear {display:block;clear:both; !important;}
.pc-clear {display:inline;clear:none; !important;}

}
*/
/*======================================================== 
強調
========================================================*/
.underline   {text-decoration:underline;}
.bold  {font-weight:bold;}


/*======================================================== 
カラー
========================================================*/
.c-wh   {color:#ffffff;}
.c-grn   {color:#008100 !important;}
.c-red   {color:#ff0000 !important;}


/*======================================================== 
パディング
========================================================*/

.p15{padding:15px;}
.p20{padding:20px;}
.p25{padding:25px;}
.p30{padding:30px;}
.p35{padding:35px;}
.p40{padding:40px;}
.p50{padding:0px 50px 0px 50px;}
.p60{padding:60px;}
/*======================================================== 
マージン
========================================================*/

.mb3-p   {margin-bottom:3% !important;}
.mb5-p   {margin-bottom:5% !important;}
.mb7-p   {margin-bottom:7% !important;}
.mb10-p   {margin-bottom:10% !important;}
.mb15-p   {margin-bottom:15% !important;}
.mb20-p   {margin-bottom:20% !important;}


.mb3   {margin-bottom:3px !important;}
.mb5   {margin-bottom:5px !important;}
.mb10  {margin-bottom:10px !important;}
.mb15  {margin-bottom:15px !important;}
.mb20  {margin-bottom:20px !important;}
.mb25  {margin-bottom:25px !important;}
.mb30  {margin-bottom:30px !important;}
.mb35  {margin-bottom:35px !important;}
.mb40  {margin-bottom:40px !important;}
.mb50  {margin-bottom:50px !important;}
.mb60  {margin-bottom:60px !important;}
.mb70  {margin-bottom:70px !important;}
.mb80  {margin-bottom:80px !important;}

.mt3   {margin-top:3px !important;}
.mt5   {margin-top:5px !important;}
.mt10  {margin-top:10px !important;}
.mt15  {margin-top:15px !important;}
.mt20  {margin-top:20px !important;}
.mt25  {margin-top:25px !important;}
.mt30  {margin-top:30px !important;}
.mt35  {margin-top:35px !important;}
.mt40  {margin-top:40px !important;}
.mt50  {margin-top:50px !important;}
.mt60  {margin-top:60px !important;}
.mt70  {margin-top:70px !important;}
.mt75  {margin-top:75px !important;}
.mt80  {margin-top:80px !important;}

.ml3   {margin-left:3px !important;}
.ml5   {margin-left:5px !important;}
.ml10  {margin-left:10px !important;}
.ml15  {margin-left:15px !important;}
.ml20  {margin-left:20px !important;}
.ml25  {margin-left:25px !important;}
.ml30  {margin-left:30px !important;}
.ml35  {margin-left:35px !important;}
.ml40  {margin-left:40px !important;}
.ml45  {margin-left:45px !important;}
.ml50  {margin-left:50px !important;}
.ml55  {margin-left:55px !important;}
.ml60  {margin-left:60px !important;}
.ml70  {margin-left:70px !important;}
.ml80  {margin-left:80px !important;}

.mr3   {margin-right:3px !important;}
.mr5   {margin-right:5px !important;}
.mr10  {margin-right:10px !important;}
.mr15  {margin-right:15px !important;}
.mr20  {margin-right:20px !important;}
.mr25  {margin-right:25px !important;}
.mr30  {margin-right:30px !important;}
.mr35  {margin-right:35px !important;}
.mr40  {margin-right:40px !important;}
.mr50  {margin-right:50px !important;}
.mr60  {margin-right:60px !important;}
.mr70  {margin-right:70px !important;}
.mr80  {margin-right:80px !important;}

.font10 {font-size:10px;}
.font12 {font-size:12px;}
.font14 {font-size:14px;}
.font16 {font-size:16px;line-height:1.6em;}
.font17 {font-size:16px;}
.font18 {font-size:18px;}
.font19 {font-size:19px;}
.font20 {font-size:20px;}
.font21 {font-size:21px;}
.font22 {font-size:22px;}
.font23 {font-size:23px;}
.font24 {font-size:24px;}
.font25 {font-size:25px;}
.font26 {font-size:26px;}
.font27 {font-size:27px;}
.font28 {font-size:28px;}
.font29 {font-size:28px;}
.font30 {font-size:30px;}
.font32 {font-size:32px;}
.font34 {font-size:34px;}
.font36 {font-size:36px;}
.font38 {font-size:38px;}
.font40 {font-size:40px;}


/*===================================================================================*/
/* タイトルのデザイン                                                                 */ 
/*===================================================================================*/

/*---------------------------------------------------------------------
大見出し
---------------------------------------------------------------------*/
.title-01{
	width:100%;
	padding:1% 1.5%;
	margin:0 0 1% 0;
	display:inline-block;
	border-radius:6px;
	letter-spacing:0.2em;
	font-size:24px;
	text-align:left;
	line-height:1.6em;
	background-color:#02A402;
	color:#fff;
	border-top:1px solid #67BC38;
	border-bottom:2px solid #008100;		
}

@media screen and (max-width:500px){
.title-01{
	font-size:18px;		
}
}


/*---------------------------------------------------------------------
大見出し 下のテキスト
---------------------------------------------------------------------*/
.sub-title{
	padding:4% 3% 4% 3%;
	text-align:left;
}
.sub-title-nt{
	padding:1% 3% 4% 3%;
	text-align:left;
}
/*---------------------------------------------------------------------
中見出し 
---------------------------------------------------------------------*/
.title-02{
	width:100%;
	padding:1% 1% 1% 1%;
	display:inline-block;
	letter-spacing:0.2em;
	font-size:24px;
	line-height:1.6em;
	color: #008100;
		
}
/*
@media screen and (max-width:768px){
.title-02{
	letter-spacing:0.12em;
		
}
}
@media screen and (max-width:500px){
.title-02{
	font-size:18px;
	letter-spacing:0.08em;
		
}
}
.title-05{
	width:100%;
	padding:1% 1% 1% 2%;
	display:inline-block;
	letter-spacing:0.1em;
	font-size:24px;
	line-height:1.6em;
	color: #000;
	background-color:#DFF5A9;
	border-radius:6px;
	border-bottom:1px solid #008100;
	margin-bottom:3%;
		
}
@media screen and (max-width:768px){
.title-05{
	letter-spacing:0.12em;
		
}
}
@media screen and (max-width:500px){
.title-05{
	font-size:18px;
	letter-spacing:0.08em;
	margin-top:3%;
		
}
}

*/

/*---------------------------------------------------------------------
小見出し 
---------------------------------------------------------------------*/
.title-03{
	padding:15px 1.8%;
	margin:20px 0% 5% 0%;
	letter-spacing:0.06em;
	font-size:24px;
	text-align:left; 
	border-top:5px solid #02A402;
	color: #833c0c;
	border-bottom:1px  dotted #ccc;
		
}

/*
@media screen and (max-width:500px){

.title-03{
	font-size:18px;
		
}
}
*/

/*---------------------------------------------------------------------
小見出し その2
---------------------------------------------------------------------*/
.title-04{
	padding:1.5% 0;
	font-size:20px;
	margin-bottom:2%;
		
}
.title-04 i{
	color: #02A402;
		
}
/*
@media screen and (max-width:500px){
.title-04{
	font-size:16px;
		
}
}
*/

/*---------------------------------------------------------------------
モーダルウィンドウ用のタイトル
---------------------------------------------------------------------*/
.title-mod{
	font-size:24px;
	color:#02A402;	
	margin-bottom: 2%;	
}
/*
@media screen and (max-width:500px){
.title-mod{
	font-size:18px;		
}
}
*/

/*===================================================================================*/
/*  ボタン用のカラム（PC-3カラム tab-2カラム スマホ-1カラム）                           */ 
/*===================================================================================*/

.btn-wrapper{
	width:100%;
	margin:3% auto 5% auto ;

}
.btn-wrapper:after{
	content:"";
	display:block;
	clear:both;

}

.btn-column{
	width:33%;
	margin:0 0 1.5% 0;
	float:left;
	text-align:center;
}
/*
@media screen and (max-width:768px){    
.btn-column{
	width:50%;
}
}

@media screen and (max-width:599px){    
.btn-column{
	width:100%;
	margin:1.5% 0 2.5% 0;
}
}
*/

/*===================================================================================*/
/*  ボタン用のカラム（PC-1カラム tab-1カラム スマホ-1カラム）                           */ 
/*===================================================================================*/
.btn-column-01{
	width:40%;
	margin:0 auto 1.5% auto;
	text-align:center;
}
.btn-column-01_sp{
	width:40%;
	margin:0 auto 1.5% auto;
	text-align:center;
	display:inline-block;
}

/*
@media screen and (max-width:768px){    
.btn-column-01,
.btn-column-01_sp{
	width:50%;
}
}
@media screen and (max-width:599px){    
.btn-column-01,
.btn-column-01_sp{
	width:100%;
	margin:1.5% 0 2.5% 0;
}
}
*/

/*===================================================================================*/
/*  ボタン用のカラム（PC-2カラム tab-2カラム スマホ-1カラム）                           */ 
/*===================================================================================*/

.btn-wrapper-02{
	width:85%;
	margin:3% auto 5% auto ;

}
.btn-wrapper-02:after{
	content:"";
	display:block;
	clear:both;

}


.btn-column-02{
	width:50%;
	float:left;
	padding:0 2%;
	text-align:center;
}
/*
@media screen and (max-width:768px){    
.btn-wrapper-02{
	width:100%;
	margin:3% auto 5% auto ;

}
.btn-column-02{
	width:50%;
}
}
@media screen and (max-width:599px){    
.btn-column-02{
	width:100%;
	margin:1.5% 0 2.5% 0;
}
}

.str{
	color:#ff0000;
	text-shadow:0px 1px 0px #ffffaa;
	font-weight:bold;
	font-size:110%;
}
*/
/*======================================================== 
枠付きテキスト　黄
========================================================*/
	.waku-01{
		padding:2% 3% 2% 3%;
		text-align:center;
		background-color:#ff7700;
		color:#fff;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
		border-radius:5px;
		margin:0% 2% 3% 2% ;
	}
	.waku-01 .str{
		text-shadow:0px 1px 0px #000;
		color:#ffffff;
	}
	.waku-02{
		padding:2% 3% 2% 3%;
		text-align:center;
		background-color:#ffffcc;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		border-radius:15px;
		margin:0% 2% 3% 2% ;
	}
	.waku-02 .str{
		color:#ff0000;
		text-shadow:0px 1px 0px #ffffaa;
		font-weight:bold;
		font-size:110%;
	}

/*
@media screen and (max-width:599px){   
    .waku-02{
	    text-align:left;
    }
}

	.waku-03{
		padding:2% 3% 2% 3%;
		text-align:left;
		background-color:#ffffcc;
		-moz-border-radius:15px;
		-webkit-border-radius:15px;
		border-radius:15px;
		margin:0% 2% 3% 2% ;
	}
	.waku-03 .str{
		color:#ff0000;
		text-shadow:0px 1px 0px #ffffaa;
		font-weight:bold;
		font-size:110%;
	}

@media screen and (max-width:599px){   
    .waku-03{
	    text-align:left;
    }
}
*/
/*======================================================== 
リンクボタン　黄
========================================================*/

.button-01 {
	width:95%;
	text-align:center;
	-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
	box-shadow:inset 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fff199), color-stop(1, #fac935));
	background:-moz-linear-gradient(top, #fff199 5%, #fac935 100%);
	background:-webkit-linear-gradient(top, #fff199 5%, #fac935 100%);
	background:-o-linear-gradient(top, #fff199 5%, #fac935 100%);
	background:-ms-linear-gradient(top, #fff199 5%, #fac935 100%);
	background:linear-gradient(to bottom, #fff199 5%, #fac935 100%);
	background-color:#fff199;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #ffaa22;
	display:inline-block;
	cursor:pointer;
	color:#444 !important;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding:2% 2%;
	text-decoration:none;
	text-shadow:0px 1px 0px #ffee66;
}
.button-01 a{
	color:#444 !important;
}
.button-01:after {
}
.button-01:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fac935), color-stop(1, #fff199));
	background:-moz-linear-gradient(top, #fac935 5%, #fff199 100%);
	background:-webkit-linear-gradient(top, #fac935 5%, #fff199 100%);
	background:-o-linear-gradient(top, #fac935 5%, #fff199 100%);
	background:-ms-linear-gradient(top, #fac935 5%, #fff199 100%);
	background:linear-gradient(to bottom, #fac935 5%, #fff199 100%);
	background-color:#fac935;
}
.button-01:active {
	position:relative;
	top:1px;
}


@media screen and (max-width:930px){  
.button-01{
	min-width:95%;
	margin-bottom:1.5%;
} 
}

/*スマートフォン*/
@media screen and (max-width: 599px) {
		.button-01{
			min-width:60%;
			width:60% !important;
		}	
}	


/*======================================================== 
リンクボタン 赤
========================================================*/
.button-02 {
	width:95%;
	text-align:center;
	-moz-box-shadow: 0px 1px 0px 0px #fff6af;
	-webkit-box-shadow: 0px 1px 0px 0px #fff6af;
	box-shadow: 0px 1px 0px 0px #fff6af;
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff9666), color-stop(1, #f06800));
	background:-moz-linear-gradient(top, #ff9666 5%, #f06800 100%);
	background:-webkit-linear-gradient(top, #ff9666 5%, #f06800 100%);
	background:-o-linear-gradient(top, #ff9666 5%, #f06800 100%);
	background:-ms-linear-gradient(top, #ff9666 5%, #f06800 100%);
	background:linear-gradient(to bottom, #ff9666 5%, #f06800 100%);
	background-color:#ff9666;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	border:1px solid #cc7f0c;
	display:inline-block;
	cursor:pointer;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:bold;
	padding:2% 2%;
	text-decoration:none;
	font-size:16px;
	text-shadow:0px 1px 0px #706510;
}.button-02 a{
	color:#444 !important;
}
.button-02:hover {
	background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #f06800), color-stop(1, #ff9666));
	background:-moz-linear-gradient(top, #f06800 5%, #ff9666 100%);
	background:-webkit-linear-gradient(top, #f06800 5%, #ff9666 100%);
	background:-o-linear-gradient(top, #f06800 5%, #ff9666 100%);
	background:-ms-linear-gradient(top, #f06800 5%, #ff9666 100%);
	background:linear-gradient(to bottom, #f06800 5%, #ff9666 100%);
	background-color:#f06800;
}
.button-02:active {
	position:relative;
	top:1px;
}
/*
@media screen and (max-width:930px){  
.button-02 {
	min-width:95%;
	margin-bottom:1.5%;
} 
}
*/


/*======================================================== 
リンクボタン　黄＆シャドウ
========================================================*/

	.button-03 {
		width:95%;
		text-align:center;
		
		-moz-box-shadow: 0px 1px 0px 0px #969696;
		-webkit-box-shadow: 0px 1px 0px 0px #969696;
		box-shadow: 0px 1px 0px 0px #969696;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #c7c7c7), color-stop(1, #b8b8b8));
		background:-moz-linear-gradient(top, #c7c7c7 5%, #b8b8b8 100%);
		background:-webkit-linear-gradient(top, #c7c7c7 5%, #b8b8b8 100%);
		background:-o-linear-gradient(top, #c7c7c7 5%, #b8b8b8 100%);
		background:-ms-linear-gradient(top, #c7c7c7 5%, #b8b8b8 100%);
		background:linear-gradient(to bottom, #c7c7c7 5%, #b8b8b8 100%);
		background-color:#c7c7c7;
		
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		border-radius:20px;
		border:1px solid #bdbdbd;
		display:inline-block;
		cursor:pointer;
		color:#ffffff;
		
		font-family:Arial;
		font-size:16px;
		font-weight:bold;
		padding:2% 15%;
		text-decoration:none;
		text-shadow:0px 1px 0px #adadad;
	}
	.button-03 a{
		color:#444 !important;
	}
	.button-03:after {
	}
	.button-03:hover {
		
		border:1px solid #ffaa22;
		-moz-box-shadow:inset 0px 1px 0px 0px #fff6af;
		-webkit-box-shadow:inset 0px 1px 0px 0px #fff6af;
		box-shadow:inset 0px 1px 0px 0px #fff6af;
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #fff199), color-stop(1, #fac935));
		background:-moz-linear-gradient(top, #fff199 5%, #fac935 100%);
		background:-webkit-linear-gradient(top, #fff199 5%, #fac935 100%);
		background:-o-linear-gradient(top, #fff199 5%, #fac935 100%);
		background:-ms-linear-gradient(top, #fff199 5%, #fac935 100%);
		background:linear-gradient(to bottom, #fff199 5%, #fac935 100%);
		background-color:#fff199;
		color:#444 !important;
		text-shadow:0px 1px 0px #ffee66;
	}
	.button-03:active {
		position:relative;
		top:1px;
	}

/*
@media screen and (max-width:930px){  
	.button-03{
		min-width:95%;
		margin-bottom:1.5%;
	} 
}
*/


/*======================================================== 
リンクボタン　グレー（削除）
========================================================*/

	.button-04 {
		width:95%;
		text-align:center;
		padding:2% 2%;
		-moz-border-radius:20px;
		-webkit-border-radius:20px;
		border-radius:20px;
		font-size:16px;
		/*-moz-box-shadow: 0px 1px 0px 0px #636363;
		-webkit-box-shadow: 0px 1px 0px 0px #636363;
		box-shadow: 0px 1px 0px 0px #636363;*/
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #e0e0e0), color-stop(1, #b0b0b0));
		background:-moz-linear-gradient(top, #e0e0e0 5%, #b0b0b0 100%);
		background:-webkit-linear-gradient(top, #e0e0e0 5%, #b0b0b0 100%);
		background:-o-linear-gradient(top, #e0e0e0 5%, #b0b0b0 100%);
		background:-ms-linear-gradient(top, #e0e0e0 5%, #b0b0b0 100%);
		background:linear-gradient(to bottom, #e0e0e0 5%, #b0b0b0 100%);
		background-color:#e0e0e0;
		border:1px solid #b3b3b3;
		display:inline-block;
		cursor:pointer;
		color:#000000;
		font-family:Arial;
		font-weight:bold;
		text-decoration:none;
		text-shadow:0px 1px 0px #e6e6e6;
		
	}
	.button-04 a{
		color:#000000 !important;
	}
	.button-04:after {
	}
	.button-04:hover {
		background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #b0b0b0), color-stop(1, #e0e0e0));
		background:-moz-linear-gradient(top, #b0b0b0 5%, #e0e0e0 100%);
		background:-webkit-linear-gradient(top, #b0b0b0 5%, #e0e0e0 100%);
		background:-o-linear-gradient(top, #b0b0b0 5%, #e0e0e0 100%);
		background:-ms-linear-gradient(top, #b0b0b0 5%, #e0e0e0 100%);
		background:linear-gradient(to bottom, #b0b0b0 5%, #e0e0e0 100%);
		background-color:#b0b0b0;
	}
	.button-04:active {
		position:relative;
		top:1px;
	}

/*
@media screen and (max-width:930px){  
	.button-04{
		min-width:95%;
		margin-bottom:1.5%;
	} 
}
*/