/**
 * device set  SMP View ~736px 737px~ PC View
**/

/**
 * reset
**/

* {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	box-sizing: border-box;
}

img {
	vertical-align: bottom;
}

em, strong {
	font-weight: bold;
	font-style: normal;
}

input[type="text"], 
input[type="email"] {
	-webkit-appearance: none;
}



/**
 * font-size
 * base: 320px
**/

html {
	font-size: 10px;
}

@media (min-width: 352px) and (max-width: 383px) {
	html {
		font-size: 11px;
	}
}

@media (min-width: 384px) and (max-width: 415px) {
	html {
		font-size: 12px;
	}
}

@media (min-width: 416px) and (max-width: 447px) {
	html {
		font-size: 13px;
	}
}

@media (min-width: 448px) and (max-width: 736px) {
	html {
		font-size: 14px;
	}
}



/**
 * base
**/

body {
	line-height: 1.8;
	font-size: 1.4rem;
	font-family: "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, "メイリオ", sans-serif;
	color: #333;
}

a:link    {color: #333; text-decoration: underline;}
a:visited {color: #333; text-decoration: underline;}
a:active  {color: #333; text-decoration: underline;}
a:hover   {color: #8dc63f; text-decoration: none;}
a {
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0.1);
	cursor: pointer;
}



/**
 * glid
**/

@media (min-width: 737px) {
	
	.glid_12, .glid_10 {
		clear: both;
		overflow: hidden;
	}
	
	.glid_12 > * , 
	.glid_10 > * {
		float: left;
	}
	
	.glid_12 > .col_1  { width:  8.333%; }
	.glid_12 > .col_2  { width: 16.666%; }
	.glid_12 > .col_3  { width:     25%; }
	.glid_12 > .col_4  { width: 33.333%; }
	.glid_12 > .col_5  { width: 41.666%; }
	.glid_12 > .col_6  { width:     50%; }
	.glid_12 > .col_7  { width: 58.333%; }
	.glid_12 > .col_8  { width: 66.666%; }
	.glid_12 > .col_9  { width:     75%; }
	.glid_12 > .col_10 { width: 83.333%; }
	.glid_12 > .col_11 { width: 91.666%; }
	.glid_12 > .col_12 { width:    100%; }
	
	.glid_10 > .col_1  { width:     10%; }
	.glid_10 > .col_2  { width:     20%; }
	.glid_10 > .col_3  { width:     30%; }
	.glid_10 > .col_4  { width:     40%; }
	.glid_10 > .col_5  { width:     50%; }
	.glid_10 > .col_6  { width:     60%; }
	.glid_10 > .col_7  { width:     70%; }
	.glid_10 > .col_8  { width:     80%; }
	.glid_10 > .col_9  { width:     90%; }
	.glid_10 > .col_10 { width:    100%; }
	
}



/**
 * utility (basic)
**/

.display_block        { display: block!important; }
.display_none         { display: none!important; }
.display_inline       { display: inline!important; }
.display_inline_block { display: inline-block!important; }

.opacity_0   { opacity:   0!important; }
.opacity_10  { opacity: 0.1!important; }
.opacity_20  { opacity: 0.2!important; }
.opacity_30  { opacity: 0.3!important; }
.opacity_40  { opacity: 0.4!important; }
.opacity_50  { opacity: 0.5!important; }
.opacity_60  { opacity: 0.6!important; }
.opacity_70  { opacity: 0.7!important; }
.opacity_80  { opacity: 0.8!important; }
.opacity_90  { opacity: 0.9!important; }
.opacity_100 { opacity:   1!important; }

.position_absolute { position: absolute!important; }
.position_relative { position: relative!important; }

.margin_0  { margin:      0!important; }
.margin_5  { margin: 0.5rem!important; }
.margin_10 { margin:   1rem!important; }
.margin_15 { margin: 1.5rem!important; }
.margin_20 { margin:   2rem!important; }
.margin_25 { margin: 2.5rem!important; }
.margin_30 { margin:   3rem!important; }
.margin_35 { margin: 3.5rem!important; }
.margin_40 { margin:   4rem!important; }
.margin_45 { margin: 4.5rem!important; }
.margin_50 { margin:   5rem!important; }
.margin_top_0  { margin-top:      0!important; }
.margin_top_5  { margin-top: 0.5rem!important; }
.margin_top_10 { margin-top:   1rem!important; }
.margin_top_15 { margin-top: 1.5rem!important; }
.margin_top_20 { margin-top:   2rem!important; }
.margin_top_25 { margin-top: 2.5rem!important; }
.margin_top_30 { margin-top:   3rem!important; }
.margin_top_35 { margin-top: 3.5rem!important; }
.margin_top_40 { margin-top:   4rem!important; }
.margin_top_45 { margin-top: 4.5rem!important; }
.margin_top_50 { margin-top:   5rem!important; }
.margin_bottom_0  { margin-bottom:      0!important; }
.margin_bottom_5  { margin-bottom: 0.5rem!important; }
.margin_bottom_10 { margin-bottom:   1rem!important; }
.margin_bottom_15 { margin-bottom: 1.5rem!important; }
.margin_bottom_20 { margin-bottom:   2rem!important; }
.margin_bottom_25 { margin-bottom: 2.5rem!important; }
.margin_bottom_30 { margin-bottom:   3rem!important; }
.margin_bottom_35 { margin-bottom: 3.5rem!important; }
.margin_bottom_40 { margin-bottom:   4rem!important; }
.margin_bottom_45 { margin-bottom: 4.5rem!important; }
.margin_bottom_50 { margin-bottom:   5rem!important; }
.margin_left_0  { margin-left:      0!important; }
.margin_left_5  { margin-left: 0.5rem!important; }
.margin_left_10 { margin-left:   1rem!important; }
.margin_left_15 { margin-left: 1.5rem!important; }
.margin_left_20 { margin-left:   2rem!important; }
.margin_left_25 { margin-left: 2.5rem!important; }
.margin_left_30 { margin-left:   3rem!important; }
.margin_left_35 { margin-left: 3.5rem!important; }
.margin_left_40 { margin-left:   4rem!important; }
.margin_left_45 { margin-left: 4.5rem!important; }
.margin_left_50 { margin-left:   5rem!important; }
.margin_right_0  { margin-right:      0!important; }
.margin_right_5  { margin-right: 0.5rem!important; }
.margin_right_10 { margin-right:   1rem!important; }
.margin_right_15 { margin-right: 1.5rem!important; }
.margin_right_20 { margin-right:   2rem!important; }
.margin_right_25 { margin-right: 2.5rem!important; }
.margin_right_30 { margin-right:   3rem!important; }
.margin_right_35 { margin-right: 3.5rem!important; }
.margin_right_40 { margin-right:   4rem!important; }
.margin_right_45 { margin-right: 4.5rem!important; }
.margin_right_50 { margin-right:   5rem!important; }

.padding_0  { padding:      0!important; }
.padding_5  { padding: 0.5rem!important; }
.padding_10 { padding:   1rem!important; }
.padding_15 { padding: 1.5rem!important; }
.padding_20 { padding:   2rem!important; }
.padding_25 { padding: 2.5rem!important; }
.padding_30 { padding:   3rem!important; }
.padding_35 { padding: 3.5rem!important; }
.padding_40 { padding:   4rem!important; }
.padding_45 { padding: 4.5rem!important; }
.padding_50 { padding:   5rem!important; }
.padding_top_0  { padding-top:      0!important; }
.padding_top_5  { padding-top: 0.5rem!important; }
.padding_top_10 { padding-top:   1rem!important; }
.padding_top_15 { padding-top: 1.5rem!important; }
.padding_top_20 { padding-top:   2rem!important; }
.padding_top_25 { padding-top: 2.5rem!important; }
.padding_top_30 { padding-top:   3rem!important; }
.padding_top_35 { padding-top: 3.5rem!important; }
.padding_top_40 { padding-top:   4rem!important; }
.padding_top_45 { padding-top: 4.5rem!important; }
.padding_top_50 { padding-top:   5rem!important; }
.padding_bottom_0  { padding-bottom:      0!important; }
.padding_bottom_5  { padding-bottom: 0.5rem!important; }
.padding_bottom_10 { padding-bottom:   1rem!important; }
.padding_bottom_15 { padding-bottom: 1.5rem!important; }
.padding_bottom_20 { padding-bottom:   2rem!important; }
.padding_bottom_25 { padding-bottom: 2.5rem!important; }
.padding_bottom_30 { padding-bottom:   3rem!important; }
.padding_bottom_35 { padding-bottom: 3.5rem!important; }
.padding_bottom_40 { padding-bottom:   4rem!important; }
.padding_bottom_45 { padding-bottom: 4.5rem!important; }
.padding_bottom_50 { padding-bottom:   5rem!important; }
.padding_left_0  { padding-left:      0!important; }
.padding_left_5  { padding-left: 0.5rem!important; }
.padding_left_10 { padding-left:   1rem!important; }
.padding_left_15 { padding-left: 1.5rem!important; }
.padding_left_20 { padding-left:   2rem!important; }
.padding_left_25 { padding-left: 2.5rem!important; }
.padding_left_30 { padding-left:   3rem!important; }
.padding_left_35 { padding-left: 3.5rem!important; }
.padding_left_40 { padding-left:   4rem!important; }
.padding_left_45 { padding-left: 4.5rem!important; }
.padding_left_50 { padding-left:   5rem!important; }
.padding_right_0  { padding-right:      0!important; }
.padding_right_5  { padding-right: 0.5rem!important; }
.padding_right_10 { padding-right:   1rem!important; }
.padding_right_15 { padding-right: 1.5rem!important; }
.padding_right_20 { padding-right:   2rem!important; }
.padding_right_25 { padding-right: 2.5rem!important; }
.padding_right_30 { padding-right:   3rem!important; }
.padding_right_35 { padding-right: 3.5rem!important; }
.padding_right_40 { padding-right:   4rem!important; }
.padding_right_45 { padding-right: 4.5rem!important; }
.padding_right_50 { padding-right:   5rem!important; }

.border_0 { border: none!important; }
.border_1 { border-width: 1px!important; }
.border_2 { border-width: 2px!important; }
.border_3 { border-width: 3px!important; }

.border_radius_0  { border-radius:      0!important; }
.border_radius_5  { border-radius: 0.5rem!important; }
.border_radius_10 { border-radius:   1rem!important; }
.border_radius_15 { border-radius: 1.5rem!important; }
.border_radius_20 { border-radius:   2rem!important; }
.border_radius_25 { border-radius: 2.5rem!important; }
.border_radius_30 { border-radius:   3rem!important; }

.text_left   { text-align: left!important; }
.text_right  { text-align: right!important; }
.text_center { text-align: center!important; }

.vertical_top      { vertical-align: top!important; }
.vertical_middle   { vertical-align: middle!important; }
.vertical_bottom   { vertical-align: bottom!important; }
.vertical_baseline { vertical-align: baseline!important; }

.line_0  { line-height:   0!important; }
.line_10 { line-height:   1!important; }
.line_11 { line-height: 1.1!important; }
.line_12 { line-height: 1.2!important; }
.line_13 { line-height: 1.3!important; }
.line_14 { line-height: 1.4!important; }
.line_15 { line-height: 1.5!important; }
.line_16 { line-height: 1.6!important; }
.line_17 { line-height: 1.7!important; }
.line_18 { line-height: 1.8!important; }
.line_19 { line-height: 1.9!important; }
.line_20 { line-height:   2!important; }
.line_21 { line-height: 2.1!important; }
.line_22 { line-height: 2.2!important; }
.line_23 { line-height: 2.3!important; }
.line_24 { line-height: 2.4!important; }
.line_25 { line-height: 2.5!important; }
.line_26 { line-height: 2.6!important; }
.line_27 { line-height: 2.7!important; }
.line_28 { line-height: 2.8!important; }
.line_29 { line-height: 2.9!important; }
.line_30 { line-height:   3!important; }

.text_underline    { text-decoration: underline!important; }
.text_overline     { text-decoration: overline!important; }
.text_nodecoration { text-decoration: none!important; }

.font_bold   { font-weight: bold!important; }
.font_normal { font-weight: normal!important; }

.font_10 { font-size:   1rem!important; }
.font_11 { font-size: 1.1rem!important; }
.font_12 { font-size: 1.2rem!important; }
.font_13 { font-size: 1.3rem!important; }
.font_14 { font-size: 1.4rem!important; }
.font_15 { font-size: 1.5rem!important; }
.font_16 { font-size: 1.6rem!important; }
.font_17 { font-size: 1.7rem!important; }
.font_18 { font-size: 1.8rem!important; }
.font_19 { font-size: 1.9rem!important; }
.font_20 { font-size:   2rem!important; }
.font_21 { font-size: 2.1rem!important; }
.font_22 { font-size: 2.2rem!important; }
.font_23 { font-size: 2.3rem!important; }
.font_24 { font-size: 2.4rem!important; }
.font_25 { font-size: 2.5rem!important; }
.font_26 { font-size: 2.6rem!important; }
.font_27 { font-size: 2.7rem!important; }
.font_28 { font-size: 2.8rem!important; }
.font_29 { font-size: 2.9rem!important; }
.font_30 { font-size:   3rem!important; }

.color_black  { color: #000!important; }
.color_white  { color: #fff!important; }
.color_gray   { color: #808080!important; }
.color_red    { color: #ff0000!important; }
.color_blue   { color: #0000ff!important; }
.color_orange { color: #ffa500!important; }
.color_yellow { color: #ffff00!important; }
.color_pink   { color: #ffc0cb!important; }
.color_green  { color: #008000!important; }

.bgcolor_black  { background-color: #000!important; }
.bgcolor_white  { background-color: #fff!important; }
.bgcolor_gray   { background-color: #808080!important; }
.bgcolor_red    { background-color: #ff0000!important; }
.bgcolor_blue   { background-color: #0000ff!important; }
.bgcolor_orange { background-color: #ffa500!important; }
.bgcolor_yellow { background-color: #ffff00!important; }
.bgcolor_pink   { background-color: #ffc0cb!important; }
.bgcolor_green  { background-color: #008000!important; }

.color_salmon     { color: #e7694b!important; }
.color_lightgreen { color: #75c670!important; }
.color_purple     { color: #a058ca!important; }
.color_darkkhaki  { color: #b8a256!important; }
.color_royalblue  { color: #3673cc!important; }
.color_indianred  { color: #d75f76!important; }

.bgcolor_salmon     { background-color: #e7694b!important; }
.bgcolor_lightgreen { background-color: #75c670!important; }
.bgcolor_purple     { background-color: #a058ca!important; }
.bgcolor_darkkhaki  { background-color: #b8a256!important; }
.bgcolor_royalblue  { background-color: #3673cc!important; }
.bgcolor_indianred  { background-color: #d75f76!important; }

.float_left  { float: left!important; }
.float_right { float: right!important; }
.float_none  { float: none!important; }

.clear      { clear: both!important; }
.clear_none { clear: none!important; }

.clearfix::after {
	content: "";
	display: block;
	clear: both;
}

@media (min-width: 737px) {
	.only_SMP {
		display: none;
	}
}

@media (max-width: 736px) {
	.only_PC {
		display: none;
	}
}