@charset "UTF-8";

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 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

audio, canvas, video {
	display: inline-block;
}

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}


ol, ul {
	list-style: none;
}
input, textarea, keygen, select, button {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;

}

html{
    height: 100%;
}
body {
	position:relative;
	background: #fff;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', "游ゴシック", YuGothic, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, 'ＭＳ Ｐゴシック', Helvetica, Arial, Verdana, sans-serif;
	font-size: 14px;
	color: #444;
	letter-spacing: 0;
	text-align: left;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
	margin: 0;
	padding: 0;
	line-height: 1.2;
	height: 100%;
	width: 100%;
	z-index: 0;
	overflow-x: hidden;
}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	margin: 0;
}
h1 {
}






h2.h2omakase {
	position: relative;
	font-size: 160%;
	padding: 1.5em 0 0 1.6em;
	margin: 0;
	z-index: 10;

}
h2.active span {
}
h2.h2omakase::before {
	position: absolute;
	content: "";
	height: 10px;
	width: 100%;
	bottom: 0px;
	left: 0;
	background-color: #ffebc3;
	z-index: -1;
}
h2.h2omakase::after {
	position: absolute;
	content: "";
	height: 50px;
	width: 25px;
	bottom: 2px;
	left: 4px;
	background-image: url(/sys/img/h2phone.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	z-index: 1;
}
h2.h2omakase span {
	position: relative;
}
h2.h2omakase span:nth-of-type(2) {
	font-size: 70%;
	padding-left: 0.25em;
}
h2.h2omakase span:nth-of-type(1):before {
	position: absolute;
	content: "おまかせ!!";
	color: #fff;
	font-size: 50%;
	text-align: center;
	line-height: 30px;
	height: 30px;
	width: 80px;
	top: -30px;
	right: -80px;
	border-radius: 50%;
	background: #000;
	z-index: 1;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay:0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:normal;
    animation-duration: 3s;
    animation-timing-function: ease-out;
    animation-delay:0s;
    animation-iteration-count: infinite;
    animation-direction:normal;
    -webkit-animation-name: h2squarel;
    animation-name: h2squarel;
}
h2.h2omakase span:nth-of-type(1):after {
    content: " ";
    position: absolute;
    top: -10px;
    right: -19px;
    width: 0;
    height: 0;
	border: 10px solid transparent;
	border-bottom-color: #000;
	border-top-width: 0;
	-webkit-transform: rotate(-25deg);
	transform: rotate(-25deg);
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: ease-out;
    -webkit-animation-delay:0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:normal;
    animation-duration: 3s;
    animation-timing-function: ease-out;
    animation-delay:0s;
    animation-iteration-count: infinite;
    animation-direction:normal;
    -webkit-animation-name: h2squarer;
    animation-name: h2squarer;
}
@-webkit-keyframes h2squarel {
    from,0% { top: -25px; }
    50% { top: -32px; }
    99.9%,to{ top: -25px; }
}
@keyframes h2squarel {
    from,0% { top: -25px; }
    50% { top: -32px; }
    99.9%,to{ top: -25px; }
}
@-webkit-keyframes h2squarer {
    from,0% { top: -5px; }
    50% { top: -12px; }
    99.9%,to{ top: -5px; }
}
@keyframes h2squarer {
    from,0% { top: -5px; }
    50% { top: -12px; }
    99.9%,to{ top: -5px; }
}




h2.h2l9istbox {
	position: relative;
	font-size: 130%;
	text-align: center;
	margin: 1em 1em 0.2em 1em;
	padding: 0.25em 1em;
	border-top: solid 3px #6bcdff;
	border-bottom: solid 3px #6bcdff;
	border-top: solid 3px #930;
	border-bottom: solid 3px #930;
}
h2.h2lis9tbox::before,
h2.h2li9stbox::after{
	content: '';
	position: absolute;
	top: -7px;
	width: 3px;
	height: -webkit-calc(100% + 14px);
	height: calc(100% + 14px);
	background-color: #930;
}
h2.h2l9istbox::before {left: 7px;}
h2.h2li9stbox::after {right: 7px;}

h2.h2listbox {
	font-size: 120%;
	text-align: center;
	margin: 1em 1em 0.2em 1em;
	padding: 0.25em 0.5em;
	border: solid 1px #c67b10;
	background: -moz-linear-gradient(left, #ffcd85, #ff9600); /* mozilla */
	background: linear-gradient(to left, #ffcd85, #ff9600); /* ie */
	background: -webkit-gradient(linear, left top, right top, from(#ffcd85), to(#ff9600)); /* Webkit */
	box-shadow: 1px 1px 0px 0px rgba(255,255,255,0.4) inset, 2px 2px 2px rgba(0,0,0,0.2);
}


.h2listboxkisyu {
	position: absolute;
	color: #fff;
	font-size: 120%;
	text-align: center;
	line-height: 1;
	top: -1.7em;
	width: 100%;
text-shadow: -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000,
-1px 0 0 #000, 0 0 0 #000, 1px 0 0 #000,
-1px 1px 0 #000, 0 1px 0 #000, 1px 1px 0 #000;
}
.h2listboxkisyu span span {
	font-size: 160%;

}




#main_r h2 {

}

@-webkit-keyframes h2round {
    from,0% { -webkit-transform: rotate3d(0,0,1,0deg);  }
    50% { -webkit-transform: rotate3d(0,0,1,180deg);  }
    99.9%,to{ -webkit-transform: rotate3d(0,0,1,360deg);  }
}
@keyframes h2round {
    from,0% { transform: rotate3d(0,0,1,0deg);  }
    50% { transform: rotate3d(0,0,1,180deg);  }
    99.9%,to{ transform: rotate3d(0,0,1,360deg);  }
}
h4 {
	font-size: 14px;
	margin: 0 0 1em 0;
	font-weight: normal;
	line-height: 1.2em;
}
a {
	color: #000;
	text-decoration: underline;
}
a:hover {
	color: #555;
	text-decoration: none;
	outline: none;
	opacity:0.6;
}
a:focus {outline:none;}
a:hover,a:active {
	outline:0;
}

ul,ol { padding:0;
	margin:0; }

ul ul,ul ol,ol ol,ol ul { margin:0; padding:0;}

li {
	list-style-position:outside;
	margin:0;
	padding:0;
}

em { font-style:italic; }

img { border: none; display: block; }
img{
	width: 100%;
	height: auto;
}


.clearfix:after {
	content: "."; 
	display: block;
	height: 0;
	font-size: 0;
	clear: both;
	visibility: hidden;
}
* html .clearfix { height: 1%; }
.clearfix{ display:block; }

.hidden {
	display: none;
}


.big {
	font-size: 125%;
}
.bigger {
	font-size: 150%;
}
.biggest {
	font-size: 175%;
}
.small {
	font-size: 85%;
}
.smaller {
	font-size: 70%;
}




/* =Layout
-----------------------------------------------------------------------------*/
#wrapper {
	position: relative;
	overflow: hidden;
	height: auto;
	width: 100%;
	margin-top: 60px;
}
@media screen and (min-width : 500px) {
#wrapper {
	margin-top: 80px;
}
}
@media screen and (min-width : 768px) {
#wrapper {
	margin-top: 0;
}
}

.wrap {
	position: relative;
}

@media screen and (min-width : 600px) {

}
@media screen and (min-width : 768px) {


}
@media screen and (min-width : 1200px) {

.wrap {
	width: 1200px;
	margin: 0 auto;
}
.main {
	width: 980px;
	margin-left: 220px;
}
.side_l {
	position: absolute;
	top: 0;
	width: 220px;
}
.side_r {
	margin-left: 220px;
	width: 980px;
}

}
@media screen and (min-width : 1400px) {

.wrap {
	width: 1400px;
}
.main {
	width: 1180px;
}
.side_r {
	width: 1180px;
}

}

.bold {
    font-weight: bold;
}
.red {
    color: red;
}






/* driftup
----------------------------------------------------------------------------------------------*/

.driftup {
 visibility: hidden;
}
.fadeinup {
 -webkit-animation-fill-mode:both;
 -ms-animation-fill-mode:both;
 animation-fill-mode:both;
 -webkit-animation-duration:1s;
 -ms-animation-duration:1s;
 animation-duration:1s;
 -webkit-animation-name: fadeinup;
 animation-name: fadeinup;
 visibility: visible;
}
@-webkit-keyframes fadeinup {
 0% { opacity: 0; -webkit-transform: translateY(20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); }
}
@keyframes fadeinup {
 0% { opacity: 0; -webkit-transform: translateY(20px); -ms-transform: translateY(20px); transform: translateY(20px); }
 100% { opacity: 1; -webkit-transform: translateY(0); -ms-transform: translateY(0); transform: translateY(0); }
}



/* header
----------------------------------------------------------------------------------------------*/
header {
	position: relative;
}


#scroll-menu {
    height: 42px;/*メニューの縦幅*/
    background-color: #ffebc3;/*メニューの背景色*/
    background-color: #fffcf0;
}
#scroll-menu .scroll-menu-inner {
    list-style-type: none;
    width: 500px;/*メニューの横幅*/
    width: 100%;/*メニューの横幅*/
    height: 42px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
}
#scroll-menu li {
    float: left;
    height: 100%;
}
#scroll-menu a {
	position: relative;
    display: block;
    height: 100%;
    padding: 0.5em 3em 0 3em;
    color: #ff8300;
    color: #000;
    font-weight: bold;
    text-decoration: none;
text-shadow: -1px -1px 0 #fff, 0 -1px 0 #fff, 1px -1px 0 #fff,
-1px 0 0 #fff, 0 0 0 #fff, 1px 0 0 #fff,
-1px 1px 0 #fff, 0 1px 0 #fff, 1px 1px 0 #fff;

}
#scr9oll-menu a::after{   
	content: "";
	position: absolute;
	bottom: 10px;
	left: 5%;
	width: 90%;
	height: 4px;
	border-radius: 5px;
	background-color: #fff;
}
#scroll-menu a:hover {
    background-color: #ff8300;/*マウスホバー時の背景色*/
    background-color: #ffebc3;/*メニューの背景色*/
    color: #000;
}

#scroll-menu {
	overflow-y: hidden;
	width: 100%;
}
@media screen and (max-width : 500px) {
#scroll-menu {
	overflow-y: hidden;
	-webkit-overflow-scrolling: touch;
}
}

#scroll-menu .scroll-menu-inner {
}

#header {
	background: #fff;
	position: fixed;
	top: 0;
	width: 100%;
	left:0;
	z-index: 200;
}
@media screen and (min-width : 768px) {
#header {
	position: relative;
}
}

/*
.headerLogo {
	position: fixed;
	top: 0;
}
*/


h1.headerH1 {
    font-size: 60%;
    font-weight: normal;
}
@media screen and (min-width : 768px) {
h1.headerH1 {
    font-size: 100%;
    font-weight: normal;
}
}
.headerLogo__logo {
    width: 45%;
    float: left;
}
.headerLogo__logo a {
	display: block;
}
.headerLogo__contact{
    width: 30%;
    float: right;
}

.headerLogo__contactMail {
	display: none;
    width: 35%;
    margin-right:1%;
    float: right;
}
.headerLogo__contactMail a {
	display: block;
}
.headerLogo__contactTel {
	display: none;
    width: 35%;
    float: right;
}
.headerLogo__contactTel a {
	display: block;
}

@media screen and (min-width : 768px) {

.headerLogo__logo {
    width: 400px;
}
.headerLogo__contact{
    width: 200px;
}

.headerLogo__contactMail {
	display: block;
    width: 35%;
}
.headerLogo__contactTel {
	display: block;
    width: 35%;
}

}





.topFv img {
    width: auto;
    margin: 0 auto;
    display: block;
    margin-bottom: 50px;
    max-width: 100%;
}



/* #eyecatch_block
----------------------------------------------------------------------------------------------*/
.banner_block {
    margin: 20px 0;

}

/* #eyecatch_block
----------------------------------------------------------------------------------------------*/
.eyecatch_block.pc {
	display: none;
}
@media screen and (min-width : 650px) {
}
@media screen and (min-width : 768px) {
}
@media screen and (min-width : 1200px) {
.eyecatch_block.sp {
	display: none;
}
.eyecatch_block.pc {
	display: block;
}
}

.textinfo_block {
	overflow: hidden;
	margin: 10px 0 0 0;
	height: 1em;
	color: #D40016;
    background: #eee;
    background-image: url(/sys/img/bgdanger.png);
    background-position: 0 0;
    background-size: contain;
    -webkit-animation-duration: 3s;
    -webkit-animation-timing-function: linear;
    -webkit-animation-delay:0s;
    -webkit-animation-iteration-count: infinite;
    -webkit-animation-direction:normal;
    animation-duration: 3s;
    animation-timing-function: linear;
    animation-delay:0s;
    animation-iteration-count: infinite;
    animation-direction:normal;
    -webkit-animation-name: bgroop;
    animation-name: bgroop;
}
@-webkit-keyframes bgroop {
    from,0% { background-position: 0  0; }
    99.9%,to{ background-position: -170px  0; }
}
@keyframes bgroop {
    from,0% { background-position: 0  0; }
    99.9%,to{ background-position: -170px  0; }
}

.textinfo_block ul {
	overflow: hidden;
    background: #fff;
}



/* #hmenubtn
----------------------------------------------------------------------------------------------*/
.h3hbtn {
	color: #C10003;
	font-size: 125%;
	font-weight: bold;
    padding: 0.5em 0em 0.5em 1em;
    max-width: 600px;
    margin: 0.4em auto 0 auto;
	border-bottom: 1px dotted red;
}
#hbtnkaitori {
}

#hmenubtn {
    float: right;
    position: relative;
    cursor: pointer;
    padding: 3px;
    width: 30px;
}
@media screen and (min-width : 768px) {
#hmenubtn {
    width: 64px;
}
}

#hmenubtn:hover {
    opacity: 0.6;
}
#hmenuclosebtn {
	display: none;
}
#hmenubox {
	position: absolute;
	display: none;
	overflow: auto;
	top: 80px;
	left: 0;
	width: 100%;
    padding: 15px 0;

	background: #eee;
	background: rgba(252,252,252,0.99);
	z-index: 1000;
}
#hmenubox ul {
    max-width: 600px;
    margin: 0 auto;
}
#hmenubox li {
    position: relative;
	float: left;
	width: 50%;
}
#hmenubox li a {
    position: relative;
	display: block;
	font-size: 80%;
	color: #333;
	text-decoration: none;
	padding: 0.6em 0em 0.6em 1em;
}
#hmenubox li a::before {
    position: absolute;
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    top: 50%;
    left: 0px;
    margin-top: -3px;
    border-top: 2px solid #d46e00;
    border-left: 2px solid #d46e00;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
#hmenubox ul li a span {
	font-size: 110%;
	font-weight: bold;
	padding: 0 0.2em;
}
.hbtnslide {
    position: relative;
}
.hbtnslide span {
    position: relative;
}
.hbtnslide span::before {
	position: absolute;
	content: "";
	height: 35px;
	width: 35px;
	top: 50%;
	right: -34px;
    margin-top: -10px;
	background-image: url(/sys/img/iconhand01.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
	z-index: 1;
}
.hbtnslide span::after {
    position: absolute;
    content: 'タップで開きます';
    display: block;
	font-size: 70%;
    width: 110px;
    height: 1em;
    top: 50%;
    le9ft: 16em;
	right: -150px;
    margin-top: -5px;
}
.hbtnslide + ul {
	display: none;
}
#hmenubox li#hbtnshop {
	display: block;
	width: 100%;
}
#hbtnshop span {
	display: block;
	font-size: 90%;
	padding: 0.4em;
}
.headertel {
	font-weight: bold;
}
#hmenubox .hbtnbook a {
	color: #0058AC;
}


@media screen and (min-width : 768px) {
.h3hbtn {
	font-size: 120%;
}
#hmenubox li a {
	font-size: 100%;
}
#hmenubox {
	top: 94px;
}
}





/* トップページイラスト
----------------------------------------------------------------------------------------------*/

div.topill {
	text-align: center;
	margin: 1em 0;
}
div.topill img {
	max-height: 150px;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}


/* #icon
----------------------------------------------------------------------------------------------*/

.btnlong {
	position: relative;
	float: left;
	width: 100%;
	padding: 5px;
}
.btnlong a {
	display: block;
	font-size: 160%;
	font-weight: bold;
	color: #fff;
	line-height: 1.3;
	text-decoration: none;
	padding: 0.2em;
	text-align: right;
	min-height: 70px;
	background: #ff8300;/*ボタン色*/
	border: 2px solid #930;
	text-shadow: 0 1px 4px  rgba(0,0,0,0.8);
}
.btnshort {
	position: relative;
	float: left;
	width: 50%;
	padding: 5px;
}
.btnshort a {
	display: block;
	font-size: 110%;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
	padding: 0.2em;
	text-align: right;
	min-height: 70px;
	background: #ff8300;/*ボタン色*/
	border: 2px solid #930;
	text-shadow: 0 1px 4px  rgba(0,0,0,0.8);
}
.btnshuri a {
	background: url(/sys/img/iconshuri.png),url(/sys/img/bgstripe-w.png),#ffa000;
	background-repeat: no-repeat,repeat,repeat;
	background-position: top left;
	background-size: contain,auto,auto;
}
.btnparts a {
	background: url(/sys/img/iconparts.png),url(/sys/img/bgstripe-w.png),#ffa000;
	background-repeat: no-repeat,repeat,repeat;
	background-position: top left;
	background-size: contain,auto,auto;
}
.btnkaitori a {
	background: url(/sys/img/iconkaitori.png),url(/sys/img/bgstripe-w.png),#ffa000;
	background-repeat: no-repeat,repeat,repeat;
	background-position: top left;
	background-size: contain,auto,auto;
}

.btndetail {
    padding: 0 5px 5px 5px;
}
.btndetail a {
	display: block;
	border: 2px solid #ff8300;
	color: #ff8300;
	text-align: center;
	line-height: 1.4;
	padding: 7px;
	background: #fff;
	border-radius: 5em;
	text-decoration: none;
}
.btndetail a:hover {
    color: #fff;
    background: #ff8300;
}

@media screen and (min-width : 550px) {

.btnlong {
    width: 100%;
}
.btnshort {
    width: 25%;
}

}
@media screen and (min-width : 768px) {

.btnlong {
    width: 100%;
}
.btnshort {
    width: 25%;
}

}
@media screen and (min-width : 1200px) {

.btnlong {
    width: 100%;
}
.btnshort {
    width: 50%;
}

}


.btnshuridetail {
	text-align: center;
	padding: 1em 10px 2em 10px;
}
.btnshuridetail a {
	position: relative;
	display: block;
	font-weight: bold;
	color: #fff;
	font-size: 125%;
	line-height: 1.6;
	padding: 0.5em 3em 0.5em 2em;
	background: #ff8300;
	border: 2px solid #ff8301;
	border-radius: 1em;
	text-decoration: none;
}
.btnshuridetail a:hover {
    color: #fff;
    background: #159;
}
.btnshuridetail a::before {
	position: absolute;
	content: "";
	top: 50%; right: 15px;
	height: 1px; width: 30px;
    background: #fff;
	z-index: 1;
}
.btnshuridetail a::after {
	position: absolute;
	content: "";
	top: 50%; right: 12px;
	height: 0; width: 0;
	margin-top: -6px;
	border: 7px solid transparent;
	border-bottom-color: #fff;
	border-top-width: 0;
	border-left-width: 0;
	border-right-width: 15px;
	z-index: 1;
}

.iconkisyushuri {
	overflow: hidden;
	width: 80px;
	margin: 0 auto;
	border-radius: 50%;
}
.iconkisyuinfo {
	overflow: hidden;
	width: 160px;
	margin: 0 auto;
	border-radius: 50%;
}
.iconwaribiki {
	max-width: 400px;
	margin: 0 auto;
}











/* #listbox
----------------------------------------------------------------------------------------------*/

.listbox .topiphoneFee,
.listbox a {
	position: relative;
	text-decoration: none;
    float: left;
    width: 33.3%;
    padding: 7px 1px 1px 1px;
}
.listbox.listboxhibi .topiphoneFee,
.listbox.listboxhibi a {
    width: 50%;
	font-size: 120%;
}
.listbox .topiphoneFee .iphoneFee,
.listbox a .iphoneFee {
    display: block;
    height: 100%;
    color: #fff;
    font-family: sans-serif;
}
.iphoneFee,.iphoneFee * {
}
.h3listbox {
	text-decoration: none;
	position: absolute;
	width: 100%;
	text-align: center;
	top: 0px;
	font-size: 80%;
text-shadow: -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000,
-1px 0 0 #000, 0 0 0 #000, 1px 0 0 #000,
-1px 1px 0 #000, 0 1px 0 #000, 1px 1px 0 #000;
}
.h3listbox span {
	font-size: 130%;
	padding-left: 0.2em;
}


.listbox.listboxkisyu {
	position: relative;
	margin: 15px 1px 0 1px;
	margin: 15px auto 0 auto;
	padding: 25px 0 0 0;
	max-width: 290px;
	border: 1px solid #000;
	border-width: 15px 1px 25px 1px;
	border-radius: 15px;
	background: url(/sys/img/bgkisyu04.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: cover;
	box-shadow: 1px 1px 0px 0px rgba(255,255,255,0.4) inset;
}
.listbox.listboxkisyu:nth-of-type(2) {
    background: url(/sys/img/bgkisyu05.jpg);
}
.listbox.listboxkisyu.under9::after {
	position: absolute;
    display: block;
    content: '';
	height: 14px;
	width: 14px;
	bottom: -21px;
	left: 50%;
	margin-left: -7px;
	border-radius: 9em;
	border: 2px solid #fff;
	background: #000;

}
.listbox.listboxkisyu a,
.listbox.listboxkisyu > span {
	position: relative;
	float: left;
	line-height: 1;
	min-height: 50px;
	width: 50%;
	text-align: center;
	color: #fff;
	padding: 2px;
text-shadow: -1px -1px 0 #000, 0 -1px 0 #000, 1px -1px 0 #000,
-1px 0 0 #000, 0 0 0 #000, 1px 0 0 #000,
-1px 1px 0 #000, 0 1px 0 #000, 1px 1px 0 #000;
	z-index: 1;
}
.listboxkisyu .repairbox::after {
	position: absolute;
    display: block;
    content: '';
	height: 40px;
	width: 40px;
	top: 50%;
	left: 50%;
	margin-top: -30px;
	margin-left: -20px;
	border-radius: 10px;
	border: 2px solid rgba(255,255,255,0.6);
	background: #000;
	background: rgba(0,0,0,0.6);
	z-index: -1;
}
.repairbox .name {
	font-size: 85%;
	font-weight: bold;
}
.repairbox .price {
	font-size: 130%;
	font-weight: bold;
}
@media screen and (min-width : 600px) {
.listbox.listboxkisyu a,
.listbox.listboxkisyu > span {
}
}
@media screen and (min-width : 1400px) {
.listbox.listboxkisyu a,
.listbox.listboxkisyu > span {
}
}

.repairboxtime {
	position: absolute;
	text-align: center;
	color: #fff;
	font-size: 85%;
	top: 0;
	width: 100%;
}
.repairboxtime::after {
	position: absolute;
	display: block;
	content: '';
	height: 9px;
	width: 30px;
	top: 2px;
	right: 2px;
	background: url(/sys/img/bgbattery02.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-size: contain;
}



.iphoneFee {
    border: 1px solid #222;
    border-width: 10px 1px 1px 1px;
    background: #fff;
    line-height: 1;
}
.listbox.listboxhibi .iphoneFee {
    border-width: 13px 1px 1px 1px;
}
.iphoneFee:after {
    display: block;
    content: '';
    clear: both;
}
.iphoneFeeText{
    padding: 3% 0 0 0;
}
.iphoneFeeFee {
	text-align: center;
	font-size: 115%;
	font-weight: bold;
    color: #000;
	text-shadow: 0 1px 1px rgba(255,255,255,1), 0 -1px 1px rgba(255,255,255,1);
}
.iphoneFeeName{
	font-size: 76%;
    color: #000;
	text-shadow: 0 1px 1px rgba(255,255,255,1), 0 -1px 1px rgba(255,255,255,1);
}
.iphoneFeeAlert {
    color: #944d00;
	font-size: 65%;
	text-shadow: 0 1px 1px rgba(255,255,255,1), 0 -1px 1px rgba(255,255,255,1);
}
.iphoneDetail {
	position:relative;
	text-align: right;
	font-size: 65%;
	margin: 3px 0 0 0;
	padding: 2px 20px 2px 0;
	background: rgba(0,0,0,0.5);
	background: rgba(255,0,0,0.5);
}
.iphoneDetail::before {
    position: absolute;
    content: '';
    display: block;
    width: 14px;
    height: 14px;
    top: 50%;
	right: 2px;
	background: #000;
	border-radius: 50%;
    margin-top: -7px;
}
.iphoneDetail::after {
    position: absolute;
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    top: 50%;
    right: 7px;
    margin-top: -4px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}




.iphoneFeeNaiyou {
	text-align: center;
	font-size: 120%;
	font-weight: bold;

}
.iphoneFeeKitura {
	text-align: right;

}

.listboxhibi a .iphoneFee {
	background-size: cover;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.listboxekisho a .iphoneFee {
	background-size: cover;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.listboxbattery a .iphoneFee {
	background-size: contain;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.listboxincamera a .iphoneFee {
	background-size: cover;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.listboxfrontcamera a .iphoneFee {
	background-size: cover;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.listboxfrontglass a .iphoneFee {
	background-size: cover;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.listboxconnector a .iphoneFee {
	background-size: cover;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.listboxvibrator a .iphoneFee {
	background-size: cover;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.listboxhome a .iphoneFee {
	background-size: cover;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.listboxmanner a .iphoneFee {
	background-size: cover;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.listboxloudspeaker a .iphoneFee {
	background-size: cover;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.listboxlightsensor a .iphoneFee {
	background-size: cover;
	background-position: bottom right;
	background-repeat: no-repeat;
}
.listboxlist a .iphoneFee {
	border: 1px solid #944d00;
	border-width: 10px 1px 1px 1px;
	background: #ff8300;
	background-image: url(/sys/img/bgshuri00.png);
	background-size: contain;
	background-position: bottom left;
	background-repeat: no-repeat;
}
@media screen and (min-width : 600px) {

.listbox a {
    width: 25%;
}
.listbox.listboxhibi a {
    width: 33.3%;
}

}
@media screen and (min-width : 1200px) {

.listbox a {
    width: 20%;
}
.listbox.listboxhibi a {
    width: 25%;
}

}








/* #mailrepairlistbox
----------------------------------------------------------------------------------------------*/

h2.h2mailrepairlistbox {
	font-size: 120%;
	text-align: center;
	margin: 1.5em .5em 0.5em .5em;
	padding: 1em 0.5em;
	color: #000;
	border: solid 1px #000;
	background: #ebd800;
}


.mailrepairlistbox a {
	position: relative;
	text-decoration: none;
    float: left;
    width: 33.3%;
    padding: 7px 1px 1px 1px;
}
.mailrepairlistbox.mailrepairlistboxhibi a {
    width: 50%;
	font-size: 120%;
}
.mailrepairlistbox a .iphoneFee {
    display: block;
    height: 100%;
    color: #fff;
    font-family: sans-serif;
	border-radius: 5px;
	border: solid 0px #159;
	background: -moz-linear-gradient(left, #2f802f, #3bc73b); /* mozilla */
	background: linear-gradient(to left, #2f802f, #3bc73b); /* ie */
	background: -webkit-gradient(linear, left top, right top, from(#2f802f), to(#3bc73b)); /* Webkit */
}
.iphoneFee,.iphoneFee * {
}
.h3mailrepairlistbox {
    display: block;
	text-decoration: none;
	width: 100%;
	text-align: center;
	font-size: 80%;
	padding: 8px 0;
}
.h3mailrepairlistbox span {
	font-size: 130%;
	padding-left: 0.2em;
}


.mailrepairlistbox .iphoneFeeText{
	width: 94%;
    padding: 5px;
    margin: 0 3%;
	background: -moz-linear-gradient(left, #6bdb6b, #b9ffb9); /* mozilla */
	background: linear-gradient(to left, #6bdb6b, #b9ffb9); /* ie */
	background: -webkit-gradient(linear, left top, right top, from(#6bdb6b), to(#b9ffb9)); /* Webkit */
}
.mailrepairlistbox .iphoneFeeFee {
	text-align: center;
	font-size: 115%;
	font-weight: bold;
    color: #000;
    padding: 5px 0;
	text-shadow: 0 1px 1px rgba(255,255,255,1), 0 -1px 1px rgba(255,255,255,1);
}
.mailrepairlistbox .iphoneFeeName{
	font-size: 86%;
	text-align: center;
    color: #000;
	text-shadow: 0 1px 1px rgba(255,255,255,1), 0 -1px 1px rgba(255,255,255,1);
}
.mailrepairlistbox .iphoneFeeAlert {
    color: #342d00;
	font-size: 65%;
	text-shadow: 0 1px 1px rgba(255,255,255,1), 0 -1px 1px rgba(255,255,255,1);
}

.mailrepairlistbox .iphoneDetail {
	background: #2f802f;
}


.mailrepairlistbox .btndetail a {
    width: 100%;
}










/* kokanshuritop
----------------------------------------------------------------------------------------------*/
.kokanshuritop .ff {
	text-align: center;
	margin: 3em 0;
}
.kokanshuritop .ff img {
	max-height: 140px;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}
/* shuriiconbox
----------------------------------------------------------------------------------------------*/
.shuriiconbox {
    max-width: 250px;
    margin: 0 auto;

}


/* img
----------------------------------------------------------------------------------------------*/

.pText img,
.pText05 img{
	max-height: 700px;
	width: auto;
	max-width: 100%;
	margin: 2em auto;
}
/* text
----------------------------------------------------------------------------------------------*/

.pText{
	overflow: hidden;
	margin: 10px 5px;
	background: #fff6e0;
	background: #fffcf0;
	letter-spacing: 1px;
	border-radius: 1em;
	border: 2px solid #d46e00;
}
.h3pText {
	background: #d46e00;
	font-weight: bold;
	color: #fff;
	padding: 0.2em 0.5em;
	font-size: 120%;
}
.h3half {
	width: 50%;
}
.pText.green {
    border: 2px solid #5db167;
}
.pText.green .h3pText {
    background: #5db167;
}
.pText.blue {
    border: 2px solid #003eb1;
}
.pText.blue .h3pText {
    background: #003eb1;
}
.pText p{
    padding: 0.5em;
    line-height: 1.4;
    letter-spacing: 1.4px;
}
.h4pText {
    background: #d46e00;
	font-weight: bold;
    color: #fff;
    margin: 5px;
    padding: 0.2em 0.5em;
}

.pText table{
    margin: 0 auto;
}





.divText11 {
    color: #000;
    margin: 2.5em 5px;
    border: 2px solid #888;
    background: #fff;
	border-radius: 10px;
}
.divText11.shurigamenhibiware {
    border: 2px solid #46FD41;
    background: #D6FDD1;
}
.divText11.shurigamenekishoware {
    border: 2px solid #41FD5A;
    background: #D1FDEA;
}
.divText11.shuribattery {
    border: 2px solid #41F4FD;
    background: #D1F4FD;
}
.divText11.shuriincamera {
    border: 2px solid #414AFD;
    background: #D1DAFD;
}
.divText11.shurioutcamera {
    border: 2px solid #5141FD;
    background: #E1D1FD;
}
.divText11.shurioutcameraglass {
    border: 2px solid #F751FD;
    background: #F7D1FD;
}
.divText11.shuriconnector {
    border: 2px solid #FD415D;
    background: #FDD1ED;
}
.divText11.shurivibrator {
    border: 2px solid #FD4149;
    background: #FDD1D9;
}
.divText11.shurihomebutton {
    border: 2px solid #FD4D41;
    background: #FDDDD1;
}
.divText11.shurimanner {
    border: 2px solid #FD5841;
    background: #FDE8D1;
}
.divText11.shuriloudspeaker {
    border: 2px solid #FDF741;
    background: #FDF7D1;
}
.divText11.shurilightsensor {
    border: 2px solid #F2FD41;
    background: #F2FDD1;
}
.divText11.shurisystem {
    border: 2px solid #55FD41;
    background: #E5FDD1;
}
.divText11.shuriearspeaker {
    border: 2px solid #42FD41;
    background: #D2FDD1;
}




.h4pText11 {
	font-size: 170%;
	font-weight: bold;
    color: #000;
    margin: 5px;
    padding: 0.2em 0.5em;
    background: #fff;
	border-radius: 5px;
}
.h5pText11 {
	font-size: 120%;
	font-weight: bold;
    color: #000;
    margin: 5px;
    padding: 0.2em 0.5em;
    border-bottom: 1px solid #888;
}
.shuritext00 {
    padding: 1em;
    line-height: 1.6;
}
.divText11 .center {
	font-weight: bold;
	text-align: center;
}
.feeblock {
    padding: 1em;
    margin: 10px;
    background: #fff;
	border-radius: 5px;
}






/* text　otsuka
----------------------------------------------------------------------------------------------*/

.pText02{
	overflow: hidden;
	margin: 2.5em 5px;
	border-radius: 2px;
	/*border: 2px solid #e50012;*/
	border: 2px solid #ff8300;
}
.h3pText02 {
	position: relative;
	font-weight: bold;
	font-size: 170%;
	color: #d46e00;
	color: #ff8300;
	padding: 0.5em 0 0.5em 1.5em;
	border-bottom: 1px solid #f8f8f8;
	text-shadow: 5px 3px 0 #f8f8f8;
}
.h3pText02::before {
	position: absolute;
	content: "■";
	font-size: 50%;
	color: #ffebc3;
	top: 0.9em; left: 0.5em;
	text-shadow: 1em 1em 0 #ffebc3, 0em 1em 0 #bbb, 1em 0em 0 #bbb;
}
.pText02 p {
    padding: 1em;
    line-height: 1.4;
	font-size: 70%;
}
.h4pText02 {
	background: rgba(255, 131, 0, 0.2);
	/*background: rgba(229, 0, 18, 0.1);*/
	font-weight: bold;
	text-align: center;
	margin: 5px;
	padding: 0.5em 1em;
	font-size: 150%;
    /*text-shadow: 5px 5px 0 #fff;*/
}

.h4pText02 {
    background-image: url(/sys/img/ico_anchor.png);
    background-position: 10px center;
    background-repeat: no-repeat;
    background-size: 40px;
    padding-left: 65px;
}

.topQa .h4pT9ext02 {
    background-image: url(/sys/img/ico_qa.png);
    text-align: left;
}

.h4pText02.h4shurinemu {
	font-size: 170%;
}
.pText02 table {
    margin: 0 auto;
}


.pText03 {
	overflow: hidden;
	margin: 2.5em 5px;
}

.pText04 {
	overflow: hidden;
	margin: 2.5em 5px;
	border: 2px solid #888;
}






.pText05{
	overflow: hidden;
    line-height: 2;
	margin: 10px;
	border-radius: 1em;
	border: 2px solid #d46e00;
}
.pText05 p{
    padding: 0.5em;
    line-height: 1.6;
}





.toiawasebox04 {
	overflow: hidden;
    margin-left: auto;
    margin-right: auto;
	border: 0px solid #888;
}


/* fee price
----------------------------------------------------------------------------------------------*/

.feebox {
	text-align: center;
	font-weight: bold;
	color: #d46e00;
	margin: 0.5em 0 0.9em 0;
}
.feebox p {
	display: inline;
	line-height: 2;
	padding: 1em;
	border: 2px solid #d46e00;
}
.feebox .price {
	color: #d44;
	font-size: 160%;
	padding: 1em;
}
.feebox .time {
	font-size: 150%;
	padding: 1em;
}
.feebox span:nth-of-type(2) {
	font-size: 70%;
}




/* shop
----------------------------------------------------------------------------------------------*/
.pTextshop {
}
.infoboxred {
    padding: 5px;
    width: 100%;
	border-radius: 15px;
}
.infoboxred table {
    width: 100%;
    border: 2px solid #f00;
	border-radius: 15px;
	border-collapse: collapse;
}
.infoboxtitle {
    background: #f00;
    color: #fff;
	text-align: center;
    width: 70px;
    padding: 5px;
	vertical-align:middle;
}
.infoboxtxt {
    padding: 5px;
    background: #fff;
}

#shopsns {
	text-align: center;
    padding: 0 0 15px 0;
}
.scm,
.ttr {
	display: inline;
    width: 100px;
}
#infopay {
	text-align: center;
	font-weight: bold;
	font-size: 120%;
}
#googlemap2,
#googlemap {
	margin:20px auto;
}
#googlemap iframe,
#googlemap2 iframe {
	width:100%;
	height: 150px;
}

@media screen and (min-width : 550px) {
.imgbox {
	float: left;
    width: 50%;
}
}



/* news
----------------------------------------------------------------------------------------------*/
.newslist {
margin:10px 9px 20px 9px;
height:210px;
overflow:scroll;
border:2px inset grey;
}
.newslist a {
	display: block;
	padding:0.4em;
}
.newslist a:hover {
    background: #ccc;
}


/* topics
----------------------------------------------------------------------------------------------*/

.toptopicslink .topicslink {

}
.toptopicslink .topicslink li {
	border-bottom: 1px solid #ddd;
}
.toptopicslink .topicslink li a {
	overflow: hidden;
	display: block;
	text-decoration: none;
	padding: 10px;
	color: #555;
    background: transparent;
}
.toptopicslink .topicslink a:hover {
	color: #000;
	box-shadow: 0 0 0 4px #ccc inset;
	opacity:1;
}
.toptopicslink .topicslink dl {
	position: relative;
}
.toptopicslink .topicslink dt {
	position: relative;
	color: #C10003;
	font-size: 110%;
	font-weight: bold;
	padding: 10px;
}
.toptopicslink .topicslink div {
}
.toptopicslink .topicsImg {
	float: left;
	height: 100px;
	width: 100px;
}
.toptopicslink .topicsImg img {
	max-height: 100px;
	max-width: 100px;
	width: auto;
	margin: 0 auto;
}
.toptopicslink .topicsText {
	font-size: 88%;
	margin-left: 110px;
	padding: 0 0 10px 0;
}
.toptopicslink .topicsMore {
	text-align: center;
	color: #0c99d9;

}
.toptopicslink .topicsDate {
	float: right;
	color: #0c99d9;
	padding: 0 15px;
}

.topics .ff {
	text-align: center;
	margin: 1em 0;
}
.topics .ff img {
	max-height: 500px;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}
.topics .pText p,
.topics .pText05 p {
	font-size: 86%;
}

.topics .toptopicslink .topicslink li dd {
    display: block;
}
.topics .topicslink dd {
    display: none;
}

.topics .topicslink li {
    padding: 2px 5px;
}
.topics .topicslink a {
	position:relative;
    display: block;
    height: 100%;
    color: #fff;
	line-height: 1.4;
    padding: 5px 2em 5px 5px;
    background: #d46e00;
}
.topics .topicslink a::before {
    position: absolute;
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    top: 50%;
    right: 10px;
    margin-top: -5px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

.topicslink .category {
	float: right;
    display: inline;
    color: #fff;
    padding: 0.1em 0.7em;
    background-color: #159B66;
    border-radius: 5px;
}









/* shurikishutop
----------------------------------------------------------------------------------------------*/

.shurikishutop .pText p  {
    font-size: 90%;
}
.shurikishutop .ff {
	text-align: center;
	margin: 1em 0;
}
.shurikishutop .ff img {
	max-height: 500px;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}


.shurikishutop .newslink {

}
.newslink li {
	border-bottom: 1px solid #ddd;
	padding: 2px;
}
.newslink li a {
	overflow: hidden;
	display: block;
	text-decoration: none;
	padding: 10px;
	color: #555;
    background: transparent;
}
.newslink a:hover {
	color: #000;
	background-color: #EBFFF7;
	box-shadow: 0 0 0 4px #94FFF4 inset;
	opacity:1;
}
.newslink dt {
	position: relative;
	color: #555;
	font-size: 120%;
	font-weight: bold;
	padding: 10px;
}
.newslink div {
}
.newsImg {
	float: left;
	height: 100px;
	width: 100px;
}
.newsImg img {
	max-height: 100px;
	max-width: 100px;
	width: auto;
	margin: 0 auto;
}
.newsText {
	font-size: 88%;
	margin-left: 110px;
	padding: 0 0 10px 0;
}
.newsMore {
	text-align: center;
	color: #0c99d9;

}
.newsDate {
	text-align: right;
	color: #0c99d9;
	padding-right: 20px;
}






/* shurikishutop slide */
.pText12 {
    overflow: hidden;
    margin: 2em 5px;
    border-radius: 2px;
    /* border: 2px solid #e50012; */
    border: 2px solid #666;
}
.pText12 p {
    padding: 1em;
    line-height: 2;
}
.shurislidebox .h4pText05 {
	background: #f8f8f8;
	font-weight: bold;
	text-align: center;
	margin: 5px;
	padding: 0.7em 7em 0.7em 0em;
	font-size: 110%;
	color: #C10003;
}
.shurislidebox .h4pText05.shurislideheadhead {
	padding: 0.9em 7em 0.9em 0em;
	background: #fd8;
    border: 2px solid #ff8300;
}
.shurislidehead {
    position: relative;
    cursor: pointer;
}
.shurislidebody {
	display: none;
}
.shurislidehead span {
    position: relative;
}
.shurislidehead span::before {
	position: absolute;
	content: "";
	height: 30px;
	width: 30px;
	bottom: -14px;
	right: -32px;
	background-image: url(/sys/img/iconhand01.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-transform: rotate(25deg);
	transform: rotate(25deg);
	z-index: 1;
}
.shurislidehead span::after {
	position: absolute;
	content: 'タップで開きます';
	font-size: 55%;
	color: #888;
	width: 10em;
	height: 1em;
	bottom: 5px;
	right: -117px;
}

.shurislidebox .feebox {
	text-align: center;
	font-weight: bold;
	color: #111;
	margin: 0.5em 0 0.9em 0;
}
.shurislidebox .feebox p {
	display: inline;
	border: 2px solid #666;
}
.shurislidebox .feebox .price {
	color: #d44;
	font-size: 160%;
}
.shurislidebox .feebox span:nth-of-type(2) {
	font-size: 70%;
}











/* btnkakubu
----------------------------------------------------------------------------------------------*/
.btnkakubu {
    padding: 2px 5px;
}
.btnkakubu a {
	position:relative;
    display: block;
    height: 100%;
    margin: 1px 0;
    color: #fff;
	line-height: 1.4;
    padding: 5px 2em 5px 5px;
    background: #833;
    background: #ff8300;
}
.btnkakubu a::before {
    position: absolute;
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    top: 50%;
    right: 10px;
    margin-top: -5px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}

/* kansite
----------------------------------------------------------------------------------------------*/

.btnkansite {
	float: left;
    padding: 5px;
	width: 250px;
}

/* kakushurikakaku
----------------------------------------------------------------------------------------------*/

.pText.kakushurikakaku {
	border-radius: 0.5em;
	border: 4px solid #C10000;
    background: #fff;
}

.pText.kakushurikakaku .h3pText {
    background: #C10000;
    padding: 0.5em 1em;
}
.pText.kakushurikakaku p span {
	color: #C10000;
	font-weight: bold;
	font-size: 140%;
}


/* bottom list
----------------------------------------------------------------------------------------------*/
.flistbox {
    position: relative;
    padding: 3px;
}
.btnflist {
    position: relative;
	float: left;
	width: 50%;
    padding: 2px 2px;

}
.btnflist a {
    position: relative;
	display: block;
	line-height: 1;
    padding: 1em 1em 1em 2em;
	height: 100%;
	text-decoration: none;
	text-align: center;
    background: #ffebc3;
	border-radius: 5px;
}
.btnflist a::after {
	position: absolute;
	content: "";
	top: 50%; left: 10px;
	height: 0; width: 0;
	border: 5px solid transparent;
	border-left-color: #d46e00;
	border-left-width: 7px;
	border-right-width: 0;
	margin-top: -4px;
	z-index: 1;
}




/* callender
----------------------------------------------------------------------------------------------*/
.callenderbox {
	padding: 5px;
}
.calendar {
	max-width: 390px;
	margin: 0 auto;
	background-color: #fff;

}
.calendar h2 {
	font-weight: bold;
	font-size: 120%;
	padding: 0.5em 0 0 1em;
}
.calendar .fc-event, .fc-event-dot {
	background-color: #c11;
	border: 1px solid #c10;
	text-align: center;
}
/* 日曜日 */
.fc-sun {
    color: red;
    background-color: #fff0f0;
}
  
/* 土曜日 */
.fc-sat {
    color: blue;
    background-color: #f0f0ff;
}





/* tablekakaku
----------------------------------------------------------------------------------------------*/

.tablekakaku {
	border-collapse:collapse;
	width: 100%;
}
.tablekakaku thead {
    background: #ddd;
}
.tablekakaku tbody tr:nth-of-type(2n+1) {
    background: #f8f8f8;
}
.tablekakaku th {
	padding:0.3em;
	width: 40%;
	border:1px solid #eee;
}
.tablekakaku td {
	text-align: right;
	padding:0.3em;
	width: 30%;
	border:1px solid #eee;
}
.tablekakaku tbody td {
    color: #f00;
}





/* kaitori
----------------------------------------------------------------------------------------------*/
.kaitoriPriceBox {
	width: 350px;
	border: 3px solid #A80700;
	border-radius: 8px;
	margin: 15px auto;
}
.kaitoriPriceBox dt {
	display: inline;
	color: #fff;
	padding:1px 10px 5px 10px;
	background-color: #A80700;
	border-radius: 5px 0px 6px 0px;
}

.kaitoriPriceBox dt span {
	font-size: 120%;
	font-weight: bold;
}
.kaitoriPrice {
	text-align: center;
	padding: 20px 0 10px 0;
}
.kaitoriPrice span {
	color: #000;
	font-weight: bold;
	font-size: 175%;
}

.btnKaitoriDetail {
	overflow: hidden;
}
.btnKaitoriDetail {
    padding: 0 10px 15px 10px;
}
.btnKaitoriDetail a {
    display: block;
    color: #fff;
    text-align: center;
    line-height: 1;
    padding: 10px 0;
    background: #0074DC;
    border-radius: 10px;
    text-decoration: none;
}
.index .pText02.topQa,
.index .pText02.topShurinaiyo,
.kaitori .pText02 {
    border: 2px solid #CC0F00;
    border-radius: 17px 17px 0 0;
}
.index .pText02.topQa .h4pText02,
.index .topShurinaiyo .h4pText02,
.kaitori .h4pText02 {
    background: #CC0F00;
    /* background: rgba(229, 0, 18, 0.1); */
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin: 5px;
    padding: 0.5em 1em;
    font-size: 150%;
    border-radius: 12px 12px 0 0;
    /* text-shadow: 5px 5px 0 #fff; */
}
.index .pText02.topQa .h4pText02 {
    position: relative;
    padding-left: 4em;
    font-size: 130%;
}
.index .pText02.topQa .h4pText02::before {
	position: absolute;
	content: "";
	height: 35px;
	width: 35px;
	top: 3px;
	left: 5px;
	background-image: url(/sys/img/ico_qa.png);
	background-size: contain;
}
.index .pText02.topQa .h4pText02:hover,
.index .topShurinaiyo .h4pText02:hover,
.kaitori .h4pText02:hover {
    color: #fff;
    background: #bb0800;
}
.index .iphoneFeeDetail,
.kaitori .iphoneFeeDetail {
    color: #000;
	font-size: 90%;
    text-align: center;
    padding: 0.5em 0;
}
.kaitori .iphoneFeeText {
    background: #C3F6FF;
}

/* footer btn
----------------------------------------------------------------------------------------------*/
#contactFloat {
	position: fixed;
	z-index: 200;
	
	right: 0px;
	bottom: 0px;
	padding: 6px;
	height: 17.8vw;
	width: 100%;
	opacity: 0.9;
	background: rgba(255,255,255,0.6);

}
.emailbtn {
	float: left;
	width: 33%;
}
.bookbtn {
	float: left;
	width: 33%;
	margin: 0 0.5%;
}
.telnumbtn {
	float: left;
	width: 33%;
}


@media screen and (min-width : 550px) {
#contactFloat {
	height: 85px;
	width: 475px;
}
.emailbtn,
.bookbtn,
.telnumbtn {
	width: 150px;
}
.bookbtn {
	margin: 0 5px;
}
}

.emailbtn,
.bookbtn,
.telnumbtn {
-webkit-animation-name: footerbtnanime;
-webkit-animation-duration: 5s;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: infinite;
-webkit-animation-direction:normal;
animation-name: footerbtnanime;
animation-duration: 5s;
animation-timing-function: linear;
animation-iteration-count: infinite;
animation-direction:normal;
}
.bookbtn {
-webkit-animation-delay:1s;
animation-delay:1s;
}
.telnumbtn {
-webkit-animation-delay:2s;
animation-delay:2s;
}
@-webkit-keyframes footerbtnanime {
    from { -webkit-transform: scale(1,1); }
    2% { -webkit-transform: scale(1,1); }
    4% { -webkit-transform: scale(0.9,0.9); }
    8% { -webkit-transform: scale(1.2,1.2); }
    10% { -webkit-transform: scale(0.9,0.9); }
    13% { -webkit-transform: scale(1,1); }
    99.99%,to{ transform: scale(1,1); }
}
@keyframes footerbtnanime {
    from { transform: scale(1,1); }
    2% { transform: scale(1,1); }
    4% { transform: scale(0.9,0.9); }
    8% { transform: scale(1.2,1.2); }
    10% { transform: scale(0.9,0.9); }
    13% { transform: scale(1,1); }
    99.99%,to{ transform: scale(1,1); }
}











#bh {
	position: fixed;
	z-index: 200;
	left: 1em;
	bottom: 24.5vw;
}
#bh a {
	position: relative;
	display: block;
	line-height: 3;
	height: 100%;
	text-decoration: none;
	text-align: center;
	background: #ffebc3;
	border-radius: 5px;
}
#bh a::after {
	position: absolute;
	content: "";
	top: 50%; left: 10px;
	height: 0; width: 0;
	border: 20px solid transparent;
	border-bottom-color: #888;
	border-bottom-color: rgba(0,0,0,0.5);
	border-bottom-width: 30px;
	border-top-width: 0;
	margin-left: -10px;
	z-index: 1;
}
@media screen and (min-width : 550px) {

#bh {
	bottom: 45px;
}
}

/* footer
----------------------------------------------------------------------------------------------*/
#footer {
	position: relative;
	color: #fff;
	margin-top: 2em;
	padding: 1em 0 100px 0;
	background: #ff8300;
	box-shadow: 0 -5px 9px rgba(0,0,0,0.1);
	z-index: -1;
}
#footerCopyright {
	text-align: center;
	font-size: 80%;
}

#fmenubox {
}

@media screen and (min-width : 768px) {

}

#fmenubox {
	overflow: auto;
	width: 94%;
	margin: 0 auto 20px auto;
    padding: 7px 10px;
	border-radius: 10px;
	background: #FFF6ED;
	box-shadow: 3px 5px 0px 2px #7D3E00 inset;
}
#fmenubox ul {
    max-width: 600px;
    margin: 0 auto;
}
#fmenubox li {
    position: relative;
	float: left;
	width: 50%;
}
#fmenubox li a {
    position: relative;
	display: block;
	font-size: 76%;
	color: #000;
	text-decoration: none;
	padding: 0.6em 0em 0.6em 1em;
}
#fmenubox li a::before {
    position: absolute;
    content: '';
    display: block;
    width: 5px;
    height: 5px;
    top: 50%;
    left: 0px;
    margin-top: -3px;
    border-top: 2px solid #d46e00;
    border-left: 2px solid #d46e00;
    -webkit-transform: rotate(135deg);
    transform: rotate(135deg);
}
#fmenubox ul li a span {
	font-size: 110%;
	font-weight: bold;
	padding: 0 0.2em;
}
@media screen and (min-width : 768px) {

#fmenubox li a {
	font-size: 100%;
}
}

@media screen and (min-width : 550px) {
#footer {
	padding: 1em 0 90px 0;
}
}

#fmenubox .fshoplist a {
	font-size: 105%;
	font-weight: bold;
	color: #000746;
}










/* book
----------------------------------------------------------------------------------------------*/
.book {
}
.btnTopBook {
	max-width: 240px;
	margin: 0 auto;
}
.topShurinaiyo .btnTopBook {
	max-width: 180px;
	margin: 2em auto;
}
.book input {
	width: 100%;
	font-size: 150%;
	outline: 2px;
	border: 2px solid #888;
}
.book select {
	font-size: 150%;
}
.fingericonbox {
    position: relative;
}
.fingericonbox::before {
	position: absolute;
	content: "";
	height: 35px;
	width: 35px;
	top: 50%;
	right: -34px;
    margin-top: -10px;
	background-image: url(/sys/img/iconhand01.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
	z-index: 1;
}

#bookpresubmitbtn,
#booksubmitbtn {
	cursor: pointer;
	margin: 0 0 10px 0;
	padding: 0.5em;
	color: #fff;
	text-align: center;
	background: #6db4f6;
	border: 2px solid #6db4f6;
	border-radius: 5px;
}
#booksubmitbox {
	display: none;
}
#booksubmitbtn {
	border: 4px solid #6db4f6;
	background: #5da4e6;
}
#bookpresubmitbtn:hover,
#booksubmitbtn:hover {
	opacity: 0.5;
}
.book .pText {
	border-radius: 0;
}






/* campaign
----------------------------------------------------------------------------------------------*/

#CD_campaign {
	text-align: center;
	font-weight: bold;
	margin: 70px 0;
	padding: 40px 10px;
	background-image: url(/sys/img/bgcampaign2.png);
	background-size: cover;
	background-position: center;
text-shadow: -1px -1px 0 #fff, 0 -1px 0 #fff, 1px -1px 0 #fff,
-1px 0 0 #fff, 0 0 0 #fff, 1px 0 0 #fff,
-1px 1px 0 #fff, 0 1px 0 #fff, 1px 1px 0 #fff;

}
#CD_title {
	font-size: 2em;
	font-size: 9vw;
text-shadow: -1px -1px 0 #d6d534, 0 -1px 0 #d6d534, 1px -1px 0 #d6d534,
-1px 0 0 #d6d534, 0 0 0 #d6d534, 1px 0 0 #d6d534,
-1px 1px 0 #d6d534, 0 1px 0 #d6d534, 1px 1px 0 #d6d534;
}
#CD_txt {
	font-size: 4vw;
	margin-top: 15px;
}
#CD_txt strong {
	font-size: 150%;
	color: #f00;
}
#CD_date {
	margin-top: 15px;
	font-size: 1.5em;
}


@media screen and (min-width : 600px) {
#CD_title {
	font-size: 2.5em;
}
#CD_txt {
	font-size: 1.4em;
}
}

#CDT {
	font-size: 26px;
	font-size: 2em;
}
#CDT .made,
#CDT .cdtname {
 font-size: 60%;
}
#CDT .day{
 font-size: 120%;
}
#CDT .hour,#CDT .min,#CDT .sec {
}
#CDT .milli {
 font-size: 70%;
}
#CDP {
}
#CDP .cdp_ato {
}
#CDP .cdp_num {
 font-size: 300%;
    color: #f53d3d;
}
#CDP .cdp_mei {
 font-size: 150%;
}
#CD_bookbtn a {
    display: block;
    color: #fff;
    cursor: pointer;
    text-align: center;
    font-size: 160%;
    text-decoration: none;
    padding: 0.5em 0;
    border-radius: 5px;
text-shadow: none;
    border: 1px solid #2662bd;
    border: 1px solid #fff;
    background: -moz-linear-gradient(top, #8db1e8, #2662bd); /* mozilla */
    background: linear-gradient(to top, #8db1e8, #2662bd); /* ie */
    background: -webkit-gradient(linear, left top, left bottom, from(#8db1e8), to(#2662bd)); /* Webkit */

}
#CD_bookbtn a.CD_bookbtn_inactive {
    background: #888;
}






/* model ichiran
----------------------------------------------------------------------------------------------*/
.parts_list_box {
}
.slick-slide a,
.parts_list_box li {
	float: left;
	padding: 10px;
}
.parts_list_box li {
	width: 50%;
}
@media screen and (min-width : 800px) {
.parts_model_box_r {
}
.parts_list_box li {
}
}
.parts_list_box li:hover {
	opacity: 0.6;
}
.parts_list_box li a {
    display: block;
	text-decoration: none;
}
.item_ichiran_img{
	display:block;
	border:1px solid #F0F0F0;
	padding:0px;
	margin-bottom:5px;
}
.item_ichiran_img:hover{
	background:#F0F0F0;
}
.item_ichiran_name {
    display: block;
	overflow: hidden;
	height: 2.4em;
}
.parts_list_box .price {
    display: block;
    width: 100%;
    text-align: right;
}
.price strong {
    color: #F00;
	font-weight: bold;
	font-size: 120%;
}




/* ec btn
----------------------------------------------------------------------------------------------*/
.parts_btn_box {
}
.parts_btn_box li {
	float: left;
	padding: 0.3em;
}
.parts_btn_box li a {
	display: block;
	color: #fff;
	cursor: pointer;
	text-align: center;
	font-size: 160%;
	text-decoration: none;
	padding: 0.5em 0;
	background: #f44;
	border-radius: 5px;
}
.btn_cart,
.btn_category,
.btn_logout,
.btn_regist,
.btn_login,
.btn_register {
	width: 100%;
}
@media screen and (min-width : 650px) {
.btn_cart,
.btn_category,
.btn_logout,
.btn_regist,
.btn_login,
.btn_register {
	width: 50%;
}
}

.parts_btn_box li span {
	position: relative;
	padding-left: 30px;
}
.parts_btn_box li span::before {
	position: absolute;
	content: "";
	height: 25px;
	width: 25px;
	bottom: 3px;
	left: 0px;
}
.btn_regist span::before {
	background-image: url(/sys/img/iconregist.png);
	background-size: contain;
}
.btn_login span::before {
	background-image: url(/sys/img/iconlogin.png);
	background-size: contain;
}
.btn_cart span::before {
	background-image: url(/sys/img/iconcart.png);
	background-size: contain;
}
.btn_category span::before {
	background-image: url(/sys/img/iconcategory.png);
	background-size: contain;
}
.btn_logout span::before {
	background-image: url(/sys/img/iconlogout.png);
	background-size: contain;
}
.btn_register span::before {
	background-image: url(/sys/img/iconregister.png);
	background-size: contain;
}







/* #breadcrumb
----------------------------------------------------------------------------------------------*/

.breadcrumb {
  margin: 0;
  padding-left: 0;
}

.breadcrumb li{
  position: relative;
  display:inline-block;/*横に並ぶように*/
  list-style: none;
  font-weight: bold;/*太字*/
  margin: 5px 12px 5px 2px;
}
.breadcrumb li:after{/*三角の部分*/
    content: "";
    position: absolute;
    top: 0;
    left: 100%;
    border-style: solid;
    border-color: transparent;
    border-left-color: #ffebc3;/*背景色*/
    border-width: 14px 12px;
    width: 0;
    height: 0;
}

.breadcrumb li > a,
.breadcrumb li > span {
    display: inline-block;
    padding: 0 3px 0 7px;
    height: 28px;
    line-height: 28px;
    text-decoration: none;
    color: #ff8300;
    background: #ffebc3;
    font-size: 13px;
}

.breadcrumb li a:hover {
  color: #FFF;
}








/* news link list
----------------------------------------------------------------------------------------------*/
.newslinklistbox {
margin:10px 50px;
height:600px;
overflow:scroll;
border:2px inset grey;
}
.newslinklistbox .content-rwrap p {
    font-size: 60%;
}
@media screen and (min-width : 500px) {
.newslinklistbox {
margin:10px auto;
max-width:400px;
}
}


/* blog top
----------------------------------------------------------------------------------------------*/
.kaitoriinfowrap .post:nth-of-type(n + 11),
.shuriinfowrap .post:nth-of-type(n + 11),
.toprepairbloglink article.post:nth-of-type(n + 11),
.topkaitoribloglink article.post:nth-of-type(n + 11),
.index .kaitoriblogwrap .post:nth-of-type(n + 11),
.index .kaitoritopicswrap .post:nth-of-type(n + 11),
.index .kaitoriblogwrap li:nth-of-type(n + 2),
.index .topicslink li:nth-of-type(n + 11),
.kaitori .blog:nth-of-type(n + 11),
.kaitori .topics:nth-of-type(n + 11) {
	display: none;
}
article {
	border-bottom: 1px solid #BF0000;
	padding: 2em 0 2em;
}
article.post {
    border-left: 4px solid #BF0000;
    border-right: 4px solid #BF0000;
}
article .content-lwrap {
	word-wrap: break-word;
    width: 25%;
    margin: 0 2% 10px 0;
    float: right;
    min-height: 7em;
}
article .content-lwrap img {
	max-height: 400px;
	width: auto;
	max-width: 100%;
	margin: 0 auto;
}
article a {
    text-decoration: none;
}
article .content-lwrap img {
    max-width: 100%;
}
article h3 {
    font-size: 130%;
    padding: 0.3em;
}
article .content-rwrap p {
    padding: 0.5em;
}


article .entry-set .post-date {
}
article .entry-set {
    color: #aaa;
    float: right;
}
article .entry-set .category {
    padding: 0.1em 0.7em;
	margin: 0 3px;
    color: #fff;
	background-color: #156DD9;
	border-radius: 5px;

}
article .post-date {
	position: relative;
    padding: 0 1em 0 2em;
}
article .post-date::before {
	position: absolute;
    content: "";
	background-image: url(/sys/blog/img/blogtime.png);
	top: 50%;
	margin-top: -6px;
	left: 9px;
	width: 16px;
	height: 14px;
	background-size: 100% 100%;
}
article.post:after {
    content: "";
    clear: both;
    display: block;
}

.fa-clock-o:before {
    content: "";
}


/* blog single
----------------------------------------------------------------------------------------------*/
.h3blog {
	background-color: #f5ead5;
    font-size: 200%;
    padding: 0.5em;
	line-height: 1;
}
article.entry-content {
	line-height: 2;
    padding: 0 0.5em;
    border-left: 4px solid #BF0000;
    border-right: 4px solid #BF0000;
}
.imgshadow {
	width: 250px;
	margin: 2em auto 0 auto;
box-shadow: 0 0 20px #ffffff inset,
0 0 5px #ffffff inset,
0 0 5px 5px #ffffff inset,
0 0 5px 5px #ffffff inset,
0 0 15px #ffffff inset,
0 0 20px #ffffff inset;
}
.imgshadow img {
	position: relative;
	width: 250px;
	margin: 0 auto;
	z-index: -1;
}
.imgshadow400,
.imgshadow400 img {
	width: 400px;
}
span.center {
	display: block;
	font-weight: bold;
	text-align: center;
	margin-bottom: 3em;
}

/* topprivacy
----------------------------------------------------------------------------------------------*/
#topprivacy {
}
#topprivacy h2 {
	position:relative;
    background: #B70094;
    background: #000;
    font-weight: bold;
    text-align: center;
    color: #fff;
    margin: 5px;
    padding: 0.8em 1em;
    font-size: 125%;
}
#topprivacybox {
	display: none;
}
#topprivacy h2::before {
    position: absolute;
    content: '';
    display: block;
    width: 7px;
    height: 7px;
    top: 50%;
    right: 10px;
    margin-top: -5px;
    border-top: 2px solid #fff;
    border-left: 2px solid #fff;
    -webkit-transform: rotate(225deg);
    transform: rotate(225deg);
}

/* flow
----------------------------------------------------------------------------------------------*/
.topflow > div {
	padding: 1em;
}
.flowblock {
	overflow: hidden;
	border: 1px solid #b5b5b6;
	min-height: 10.1rem;
	margin-bottom: 1rem;
}
@media screen and (max-width: 46.8125em) and (min-width: 0em) {
.flowblock {
	margin-bottom: 1rem;
}
}
.flowimg {
	width: 20rem;
	height: 10rem;
	float: left;
	position: relative;
}
@media screen and (max-width: 46.8125em) and (min-width: 0em) {
.flowimg {
	width: 100%;
	float: none;
	height: 100%;
}
}
.flownumber {
	width: 6.25rem;
	height: 6.25rem;
	background: url(/sys/img/gizagizared.png) top left/57px no-repeat;
	color: #fff;
	font-family: 'Open Sans',sans-serif;
	font-weight: 700;
	font-size: 1.25rem;
	padding-left: 1.3rem;
	padding-top: 0.9rem;
	position: absolute;
	top: 0;
	left: 0;
}
.flowtext {
	margin-left: 21rem;
	padding: 1em;
}
@media screen and (max-width: 46.8125em) and (min-width: 0em) {
.flowtext {
	margin-left: 0;
	padding: 16px;
}
}
.flowh3 {
	margin-top: 0;
	font-size: 1.125rem;
	margin-bottom: .5rem;
	color: #e50012;
	font-weight: bold;
}
.flowtextp {
	margin-bottom: 0;
	margin-top: 0;
	font-size: 1rem;
	line-height: 1.725em;
}
@media screen and (max-width: 46.8125em) and (min-width: 0em) {
.flowtextp {
	font-size: .875rem;
}
}






/*top poster animation*/

.eyecatch_carousel {
	max-width: 400px;
	margin: 0 auto;
}
@media screen and (min-width : 700px) {
.eyecatch_carousel {
	max-width: 750px;
}
}

.eyecatch_block {
	position:relative;
	overflow: hidden;
}
#eyecatch01_ele00 {
}
#eyecatch01_ele01 {
	position: absolute;
	width: 29.8%;
	top: 17.0%;
	left: 47.0%;
	-webkit-animation-name: eyecatch01_ele01;
	-webkit-animation-duration: 7s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch01_ele01;
	animation-duration: 7s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch01_ele01 {
	from { transform: scale(1,1); }
	25% { transform: scale(0,1); }
	50% { transform: scale(1,1); }
	99.99%,to{ transform: scale(1,1);  }
}
@keyframes eyecatch01_ele01 {
	from { transform: scale(1,1); }
	25% { transform: scale(0,1); }
	50% { transform: scale(1,1); }
	99.99%,to{ transform: scale(1,1);  }
}
#eyecatch01_ele02 {
	position: absolute;
	width: 24.2%;
	top: 18.0%;
	left: 1.72%;
	-webkit-animation-name: eyecatch01_ele02;
	-webkit-animation-duration: 6s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch01_ele02;
	animation-duration: 6s;
	animation-timing-function: ease-in-out;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch01_ele02 {
	from { transform: translate(0,0); }
	25% { transform: translate(0,-25%); }
	50% { transform: translate(0,0); }
	75% { transform: translate(0,-10%); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch01_ele02 {
	from { transform: translate(0,0); }
	25% { transform: translate(0,-25%); }
	50% { transform: translate(0,0); }
	75% { transform: translate(0,-10%); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch01_ele03 {
	position: absolute;
	width: 81.8%;
	top: 36.0%;
	left: -4.08%;
	-webkit-animation-name: eyecatch01_ele03;
	-webkit-animation-duration: 6s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch01_ele03;
	animation-duration: 6s;
	animation-timing-function: ease-in-out;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch01_ele03 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(130%,-50%); }
	50.01% { transform: translate(-100%,45%); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch01_ele03 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(130%,-50%); }
	50.01% { transform: translate(-100%,45%); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch01_ele04 {
	position: absolute;
	width: 98.4%;
	top: 49.0%;
	left: 5.58%;
	-webkit-animation-name: eyecatch01_ele04;
	-webkit-animation-duration: 6s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch01_ele04;
	animation-duration: 6s;
	animation-timing-function: ease-in-out;
	animation-delay:1.5s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch01_ele04 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(-130%,55%); }
	50.01% { transform: translate(100%,-45%); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch01_ele04 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(-130%,55%); }
	50.01% { transform: translate(100%,-45%); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch01_ele05 {
	position: absolute;
	width: 74.9%;
	top: 60.0%;
	left: 29.61%;
	-webkit-animation-name: eyecatch01_ele05;
	-webkit-animation-duration: 6s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:1.6s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch01_ele05;
	animation-duration: 6s;
	animation-timing-function: ease-in-out;
	animation-delay:1.6s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch01_ele05 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(-130%,55%); }
	50.01% { transform: translate(100%,-45%); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch01_ele05 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(-130%,60%); }
	50.01% { transform: translate(100%,-50%); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch01_ele06 {
	position: absolute;
	width: 36.4%;
	top: 70.0%;
	left: 62.02%;
	-webkit-animation-name: eyecatch01_ele06;
	-webkit-animation-duration: 6s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch01_ele06;
	animation-duration: 6s;
	animation-timing-function: ease-in-out;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch01_ele06 {
	from { transform: scale(1,1); }
	50% { transform: scale(1.1,1.1); }
	99.99%,to{ transform: scale(1,1);  }
}
@keyframes eyecatch01_ele06 {
	from { transform: scale(1,1); }
	50% { transform: scale(1.1,1.1); }
	99.99%,to{ transform: scale(1,1);  }
}







#eyecatch02_ele00 {
}
#eyecatch02_ele01 {
	position: absolute;
	width: 99.43%;
	top: 39.75%;
	left: -2.0%;
	-webkit-animation-name: eyecatch02_ele01;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch02_ele01;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch02_ele01 {
	from { transform: translate(-100%,-30%); }
	10% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch02_ele01 {
	from { transform: translate(-100%,-30%); }
	10% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch02_ele02 {
	position: absolute;
	width: 43.2%;
	top: 17.95%;
	left: 0.0%;
	-webkit-animation-name: eyecatch02_ele02;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch02_ele02;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch02_ele02 {
	from { transform: translate(-100%,-100%); }
	15% { transform: translate(-100%,-100%); }
	25% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch02_ele02 {
	from { transform: translate(-100%,-100%); }
	15% { transform: translate(-100%,-100%); }
	25% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch02_ele03 {
	position: absolute;
	width: 38.27%;
	top: 17.96%;
	left: 44.28%;
	-webkit-animation-name: eyecatch02_ele03;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch02_ele03;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch02_ele03 {
	from { transform: translate(150%,-130%); }
	40% { transform: translate(150%,-130%); }
	50% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch02_ele03 {
	from { transform: translate(150%,-130%); }
	40% { transform: translate(150%,-130%); }
	50% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch02_ele04 {
	position: absolute;
	width: 42.42%;
	top: 34.76%;
	left: 56.65%;
	-webkit-animation-name: eyecatch02_ele04;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch02_ele04;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch02_ele04 {
	from { transform: translate(120%,-60%); }
	25% { transform: translate(120%,-60%); }
	35% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch02_ele04 {
	from { transform: translate(120%,-60%); }
	25% { transform: translate(120%,-60%); }
	35% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch02_ele05 {
	position: absolute;
	width: 27.328%;
	top: 53.38%;
	left: -2.0%;
	-webkit-animation-name: eyecatch02_ele05;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch02_ele05;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch02_ele05 {
	from { transform: translate(-100%,60%); }
	38% { transform: translate(-100%,60%); }
	48% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch02_ele05 {
	from { transform: translate(-100%,60%); }
	38% { transform: translate(-100%,60%); }
	48% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch02_ele06 {
	position: absolute;
	width: 47.5%;
	top: 57.71%;
	left: -4.72%;
	-webkit-animation-name: eyecatch02_ele06;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch02_ele06;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch02_ele06 {
	from { transform: translate(-100%,80%); }
	20% { transform: translate(-100%,80%); }
	30% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch02_ele06 {
	from { transform: translate(-100%,80%); }
	20% { transform: translate(-100%,80%); }
	30% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch02_ele07 {
	position: absolute;
	width: 30.4%;
	top: 58.87%;
	left: 29.4%;
	-webkit-animation-name: eyecatch02_ele07;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch02_ele07;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch02_ele07 {
	from { transform: translate(-200%,200%); }
	30% { transform: translate(-200%,200%); }
	40% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch02_ele07 {
	from { transform: translate(-200%,200%); }
	30% { transform: translate(-200%,200%); }
	40% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch02_ele08 {
	position: absolute;
	width: 37.98%;
	top: 63.03%;
	left: 61.37%;
	-webkit-animation-name: eyecatch02_ele08;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch02_ele08;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch02_ele08 {
	from { transform: translate(120%,120%); }
	35% { transform: translate(120%,120%); }
	45% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch02_ele08 {
	from { transform: translate(120%,120%); }
	35% { transform: translate(120%,120%); }
	45% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}


#eyecatch03_ele00 {
}
#eyecatch03_ele01 {
	position: absolute;
	width: 62.8%;
	top: 25%;
	left: -4%;
	-webkit-animation-name: eyecatch03_ele01;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch03_ele01;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch03_ele01 {
	from { transform: translate(-100%,70%); }
	10% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch03_ele01 {
	from { transform: translate(-100%,70%); }
	10% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch03_ele02 {
	position: absolute;
	width: 64.23%;
	top: 31%;
	left: 3%;
	-webkit-animation-name: eyecatch03_ele02;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch03_ele02;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch03_ele02 {
	from { transform: translate(-100%,70%); }
	5% { transform: translate(-100%,70%); }
	15% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch03_ele02 {
	from { transform: translate(-100%,70%); }
	5% { transform: translate(-100%,70%); }
	15% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch03_ele03 {
	position: absolute;
	width: 92.78%;
	top: 34%;
	left: -4.0%;
	-webkit-animation-name: eyecatch03_ele03;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch03_ele03;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch03_ele03 {
	from { transform: translate(-100%,70%); }
	10% { transform: translate(-100%,70%); }
	20% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch03_ele03 {
	from { transform: translate(-100%,70%); }
	10% { transform: translate(-100%,70%); }
	20% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch03_ele04 {
	position: absolute;
	width: 26.82%;
	top: 59%;
	left: 4%;
	-webkit-animation-name: eyecatch03_ele04;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch03_ele04;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch03_ele04 {
	from { transform: translate(150%,150%); }
	30% { transform: translate(150%,150%); }
	40% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch03_ele04 {
	from { transform: translate(150%,150%); }
	30% { transform: translate(150%,150%); }
	40% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch03_ele05 {
	position: absolute;
	width: 38.27%;
	top: 57%;
	left: 15%;
	-webkit-animation-name: eyecatch03_ele05;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch03_ele05;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch03_ele05 {
	from { transform: translate(160%,160%); }
	40% { transform: translate(160%,160%); }
	50% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch03_ele05 {
	from { transform: translate(160%,160%); }
	40% { transform: translate(160%,160%); }
	50% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch03_ele06 {
	position: absolute;
	width: 51.29%;
	top: 56%;
	left: 25%;
	-webkit-animation-name: eyecatch03_ele06;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch03_ele06;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch03_ele06 {
	from { transform: translate(150%,150%); }
	50% { transform: translate(150%,150%); }
	60% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch03_ele06 {
	from { transform: translate(150%,150%); }
	50% { transform: translate(150%,150%); }
	60% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch03_ele07 {
	position: absolute;
	width: 56.51%;
	top: 52%;
	left: 38%;
	-webkit-animation-name: eyecatch03_ele07;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch03_ele07;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch03_ele07 {
	from { transform: translate(150%,150%); }
	35% { transform: translate(150%,150%); }
	45% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch03_ele07 {
	from { transform: translate(150%,150%); }
	35% { transform: translate(150%,150%); }
	45% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch03_ele08 {
	position: absolute;
	width: 49.79%;
	top: 49%;
	left: 52%;
	-webkit-animation-name: eyecatch03_ele08;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch03_ele08;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch03_ele08 {
	from { transform: translate(150%,150%); }
	45% { transform: translate(150%,150%); }
	55% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch03_ele08 {
	from { transform: translate(150%,150%); }
	45% { transform: translate(150%,150%); }
	55% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch03_ele09 {
	position: absolute;
	width: 53.93%;
	top: 18%;
	left: -3.0%;
	-webkit-animation-name: eyecatch03_ele09;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch03_ele09;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch03_ele09 {
	from { transform: translate(-100%,50%); }
	60% { transform: translate(-100%,50%); }
	70% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch03_ele09 {
	from { transform: translate(-100%,50%); }
	60% { transform: translate(-100%,50%); }
	70% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch03_ele10 {
	position: absolute;
	width: 21.5%;
	top: 17%;
	left: 54%;
	-webkit-animation-name: eyecatch03_ele10;
	-webkit-animation-duration: 6s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch03_ele10;
	animation-duration: 6s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch03_ele10 {
	from { transform: scale(1,1); }
	25% { transform: scale(0,1); }
	50% { transform: scale(1,1); }
	99.99%,to{ transform: scale(1,1);  }
}
@keyframes eyecatch03_ele10 {
	from { transform: scale(1,1); }
	25% { transform: scale(0,1); }
	50% { transform: scale(1,1); }
	99.99%,to{ transform: scale(1,1);  }
}
#eyecatch03_ele11 {
	position: absolute;
	width: 79.61%;
	top: 66.0%;
	left: 9.0%;
	-webkit-animation-name: eyecatch03_ele11;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch03_ele11;
	animation-duration: 8s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch03_ele11 {
	from { transform: scale(1,1); }
	99.99%,to{ transform: scale(1.3,1.3);  }
}
@keyframes eyecatch03_ele11 {
	from { transform: scale(1,1); }
	99.99%,to{ transform: scale(1.3,1.3);  }
}










#eyecatch02_ele40 {
}
#eyecatch02_ele41 {
	position: absolute;
	width: 45%;
	top: 30%;
	left: 9%;
	-webkit-animation-name: eyecatch02_ele41;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch02_ele41;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}

@-webkit-keyframes eyecatch02_ele41 {
    from { -webkit-transform: scale(1,1); }
    50% { -webkit-transform: scale(1.3,1.3); }
    99.99%,to{ -webkit-transform: scale(1,1); }
}
@keyframes eyecatch02_ele41 {
    from { transform: scale(1,1); }
    50% { transform: scale(1.3,1.3); }
    99.99%,to{ transform: scale(1,1); }
}
#eyecatch02_ele42 {
	position: absolute;
	width: 40%;
	top: 45%;
	left: 48%;
	-webkit-animation-name: eyecatch02_ele42;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:1s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch02_ele42;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
	animation-delay:1s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch02_ele42 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	35.1% { transform: translate(20%,-110%); }
	70% { transform: translate(20%,-110%); }
	70.1% { transform: translate(50%,-30%); }
	99.9% { transform: translate(50%,-30%); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch02_ele42 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	35.1% { transform: translate(20%,-110%); }
	70% { transform: translate(20%,-110%); }
	70.1% { transform: translate(50%,-30%); }
	99.9% { transform: translate(50%,-30%); }
	99.99%,to{ transform: translate(0,0); }
}


#eyecatch02_ele43 {
	position: absolute;
	width: 30%;
	top: 50%;
	left: 3%;
	-webkit-animation-name: eyecatch02_ele43;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch02_ele43;
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay:2s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch02_ele43 {
	from { transform: scale(1,1); }
	25% { transform: scale(0,1); }
	50% { transform: scale(1,1); }
	99.99%,to{ transform: scale(1,1);  }
}
@keyframes eyecatch02_ele43 {
	from { transform: scale(1,1); }
	25% { transform: scale(0,1); }
	50% { transform: scale(1,1); }
	99.99%,to{ transform: scale(1,1);  }
}
#eyecatch02_ele44 {
	position: absolute;
	width: 52%;
	top: 65%;
	left: 40%;
	-webkit-animation-name: eyecatch02_ele44;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:3s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch02_ele44;
	animation-duration: 8s;
	animation-timing-function: ease-in-out;
	animation-delay:3s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch02_ele44 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(300%,0); }
	50.01% { transform: translate(-300%,0); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch02_ele44 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(300%,0); }
	50.01% { transform: translate(-300%,0); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch02_ele45 {
	position: absolute;
	width: 52%;
	top: 75%;
	left: 40%;
	-webkit-animation-name: eyecatch02_ele45;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:4s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch02_ele45;
	animation-duration: 8s;
	animation-timing-function: ease-in-out;
	animation-delay:4s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch02_ele45 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(400%,0); }
	50.01% { transform: translate(-400%,0); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch02_ele45 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(400%,0); }
	50.01% { transform: translate(-400%,0); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}











#eyecatch03_ele40 {
}
#eyecatch03_ele41 {
	position: absolute;
	width: 70%;
	top: 16%;
	left: 4%;
	-webkit-animation-name: eyecatch03_ele41;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch03_ele41;
	animation-duration: 8s;
	animation-timing-function: ease-in-out;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch03_ele41 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(300%,0); }
	50.01% { transform: translate(-300%,0); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch03_ele41 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(300%,0); }
	50.01% { transform: translate(-300%,0); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch03_ele42 {
	position: absolute;
	width: 45%;
	top: 32%;
	left: 2%;
	-webkit-animation-name: eyecatch03_ele42;
	-webkit-animation-duration: 1s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch03_ele42;
	animation-duration: 1s;
	animation-timing-function: ease-in-out;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch03_ele42 {
	from { -webkit-transform: rotate(-5deg); }
	50% { -webkit-transform: rotate(5deg); }
	99.99%,to{ -webkit-transform: rotate(-5deg); }
}
@keyframes eyecatch03_ele42 {
	from { transform: rotate(-5deg); }
	50% { transform: rotate(5deg); }
	99.99%,to{ transform: rotate(-5deg); }
}
#eyecatch03_ele43 {
	position: absolute;
	width: 40%;
	top: 35%;
	left: 58%;
	-webkit-animation-name: eyecatch03_ele43;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch03_ele43;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch03_ele43 {
    from { transform: scale(1,1); }
    50% { transform: scale(1.3,1.3); }
    99.99%,to{ transform: scale(1,1); }
}
@keyframes eyecatch03_ele43 {
    from { transform: scale(1,1); }
    50% { transform: scale(1.3,1.3); }
    99.99%,to{ transform: scale(1,1); }
}
#eyecatch03_ele44 {
	position: absolute;
	width: 40%;
	top: 60%;
	left: 59%;
	-webkit-animation-name: eyecatch03_ele44;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch03_ele44;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-delay:1.5s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch03_ele44 {
	from { transform: translate(0,0); }
	50% { transform: translate(-10%,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch03_ele44 {
	from { transform: translate(0,0); }
	50% { transform: translate(-10%,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch03_ele45 {
	position: absolute;
	width: 40%;
	top: 47%;
	left: 30%;
	-webkit-animation-name: eyecatch03_ele45;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch03_ele45;
	animation-duration: 8s;
	animation-timing-function: ease-in-out;
	animation-delay:2s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch03_ele45 {
	from { transform: scale(1,1); }
	25% { transform: scale(0,1); }
	50% { transform: scale(1,1); }
	99.99%,to{ transform: scale(1,1);  }
}
@keyframes eyecatch03_ele45 {
	from { transform: scale(1,1); }
	25% { transform: scale(0,1); }
	50% { transform: scale(1,1); }
	99.99%,to{ transform: scale(1,1);  }
}
#eyecatch03_ele46 {
	position: absolute;
	width: 40%;
	top: 65%;
	left: 1%;
	-webkit-animation-name: eyecatch03_ele46;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch03_ele46;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch03_ele46 {
    from { -webkit-transform: scale(1,1); }
    50% { -webkit-transform: scale(1.3,1.3); }
    99.99%,to{ -webkit-transform: scale(1,1); }
}
@keyframes eyecatch03_ele46 {
    from { transform: scale(1,1); }
    50% { transform: scale(1.3,1.3); }
    99.99%,to{ transform: scale(1,1); }
}



#eyecatch01_repair_ele05 {
	position: absolute;
	width: 29%;
	top: 72%;
	left: 8%;
	-webkit-animation-name: eyecatch01_repair_ele05;
	-webkit-animation-duration: 3s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch01_repair_ele05;
	animation-duration: 3s;
	animation-timing-function: ease-in-out;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch01_repair_ele05 {
    from { -webkit-transform: scale(1,1); }
    50% { -webkit-transform: scale(1.3,1.3); }
    99.99%,to{ -webkit-transform: scale(1,1); }
}
@keyframes eyecatch01_repair_ele05 {
    from { transform: scale(1,1); }
    50% { transform: scale(1.3,1.3); }
    99.99%,to{ transform: scale(1,1); }
}
#eyecatch01_repair_ele06 {
	position: absolute;
	width: 31%;
	top: 66%;
	left: 59%;
	-webkit-animation-name: eyecatch01_repair_ele06;
	-webkit-animation-duration: 2s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch01_repair_ele06;
	animation-duration: 2s;
	animation-timing-function: ease-in-out;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch01_repair_ele06 {
    from { -webkit-transform: scale(1,1); }
    50% { -webkit-transform: scale(1.3,1.3); }
    99.99%,to{ -webkit-transform: scale(1,1); }
}
@keyframes eyecatch01_repair_ele06 {
    from { transform: scale(1,1); }
    50% { transform: scale(1.3,1.3); }
    99.99%,to{ transform: scale(1,1); }
}














/*top kaitori poster animation*/


#eyecatch_kaitori_ele00 {
}
#eyecatch_kaitori_ele01 {
	position: absolute;
	width: 30%;
	top: 17%;
	left: 42%;
	-webkit-animation-name: eyecatch_kaitori_ele01;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch_kaitori_ele01;
	animation-duration: 8s;
	animation-timing-function: ease-in-out;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}

@-webkit-keyframes eyecatch_kaitori_ele01 {
	from { transform: scale(1,1); }
	25% { transform: scale(0,1); }
	50% { transform: scale(1,1); }
	99.99%,to{ transform: scale(1,1);  }
}
@keyframes eyecatch_kaitori_ele01 {
	from { transform: scale(1,1); }
	25% { transform: scale(0,1); }
	50% { transform: scale(1,1); }
	99.99%,to{ transform: scale(1,1);  }
}
#eyecatch_kaitori_ele02 {
	position: absolute;
	width: 30%;
	top: 44%;
	left: 22%;
	-webkit-animation-name: eyecatch_kaitori_ele02;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch_kaitori_ele02;
	animation-duration: 8s;
	animation-timing-function: ease-in-out;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch_kaitori_ele02 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	35.1% { transform: translate(20%,-10%); }
	70% { transform: translate(20%,-10%); }
	70.1% { transform: translate(10%,-30%); }
	99.9% { transform: translate(10%,-30%); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch_kaitori_ele02 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	35.1% { transform: translate(20%,-10%); }
	70% { transform: translate(20%,-10%); }
	70.1% { transform: translate(10%,-30%); }
	99.9% { transform: translate(10%,-30%); }
	99.99%,to{ transform: translate(0,0); }
}


#eyecatch_kaitori_ele03 {
	position: absolute;
	width: 43%;
	top: 20%;
	left: -3%;
	-webkit-animation-name: eyecatch_kaitori_ele03;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch_kaitori_ele03;
	animation-duration: 8s;
	animation-timing-function: ease-in-out;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch_kaitori_ele03 {
    from { -webkit-transform: scale(1,1); }
    8% { -webkit-transform: scale(1,1); }
    16% { -webkit-transform: scale(0.9,0.9); }
    32% { -webkit-transform: scale(1.2,1.2); }
    40% { -webkit-transform: scale(0.9,0.9); }
    52% { -webkit-transform: scale(1,1); }
    99.99%,to{ transform: scale(1,1); }
}
@keyframes eyecatch_kaitori_ele03 {
    from { transform: scale(1,1); }
    8% { transform: scale(1,1); }
    16% { transform: scale(0.9,0.9); }
    32% { transform: scale(1.2,1.2); }
    40% { transform: scale(0.9,0.9); }
    52% { transform: scale(1,1); }
    99.99%,to{ transform: scale(1,1); }
}
#eyecatch_kaitori_ele04 {
	position: absolute;
	width: 35%;
	top: 42%;
	left: 59%;
	-webkit-animation-name: eyecatch_kaitori_ele04;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch_kaitori_ele04;
	animation-duration: 8s;
	animation-timing-function: ease-in-out;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch_kaitori_ele04 {
    from { -webkit-transform: scale(1,1); }
    50% { -webkit-transform: scale(1.1,1.1); }
    99.99%,to{ -webkit-transform: scale(1,1); }
}
@keyframes eyecatch_kaitori_ele04 {
    from { -webkit-transform: scale(1,1); }
    50% { -webkit-transform: scale(1.1,1.1); }
    99.99%,to{ -webkit-transform: scale(1,1); }
}
#eyecatch_kaitori_ele05 {
	position: absolute;
	width: 35%;
	top: 46%;
	left: 1%;
	-webkit-animation-name: eyecatch_kaitori_ele05;
	-webkit-animation-duration: 5s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch_kaitori_ele05;
	animation-duration: 5s;
	animation-timing-function: ease-in-out;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch_kaitori_ele05 {
	from { transform: scale(1,1); }
	35% { transform: scale(0,1); }
	70% { transform: scale(1,1); }
	99.99%,to{ transform: scale(1,1);  }
}
@keyframes eyecatch_kaitori_ele05 {
	from { transform: scale(1,1); }
	35% { transform: scale(0,1); }
	70% { transform: scale(1,1); }
	99.99%,to{ transform: scale(1,1);  }
}

#eyecatch_kaitori_ele06 {
	position: absolute;
	width: 40%;
	top: 64%;
	left: 42%;
	-webkit-animation-name: eyecatch_kaitori_ele06;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch_kaitori_ele06;
	animation-duration: 8s;
	animation-timing-function: ease-in-out;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch_kaitori_ele06 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(-400%,0); }
	50.01% { transform: translate(400%,0); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch_kaitori_ele06 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(-400%,0); }
	50.01% { transform: translate(400%,0); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}

#eyecatch_kaitori_ele07 {
	position: absolute;
	width: 40%;
	top: 71%;
	left: 50%;
	-webkit-animation-name: eyecatch_kaitori_ele07;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0.2s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch_kaitori_ele07;
	animation-duration: 8s;
	animation-timing-function: ease-in-out;
	animation-delay:0.2s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch_kaitori_ele07 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(-400%,0); }
	50.01% { transform: translate(400%,0); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch_kaitori_ele07 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(-400%,0); }
	50.01% { transform: translate(400%,0); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}

#eyecatch_kaitori_ele08 {
	position: absolute;
	width: 40%;
	top: 78%;
	left: 58%;
	-webkit-animation-name: eyecatch_kaitori_ele08;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0.4s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch_kaitori_ele08;
	animation-duration: 8s;
	animation-timing-function: ease-in-out;
	animation-delay:0.4s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch_kaitori_ele08 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(-400%,0); }
	50.01% { transform: translate(400%,0); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch_kaitori_ele08 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(-400%,0); }
	50.01% { transform: translate(400%,0); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}

#eyecatch_kaitori_ele15 {
	position: absolute;
	width: 43%;
	top: 60%;
	left: 5%;
	-webkit-animation-name: eyecatch_kaitori_ele15;
	-webkit-animation-duration: 8s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch_kaitori_ele15;
	animation-duration: 8s;
	animation-timing-function: ease-in-out;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch_kaitori_ele15 {
    from { -webkit-transform: scale(1,1); }
    50% { -webkit-transform: scale(1.1,1.1); }
    99.99%,to{ -webkit-transform: scale(1,1); }
}
@keyframes eyecatch_kaitori_ele15 {
    from { -webkit-transform: scale(1,1); }
    50% { -webkit-transform: scale(1.1,1.1); }
    99.99%,to{ -webkit-transform: scale(1,1); }
}




/*mail-repair poster animation*/

#eyecatch_mail_ele00 {
}
#eyecatch_mail_ele01 {
	position: absolute;
	width: 27%;
	top: 16.0%;
	left: 47.0%;
	-webkit-animation-name: eyecatch_mail_ele01;
	-webkit-animation-duration: 7s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch_mail_ele01;
	animation-duration: 7s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch_mail_ele01 {
	from { transform: scale(1,1); }
	25% { transform: scale(0,1); }
	50% { transform: scale(1,1); }
	99.99%,to{ transform: scale(1,1);  }
}
@keyframes eyecatch_mail_ele01 {
	from { transform: scale(1,1); }
	25% { transform: scale(0,1); }
	50% { transform: scale(1,1); }
	99.99%,to{ transform: scale(1,1);  }
}
#eyecatch_mail_ele02 {
	position: absolute;
	width: 24.2%;
	top: 16.0%;
	left: 1.72%;
	-webkit-animation-name: eyecatch_mail_ele02;
	-webkit-animation-duration: 6s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch_mail_ele02;
	animation-duration: 6s;
	animation-timing-function: ease-in-out;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch_mail_ele02 {
	from { transform: translate(0,0); }
	25% { transform: translate(0,-25%); }
	50% { transform: translate(0,0); }
	75% { transform: translate(0,-10%); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch_mail_ele02 {
	from { transform: translate(0,0); }
	25% { transform: translate(0,-25%); }
	50% { transform: translate(0,0); }
	75% { transform: translate(0,-10%); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch_mail_ele03 {
	position: absolute;
	width: 81.8%;
	top: 34.0%;
	left: -3.08%;
	-webkit-animation-name: eyecatch_mail_ele03;
	-webkit-animation-duration: 6s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch_mail_ele03;
	animation-duration: 6s;
	animation-timing-function: ease-in-out;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch_mail_ele03 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(130%,-50%); }
	50.01% { transform: translate(-100%,45%); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch_mail_ele03 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(130%,-50%); }
	50.01% { transform: translate(-100%,45%); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch_mail_ele04 {
	position: absolute;
	width: 98.4%;
	top: 47.0%;
	left: 5.58%;
	-webkit-animation-name: eyecatch_mail_ele04;
	-webkit-animation-duration: 6s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:1.5s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch_mail_ele04;
	animation-duration: 6s;
	animation-timing-function: ease-in-out;
	animation-delay:1.5s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch_mail_ele04 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(-130%,55%); }
	50.01% { transform: translate(100%,-45%); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch_mail_ele04 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(-130%,55%); }
	50.01% { transform: translate(100%,-45%); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch_mail_ele05 {
	position: absolute;
	width: 74.9%;
	top: 58.0%;
	left: 29.61%;
	-webkit-animation-name: eyecatch_mail_ele05;
	-webkit-animation-duration: 6s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:1.6s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch_mail_ele05;
	animation-duration: 6s;
	animation-timing-function: ease-in-out;
	animation-delay:1.6s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch_mail_ele05 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(-130%,55%); }
	50.01% { transform: translate(100%,-45%); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch_mail_ele05 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(-130%,60%); }
	50.01% { transform: translate(100%,-50%); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
#eyecatch_mail_ele06 {
	position: absolute;
	width: 36.4%;
	top: 68%;
	left: 5%;
	-webkit-animation-name: eyecatch_mail_ele06;
	-webkit-animation-duration: 6s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch_mail_ele06;
	animation-duration: 6s;
	animation-timing-function: ease-in-out;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch_mail_ele06 {
	from { transform: scale(1,1); }
	50% { transform: scale(1.1,1.1); }
	99.99%,to{ transform: scale(1,1);  }
}
@keyframes eyecatch_mail_ele06 {
	from { transform: scale(1,1); }
	50% { transform: scale(1.1,1.1); }
	99.99%,to{ transform: scale(1,1);  }
}

#eyecatch_mail_ele07 {
	position: absolute;
	width: 34%;
	top: 65.0%;
	left: 60.02%;
	-webkit-animation-name: eyecatch_mail_ele07;
	-webkit-animation-duration: 6s;
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: eyecatch_mail_ele07;
	animation-duration: 6s;
	animation-timing-function: ease-in-out;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes eyecatch_mail_ele07 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(-400%,0); }
	50.01% { transform: translate(400%,0); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}
@keyframes eyecatch_mail_ele07 {
	from { transform: translate(0,0); }
	35% { transform: translate(0,0); }
	50% { transform: translate(-400%,0); }
	50.01% { transform: translate(400%,0); }
	65% { transform: translate(0,0); }
	99.99%,to{ transform: translate(0,0); }
}


/* syurinaiyomaru00
----------------------------------------------------------------------------------------------*/
#syurinaiyomaru00 {
	-webkit-animation-name: syurinaiyomaru00;
	-webkit-animation-duration: 7s;
	-webkit-animation-timing-function: linear;
	-webkit-animation-delay:0s;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-direction:normal;
	animation-name: syurinaiyomaru00;
	animation-duration: 7s;
	animation-timing-function: linear;
	animation-delay:0s;
	animation-iteration-count: infinite;
	animation-direction:normal;
}
@-webkit-keyframes syurinaiyomaru00 {
	from { transform: scale(1,1); }
	25% { transform: scale(0,1); }
	50% { transform: scale(1,1); }
	99.99%,to{ transform: scale(1,1);  }
}
@keyframes syurinaiyomaru00 {
	from { transform: scale(1,1); }
	25% { transform: scale(0,1); }
	50% { transform: scale(1,1); }
	99.99%,to{ transform: scale(1,1);  }
}

/* yakudatsu-info
----------------------------------------------------------------------------------------------*/

.topyakudatsu {
}
.topyakudatsu a {
	text-decoration: underline;

}

.topyakudatsu .entry-content {
	border: 2px solid #ccc;
	padding: 5px;
	margin: 5px;
	border-radius: 4px;
}

.yakudatsu{
}
.yakudatsu img{
	max-width: 300px;
	margin: 0 auto;
}

.text06 {
	position: relative;
	margin: 2em auto;
	padding: 15px 35px 15px 25px;
	width: 90%; /* ボックス幅 */
	background-color: #FCFFEF; /* ボックス背景色 */
	color: #222; /* 文章色 */
	border: 1px solid #D4FF83; /* 枠線 */
	box-shadow: 4px 4px 1px #eee; /* 影の色 */
}
.text06::before {
	position: absolute;
	content: '';
	top: -15px;
	right: 10px;
	height: 55px;
	width: 15px;
	border: 3px solid #555555; /*クリップ色 */
	background-color: none;
	border-radius: 12px;
	box-shadow: 1px 1px 2px #999;
	transform: rotate(10deg);
	z-index: 1;
}
.text06::after {
	position: absolute;
	content: '';
	top: 0px;
	width: 10px; 
	right: 20px;
	border: solid 5px #FCFFEF; /*背景色と同じ色にする*/
	z-index: 2;
}
.h3pText06{
	position: relative;
	padding: 10px;
	width: 90%; /* ボックス幅 */
	background-color: #D4FF83;
	margin: 0.5em auto 1.5em auto;
}
.h3pText06::before{
	content: '';
	position: absolute;
	display: block;
	width: 0;
	height: 0;
	left: 20px;
	bottom: -15px;
	border-top: 15px solid #D4FF83;
	border-right: 15px solid transparent;
	border-left: 15px solid transparent;
}





/* zenkoku-price-box
----------------------------------------------------------------------------------------------*/
.price-tabs-table {
	width: 100%;
}
@media screen and (min-width : 600px) {
.price-tabs-table {
	font-size: 120%;
}
}
@media screen and (min-width : 800px) {
.price-tabs-table {
	font-size: 140%;
}
}

.price-tabs-table th.model {
	width: 25%;
	color: #fff;
	padding: 0.3em;
	background: #444;
}
.price-tabs-table th.menu {
	width: 50%;
	color: #fff;
	padding: 0.3em;
	background: #444;
}
.price-tabs-table th.fee {
	width: 25%;
	color: #fff;
	padding: 0.3em;
	background: #444;
}
.price-tabs-table td.fee {
	color: #C00000;
	font-size: 120%;
	font-weight:bold;
}
.price-tabs-list li {
	float: left;
	position: relative;
	overflow: hidden;
	width: 126px;
	height: 50px;
	text-align: center;
	color: #000;
	line-height: 1.2;
	font-size: 76%;
	padding: 0px;
	margin: 2px;
	border-radius: 5px;
	border: 3px solid #000;
}
.price-tabs-list li.active {
	border-radius: 8px;
	border: 3px solid red;
}

.price-tabs-list li span {
	width: 120px;
	height: 44px;
	display:table-cell;
	vertical-align:middle;
	text-align: center;
	text-decoration: none;
	cursor: pointer;
}



.price-tabs-list li.shurigamenhibiware {
    background: #D6FDD1;
}
.price-tabs-list li.shurigamenekishoware {
    background: #D1FDEA;
}
.price-tabs-list li.shuribattery {
    background: #D1F4FD;
}
.price-tabs-list li.shuriincamera {
    background: #D1DAFD;
}
.price-tabs-list li.shurioutcamera {
    b9order: 2px solid #5141FD;
    background: #E1D1FD;
}
.price-tabs-list li.shurioutcameraglass {
    background: #F7D1FD;
}
.price-tabs-list li.shuriconnector {
    background: #FDD1ED;
}
.price-tabs-list li.shurivibrator {
    background: #FDD1D9;
}
.price-tabs-list li.shurihomebutton {
    background: #FDDDD1;
}
.price-tabs-list li.shurimanner {
    background: #FDE8D1;
}
.price-tabs-list li.shuriloudspeaker {
    background: #FDF7D1;
}
.price-tabs-list li.shurilightsensor {
    background: #F2FDD1;
}
.price-tabs-list li.shurisystem {
    background: #E5FDD1;
}
.price-tabs-list li.shuriearspeaker {
    background: #D2FDD1;
}







.boxbtnslide {
    position: relative;
    display: block;
	display: none;
	cursor: pointer;
    color: #fff;
	font-size: 140%;
    text-align: right;
    text-align: center;
    line-height: 1;
    padding: 1em 90px 1em 0;
    margin: 1em;
    background: #CC0F00;
    border-radius: 6px;
    text-decoration: none;
}

.boxbtnslide span {
    position: relative;
}
.boxbtnslide::before {
	position: absolute;
	content: "";
	height: 35px;
	width: 35px;
	top: 50%;
	right: 40px;
    margin-top: -20px;
	background-image: url(/sys/img/iconhand02.png);
	background-size: contain;
	background-position: center;
	background-repeat: no-repeat;
    -webkit-transform: rotate(25deg);
    transform: rotate(25deg);
	z-index: 1;
}
.boxbtnslide::after {
    position: absolute;
    content: 'タップで開きます';
    color: #C10003;
    color: #fff;
    display: block;
	font-size: 10px;
    width: 80px;
    height: 1em;
    top: 50%;
	right: 5px;
    margin-top: 15px;
	z-index: 1;
}

.boxbtnslidebox9 {
	display: none;
}




.shibuya_shop_table_wrapper {
    width: 100%;
    margin-bottom: 0;
    table-layout: fixed;
    padding: 6px;
    color: #159;
}
.shibuya_shop_table_wrapper table {
    width: 100%;
border-spacing: 0;
    line-height: 1.5;
    box-sizing: border-box;
    border-collapse: collapse;
}
.shibuya_shop_table_wrapper th {
border-color: rgba(90, 90,90, 0.18);
background-color: rgba(90, 90,90, 0.04);
    border: 1px solid;
        width: 30%;
    padding: 6px 8px 6px 8px;
	font-weight: bold;
    vertical-align: middle;
}
.shibuya_shop_table_wrapper td {
border-color: rgba(90, 90,90, 0.18);
    border: 1px solid;
        width: 70%;
    padding: 6px 8px 6px 8px;
}











/*topへ戻るボタン*/
.css3button450 {
    padding: 30px 15px;
}
.css3button450 a {
	display: block;
	text-align: center;
	line-height: 1;
	padding: 20px 0;
	text-decoration: none;
	color:#fff;
	font-size:150%;
	font-weight:bold;
	border-radius:5px;
	box-shadow:5px 5px #444;
	background-image:-moz-linear-gradient(
	top,
	#49a9d4 0%,
	#2989d8 40%,
	#2285d6 52%,
	#2989d8);
	background-image:-webkit-gradient(
	linear,left top,left bottom,
	from(#49a9d4),
	color-stop(0.49,#2989d8),
	color-stop(0.52,#2285d6),
	to(#2989d8));
}

@media screen and (min-width : 450px) {
.css3button450 {
	width: 450px;
	padding: 30px 0px;
	margin: 0 auto;
}
}




/*追記*/

.pText02Inner{
    display: none;
}

.h4pText02{
    cursor: pointer;
}

.h4pText02:hover {
    /*background-color: rgba(229, 0, 18, 0.2);*/
    background-color: rgba(255, 131, 0, 0.4);
}
.mybusiness {
    max-width: 405px;
	margin: 10px auto;
}
.pnewopenbig {
	text-align: center;
	color:red;
	font-size: 200%;
}


.iphoneFeeDesc {
    color: #777;
    font-size: 14px;
    padding: 2%;
    letter-spacing: 1px;
    line-height: 1.3;
}
.listbox .btndetail a {
    display: block;
    width: 100%;
    font-size: 14px;
    margin-bottom: 20px;
    margin-top: 10px;
    padding: 7px;
}

.topSideAccessImg {
	float: left;
	width: 50%;
	margin: 10px 0;
	padding: 0 1%;
}
@media screen and (min-width : 1200px) {

.topSideAccessImg {
	width: 100%;
}

}
.calendarBold {
	text-align: center;
	font-size: 18px;
	color: #e34545;
	font-weight: bold;
	margin: 10px auto;
}

.correspondingarealist {
}
.correspondingarealist li {
	margin: 7px;
	padding: 5px;
}
.correspondingarealist li a {
	padding: 5px;
    background-color: #E4EEFF;
}



.emergency_message {
	white-space: pre;
	text-align: center;
	line-height: 1.6;
	font-size:125%;
	font-weight:bold;
	color: red;
	margin: 5px;
	padding: 5px;
	border: 2px solid red;
}