@charset "utf-8";
/* CSS Document */

/* # =================================================================
   # Custom　Specific　Design
   # ================================================================= */
/* =================================================================== */




/* # =================================================================
   # レイアウトのためのCSS
   # ================================================================= */
h1{
	font-size:2rem;
	text-align: center;
	text-transform: uppercase;
	padding: 20px;
}

h2{
	font-size:1.2rem;
	text-align: center;
	margin: 0 0 30px 0;
}

p{
	margin-top:20px;	
}

small{
	background:#333;
	color:#fff;
	display: block;
	text-align: center;
	padding:20px;
}


section{
	padding:30px;
}

section:nth-child(2n+1){
	background:#f3f3f3;	
}
/* =================================================================== */
/*===============================================================================================
  クラスオプション環境設定　Classでのオプション　：　リセット・上下スペース
  初期化CSSにて
	display: block;
	box-sizing: border-box;
  を上位で設定している場合は、各アイテムんの設定不要
===============================================================================================	*/
/*	===	領域リセット・リフレッシュ及び上下余白設定		===	*/
.Reset0 {
	width: 100%;
	height: 0;
	margin: 0;
	padding: 0;
	clear: both;
}
.ResetZeropoint5px {
	width: 100%;
	height: 0.5px;
	margin: 0;
	padding: 0;
	clear: both;
}
.Reset1px {
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;

	clear: both;
}
.Reset2px {
	width: 100%;
	height: 2px;
	margin: 0;
	padding: 0;
	clear: both;
}
.Reset3px {
	width: 100%;
	height: 3px;
	margin: 0;
	padding: 0;
	clear: both;
}
.Reset5px {
	width: 100%;
	height: 5px;
	margin: 0;
	padding: 0;
	clear: both;
}
.Reset7px {
	width: 100%;
	height: 7px;
	margin: 0;
	padding: 0;
	clear: both;
}
.Reset10px {
	width: 100%;
	height: 10px;
	margin: 0;
	padding: 0;
	clear: both;
}
.Reset_Zeropoint5em {
	width: 100%;
	height: 0.5em;
	margin: 0;
	padding: 0;
	clear: both;
}
.Reset1em {
	width: 100%;
	height: 1em;
	margin: 0;
	padding: 0;
	clear: both;
}
.Reset2em {
	width: 100%;
	height: 2em;
	margin: 0;
	padding: 0;
	clear: both;
}
.Reset2point5em {
	width: 100%;
	height: 2.5em;
	margin: 0;
	padding: 0;
	clear: both;
}
.Reset3em {
	width: 100%;
	height: 3em;
	margin: 0;
	padding: 0;
	clear: both;
}
.Reset4em {
	width: 100%;
	height: 4em;
	margin: 0;
	padding: 0;
	clear: both;
}
.Reset5em {
	width: 100%;
	height: 5em;
	margin: 0;
	padding: 0;
	clear: both;
}
.Reset7em {
	width: 100%;
	height: 7em;
	margin: 0;
	padding: 0;
	clear: both;
}
.Reset10em {
	width: 100%;
	height: 10em;
	margin: 0;
	padding: 0;
	clear: both;
}
.Reset1vh {
	width: 100%;
	height: 1vh;
	margin: 0;
	padding: 0;
	clear: both;
}
.Reset2vh {
	width: 100%;
	height: 2vh;
	margin: 0;
	padding: 0;
	clear: both;
}
.Reset3vh {
	width: 100%;
	height: 3vh;
	margin: 0;
	padding: 0;
	clear: both;
}
.Reset5vh {
	width: 100%;
	height: 5vh;
	margin: 0;
	padding: 0;
	clear: both;
}
.Reset10vh {
	width: 100%;
	height: 10vh;
	margin: 0;
	padding: 0;
	clear: both;
}
/*	===	キャンパス・ブロック　上下余白設定		===	*/
.Space_1pxh {
	width: 100%;
	height: 1px;
	margin: 0;
	padding: 0;
}
.Space_2pxh {
	width: 100%;
	height: 2px;
	margin: 0;
	padding: 0;
}
.Space_3pxh {
	width: 100%;
	height: 3px;
	margin: 0;
	padding: 0;
}
.Space_4pxh {
	width: 100%;
	height: 4px;
	margin: 0;
	padding: 0;
}
.Space_5pxh {
	width: 100%;
	height: 5px;
	margin: 0;
	padding: 0;
}
.Space_7pxh {
	width: 100%;
	height: 7px;
	margin: 0;
	padding: 0;
}
.Space_10pxh {
	width: 100%;
	height: 10px;
	margin: 0;
	padding: 0;
}
.Space_15pxh {
	width: 100%;
	height: 15px;
	margin: 0;
	padding: 0;
}

.Space_Zeropoint5emh {
	width: 100%;
	height: 0.5em;
	margin: 0;
	padding: 0;
}
.Space_1emh {
	width: 100%;
	height: 1em;
	margin: 0;
	padding: 0;
}
.Space_1pont5emh {
	width: 100%;
	height: 1.5em;
	margin: 0;
	padding: 0;
}
.Space_2emh {
	width: 100%;
	height: 2em;
	margin: 0;
	padding: 0;
}
.Space_2pont5emh {
	width: 100%;
	height: 2.5em;
	margin: 0;
	padding: 0;
}
.Space_3emh {
	width: 100%;
	height: 3em;
	margin: 0;
	padding: 0;
}
.Space_3emh {
	width: 100%;
	height: 3em;
	margin: 0;
	padding: 0;
}
.Space_4emh {
	width: 100%;
	height: 4em;
	margin: 0;
	padding: 0;
}
.Space_5emh {
	width: 100%;
	height: 5em;
	margin: 0;
	padding: 0;
}
.Space_6emh {
	width: 100%;
	height: 6em;
	margin: 0;
	padding: 0;
}
.Space_7emh {
	width: 100%;
	height: 7em;
	margin: 0;
	padding: 0;
}
.Space_8emh {
	width: 100%;
	height: 8em;
	margin: 0;
	padding: 0;
}
.Space_9emh {
	width: 100%;
	height: 9em;
	margin: 0;
	padding: 0;
}
.Space_10emh {
	width: 100%;
	height: 10em;
	margin: 0;
	padding: 0;
}

/*	==================================================================================================

				クラスオプション環境設定　Classでのオプション：フロート・配置・丸目・文字サイズ等

	---------------------------------------------------------------------------------------------	*/
/*	===	汎用フロートオプション	===	*/
.FloatLeft_option {
	float: left;
}
.FloatRight_option {
	float: right;
}

/*	===	汎用・インテンド配置オプション（左・右）	===	*/
.Intend_Left0em_option {
	padding-left: 0em;
}
.Intend_Left1px_option {
	padding-left: 1px;
}
.Intend_Left2px_option {
	padding-left: 2px;
}
.Intend_Left3px_option {
	padding-left: 3px;
}
.Intend_Left4px_option {
	padding-left: 4px;
}
.Intend_Left5px_option {
	padding-left: 5px;
}
.Intend_Left7px_option {
	padding-left: 7px;
}
.Intend_Left10px_option {
	padding-left: 10px;
}
.Intend_Left1em_option  {
	padding-left: 1em;
}
.Intend_Left2em_option  {
	padding-left: 2em;
}
.Intend_Left3em_option  {
	padding-left: 3em;
}
.Intend_Left4em_option  {
	padding-left: 4em;
}
.Intend_Left5em_option  {
	padding-left: 5em;
}

.Intend_Rigth1px_option {
	padding-right: 1px;
}
.Intend_Rigth2px_option {
	padding-right: 2px;
}
.Intend_Rigth3px_option {
	padding-right: 3px;
}
.Intend_Rigth4px_option {
	padding-right: 4px;
}
.Intend_Rigth5px_option {
	padding-right: 5px;
}
.Intend_Rigth7px_option {
	padding-right: 7px;
}
.Intend_Rigth10px_option {
	padding-right: 10px;
}

.Intend_Rigth1em_option  {
	padding-right: 1em;
}
.Intend_Rigth2em_option  {
	padding-right: 2em;
}
.Intend_Rigth3em__option {
	padding-right: 3em;
}
.Intend_Rigth4em_option  {
	padding-right: 4em;
}
.Intend_Rigth5em_option  {
	padding-right: 5em;
}

.Intend_Both1px_option {
	padding-right: 1px;
	padding-left: 1px;
}
.Intend_Both2px_option {
	padding-right: 2px;
	padding-left: 2px;
}
.Intend_Both3px_option {
	padding-right: 3px;
	padding-left: 3px;
}
.Intend_Both4px_option {
	padding-right: 4px;
	padding-left: 4px;
}
.Intend_Both5px_option {
	padding-right: 5px;
	padding-left: 5px;
}
.Intend_Both7px_option {
	padding-right: 7px;
	padding-left: 7px;
}
.Intend_Both10px_option {
	padding-right: 10px;
	padding-left: 10px;
}

.Intend_Both1em_option  {
	padding-right: 1em;
	padding-left: 1em;
}
.Intend_Both2em_option  {
	padding-right: 2em;
	padding-left: 2em;
}
.Intend_Both3em__option {
	padding-right: 3em;
	padding-left: 3em;
}
.Intend_Both4em_option  {
	padding-right: 4em;
	padding-left: 4em;
}
.Intend_Both5em_option  {
	padding-right: 5em;
	padding-left: 5em;
}
/*	===	汎用・インテンド配置オプション（ｐタグ、spanタグの場合2行目も左1文字ずらす）	===	*/
.Intend_Both1em_option_P_S_tag  {
	padding-right: 1em;
	padding-left: 1em;
	text-indent: -1em;
}

/*	===	汎用・ボーダー角丸環境設定	＝＝＝	*/
.Border_Radius5_option {
	border-radius: 5px;
}
.Border_Radius10_option  {
	border-radius: 10px;
}
.Border_Radius15_option  {
	border-radius: 15px;
}
.Border_Radius20_option  {
	border-radius: 20px;
}
.Border_Radius15_top_option  {
	border-top-left-radius: 15px;
	border-top-right-radius: 15px;
}

/*=== 文字行間オプション ===*/
.Line_height-1_1em_opt {
	line-height: 1.1em;
}
.Line_height-1_2em_opt {
	line-height: 1.2em;
}
.Line_height-1_3em_opt {
	line-height: 1.3em;
}
.Line_height-1_4em_opt {
	line-height: 1.4em;
}
.Line_height-1_5em_opt {
	line-height: 1.5em;
}
.Line_height-1_6em_opt {
	line-height: 1.6em;
}
.Line_height-1_7em_opt {
	line-height: 1.7em;
}
.Line_height-1_8em_opt {
	line-height: 1.8em;
}
.Line_height-1_9em_opt {
	line-height: 1.9em;
}
.Line_height-2_0em_opt {
	line-height: 2em;
}
.Line_height-2_5em_opt {
	line-height: 2.5em;
}
.Line_height-3_0em_opt {
	line-height: 3em;
}



/*	===	汎用文字サイズ相対環境設定	===	*/
.Font_size_Small_option {
	font-size: small;
}
.Font_size_Medium_option {
	font-size: medium;
}
.Font_size_Large_option {
	font-size: large;
}
.Font_size_Xlarge_option {
	font-size: x-large;
}
.Font_size_XXlarge_option {
	font-size:xx-large;
}
.Font_size_2em_option {
	font-size: 2em;
	line-height: 3em;
}

/*	===	汎用文字サイズ絶対環境設定	===	*/
.Font_size_10px_option {
	font-size: 10px;
}
.Font_size_12px_option {
	font-size: 12px;
}
.Font_size_14px_option {
	font-size: 14px;
}
.Font_size_15px_option {
	font-size: 15px;
}
.Font_size_16px_option {
	font-size: 16px;
}


/*	===	テキスト配置オプション環境設定	===	*/
.Position_Left_text_option {
	text-align: left;
}
.Position_Right_text_option {
	text-align: right;
}
.Position_Center_text_option {
	text-align: center;
}

/*	文字太さ　オプション 2021年8月22日追加　*/
.Font-Weight_Bold_opt {
	font-weight: bold;
}
.Font-Weight_Nomal_opt {
	font-weight: normal;
}

/* === 相対位置 設定デザイン　=== */
.Position_relative {
	position: relative;
}
.Position_absolute {
	position: absolute;
}


/*	===	汎用文字色環境設定	===	*/
.Color_Red_option {
	color: #F00;
}
.Color_Black_option {
	color: #000;
}
.Color_Gry_option  {
	color: #999;
}
.Color_MiddleGry_option {
	color: #666;
}
.Color_DarkGry_option {
	color: #333;
}
.Color_DarkBule_option {
	color: #009;
}
.Color_White_option {
	color: #FFFFFF;
}
.Color_DarkGeen_option {
	color: #006400;
}
.Color_Orenge_option {
	color: #ffa500;
}
.Color_Corparate_option {
	color: 	#000000;
}
.Color_Shop_option {
	color: 	#000000;
}
.Color_Green_option {
	color: green;
} 
.Color_Blue_option {
	color: blue;
}
.Color_Yellowgreen_option {
	color: yellowgreen;
}
.Color_Forestgreen_option {
	color: forestgreen;
}
.Color_Purple_option {
	color: purple;
}
.Color_TopSection_option {
	color: #e8546e;
}
.Color_DeepPink_option {
	color: deeppink;
}

/*	===	背景色オプション	===	*/
.BG_Color_Red_option {
	background-color: #F00;
}
.BG_Color_Black_option {
	background-color: #000;
}
.BG_Color_Gry_option  {
	background-color: #999;
}
.BG_Color_MiddleGry_option {
	background-color: #666;
}
.BG_Color_DarkGry_option {
	background-color: #333;
}
.BG_Color_DarkBule_option {
	background-color: #009;
}
.BG_Color_White_option {
	background-color: #FFFFFF;
}
.BG_Color_DarkGeen_option {
	background-color: #006400;
}
.BG_Color_Orenge_option {
	background-color: #ffa500;
}
.BG_Color_Ghostwhite_option {
	background-color: ghostwhite;
}

/* === オンマウス・画像　フォバー・半透明化　=== */
.Hover_cintrol_div a:hover img {
  opacity: 0.7;
  filter: alpha(opacity=70);
  -ms-filter: "alpha(opacity=70)";
}