@charset "UTF-8";
body
{
background: #FFF3F0;
color: #333;
font-family:verdana,"ヒラギノ丸ゴ ProN W4","Hiragino Maru Gothic ProN","メイリオ","Meiryo","ＭＳ Ｐゴシック","MS PGothic",Sans-Serif;
line-height:2em;
font-size: 16px;
background-image: url('../images/bg.png');
}
*
{
margin:0;
padding: 0;
}
.wapper
{
width: 1000px;
background-color: transparent;
margin: auto;
}
.wapper:after
{
	display: block;
	clear: both;
	content: "";
}
p
{
padding: 0;
padding-left: 20px;
padding-right: 20px;
margin: 0;
}
h1
{
font-size: 20px;
padding: 0;
margin: 0 auto;
width: 100%;min-width: 1000px;
text-align: center;padding-top: 10px;
/* background-color: #008FFF; */

padding-bottom: 10px;
margin-bottom: 10px;}
h1 a
{

color: #FFFFFF;

clear: both;

text-decoration: none;

margin: auto;

transition: all .5s ease-in-out;

word-wrap:break-word;
}
h1 a:hover
{

text-decoration: underline;

color: #FFFFFF;
}
h2
{
color: #181818;
text-decoration: none;
padding: 0 ;
margin: 0;
}
h3
{
color: #000;
text-decoration: none;
padding: 0 ;
margin: 0;
font-size: 15px;
/* background-color: #008fff; */
margin-top: 30px;
padding-left: 20px;
clear: both;
/* border-bottom: 3px solid #000000; */








}
a
{
color: #000000;
text-decoration: none;
}
a:hover
{
/* color: #008FFF; */
text-decoration: underline;
}
/*======================style title======================*/

.box-Operator-op h2{
	position:relative;
	margin: 0px 0px 10px 0px;
	padding: 0px 15px;
	background: #EC9896;
	font-size: 15px;
	box-shadow: 0 0 5px #202020 inset;
	/* border: 3px solid #000; */
	/* border-radius: 99px; */
	padding: 5px;
	text-align: center;
}
.box-Operator-op h2:before{
	content:" ";
	position:absolute;
	top: 35px;
	left: 4px;
	width:0;
	z-index: 0;
	height: 41px;
	border-width: 10px 10px 10px 10px;
	border-style:solid;
	border-color:transparent;
	/* border-top-color: #000000; */
}
.box-Operator-op h2:after{
	content:" ";
	position:absolute;
	top: 1px;
	left: 0px;
	width:0;
	z-index: 0;
	height: 20px;
	border-width: 10px 0px 10px 10px;
	border-style:solid;
	border-color:transparent;
	border-left-color: #000000;
}






/* border-bottom: 5px solid #000000; */}

.box-Operator-op h2 a
{
color: #fff;
display: block;
text-decoration: none;
}
.box-Operator-op h2 a:hover
{
color: #000;
display: block;
text-decoration: none;
}
/*======================style title======================*/
/*=============================menu=============================*/
.menu-Operator-op
{
width: 100%;
margin: auto;
margin-top: 0px;
min-width: 1000px;
background: #F88B8A;/* padding-top: 10px; */margin-bottom: 10px;box-shadow: 0 0 5px #000000 inset;}
.menu-Operator-op ul
{
padding: 0;
list-style: none;
text-align: center;
/* background-color: #FFFFFF; */
/* box-shadow: 0 0 5px #000 inset; */}
.menu-Operator-op ul li
{
display: inline-block;
}
.menu-Operator-op ul li a
{
color: #FFFFFF;
text-decoration: none;
display: block;
padding: 8px;

font-size: 13px;}
.menu-Operator-op ul li a:hover
{
background-color: #FDFDFD;
color: #000000;
box-shadow: 0 0 5px #000 inset;
/* border-bottom: 5px solid #008fff; */
}
/*Style 'show menu' label button and hide it by default*/
.Operator-op-menu {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
text-decoration: none;
color: #FFFFFF;

background: #EC9896;

padding: 10px 0;
display: none;
text-align: center;border-bottom: 3px solid #000;
}
/*Hide checkbox*/
input[type=checkbox]{
display: none;
-webkit-appearance: none;
}
/*Show menu when invisible checkbox is checked*/
input[type=checkbox]:checked ~ #menu{
display: block;
}
label
{
transition: all .5s ease-in-out;
text-align: left;
position: relative;
color: #008fff;
cursor: pointer;
}
label:after {
content: "";
background: url('../images/nav.png') no-repeat;
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
right: 15px;
top: 10px;
}
label:hover
{
box-shadow: 0 0 5px #000 inset;
}
/*=============================menu=============================*/
/*====================media&img==================================*/
.top-images
{
width: 1000px;
margin: auto;
padding: 0;
}
.top-images img
{
width: 100%;
box-shadow: 0 0 5px #000;


/* border-radius: 155px; */}
.box-Operator-op-main img
{
width:40% ;
box-shadow: 0 0 5px #000;
float: left;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
border: 5px solid #F88B8A;

border-radius: 20px;}
.img-Operator-op-1
{
width: 41%;
box-shadow: 0 0 5px #000;
float: left;
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
margin-left: 10px;
border: 5px solid #F88B8A;

border-radius: 20px;}
.img-Operator-op-2
{
width: 98%;
box-shadow: 0 0 5px #000;
border: 5px solid #008FFF;
border-radius: 20px;
}
.img-Operator-op-3
{
width: 97%;
box-shadow: 0 0 5px #000;
border: 5px solid #008FFF;

border-radius: 20px;}
.img-Operator-op-4
{
width: 96%;
box-shadow: 0 0 5px #000;


border: 5px solid #008FFF;border-radius: 20px;}
.img-Operator-op-responsive
{
width:100% ;
box-shadow: 0 0 5px #000;
}
/*====================media&img==================================*/
/*======================block & frame======================*/
.main
{
clear: both;
padding: 0;
margin: 0;
}
.main:after
{
content: "";
clear: both;
display: block;
}
.frames-Operator-op-box
{
clear: both;
margin-bottom: 20px;
}
.frames-Operator-op-box:after
{
content: "";
display: block;
clear: both;
}
.box-Operator-op-1
{
width: 100%;
padding: 0;
margin: 0;
}
.box-Operator-op-1:after
{
content: "";
display: block;
clear: both;
}
.box-Operator-op-2
{
width: 48%;
padding: 0;
margin: 0;
margin-right: 40px;float: left;}
.box-Operator-op-2:first-child
{
margin-left: 0;
}
.box-Operator-op-2:nth-child(2)
{
margin-right: 0;
}
.box-Operator-op-2:nth-child(3)
{
}
.box-Operator-op-2:nth-child(4)
{
margin-right: 0;
}
.box-Operator-op-2:nth-child(5)
{
}
.box-Operator-op-3
{
width: 31%;
padding: 0;
margin: 0;
float: left;margin-right: 35px;}
.box-Operator-op-3:first-child
{
margin-left: 0;
}
.box-Operator-op-3:nth-child(2)
{
}
.box-Operator-op-3:nth-child(3)
{
margin-right: 0;
}
.box-Operator-op-3:nth-child(4)
{
}
.box-Operator-op-3:nth-child(5)
{
}
.box-Operator-op-4
{
width: 23%;
padding: 0;
margin: 0;
float: left;margin-right: 26px;}
.box-Operator-op-4:first-child
{
margin-left: 0;
}
.box-Operator-op-4:nth-child(2)
{
}
.box-Operator-op-4:nth-child(3)
{
}
.box-Operator-op-4:nth-child(4)
{
margin-right: 0;
}
.box-Operator-op-4:nth-child(5)
{
}
.box-Operator-op-main
{
width: 100%;
padding: 0;
margin: 0;
}
.box-Operator-op-links
{
width: 100%;
padding: 0;
margin: 0;
}
.box-Operator-op-main:after
{
content: "";
display: block;
clear: both;
}
.box-Operator-op
{
box-shadow: 0 0 5px #000;
margin-bottom: 20px;
background-color: rgb(248, 139, 138);
padding-bottom: 20px;

color: #FFF;
/* border-top: 5px solid #008FFF; */
/* padding-top: 10px; */border-radius: 0px 0px 20px 20px;}
.box-Operator-op:after
{
content: "";
display: block;
clear: both;
}
p.links-Operator-op a
{
padding: 7px 20px 7px 20px;
float: right;
color: #fff;
background-color: #B27C58;
text-decoration: none;
margin: 10px;
border-radius: 10px;/* clear: both; */
/* margin-left: -20px; */
background: rgb(24, 24, 24); 
background: -moz-linear-gradient(top, rgba(177,215,250,1) 0%, rgba(0,143,255,1) 100%); 
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(177,215,250,1)), color-stop(100%, rgba(0,143,255,1))); 
/* background: -webkit-linear-gradient(top, rgba(177,215,250,1) 0%, rgba(0,143,255,1) 100%); */ 
background: -o-linear-gradient(top, rgba(177,215,250,1) 0%, rgba(0,143,255,1) 100%); 
background: -ms-linear-gradient(top, rgba(177,215,250,1) 0%, rgba(0,143,255,1) 100%); 
/* background: linear-gradient(to bottom, rgba(177,215,250,1) 0%, rgba(0,143,255,1) 100%); */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b1d7fa', endColorstr='#008fff', GradientType=0 );/* box-shadow: 0px 0 5px #FFF inset; */border: 1px solid white;}
p.links-Operator-op a:hover
{
text-decoration: none;
color: #fff;
background-color: #F88B8A;
box-shadow: 0 0 5px #000;
}
.box-Operator-op-links
{
list-style: none;
}
.box-Operator-op-links ul
{
list-style: none;
padding: 10px;
}
/*======================block & frame======================*/
.footer
{
padding-top: 10px;
padding-bottom: 10px;
background-color: #F88B8A;
color: #FFF;
margin: auto;
width: 100%;
height: auto;
min-width: 1000px;text-align: center;
/* box-shadow: 0 0 5px #000 inset; */border-top: 2px solid;word-wrap: break-word;








}
.footer a
{
color: #262626;
text-decoration: none;
}
.footer a:hover
{
/* color: #FFFFFF; */
text-decoration: underline;
}
.social
{
width: 400px;
text-align: center;
margin: auto;
}
.pocket-btn
{
margin-top: 2px;
}
@media screen and (max-width: 480px){
body
{
/* background-color: #eee; */
}
.wapper
{
width: 94%;
max-width: 480px;
margin-top: 20px;
}
h1
{
text-align: left;
width: 100%;
min-width: inherit;text-align: center;}
h1 a
{
min-width: inherit;
width: 100%;
position: relative;
border-radius: 0;
}
h1 a:hover
{
	/* color: #008FFF; */
}
.top-images
{
width: 100%;
margin: auto;
max-width: 480px;
}
.top-images img {
width: 100%;
box-shadow: 0 0 5px #000;
border-radius: 0px;
border: none;
}
.box-Operator-op-main img,
.img-Operator-op-1,
.img-Operator-op-2,
.img-Operator-op-3,
.img-Operator-op-4
{
width: 100%;
float: none;
margin: 0;
padding: 0;
border-radius: 0;

border: none;}
/*=============================menu=============================*/
.menu-Operator-op
{
width: 100%;
max-width: 480px;
margin: auto;
min-width: inherit;/* background: rgba(255, 255, 255, 0); */box-shadow: none;}
.menu-Operator-op ul
{
padding: 0;
list-style: none;
text-align: center;
background-color: transparent;
}
.menu-Operator-op ul li
{
display: inline;
width: 100%;
}
.menu-Operator-op ul li a
{
/* color: #008fff; */
text-decoration: none;
padding: 5px;
/* background-color: #FFFFFF; */
box-shadow: 0 0 1px #000;
/*margin-bottom: 5px;*/
/*margin-top: 5px;   */
}
.menu-Operator-op ul li a:hover
{
/* background-color: #008fff; */
/* color: #fff; */
box-shadow: 0 0 5px #000 inset;
border-bottom: none;
/* background: rgba(177,215,250,1); */ 
background: -moz-linear-gradient(top, rgba(177,215,250,1) 0%, rgba(0,143,255,1) 100%); 
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(177,215,250,1)), color-stop(100%, rgba(0,143,255,1))); 
/* background: -webkit-linear-gradient(top, rgba(177,215,250,1) 0%, rgba(0,143,255,1) 100%); */ 
background: -o-linear-gradient(top, rgba(177,215,250,1) 0%, rgba(0,143,255,1) 100%); 
background: -ms-linear-gradient(top, rgba(177,215,250,1) 0%, rgba(0,143,255,1) 100%); 
/* background: linear-gradient(to bottom, rgba(177,215,250,1) 0%, rgba(0,143,255,1) 100%); */ }
.Operator-op-menu
{
width: 100%;
max-width: 480px;
text-align: left;
text-indent: 10px;}
/*Make dropdown links appear inline*/
.menu-Operator-op ul {
position: static;
display: none;
margin: 0;
transition: all .5s ease-in-out;
}
/*Display 'show menu' link*/
.Operator-op-menu {
display:block;
margin-top: 0;
transition: all .5s ease-in-out;
}
label
{
transition: all .5s ease-in-out;
text-align: left;
position: relative;
color: #008fff;
}
label:after {
content: "";
background: url('../images/nav.png') no-repeat;
width: 30px;
height: 30px;
display: inline-block;
position: absolute;
right: 15px;
top: 15px;
}

/*=============================menu=============================*/
/*======================block & frame======================*/
.main
{
clear: both;
padding: 0;
margin: 0;
}
.main:after
{
content: "";
clear: both;
display: block;
}
.frames-Operator-op-box
{
clear: both;
margin-bottom: 20px;
}
.frames-Operator-op-box:after
{
content: "";
display: block;
clear: both;
}
.box-Operator-op-1
{
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.box-Operator-op-1:after
{
content: "";
display: block;
clear: both;
}
.box-Operator-op-2
{
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.box-Operator-op-2:first-child
{
margin-left: 0;
}
.box-Operator-op-2:nth-child(2)
{
margin-right: 0;
}
.box-Operator-op-2:nth-child(3)
{
}
.box-Operator-op-2:nth-child(4)
{
margin-right: 0;
}
.box-Operator-op-2:nth-child(5)
{
}
.box-Operator-op-3
{
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.box-Operator-op-3:first-child
{
margin-left: 0;
}
.box-Operator-op-3:nth-child(2)
{
}
.box-Operator-op-3:nth-child(3)
{
margin-right: 0;
}
.box-Operator-op-3:nth-child(4)
{
}
.box-Operator-op-3:nth-child(5)
{
}
.box-Operator-op-4
{
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.box-Operator-op-4:first-child
{
margin-left: 0;
}
.box-Operator-op-4:nth-child(2)
{
}
.box-Operator-op-4:nth-child(3)
{
}
.box-Operator-op-4:nth-child(4)
{
margin-right: 0;
}
.box-Operator-op-4:nth-child(5)
{
}
.box-Operator-op-main
{
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.box-Operator-op-main:after
{
content: "";
display: block;
clear: both;
}
.box-Operator-op
{
box-shadow: 0 0 5px #000;
margin-bottom: 20px;
/* background-color: #FFFFFF; */
padding-bottom: 20px;
/* color: #000; *//* border-radius: 10px; */padding-top: 10px;}
.box-Operator-op:after
{
content: "";
display: block;
clear: both;
}
p.links-Operator-op a
{
/* padding: 10px; */
float: left;
color: #fff;
/* background-color: #008fff; */
text-decoration: none;
margin: 10px;
}
p.links-Operator-op a:hover
{
text-decoration: none;
color: #fff;
/* background-color: #008fff; */
box-shadow: 0 0 5px #000;
}
/*======================block & frame======================*/
.footer
{
width: 100%;
border-radius: 0;
min-width: inherit;}
.social
{
width: 76%;
text-align: center;
margin: auto;
}
}