@charset"UTF-8";
body
{
	background: #F5E4E7;
	color: #333;
	font-family:verdana,"ãƒ’ãƒ©ã‚®ãƒŽä¸¸ã‚´ ProN W4","Hiragino Maru Gothic ProN","ãƒ¡ã‚¤ãƒªã‚ª","Meiryo","ï¼­ï¼³ ï¼°ã‚´ã‚·ãƒƒã‚¯","MS PGothic",Sans-Serif;
	line-height:1.5;
	font-size: 16px;
	/* background-image: url('../images/bg.png'); */
}
*
{
	margin:0;
	padding: 0;
}
.wapper
{
	width: 1000px;
	/* background-color: #eee; */
	margin: auto;
}
.wapper:after
{
	content: "";
	clear: both;
	display: block;
}
p
{
	padding: 0;
	padding-left: 20px;
	padding-right: 20px;
	margin: 0;
	padding-top: 10px;
}
h1
{
font-size: 20px;
padding: 0;
margin: 0 auto;
background-color: #FB0C35;margin-bottom: 10px;min-width: 1000px;text-align: center;padding-top: 10px;padding-bottom: 10px;width: 1000px;margin-bottom: -4px;border-bottom-right-radius: 30px;  border-bottom-left-radius: 30px;border-top: 3px solid #9E1BA9;}
h1 a
{

padding: 10px 0 10px 0;

color: #fff;

clear: both;

text-decoration: none;

margin: auto;

text-align: center;

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

word-wrap:break-word;
}
h1 a:hover
{
/* box-shadow: 0 0 5px #000 inset; */
text-decoration: underline;

/* color: #FFFFFF; *//* background-color: #fff; */}

h2
{
	color: #000;
	text-decoration: none;
	padding: 0 ;
	margin: 0;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
}
h3
{
	color: #000;
	text-decoration: none;
	padding: 5px;
	margin: 0;
	font-size: 15px;
	/* background-color: #03A059; */
	margin-top: 30px;
	padding-left: 20px;
	clear: both;
	/* border-bottom: 3px solid #005D33; */
}
a
{
	color: rgb(251, 12, 53);
	text-decoration: none;
}
a:hover
{
	/* color: #03A059; */
	text-decoration: underline;
}
/*======================style title======================*/

 h2  {
    background: rgb(251, 12, 53);
    /* border: 3px solid #B351BC; */
    text-align: center;
    padding: 6px;
    /* margin-bottom: -10px; */
    color: #FFF;
    padding-bottom: 10px;
    position: relative;
    margin: 5px;
    border-radius: 10px;
    font-size: 17px;
}
h2:before {
    content: "";
    position: absolute;
    top: 10px;
    left: 8px;
    border-radius: 99%;
    border: 10px solid #FFFFFF;
}
h2:after {
    content: "";
    position: absolute;
    top: 10px;
    right: 8px;
    border-radius: 99%;
    border: 10px solid #FFFFFF;
}




.box-Full-ops-class h2 a
{
color: #fff;
display: block;
text-decoration: none;
}
.box-Full-ops-class h2 a:hover
{
color: #000;
display: block;
text-decoration: none;	
}
/*======================style title======================*/
/*=============================menu=============================*/
.menu-Full-ops-class
{
width: 1000px;
min-width: 1000px;

margin: auto;padding: 0;/* background-color: #fff; */margin-bottom: 10px;}
.menu-Full-ops-class ul
{
	padding: 0;
	list-style: none;
	text-align: center;
	background-color: #FB0C35;
	margin: 0 auto;
	border-top-left-radius: 30px;
	border-top-right-radius: 30px;
	margin-top: 5px;
	border-bottom: 3px solid #9E1BA9;
}
.menu-Full-ops-class ul li
{
display: inline-block;
}
.menu-Full-ops-class ul li a
{
color: #FFFFFF;
text-decoration: none;
display: block;
padding: 5px;
font-size: 15px;
background-color: #FD0C35;margin-top: 10px;margin-bottom: 10px;margin-right: 2px;border-bottom: 3px solid #FB0C35;}
.menu-Full-ops-class ul li a:hover
{
/* background-color: #FFFFFF; */
color: #fff;

border-bottom: 3px solid #fff;}

/*Style 'show menu' label button and hide it by default*/
.Full-ops-class-menu {
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-decoration: none;
	/* color: #fff; */
	/* background: #FB0C35; */
	text-align: left;
	padding: 10px 0;
	text-indent: 10px;
	display: none;
	/* 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;

	cursor: pointer;
}
label:hover



{
	/* box-shadow: 0 0 5px #000 inset; */
}

/*=============================menu=============================*/



/*====================media&img==================================*/
.top-images
{
width: 1000px;
margin: auto;
padding: 0;
margin-bottom: 10px;}
.top-images img
{
	width: 100%;
	border-radius: 0px;
	/* box-shadow: 0 0 5px #000; */
	/* border-radius: 10px; */
	margin-top: -9px;
}
.box-Full-ops-class-main img
{
	width:40% ;
	/* box-shadow: 0 0 5px #000; */
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
	border: 5px solid#FB0C35;
	/* border-top: 10px solid #003057; */
	/* border-radius: 10px; */
}
.img-Full-ops-class-1
{
	width: 41%;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	margin-top: 10px;
	border: 5px solid #FB0C35;
}
.img-Full-ops-class-2
{
	width: 100%;
	box-shadow: 0 0 5px #000;
	margin-top: 0px;
	/* border: 10px solid#FF691D; */
	/* border-top: 10px solid #003057; */
	/* border-radius: 10px; */
}
.img-Full-ops-class-3
{
	width: 100%;
	box-shadow: 0 0 5px #000;
	margin-top: 0px;
	/* border: 10px solid#FF691D; */
	/* border-top: 10px solid #003057; */
	/* border-radius: 10px; */
}
.img-Full-ops-class-4
{
	width: 100%;
	box-shadow: 0 0 5px #000;
	margin-top: 0px;
	/* border: 10px solid#FF691D; */
	/* border-top: 10px solid #003057; */
	/* border-radius: 10px; */
}
.img-Full-ops-class-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-Full-ops-class-box
{
clear: both;
margin-bottom: 20px;
}
.frames-Full-ops-class-box:after
{
	content: "";
	display: block;
	clear: both;
}
.box-Full-ops-class-1
{
width: 100%;
padding: 0;
margin: 0;
}
.box-Full-ops-class-1:after
{
	content: "";
	display: block;
	clear: both;
}
.box-Full-ops-class-2
{
width: 48%;
padding: 0;
margin: 0;
margin-right: 40px;float: left;}
.box-Full-ops-class-2:first-child
{
	margin-left: 0;
}
.box-Full-ops-class-2:nth-child(2)
{
	margin-right: 0;
}
.box-Full-ops-class-2:nth-child(3)
{

}
.box-Full-ops-class-2:nth-child(4)
{
	margin-right: 0;
}
.box-Full-ops-class-2:nth-child(5)
{

}
.box-Full-ops-class-3
{
width: 31%;
padding: 0;
margin: 0;
float: left;margin-right: 35px;}
.box-Full-ops-class-3:first-child
{
	margin-left: 0;
}
.box-Full-ops-class-3:nth-child(2)
{

}
.box-Full-ops-class-3:nth-child(3)
{
	margin-right: 0;
}
.box-Full-ops-class-3:nth-child(4)
{

}
.box-Full-ops-class-3:nth-child(5)
{

}
.box-Full-ops-class-4
{
width: 23%;
padding: 0;
margin: 0;
float: left;margin-right: 26px;}
.box-Full-ops-class-4:first-child
{
	margin-left: 0;
}
.box-Full-ops-class-4:nth-child(2)
{

}
.box-Full-ops-class-4:nth-child(3)
{

}
.box-Full-ops-class-4:nth-child(4)
{
margin-right: 0;
}
.box-Full-ops-class-4:nth-child(5)
{

}
.box-Full-ops-class-main
{
width: 100%;
padding: 0;
margin: 0;
}
.box-Full-ops-class-links
{
width: 100%;
padding: 0;
margin: 0;
}
.box-Full-ops-class-main:after
{
	content: "";
	display: block;
	clear: both;
}
.box-Full-ops-class
{

margin-bottom: 20px;

background-color: #FFFFFF;

padding-bottom: 25px;

padding-top: 0px;

color: #000;

border-top: 5px solid #fff;
}
.box-Full-ops-class:after
{
		content: "";
		display: block;
		clear: both;
}
p.links-Full-ops-class a
{
padding: 5px 20px 5px 20px;
float: none;
color: #fff;
background-color: #FB0C35;
text-decoration: none;
margin: 10px;
clear: both;display: inline-block;text-align: center;}
p.links-Full-ops-class a:hover
{
	text-decoration: none;
	color: #fff;
	background-color: #C40526;
	/* box-shadow: 0 0 5px #000 inset; */
}
.box-Full-ops-class-links




{
	list-style: none;
}
.box-Full-ops-class-links ul
{
	list-style: none;
	padding: 10px;
}
/*======================block & frame======================*/


.footer
{
	padding-top: 10px;
	padding-bottom: 10px;
	background-color: #FB0C35;
	color: #000;
	margin: auto;
	width: 1000px;
	height: auto;
	min-width: 1000px;
	text-align: center;
	word-wrap: break-word;
	/* box-shadow: 0 0 5px #000; */
	border-radius: 30px 30px 0px 0px;
}
.footer a
{
	color: #FFFFFF;
	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: 92%;
	max-width: 480px;
	margin-top: 20px;
}
h1
{
	text-align: left;
	min-width: inherit;
	width: 100%;
	text-align: center;
}
h1 a
{
		min-width: inherit;
		width: 100%;
		font-size: 15px;
}
.top-images
{
width: 100%;
margin: auto;
max-width: 480px;
}
.top-images img
{
	border-radius: 0;
}
.box-Full-ops-class-main img,.img-Full-ops-class-1,.img-Full-ops-class-2,.img-Full-ops-class-3,.img-Full-ops-class-4
{
	width: 100%;
	float: none;
	margin: 0;
	padding: 0;
	border-radius:0;
	border: none;
	margin-top: 10px;
}
/*=============================menu=============================*/
.menu-Full-ops-class
{
width: 100%;
max-width: 480px;
margin: auto;
min-width: inherit;margin-top: 10px;}

.menu-Full-ops-class ul
{
	padding: 0;
	list-style: none;
	text-align: center;
	/* background-color: transparent; */
}
.menu-Full-ops-class ul li
{
	display: inline;
	width: 100%;
}
.menu-Full-ops-class ul li a
{
/* color: #FFFFFF; */
text-decoration: none;
padding: 5px;
/* background-color: #FFFFFF; */
/* box-shadow: 0 0 1px #000; */
display: block;
/*margin-bottom: 5px;*/
/*margin-top: 5px;   */
}

.menu-Full-ops-class ul li a:hover
{
/* background-color: #03A059; */
color: #fff;
/* box-shadow: 0 0 5px #000 inset; */
}

.Full-ops-class-menu
{
	width: 100%;
	max-width: 480px;
}
/*Make dropdown links appear inline*/
	.menu-Full-ops-class ul {
		position: static;
		display: none;
		margin: 0;
		transition: all .5s ease-in-out;
	}

	/*Display 'show menu' link*/
	.Full-ops-class-menu {
		display:block;
		position: relative;
		margin-top: -10px;
		transition: all .5s ease-in-out;
		text-align: center;
	}
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-Full-ops-class-box
{
clear: both;
margin-bottom: 20px;
}
.frames-Full-ops-class-box:after
{
	content: "";
	display: block;
	clear: both;
}
.box-Full-ops-class-1
{
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.box-Full-ops-class-1:after
{
	content: "";
	display: block;
	clear: both;
}
.box-Full-ops-class-2
{
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.box-Full-ops-class-2:first-child
{
	margin-left: 0;
}
.box-Full-ops-class-2:nth-child(2)
{
	margin-right: 0;
}
.box-Full-ops-class-2:nth-child(3)
{

}
.box-Full-ops-class-2:nth-child(4)
{
	margin-right: 0;
}
.box-Full-ops-class-2:nth-child(5)
{

}
.box-Full-ops-class-3
{
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.box-Full-ops-class-3:first-child
{
	margin-left: 0;
}
.box-Full-ops-class-3:nth-child(2)
{

}
.box-Full-ops-class-3:nth-child(3)
{
	margin-right: 0;
}
.box-Full-ops-class-3:nth-child(4)
{

}
.box-Full-ops-class-3:nth-child(5)
{

}
.box-Full-ops-class-4
{
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.box-Full-ops-class-4:first-child
{

	margin-left: 0;
}
.box-Full-ops-class-4:nth-child(2)
{

}

.box-Full-ops-class-4:nth-child(3)
{

}

.box-Full-ops-class-4:nth-child(4)
{
margin-right: 0;
}
.box-Full-ops-class-4:nth-child(5)
{

}
.box-Full-ops-class-main
{
width: 100%;
padding: 0;
margin: 0;
clear: both;
}
.box-Full-ops-class-main:after
{
	content: "";
	display: block;
	clear: both;
}
.box-Full-ops-class
{
box-shadow: 0 0 5px #000;
margin-bottom: 20px;
/* background-color: #fff; */
padding-bottom: 20px;
padding-top: 10px;
/* border-top: 10px solid #323232; */}
.box-Full-ops-class:after
{
		content: "";
		display: block;
		clear: both;
}
p.links-Full-ops-class a
{
/* padding: 10px; */
float: none;
/* display: block; */
clear: both;
color: #fff;
text-align: center;/* width: 100%; */
/* background-color: #9A3502; */
text-decoration: none;
margin: 0px;
/* margin-left: -20px; */
}
p.links-Full-ops-class a:hover
{
	text-decoration: none;
	color: #fff;
	/* background-color: #FF691D; */
	/* box-shadow: 0 0 5px #000 inset; */
}
/*======================block & frame======================*/


.footer
{
width: 100%;
min-width: inherit;}
.social
{
	width: 100%;
	text-align: center;
	margin: auto; 
}
}

