/*!
Theme Name: hifu
Theme URI: http://underscores.me/
Author: Underscores.me
Author URI: http://underscores.me/
Description: Description
Version: 1.0.0
License: GNU General Public License v2 or later
License URI: LICENSE
Text Domain: hifu
Tags: custom-background, custom-logo, custom-menu, featured-images, threaded-comments, translation-ready

This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.

hifu is based on Underscores https://underscores.me/, (C) 2012-2017 Automattic, Inc.
Underscores is distributed under the terms of the GNU GPL v2 or later.

Normalizing styles have been helped along thanks to the fine work of
Nicolas Gallagher and Jonathan Neal https://necolas.github.io/normalize.css/
*/

html {
    line-height: 1.15;
    -webkit-text-size-adjust: 100%;
    font-size: 62.5%;
    box-sizing: border-box
}

h1 {
    font-size: 2em;
    margin: .67em 0
}

hr {
    box-sizing: content-box;
    overflow: visible;
    background-color: #ccc;
    border: 0;
    height: 1px;
    margin-bottom: 1.5em
}

samp {
    font-family: monospace, monospace;
    font-size: 1em
}

a {
    background-color: white;
    color: #4169e1
}

abbr[title] {
    border-bottom: none;
    text-decoration: underline dotted
}

b,
strong {
    font-weight: bolder
}

small {
    font-size: 80%
}

sub,
sup {
    font-size: 75%;
    line-height: 0;
    position: relative;
    vertical-align: baseline
}

sub {
    bottom: -.25em
}

sup {
    top: -.5em
}

img {
    border-style: none;
    height: auto;
    max-width: 100%;
    margin: 0px 0px 10px 0px;
}

body,
button,
input,
optgroup,
select,
textarea {
    margin: 0
}

button,
input {
    overflow: visible
}

button,
select {
    text-transform: none
}

[type=button],
[type=reset],
[type=submit],
button {
    -webkit-appearance: button
}

[type=button]::-moz-focus-inner,
[type=reset]::-moz-focus-inner,
[type=submit]::-moz-focus-inner,
button::-moz-focus-inner {
    border-style: none;
    padding: 0
}

[type=button]:-moz-focusring,
[type=reset]:-moz-focusring,
[type=submit]:-moz-focusring,
button:-moz-focusring {
    outline: 1px dotted ButtonText
}

fieldset {
    padding: .35em .75em .625em
}

legend {
    color: inherit;
    display: table;
    max-width: 100%;
    white-space: normal
}

progress {
    vertical-align: baseline
}

textarea {
    overflow: auto
}

[type=checkbox],
[type=radio],
legend {
    box-sizing: border-box;
    padding: 0
}

[type=number]::-webkit-inner-spin-button,
[type=number]::-webkit-outer-spin-button {
    height: auto
}

[type=search] {
    -webkit-appearance: textfield;
    outline-offset: -2px
}

[type=search]::-webkit-search-decoration {
    -webkit-appearance: none
}

::-webkit-file-upload-button {
    -webkit-appearance: button;
    font: inherit
}

details {
    display: block
}

summary {
    display: list-item
}

[hidden],
template {
    display: none
}

body,
input,
optgroup,
select {
    color: #404040;
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5
}

body,
button,
input,
optgroup,
select,
textarea {
    font-family: "Noto Sans JP", "游ゴシック体", "Yu Gothic", YuGothic, "ヒラギノ角ゴシック Pro", "Hiragino Kaku Gothic Pro", 'メイリオ', Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif
}

button {
    color: #404040
}

textarea {
    font-size: 14px;
    font-size: 1.4rem;
    line-height: 1.5
}

h1,
h2,
h3,
h4,
h5,
h6 {
    clear: both
}

p {
    margin-bottom: 1.5em
}

cite,
dfn,
em,
i {
    font-style: italic
}

blockquote {
    margin: 0 1.5em
}

address,
table {
    margin: 0 0 1.5em
}

code,
kbd,
pre,
tt,
var {
    font-size: 15px;
    font-size: .9375rem
}

pre {
    background: #eee;
    line-height: 1.6;
    margin-bottom: 1.6em;
    max-width: 100%;
    overflow: auto;
    padding: 1.6em;
    font-family: "Courier 10 Pitch", Courier, monospace
}

code,
kbd,
tt,
var {
    font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace
}

abbr,
acronym {
    border-bottom: 1px dotted #666;
    cursor: help
}

ins,
mark {
    background: #fff9c0;
    text-decoration: none
}

big {
    font-size: 125%
}

*,
:after,
:before {
    box-sizing: inherit
}

body {
    background: #fff
}

ol,
ul {
    margin: 0 0 1.5em 0em
}

ul {
    list-style: disc
}

ol {
    list-style: decimal
}

li>ol,
li>ul {
    margin-bottom: 0;
    margin-left: 1.5em
}

dt {
    font-weight: 700
}

dd {
    margin: 0 1.5em 1.5em
}

figure {
    margin: 1em 0
}

table {
    width: 100%
}

button,
input[type=button],
input[type=reset],
input[type=submit] {
    border: 1px solid;
    border-color: #ccc #ccc #bbb;
    border-radius: 3px;
    background: #e6e6e6;
    color: rgba(0, 0, 0, .8);
    font-size: 12px;
    font-size: .75rem;
    line-height: 1;
    padding: .6em 1em .4em
}

button:hover,
input[type=button]:hover,
input[type=reset]:hover,
input[type=submit]:hover {
    border-color: #ccc #bbb #aaa
}

button:active,
button:focus,
input[type=button]:active,
input[type=button]:focus,
input[type=reset]:active,
input[type=reset]:focus,
input[type=submit]:active,
input[type=submit]:focus {
    border-color: #aaa #bbb #bbb
}

input[type=color],
input[type=date],
input[type=datetime-local],
input[type=datetime],
input[type=email],
input[type=month],
input[type=number],
input[type=password],
input[type=range],
input[type=search],
input[type=tel],
input[type=text],
input[type=time],
input[type=url],
input[type=week],
textarea {
    color: #666;
    border: 1px solid #ccc;
    border-radius: 3px;
    padding: 3px
}

input[type=color]:focus,
input[type=date]:focus,
input[type=datetime-local]:focus,
input[type=datetime]:focus,
input[type=email]:focus,
input[type=month]:focus,
input[type=number]:focus,
input[type=password]:focus,
input[type=range]:focus,
input[type=search]:focus,
input[type=tel]:focus,
input[type=text]:focus,
input[type=time]:focus,
input[type=url]:focus,
input[type=week]:focus,
textarea:focus {
    color: #111
}

select {
    border: 1px solid #ccc
}

textarea {
    width: 100%
}

a:visited {
    color: purple
}

a:active,
a:focus,
a:hover {
    color: #191970
}

a:focus {
    outline: thin dotted
}

a:active,
a:hover {
    outline: 0
}

.main-navigation {
    clear: both;
    display: block
}

.main-navigation ul {
    list-style: none;
    margin: 0;
    padding-left: 0
}

.main-navigation ul ul {
    box-shadow: 0 3px 3px rgba(0, 0, 0, .2);
    float: left;
    position: absolute;
    top: 100%;
    left: -999em;
    z-index: 99999
}

.main-navigation ul ul ul {
    left: -999em;
    top: 0
}

.main-navigation ul ul li.focus>ul,
.main-navigation ul ul li:hover>ul {
    left: 100%
}

.main-navigation ul ul a {
    width: 200px
}

.main-navigation ul li.focus>ul,
.main-navigation ul li:hover>ul {
    left: auto
}

.main-navigation li {
    float: left;
    position: relative
}

.main-navigation a {
    display: block;
    text-decoration: none
}

.main-navigation.toggled ul,
.menu-toggle {
    display: block
}

@media screen and (min-width:37.5em) {
    .menu-toggle {
        display: none
    }

    .main-navigation ul {
        display: block
    }
}

.site-main .comment-navigation,
.site-main .post-navigation,
.site-main .posts-navigation {
    margin: 0 0 1.5em;
    overflow: hidden
}

.comment-navigation .nav-previous,
.post-navigation .nav-previous,
.posts-navigation .nav-previous {
    float: left;
    width: 50%
}

.comment-navigation .nav-next,
.post-navigation .nav-next,
.posts-navigation .nav-next {
    float: right;
    text-align: right;
    width: 50%
}

.screen-reader-text {
    border: 0;
    clip: rect(1px, 1px, 1px, 1px);
    clip-path: inset(50%);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute !important;
    width: 1px;
    word-wrap: normal !important
}

.screen-reader-text:focus {
    background-color: #f1f1f1;
    border-radius: 3px;
    box-shadow: 0 0 2px 2px rgba(0, 0, 0, .6);
    clip: auto !important;
    clip-path: none;
    color: #21759b;
    display: block;
    font-size: 14px;
    font-size: .875rem;
    font-weight: 700;
    height: auto;
    left: 5px;
    line-height: normal;
    padding: 15px 23px 14px;
    text-decoration: none;
    top: 5px;
    width: auto;
    z-index: 100000
}

#content[tabindex="-1"]:focus {
    outline: 0
}

.alignleft {
    display: inline;
    float: left;
    margin-right: 1.5em
}

.alignright {
    display: inline;
    float: right;
    margin-left: 1.5em
}

.aligncenter {
    clear: both;
    display: block;
    margin-left: auto;
    margin-right: auto
}

.clear:after,
.clear:before,
.comment-content:after,
.comment-content:before,
.entry-content:after,
.entry-content:before,
.site-content:after,
.site-content:before,
.site-footer:after,
.site-footer:before,
.site-header:after,
.site-header:before {
    content: "";
    display: table;
    table-layout: fixed
}

.clear:after,
.comment-content:after,
.entry-content:after,
.site-content:after,
.site-footer:after,
.site-header:after {
    clear: both
}

.widget {
    margin: 0 0 1.5em
}

.widget select,
embed,
iframe,
object {
    max-width: 100%
}

.sticky {
    display: block
}

.hentry {
    margin: 0 0 1.5em
}

.updated:not(.published) {
    display: none
}

.entry-content,
.entry-summary,
.page-content {
    margin: 1.5em 0 0
}

.page-links {
    clear: both;
    margin: 0 0 1.5em
}

.comment-content a {
    word-wrap: break-word
}

.infinite-scroll .posts-navigation,
.infinite-scroll.neverending .site-footer {
    display: none
}

.bypostauthor,
.infinity-end.neverending .site-footer {
    display: block
}

.comment-content .wp-smiley,
.entry-content .wp-smiley,
.page-content .wp-smiley {
    border: none;
    margin-bottom: 0;
    margin-top: 0;
    padding: 0
}

.custom-logo-link {
    display: inline-block
}

.wp-caption {
    margin-bottom: 1.5em;
    max-width: 100%
}

.wp-caption img[class*=wp-image-] {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption .wp-caption-text {
    margin: .8075em 0
}

.wp-caption-text {
    text-align: center
}

.gallery {
    margin-bottom: 1.5em
}

.gallery-item {
    display: inline-block;
    text-align: center;
    vertical-align: top;
    width: 100%
}

.gallery-columns-2 .gallery-item {
    max-width: 50%
}

.gallery-columns-3 .gallery-item {
    max-width: 33.33%
}

.gallery-columns-4 .gallery-item {
    max-width: 25%
}

.gallery-columns-5 .gallery-item {
    max-width: 20%
}

.gallery-columns-6 .gallery-item {
    max-width: 16.66%
}

.gallery-columns-7 .gallery-item {
    max-width: 14.28%
}

.gallery-columns-8 .gallery-item {
    max-width: 12.5%
}

.gallery-columns-9 .gallery-item {
    max-width: 11.11%
}

.gallery-caption {
    display: block
}

/*追加CSS*/

.site-footer a {
    background-color: transparent;
    color: #4169e1
}

#newsframe{
  border: solid 2px skyblue;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  overflow: auto;
  height: 180px;
/*  white-space: nowrap;*/
  line-height: 25px;
  margin: 0px 0px 10px 0px;
  border-radius: 0px 0px 5px 5px;
}

#newsframe02{
  border: solid 2px #90ee90;
  padding: 0.5em 1em 0.5em 2.3em;
  position: relative;
  overflow: auto;
  height: 180px;
/*  white-space: nowrap;*/
  line-height: 25px;
  margin: 0px 0px 10px 0px;
  border-radius: 0px 0px 5px 5px;
}

#newsview{
  border-bottom: dashed 1px #d3d3d3;
}

#newsview #newsframe #newsframe02{
  line-height: 1.5;
  padding: 0.5em 0;
  list-style-type: none!important;

}

#newsview #newsframe #newsframe02:before{
  font-family: "Font Awesome 5 Free";
  content: "\f075";/*アイコンの種類*/
  position: absolute;
  left : 1em; /*左端からのアイコンまで*/
  color: skyblue; /*アイコン色*/
}

#bist{
  margin: 0 0 1.5em 0em;
}

#info{
/*	background-image: url("../hifu/img/info.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
*/	/*height: 0;
	padding-top: 5.76923077%;
	background: url("../hifu/img/info.png") 0 0 no-repeat;
	background-size: contain;*/
	/*background-color: #8be4f0;
	background-image:
	 linear-gradient(-90deg, #80deea 50%, transparent 50%, transparent);
	background-size: 14px 14px;*/
	/*position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0;
    background: #e6f4ff;
    color: #5c98d4;
    font-weight: bold;*/
    border: 1px solid #87cefa;	/* 線の太さ・種類・色 */
    border-radius: 5px;
    padding: 0px 10px 0px 10px;	/* 内側の余白 */
    position: relative;
}

#info:before{
	background-color: rgba(255,255,255,0.7);  /* 文字部分背景色・透過度 */
 border-radius: 5px;
 content: '';
 display: block;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 margin: 5px;
 z-index: -1;
}

#info:after{
	 background: repeating-linear-gradient(-45deg, #87cefa, #87cefa 5px, #e0ffff 0, #e0ffff 10px); /* ストライプの色 */
 content: '';
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: -2;
}

#timg img{
	/*ホバー前*/
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
	/*margin: auto;
*/}

#timg:hover img{
  opacity: .7;
}

/*#news{
	background-image: url("../hifu/img/news.png");
	background-repeat: no-repeat;
	background-size: contain;
}

#store{
	background-image: url("../hifu/img/store.png");
	background-repeat: no-repeat;
	background-size: contain;
}*/

#news{
/*	background-image: url("../hifu/img/info.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
*/	/*height: 0;
	padding-top: 5.76923077%;
	background: url("../hifu/img/info.png") 0 0 no-repeat;
	background-size: contain;*/
	/*background-color: #8be4f0;
	background-image:
	 linear-gradient(-90deg, #80deea 50%, transparent 50%, transparent);
	background-size: 14px 14px;*/
	/*position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0;
    background: #e6f4ff;
    color: #5c98d4;
    font-weight: bold;*/
    border: 1px solid #87cefa;	/* 線の太さ・種類・色 */
    border-radius: 5px 5px 0px 0px;;
    padding: 0px 10px 0px 10px;	/* 内側の余白 */
    position: relative;
    margin: auto;
}

#news:before{
	background-color: rgba(255,255,255,0.7);  /* 文字部分背景色・透過度 */
 border-radius: 5px;
 content: '';
 display: block;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 margin: 5px;
 z-index: -1;
}

#news:after{
	 background: repeating-linear-gradient(-45deg, #87cefa, #87cefa 5px, #e0ffff 0, #e0ffff 10px); /* ストライプの色 */
 content: '';
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: -2;
}

#store{
/*	background-image: url("../hifu/img/info.png");
	background-repeat: no-repeat;
	background-size: 100% auto;
*/	/*height: 0;
	padding-top: 5.76923077%;
	background: url("../hifu/img/info.png") 0 0 no-repeat;
	background-size: contain;*/
	/*background-color: #8be4f0;
	background-image:
	 linear-gradient(-90deg, #80deea 50%, transparent 50%, transparent);
	background-size: 14px 14px;*/
	/*position: relative;
    padding: 0.5em 0.7em;
    margin: 2em 0;
    background: #e6f4ff;
    color: #5c98d4;
    font-weight: bold;*/
    border: 1px solid #90ee90;	/* 線の太さ・種類・色 */
    border-radius: 5px 5px 0px 0px;
    padding: 0px 10px 0px 10px;	/* 内側の余白 */
    position: relative;
    margin: auto;
}

#store:before{
	background-color: rgba(255,255,255,0.7);  /* 文字部分背景色・透過度 */
 border-radius: 5px;
 content: '';
 display: block;
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 margin: 5px;
 z-index: -1;
}

#store:after{
	 background: repeating-linear-gradient(-45deg, #90ee90, #90ee90 5px, #e7ffe7 0, #e7ffe7 10px); /* ストライプの色 */
 content: '';
 position: absolute;
 top: 0;
 bottom: 0;
 left: 0;
 right: 0;
 z-index: -2;
}

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.sp { display: none !important; }
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 750px) {
.pc { display: none !important; }
.sp { display: block !important; }
}

.cp_qa *, .cp_qa *:after, .cp_qa *:before {
	font-family: 'Font Awesome 5 Free';
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	font-weight: 900
}
.cp_qa .cp_actab {
	position: relative;
	overflow: hidden;
	width: 100%;
	margin: 0 0 1em 0;
	color: #ffffff;
}
.cp_qa .cp_actab input {
	position: absolute;
	opacity: 0;
}
/* 質問 */
.cp_qa .cp_actab label {
	line-height: 1.6em;
	position: relative;
	display: block;
	margin: 0 0.5em 0.5em 2em;
	padding: 1em 0 2em 0;
	cursor: pointer;
	border-radius: 0.3em;
	background: #05B2DC;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
}
.cp_qa .cp_actab label span {
	display: block;
	padding: 0 2em 1em 2em;
	border-bottom: 1px solid #ffffff;
}
/* --?アイコン */
.cp_qa .cp_actab label::before {
	font-size: 2em;
	position: absolute;
	z-index: 99;
	top: 0.5em;
	left: -1em;
	padding: 0px 0px 0px 11px;
	content: '\f128';
	border: 3px solid #ffffff;
	border-radius: 50%;
	background: #05B2DC;
	display: inline-block;
	width: 1.8em;
	height: 1.8em;
	line-height: 1.8em;
}
/* --▼アイコン */
.cp_qa .cp_actab label::after {
	font-size: 1em;
	font-weight: normal;
	line-height: 1em;
	position: absolute;
	right: 0;
	bottom: 1em;
	content: '▼';
	display: inline-block;
	width: 100%;
	height: 1em;
	padding: 0.5em;
	text-align: right;
	-webkit-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
/* 答え */
.cp_qa .cp_actab .cp_actab-content {
	position: relative;
	overflow: hidden;
	max-height: 0;
	margin: 0 0 0.5em 0;
	padding: 0 0 0 5em;
	-webkit-transition: max-height 0.5s ease;
	        transition: max-height 0.5s ease;
	color: #ffffff;
}
/* --!アイコン */
.cp_qa .cp_actab .cp_actab-content::before {
	font-size: 1.5em;
	position: absolute;
	z-index: 99;
	top: calc(50% - 0.9em);
	left: 2.5em;
	padding: 0 0.6em;
	content: '\f12a';
	color: #ffffff;
	border: 3px solid #ffffff;
	border-radius: 50%;
	background: #009F93;
	width: 1.8em;
	height: 1.8em;
	line-height: 1.8em;
}
.cp_qa .cp_actab .cp_actab-content p {
	margin: 0.5em 0.5em 0.5em 0;
	padding: 1em 1em 1em 3em;
	border-radius: 0.3em;
	background: #009F93;
	box-shadow: 0 1px 2px 0 rgba(0,0,0,0.3);
}
/* 質問を開いた時の仕様 */
/* --答えの高さ */
.cp_qa .cp_actab input:checked ~ .cp_actab-content {
	max-height: 40em;
}
/* 質問をクリックした時の▼アイコンの動き */
.cp_qa .cp_actab input[type=checkbox]:checked + label::after {
	bottom: 0em;
	-webkit-transform: rotateX(180deg);
	transform: rotateX(180deg);
}

/*各店舗情報リンクカラー*/
#ccolor{
	color: #13a2dc;
}

div.todoufuken a:link{
	color: #13a2dc;
}

div.todoufuken a:visited {
 color: #000080;
}

p.address{
	border-top: solid 1px #dcdcdc;
	border-bottom: solid 1px #dcdcdc;
}

h3#camp01{
    border-bottom: 1px #dcdcdc dashed;
    color: #1e90ff;}

h3#info01{
    border-bottom: dashed 1px #dcdcdc;
    color: #1e90ff;
    }

h3#review{
border-bottom: dashed 1px #dcdcdc;
color: #1e90ff;
}

/*トップページ新システムテキスト*/
.newsystem01 {
    font-size: 14px;
    font-weight: bold;
    animation-name: fadein;
    animation-duration: 2s;
    text-align: center;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.newsystem02 {
    font-size: 14px;
    font-weight: bold;
    animation-name: fadein;
    animation-duration: 3s;
    text-align: center;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.newsystem03 {
    font-size: 14px;
    font-weight: bold;
    animation-name: fadein;
    animation-duration: 4s;
    text-align: center;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.newsystem04 {
    font-size: 14px;
    font-weight: bold;
    animation-name: fadein;
    animation-duration: 5s;
    text-align: center;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.newsystem05 {
    font-size: 14px;
    font-weight: bold;
    animation-name: fadein;
    animation-duration: 6s;
    text-align: center;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.newsystem06 {
    font-size: 14px;
    font-weight: bold;
    animation-name: fadein;
    animation-duration: 7s;
    text-align: center;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.newsystem07 {
    font-size: 14px;
    font-weight: bold;
    animation-name: fadein;
    animation-duration: 8s;
    text-align: center;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.newsystem08 {
    font-size: 20px;
    font-weight: bold;
    animation-name: fadein;
    animation-duration: 9s;
    text-align: center;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.newsystem09 {
    font-size: 48px;
    font-weight: bold;
    animation-name: fadein;
    animation-duration: 10s;
    text-align: center;
    color: #29ABE2;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.newsystem10 {
    font-size: 14px;
    font-weight: bold;
    animation-name: fadein;
    animation-duration: 11s;
    text-align: center;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}

.newsystem11 {
    font-size: 38px;
    font-weight: bold;
    animation-name: fadein;
    animation-duration: 10s;
    text-align: center;
    color: #29ABE2;
}
@keyframes fadein {
from {
    opacity: 0;
    transform: translateY(20px);
}
to {
    opacity: 1;
    transform: translateY(0);
}
}
/*.newsystembox{
    background-image: url("../hifu/img/new_service_bg.png");
}*/

.cp_hr04 {
    border-width: 3px 0 0 0;
    border-style: double;
    border-color: #66CCFF;
}

/*ハイフ/脱毛/クリニックボタン*/

.buttonzone{
    position: relative;
}

#hifub{
    max-width: 100%;
    margin: 0px 10px 0px 10px;
}

#datsumoub{
    margin: 0px 10px 0px 10px;
    position: absolute;
    top: 0px;
    left: 260px;
}

#clinicb{
    position: absolute;
    top: 0px;
    left: 520px;
    margin: 0px 10px 0px 10px;
    max-width: 100%;
}

#smabutton{
    position: relative;
}

#hifub2{
    max-width: 100%;
/*    margin: 0px 10px 0px 10px;*/
}

#datsumoub2{
/*    margin: 0px 10px 0px 10px;*/
    position: absolute;
    max-width: 100%;
    left: 50%;
    transform: translateX(-50%);
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
}

#clinicb2{
    position: absolute;
/*    margin: 0px 10px 0px 10px;*/
    max-width: 100%;
    right: 0%;
}