@charset "utf-8";

/* ========================================================
	base.css => 共通基本CSS
======================================================== */


img {
	border:none;
}

/* ClearFix
============================================================================================================ */
.clearfix {
	zoom: 1;
}
.clearfix:after {
	content: "."; display: block; height: 0; clear: both; visibility: hidden; line-height: 0;
}
.clear {
	clear:both;
}


/* float
============================================================================================================ */
.fl {float: left !important;}
.fr {float: right !important;}

/* text-align
============================================================================================================ */
.text_l {text-align: left !important;}
.text_c {text-align: center !important;}
.text_r {text-align: right !important;}


/* margin
============================================================================================================ */
.margin00 {margin: 0 !important;}
.margin_b {margin-bottom: 1.2em !important;}
.margin_b00 {margin-bottom: 0 !important;}
.margin_r00 {margin-right: 00px !important;}
.margin_r10 {margin-right: 10px !important;}
.margin_r20 {margin-right: 20px !important;}
.margin_r25 {margin-right: 25px !important;}
.margin_r30 {margin-right: 30px !important;}
.margin_r40 {margin-right: 40px !important;}
.margin_b05 {margin-bottom: 5px !important;}
.margin_b08 {margin-bottom: 8px !important;}
.margin_b10 {margin-bottom: 10px !important;}
.margin_b15 {margin-bottom: 15px !important;}
.margin_b20 {margin-bottom: 20px !important;}
.margin_b25 {margin-bottom: 25px !important;}
.margin_b30 {margin-bottom: 30px !important;}
.margin_b35 {margin-bottom: 35px !important;}
.margin_b40 {margin-bottom: 40px !important;}
.margin_b45 {margin-bottom: 45px !important;}
.margin_b50 {margin-bottom: 50px !important;}
.margin_t {margin-top: 1.3em !important;}
.margin_t00 {margin-top: 0 !important;}
.margin_t03 {margin-top: 3px !important;}
.margin_t05 {margin-top: 5px !important;}
.margin_t08 {margin-top: 8px !important;}
.margin_t10 {margin-top: 10px !important;}
.margin_t15 {margin-top: 15px !important;}
.margin_t20 {margin-top: 20px !important;}
.margin_t25 {margin-top: 25px !important;}
.margin_t30 {margin-top: 30px !important;}
.margin_t35 {margin-top: 35px !important;}
.margin_t40 {margin-top: 40px !important;}
.margin_t45 {margin-top: 45px !important;}
.margin_t50 {margin-top: 50px !important;}
.margin_l00 {margin-left: 0 !important;}
.margin_l05 {margin-left: 5px !important;}
.margin_l08 {margin-left: 8px !important;}
.margin_l10 {margin-left: 10px !important;}
.margin_l15 {margin-left: 15px !important;}
.margin_l20 {margin-left: 20px !important;}
.margin_l25 {margin-left: 25px !important;}
.margin_l30 {margin-left: 30px !important;}
.margin_l35 {margin-left: 35px !important;}
.margin_l40 {margin-left: 40px !important;}
.margin_l45 {margin-left: 45px !important;}
.margin_l50 {margin-left: 50px !important;}


/* padding
============================================================================================================ */
.padding00 {padding: 0 !important;}
.padding_b {padding-bottom: 1.3em !important;}
.padding_b00 {padding-bottom: 0 !important;}
.padding_b05 {padding-bottom: 5px !important;}
.padding_b08 {padding-bottom: 8px !important;}
.padding_b10 {padding-bottom: 10px !important;}
.padding_b15 {padding-bottom: 15px !important;}
.padding_b20 {padding-bottom: 20px !important;}
.padding_b25 {padding-bottom: 25px !important;}
.padding_b30 {padding-bottom: 30px !important;}
.padding_b35 {padding-bottom: 35px !important;}
.padding_b40 {padding-bottom: 40px !important;}
.padding_b45 {padding-bottom: 45px !important;}
.padding_b50 {padding-bottom: 50px !important;}
.padding_t00 {padding-top: 0 !important;}
.padding_t05 {padding-top: 5px !important;}
.padding_t08 {padding-top: 8px !important;}
.padding_t10 {padding-top: 10px !important;}
.padding_t15 {padding-top: 15px !important;}
.padding_t20 {padding-top: 20px !important;}
.padding_t25 {padding-top: 25px !important;}
.padding_t30 {padding-top: 30px !important;}
.padding_t35 {padding-top: 35px !important;}
.padding_t40 {padding-top: 40px !important;}
.padding_t45 {padding-top: 45px !important;}
.padding_t50 {padding-top: 50px !important;}


/* イメージ要素の半透明処理
============================================================================================================ */
a img.alpha {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
a:hover img.alpha {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}
.alphaGroup a img {
	filter: alpha(opacity=100);
	-moz-opacity:1;
	opacity:1;
}
.alphaGroup a:hover img {
	filter: alpha(opacity=80);
	-moz-opacity:0.8;
	opacity:0.8;
}

/* webfont
============================================================================================================ */
.webfont1 {
font-family: 'Fredericka the Great', cursive;
}

.webfont2 {
font-family: 'Philosopher', sans-serif;
}

.webfont3 {
font-family: 'Courgette', cursive;
}

.webfont4 {
font-family: 'Noto Serif', serif;
}

/* 上部へ戻るボタン
============================================================================================================ */
#page-top {
	position: fixed;
	bottom: 10px;
	right: 10px;
	font-size: 77%;
}
#page-top a {
	background: #AD9A60;
	text-decoration: none;
	color: #fff;
	width: 70px;
	padding: 7px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #AC8B00;
}

/* 改行調整
============================================================================================================ */
.white-space {
  white-space: nowrap;
}

/* FONT
============================================================================================================ */

.font-ss {
	font-size:85% !important;
}

.font-s {
	font-size:90% !important;
}

.font-m {
	font-size:110% !important;
}
.font-l {
	font-size:120% !important;
}
.bold {
	font-weight: bold !important;
}

.nomal {
	font-weight: normal !important;
}

/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){
	

	
	
}


/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

.font-m {
	font-size:13px !important;
}
.font-l {
	font-size:15px !important;
}
	
	
}