@import url(https://fonts.googleapis.com/earlyaccess/sawarabigothic.css);
@import url(//fonts.googleapis.com/css?family=Open+Sans:400,400italic,600,600italic,700,700italic);
@font-face {
	font-family: 'Icons';
	src: url('./font/whhg/font/webhostinghub-glyphs.eot'); /* IE9 Compat Modes */
	src: url('./font/whhg/font/webhostinghub-glyphs.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	/*url('./font/whhg/font/webhostinghub-glyphs.woff') format('woff'), /* Modern Browsers */
	url('./font/whhg/font/webhostinghub-glyphs.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('./font/whhg/font/webhostinghub-glyphs.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: 'Icons2';
	src: url('./font/foundation/foundation-icons/foundation-icons.eot'); /* IE9 Compat Modes */
	src: url('./font/foundation/foundation-icons/foundation-icons.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('./font/foundation/foundation-icons/foundation-icons.woff') format('woff'), /* Modern Browsers */
	url('./font/foundation/foundation-icons/foundation-icons.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('./font/foundation/foundation-icons/foundation-icons.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: 'SNSIcons';
	src: url('./font/icomoon/fonts/icomoon.eot'); /* IE9 Compat Modes */
	src: url('./font/icomoon/fonts/icomoon.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
	url('./font/icomoon/fonts/icomoon.woff') format('woff'), /* Modern Browsers */
	url('./font/icomoon/fonts/icomoon.ttf')  format('truetype'), /* Safari, Android, iOS */
	url('./font/icomoon/fonts/icomoon.svg#svgFontName') format('svg'); /* Legacy iOS */
}
@font-face {
	font-family: 'Font Awesome 5 Brands';
	src: url('./font/fontawesome-web/webfonts/fa-brands-400.woff2') format('woff2');
}
@font-face {
	font-family: 'Font Awesome 5 Free';
	src: url('./font/fontawesome-web/webfonts/fa-solid-900.woff2') format('woff2');
}
@font-face {
	font-family: 'Font Awesome 5 Free';
	src: url('./font/fontawesome-web/webfonts/fa-regular-400.woff2') format('woff2');
}
@font-face {
	font-family: 'FontAwesome';
	src: url('./font/fontawesome-web/webfonts/fa-solid-900.woff2') format('woff2');
}
@font-face {
	font-family: 'FontAwesome';
	src: url('./font/fontawesome-web/webfonts/fa-brands-400.woff2') format('woff2');
}
@font-face {
	font-family: 'FontAwesome';
	src: url('./font/fontawesome-web/webfonts/fa-regular-400.woff2') format('woff2');
	unicode-range: U+F003, U+F006, U+F014, U+F016-F017, U+F01A-F01B, U+F01D, U+F022, U+F03E, U+F044, U+F046, U+F05C-F05D, U+F06E, U+F070, U+F087-F088, U+F08A, U+F094, U+F096-F097, U+F09D, U+F0A0, U+F0A2, U+F0A4-F0A7, U+F0C5, U+F0C7, U+F0E5-F0E6, U+F0EB, U+F0F6-F0F8, U+F10C, U+F114-F115, U+F118-F11A, U+F11C-F11D, U+F133, U+F147, U+F14E, U+F150-F152, U+F185-F186, U+F18E, U+F190-F192, U+F196, U+F1C1-F1C9, U+F1D9, U+F1DB, U+F1E3, U+F1EA, U+F1F7, U+F1F9, U+F20A, U+F247-F248, U+F24A, U+F24D, U+F255-F25B, U+F25D, U+F271-F274, U+F278, U+F27B, U+F28C, U+F28E, U+F29C, U+F2B5, U+F2B7, U+F2BA, U+F2BC, U+F2BE, U+F2C0-F2C1, U+F2C3, U+F2D0, U+F2D2, U+F2D4, U+F2DC;
}
@font-face {
	font-family: 'FontAwesome';
	src: url('./font/fontawesome-web/webfonts/fa-v4compatibility.woff2') format('woff2');
	unicode-range: U+F041, U+F047, U+F065-F066, U+F07D-F07E, U+F080, U+F08B, U+F08E, U+F090, U+F09A, U+F0AC, U+F0AE, U+F0B2, U+F0D0, U+F0D6, U+F0E4, U+F0EC, U+F10A-F10B, U+F123, U+F13E, U+F148-F149, U+F14C, U+F156, U+F15E, U+F160-F161, U+F163, U+F175-F178, U+F195, U+F1F8, U+F219, U+F27A;
}


/****************************************
RESET
****************************************/
html{
	color: #000000;
	background: #ffffff;
}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, textarea,
p, blockquote, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset,
img {
	border:0;
}
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
li {
	list-style:none;
}
	
caption,
th {
	text-align:left;
}
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after {
	content:”;
}
abbr, acronym {
	border:0;
	font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
	vertical-align:text-top;
}
sub {
	vertical-align:text-bottom;
}
input,
textarea,
select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
/*to enable resizing for IE*/
input,
textarea,
select {
	*font-size:100%;
}
/*because legend doesn’t inherit in IE */
legend {
	color:#000;
}
img {
	margin: 0;
	padding: 0;
	vertical-align: bottom;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: ”;
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* iOSでのデフォルトスタイルをリセット */
input[type="submit"],
input[type="reset"],
input[type="button"] {
	border-radius: 0;
	-webkit-box-sizing: content-box;
	-webkit-appearance: button;
	appearance: button;
	border: none;
	box-sizing: border-box;
	cursor: pointer;
}
input[type="submit"]::-webkit-search-decoration,
input[type="reset"]::-webkit-search-decoration,
input[type="button"]::-webkit-search-decoration {
	display: none;
}
input[type="submit"]::focus,
input[type="reset"]::focus,
input[type="button"]::focus {
	outline-offset: -2px;
}


/****************************************
BASE
****************************************/
a:link	{ color: #0088d7; font-weight: normal; text-decoration: none; } /* 普通のリンク色 */
a:visited { color: #0088d7; font-weight: normal; text-decoration: none; } /* すでに見たリンク色 */
a:active { color: #6fc4ec; font-weight: normal; text-decoration: none; } /* クリックしたときのリンク色 */
a:hover	{ color: #6fc4ec; font-weight: normal; text-decoration: none; } /* カーソルが乗ったときのリンク色 */
a:hover,a.hover {
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
/*
a:hover img,a.hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
*/
html, body {
	height: 100%;
		}
body {
	background: #ffffff;
	margin: 0 auto;
	font-size: 100%;
	line-height: 180%;
	color: #1b1b1b;
	font-family: "Sawarabi Gothic",sans-serif;
	-webkit-text-size-adjust : none;
/*
font-family: Avenir,"Open Sans","Helvetica Neue",Helvetica,Arial,Verdana,Roboto,"游ゴシック","Yu Gothic","游ゴシック体","YuGothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","Meiryo UI","メイリオ",Meiryo,"ＭＳ Ｐゴシック","MS PGothic",sans-serif;
font-family: "KozGoPro-Light", "小塚ゴシック Pro L", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "游ゴシック", YuGothic, "メイリオ", Meiryo, sans-serif;
font-family: "ヒラギノ丸ゴ Pro W4","ヒラギノ丸ゴ Pro","Hiragino Maru Gothic Pro","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","HG丸ｺﾞｼｯｸM-PRO","HGMaruGothicMPRO";
font-family: 'Noto Sans Japanese', "游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", Osaka, 'ＭＳ Ｐゴシック', 'MS PGothic', sans-serif;
font-family: -apple-system,BlinkMacSystemFont,"Helvetica Neue","Hiragino Sans","Hiragino Kaku Gothic ProN","游ゴシック  Medium",meiryo, sans-serif;
font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "MS P明朝" , "MS PMincho" , serif;
*/
}
@media screen and (max-width: 680px) {

}
img {
	margin: 0;
	padding: 0;
	width: 100%;
}

h1,h2,h3,h4,h5,h6 {

}
h1 {
	background: #0088d7;
	width: 100%;
	margin: 0 auto;
	padding: 3px 0;
	font-size: 75%;
	text-align: center;
	color: #ffffff;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	position: relative;
	z-index: 100;
}
h1 .lang_zone {
	position: absolute;
	top: 5%;
	right: 3%;
}
h1 .lang_zone ul {
	width: auto;
}
h1 .lang_zone ul:after {
	content: "";
	display: block;
	clear: both;
}
h1 .lang_zone ul li {
	display: inline-block;
	width: auto;
	margin: 0 0.5%;
}
h1 .lang_zone ul li:first-child {
	margin: 0 0.5% 0 0;
}
h1 .lang_zone ul li:last-child {
	margin: 0 0 0 0.5%;
}
h1 .lang_zone ul li a {
	display: block;
	text-decoration: underline;
}
h1 .lang_zone ul li a:hover,h1 .lang_zone ul li a.hover {
	text-decoration: none;
}
@media only screen and (max-width: 680px) {
	h1 {

	}
	h1 .lang_zone {
		display: none;
	}
}
#wall h2 {
	background: #0088d7;
	margin: 5% auto 1%;
	padding: 2px 0;
	font-size: 130%;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
}
#wall h2.title {
	margin: 0 auto 3%;
}
#wall h2:before {
	margin: 0;
	display: block;
	content: "";
	border-top: 1px #ffffff dashed;
}
#wall h2:after {
	margin: 0;
	display: block;
	content: "";
	border-bottom: 1px #ffffff dashed;
}
@media only screen and (max-width: 680px) {
	#wall h2 {
		width: 96%;
		font-size: 90%;
	}
	#wall h2.title {
		display: block;
		margin: 3% auto;
	}
}
#wall h3 {
	background: #0088d7 url(../img/common/palm-trees.png) 1% 45% no-repeat;
	background-size: 5.5%;
	display: block;
	margin: 0 auto 1%;
	padding: 1% 2% 1% 7%;
	font-size: 130%;
	color: #ffffff;
	position: relative;
}
/*
#wall h3:before {
	font-family: "Icons";
	content: "\f131";
	padding: 0 1% 0 0;
	font-size: 110%;
	vertical-align: sub;
}
*/
#wall h3 span {
	font-size: 80%;
	position: absolute;
	bottom: 15%;
	right: 2%;
}
#wall h3 span:before {
	content: "-";
	padding: 0 2px 0 0;
}
#wall h3 span:after {
	content: "-";
	padding: 0 0 0 2px;
}
@media only screen and (max-width: 680px) {
	#wall h3	{
		font-size: 110%;
	}
}
h4:before {

}
h4 {

}
h4 span {

}
@media only screen and (max-width: 680px) {

}
h5 {

}

@media only screen and (max-width: 680px) {

}
#wall {
	width: 100%;
	max-width: 1000px;
	height: auto;
	min-height: 600px;
	margin: 0 auto;
	padding: 0 0 10%;
	position: relative;
}
.menu_bar {
	width: 19%;
	margin: 0 1% 0 0;
	float: left;
}
#content {
	width: 58%;
	margin: 0 1%;
	float: left;
}
.calam2 #content {
	width: 80%;
	margin: 0;
	overflow: hidden;
	float: left;
}
.content_inner {
	margin: 0 auto 5%;
	max-width: 1000px;
	width: 100%;
}
.right_side {
	width: 19%;
	margin: 0 0 0 1%;
	float: left;
}
.under_side {
	display: none;
}
#wall:after,#content:after,.content_inner:after {
	content: "";
	display: block;
	clear: both;
}
#content p,.content_inner p {

}
@media only screen and (max-width: 680px) {
	.content_inner {
		width: 98%;
		margin: 0 auto 10%;
	}
	#content,.calam2 #content {
		width: 96%;
		margin: 0 auto;
		padding: 0 2%;
		float: none;
	}
	#content p,.content_inner p {

	}
	.menu_bar {
		display: none;
	}
	.right_side {
		width: 96%;
		margin: 8% auto 0;
		padding: 0 2%;
		float: none;
	}
	.under_side {
		display: block;
		width: 96%;
		margin: 0 auto;
	}
}
.pc {
	display: inline-block;
}
.sp {
	display: none;
}
@media only screen and (max-width: 680px) {
	.pc {
		display: none;
	}
	.sp {
		display: block;
	}
}
.clear {
	clear: both;
}
.big {
	font-size: 200%;
}
.small {
	font-size: 75%;
}
.mincho {
	/* font-family: "游明朝" , "Yu Mincho" , "游明朝体" , "YuMincho" , "ヒラギノ明朝 Pro W3" , "Hiragino Mincho Pro" , "HiraMinProN-W3" , "HGS明朝E" , "MS P明朝" , "MS PMincho" , serif; */
	font-family: "Sawarabi Mincho";
}

/****************************************
effect
****************************************/
/* 画面外にいる状態 */
.effect {
	opacity : 0.1;
	transform : translate(0, 50px);
	transition : all 500ms;
}
	
/* 画面内に入った状態 */
.effect.scrollin {
	opacity : 1;
	transform : translate(0, 0);
}

/****************************************
tub
****************************************/
.tub {
	width: 100%;
	max-width: 1000px;
	margin: 0.5% auto;
	font-size: 80%;
}
@media only screen and (max-width: 680px) {
	.tub {
		display: none;
	}
}
.breadcrumb {
	width: 100%;
}
.breadcrumb li {
	display: inline-block;
	margin: 0;
	width: auto;
}
.breadcrumb li a {
	display: inline-block;
	margin: 0;
	padding: 0;
	width: auto;
	text-decoration: underline;
}
.breadcrumb li a:hover,.breadcrumb li a.hover {
	text-decoration: none;
}
.breadcrumb li::after {
	content: '\00bb';
	margin: 0 10px;
	display: block;
	float: right;
}
.breadcrumb li:last-child::after {
	display: none;
}

/****************************************
CALAM
****************************************/
.main-contents {

}
.side_bar {

}

@media screen and (max-width: 1000px) {

}


@media screen and (max-width: 680px) {

}

/****************************************
backtop
****************************************/
.backtotop {
	position: fixed;
	right: 15px;
	bottom: 35px;
	z-index: 9000;
	display: none;
	text-align: center;
}

.backtotop a {
	display: block;
	color: #eeeeee;
	padding: 15px 20px;
	margin: 0;
	background-color: #a0a0a0;
	border-radius: 0;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}
.backtotop a:before {
	font-family: "Icons2";
	font-size: 200%;
	content: "\f144";
}
.backtotop a:hover {
	text-decoration: none;
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
@media screen and (max-width: 680px) {
	.backtotop {
		position: relative;
		right: 0;
		bottom: 0;
		z-index: 1;
		margin: 2% auto;
	}
	.backtotop a {
		padding: 10px 15px;
		line-height: 100%;
	}
}

/****************************************
header
****************************************/

header {
	background: #ffffff url(../img/header/header_back.png) repeat;
	background-size: 100%;
	width: 98%;
	height: auto;
	margin: 0;
	padding: 1%;
	text-align: center;
	position: relative;
	/* z-index: 9998; */
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
header.fixed {

}
header .inner {
	width: 100%;
	max-width: 1000px;
	margin: 0 auto;
	position: relative;
}
header:after,header .inner:after {
	content: "";
	clear: both;
	display: block;
}
header .logo {
	display: block;
	width: 30%;
	color: #0088d7;
	position: relative;
}
header .logo span {
	display: block;
	font-size: 80%;
	text-align: center;
	line-height: 35%;
}
header .logo i {
	position: absolute;
	bottom: 0;
	right: 0;
	font-weight: bold;
	text-shadow: 2px 2px 0 #FFF, -2px -2px 0 #FFF, -2px 2px 0 #FFF, 2px -2px 0 #FFF, 0px 2px 0 #FFF, 0-2px 0 #FFF, -2px 0 0 #FFF, 2px 0 0 #FFF;
}
/*
@keyframes turnY{
	0%{transform:rotateY(0deg);}
	100%{transform:rotateY(360deg);}
}
header .logo:hover {
	animation-name:turnY;
	animation-duration:3s;
	animation-iteration-count:1;
}
*/
header .logo img {

}

header .address {
	background: rgba(0,136,215,0.7);
	width: 50%;
	height: auto;
	margin: 0;
	padding: 2%;
	font-size: 95%;
	text-align: left;
	color: #ffffff;
	position: absolute;
	top: 0;
	right: 0;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
header .address:after {
	display: block;
	content: "";
	clear: both;
}
header .address .time {
	width: 40%;
	margin: 0 auto;
	line-height: 140%;
	display: block;
	font-size: 90%;
	text-align: right;
	float: left;
}
header .address .time div.time_title {
	background: #32b16c;
	padding: 1px 2px;
	text-align: center;
	font-size: 110%;
}
header.fixed .address .time div.time_title {
	display: none;
}
header .address .time div.time_days {
	margin: 5% 0 0;
	line-height: 170%;
	text-align: center;
}
header.fixed .address .time div.time_days {
	margin: 0;
}
header .address .time span.br {
	display: block;
}
header.fixed .address .time {
	/* display: none; */
}
header .address .tel_frame {
	width: auto;
	float: right;
}
header .address .tel {
	display: block;
	padding: 10px 0 5px;
	font-size: 250%;
	text-align: center;
	font-weight: bold;
}
header .address .tel:before {
	font-family: "Icons";
	font-size: 70%;
	padding-right: 5px;
	content: "\f15b";
}
@keyframes Flash1{
	50%{
		opacity: 0;
	}
}
header .address .atend {
	display: block;
	text-align: center;
	font-size: 95%;
	animation: Flash1 1s infinite;
}

@media only screen and (max-width: 1000px) {
	header {
		width: 100%;
		padding: 2% 0;
	}
	header .logo {
		width: 25%;
		margin: 0 auto;
		padding: 2% 0;
	}
	header .logo span {
		display: none;
	}
	header .address {
		display: none;
	}
	header .address .time {
		width: 100%;
		text-align: center;
		float: none;
	}
	header .address .time div.time_days {
		margin: 1% 0 0;
	}
	header .address .time span.br {
		display: unset;
		padding: 0 0 0 1%;
	}
	header .address .tel_frame {
		float: none;
		font-size: 80%;
		line-height: 150%;
	}
}
@media only screen and (max-width: 680px) {
	header .logo {
		margin: 0 0 0 2%;
		padding: 1% 0;
	}
	header .logo span {
		display: none;
	}
	header .logo i {
		font-size: 50%;
	}
	header .address {
		font-size: 80%;
	}
	header .address .tel_frame {
		display: none;
	}
	header .menu_button {
		width: 50px;
		height: 35%;
		position: absolute;
		text-align: center;
		z-index: 999;
		right: 3%;
		top: 15%;
		text-align: center;
		font-size: 55%;
		color: #0088d7;
		line-height: 70%;
		cursor: pointer;
	}
	header .menu_button span {
		display: block;
		width: 100%;
		margin: 0 auto;
		padding: 3px 0;
		border-top: 5px #0088d7 solid;
	}
	/*
	header .menu_button span:before {
		font-family: "Icons";
		font-size: 200%;
		content: "\f127";
	}
	*/
	header nav.menu {
		background: rgba(255,255,255,0.9);
		color: #ffffff;
		width: 100%;
		font-size: 70%;
		line-height: 220%;
		position: absolute;
		top: 116%;
		left: 0;
		z-index: 9999;
	}
	header header nav.menu ul {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	header nav.menu ul li {
		border-bottom: dotted 1px #1b1b1b;
		text-align: right;
	}
	header nav.menu ul li:last-child {
		border-bottom: none;
	}
	header nav.menu ul li a {
		display: block;
		padding: 3px 3% 3px 0;
		color: #0088d7;
		font-size: 115%;
		line-height: 110%;
	}
	header nav.menu ul li a span {
		display: block;
		padding: 3px 0 0;
		font-size: 70%;
	}

}

/****************************************
footer
****************************************/
footer {
	background: #0088d7;
	padding: 3% 0 0;
	color: #ffffff;
}
footer:after {
	content: "";
	clear: both;
	display: block;
}
footer h4:before {
	padding-right: 3px;
	font-family: "Icons";
	font-size: 75%;
	content: "\f504";
}
footer h4 {
	margin: 0;
	padding: 0 0 0 2%;
	color: #ffffff;
	font-size: 110%;
	text-align: left;
}
footer h4 span {

}
footer .footer_group {
	margin: 0 auto;
	width: 98%;
	max-width: 1000px;
}
footer .footer_group:after {
	content: "";
	clear: both;
	display: block;
}
footer .footer_group .list {
	width: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}
footer .footer_group .list ul {
	width: auto;
	margin: 0 auto;
	font-size: 85%;
}
footer .footer_group .list ul:after {
	content: "";
	clear: both;
	display: block;
}
footer .footer_group .list ul li {
	display: inline-block;
	padding: 0 1% 1% 0;
}
footer .footer_group .list ul li a {
	text-decoration: underline;
	color: #ffffff;
}
footer .footer_group .list ul li a:hover,footer .footer_group .list ul li a.hover {
	text-decoration: none;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
footer .footer_group .sns {
	width: auto;
	margin: 0;
	padding: 0;
	text-align: center;
}
footer .footer_group .sns ul {
	width: auto;
	margin: 0 auto;
	text-align: center;
}
footer .footer_group .sns ul:after {
	display: block;
	content: "";
	clear: both;
}
footer .footer_group .sns ul li {
	display: block;
	width: auto;
	margin: 0 1%;
	float: left;
}
footer .footer_group .sns ul li a {
	color: #ffffff;
	visibility: hidden;
}
footer .footer_group .sns ul li.x a {
}
footer .footer_group .sns ul li.x a:before {
	display: block;
	font-family: "FontAwesome";
	content: "\e61b";
	padding: 0 1% 0 0;
	font-size: 150%;
	vertical-align: sub;
	visibility: visible;
}
footer .footer_group .sns ul li.instagram a {
}
footer .footer_group .sns ul li.instagram a:before {
	display: block;
	font-family: "FontAwesome";
	content: "\f16d";
	padding: 0 1% 0 0;
	font-size: 150%;
	vertical-align: sub;
	visibility: visible;
}
footer .footer_group .sns ul li.tiktok a {
}
footer .footer_group .sns ul li.tiktok a:before {
	display: block;
	font-family: "FontAwesome";
	content: "\e07b";
	padding: 0 1% 0 0;
	font-size: 150%;
	vertical-align: sub;
	visibility: visible;
}
footer .copy {
	text-align: center;
	font-size: 90%;
}
footer .copy a {
	color: #ffffff;
}
@media only screen and (max-width: 680px) {
	footer {
		padding: 0.5% 0 0;
	}
	footer .footer_group {
		font-size: 90%;
	}
	footer .footer_group .list ul {
		line-height: 160%;
	}
	footer .copy {
		font-size: 70%;
	}
}

/****** FIXED_NAV ******/


@media screen and (max-width: 680px) {
	#fixed_nav .fixed_nav {
		position: fixed;
		z-index: 9999;
		bottom: 0;
		left: 0;
		overflow: hidden;
		width: 100%;
		height: auto;
		padding: 2% 0;
		background: rgba(50,177,108,0.7);
	}
	#fixed_nav .static {
		margin: 5% auto 0;
		position: static;
	}
	#fixed_nav .fixed_nav ul.fixed_menu {
		margin: 0 auto;
		width: 98%;
	}
	#fixed_nav .fixed_nav ul.fixed_menu li {
		margin: 0;
		width: 50%;
		display: block;
		float: left;
	}
	#fixed_nav .fixed_nav ul.fixed_menu li:first-child {
		margin: 0;
	}
	#fixed_nav .fixed_nav ul.fixed_menu li a {
		margin: 0 auto;
		padding: 10px 0;
		width: 96%;
		background: #ffffff;
		display: block;
		text-align: center;
		border-radius: 5px;
		color: #0088d7;
		font-size: 12px;
		font-weight: bold;
	}
	#fixed_nav .fixed_nav ul.fixed_menu li a:hover,#fixed_nav .fixed_nav ul.fixed_menu li a.hover {
		color: #6fc4ec;
		transition: all 0.5s ease;
		-webkit-transition: all 0.5s ease;
		-moz-transition: all 0.5s ease;
		-o-transition: all 0.5s ease;
	}
	#fixed_nav .fixed_nav ul.fixed_menu li.tel a:before {
		font-family: "Icons2";
		font-size: 200%;
		content: "\f1f8";
		vertical-align: bottom;
		padding: 5px;
	}
	#fixed_nav .fixed_nav ul.fixed_menu li.mail a:before {
		font-family: "Icons";
		font-size: 130%;
		content: "\f136";
		vertical-align: bottom;
		padding: 5px;
	}
	#fixed_nav .fixed_nav ul.fixed_menu li.line_b a:before {
		font-family: "Icons";
		font-size: 130%;
		content: "\f697";
		vertical-align: bottom;
		padding: 5px;
	}
	#fixed_nav .fixed_nav ul.fixed_menu li.map a:before {
		font-family: "FontAwesome";
		font-size: 130%;
		content: "\f3c5";
		vertical-align: bottom;
		padding: 5px;
	}
}


/****** MENU_BAR ******/
.menu_bar ul.list {
	width: 100%;
}
.menu_bar ul.list li {
	width: 100%;
	margin: 0 auto 1%;
}
.menu_bar ul.list li:last-child {
	margin: 0 auto;
}
.menu_bar ul.list li a {
	background: #f29600;
	display: block;
	margin: 0;
	padding: 6% 5%;
	font-size: 90%;
	color: #ffffff;
	overflow: hidden;
	position: relative;
}
.menu_bar ul.list li a span {
	font-size: 80%;
	position: absolute;
	bottom: 0;
	right: 2%;
}
.menu_bar ul.list li a span:before {
	content: "-";
	padding: 0 2px 0 0;
}
.menu_bar ul.list li a span:after {
	content: "-";
	padding: 0 0 0 2px;
}
/*
.menu_bar ul.list li a:before {
	margin: 0;
	display: block;
	content: "";
	border-top: 1px #ffffff dashed;
}
.menu_bar ul.list li a:after {
	margin: 0;
	display: block;
	content: "";
	border-bottom: 1px #ffffff dashed;
}
*/
.menu_bar ul.list li a:before {
	font-family: "Icons";
	padding: 0 2% 0 0;
	font-size: 130%;
	vertical-align: bottom;
}
.menu_bar ul.list li:nth-child(1) a:before {
	content: "\21b8";
}
.menu_bar ul.list li:nth-child(2) a:before {
	content: "\f24d";
}
.menu_bar ul.list li:nth-child(3) a:before {
	content: "\f4d0";
}
.menu_bar ul.list li:nth-child(4) a:before {
	content: "\f5e4";
}
.menu_bar ul.list li:nth-child(5) a:before {
	content: "\f209";
}
.menu_bar ul.list li:nth-child(6) a:before {
	content: "\f3dc";
}
.menu_bar ul.list li:nth-child(7) a:before {
	content: "\f137";
}
.menu_bar ul.list li:nth-child(8) a:before {
	content: "\f1b7";
}
.menu_bar ul.list li:nth-child(9) a:before {
	content: "\f78c";
}
.menu_bar ul.list li:nth-child(10) a:before {
	content: "\f092";
}
.menu_bar ul.list li a:hover,.menu_bar ul.list li a.hover {
	background: #ffc567;
	/*
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	-ms-transform: scale(1.1);
	transform: scale(1.1);
	text-decoration: none;
	filter:alpha(opacity=90);
	-moz-opacity: 0.9;
	opacity: 0.9;
	*/
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}


/****** SIDE ******/
.right_side {

}
.right_side figure {
	margin: 0 auto 3%;
}
.menu_bar figure,.under_side figure {
	margin: 3% auto;
}
.right_side figure:last-child,.menu_bar figure:last-child,.under_side figure:last-child {
	margin: 3% auto 0;
}
.right_side figure h4,.menu_bar figure h4,.under_side figure h4 {
	background: #004e8d;
	margin: 5% auto;
	padding: 2px 0;
	font-size: 95%;
	text-align: left;
	color: #ffffff;
}
.right_side figure h4 span,.menu_bar figure h4 span,.under_side figure h4 span {
	padding: 0 5%;
}
.right_side figure h4:before,.menu_bar figure h4:before,.under_side figure h4:before {
	margin: 0;
	display: block;
	content: "";
	border-top: 1px #ffffff dashed;
}
.right_side figure h4:after,.menu_bar figure h4:after,.under_side figure h4:after {
	margin: 0;
	display: block;
	content: "";
	border-bottom: 1px #ffffff dashed;
}
figure.banner_zone {

}
figure.banner_zone ul {
	width: 100%;
	margin: 0 auto;
}
figure.banner_zone ul li {
	margin: 0 auto 3%;
}
figure.banner_zone ul li:last-child {
	margin: 0 auto;
}
figure.banner_zone ul li a {
	display: block;
}
figure.banner_zone ul li a img {

}
figure.banner_zone ul li a:hover img {
	filter:alpha(opacity=80);
	-moz-opacity: 0.8;
	opacity: 0.8;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
figure.twitter_zone {
	width: 100%;
	margin: 0 auto;
}
figure.new_girl {
	width: 100%;
	margin: 0 auto;
}
figure.new_girl ul {
	background: #d6f3fb;
	width: 100%;
	max-height: 400px;
	margin: 0 auto;
	overflow-y: auto;
}
figure.new_girl ul li {
	width: 100%;
	margin: 0 auto 2%;
	text-align: center;
	border-bottom: 1px #ffffff dashed;
}
figure.new_girl ul li:last-child {
	margin: 0 auto;
	border-bottom: none;
}
figure.new_girl ul li a {
	display: block;
	margin: 0;
	padding: 5%;
	color: #0088d7;
	line-height: 110%;
}
figure.new_girl ul li a:hover {
	filter:alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	transition: all 0.5s ease;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
}
figure.new_girl ul li a img {
	width: 96%;
	margin: 0 auto 2%;
}
figure.new_girl ul li a p {
	margin: 0 0 1%;
}
figure.new_girl ul li:last-child a p {
	margin: 0;
}
figure.new_girl ul li a .catch_f {
	padding: 0.5% 0;
	font-size: 75%;
	border-top: 1px #0088d7 dotted;
	border-bottom: 1px #0088d7 dotted;
}
figure.new_girl ul li a .top_name {
	font-weight: bold;
	font-size: 95%;
}
figure.new_girl ul li a .size {
	font-size: 75%;
}

@media only screen and (max-width: 1000px) {
	figure.twitter_zone {
		display: none;
	}
}
@media only screen and (max-width: 680px) {
	figure.new_girl ul {
		max-height: max-content;
	}
	figure.new_girl ul:after,figure.new_girl ul li a:after {
		display: block;
		content: "";
		clear: both;
	}
	figure.new_girl ul li,figure.new_girl ul li:last-child {
		width: 30.333333%;
		margin: 1%;
		text-align: center;
		font-size: 80%;
		border: 1px #ffffff solid;
		overflow: hidden;
		float: left;
	}
	figure.twitter_zone {
		display: block;
	}
	figure.new_girl ul li a .catch_f {
		display: none;
	}
}