@charset "UTF-8";


/*  ------------------------------------------------------------------

	文字（大きさ）

---------------------------------------------------------------------*/
span.font50{
	font-size: 50%;
}
span.font70{
	font-size: 70%;
}

span.font80{
	font-size: 80%;
}

span.font90{
	font-size: 90%;
}

span.font105{
	font-size: 105%;
}

span.font110{
	font-size: 110%;
	line-height: 200%;
}

span.font120{
	font-size: 120%;
	line-height: 220%;
}

span.font130{
	font-size: 130%;
	line-height: 240%;
}

span.font140{
	font-size: 140%;
	line-height: 260%;
}

span.font140a{
	font-size: 140%;
	line-height: 260%;
}
@media only screen and (max-width: 480px) {
    span.font140a{
	font-size: 100%;
	line-height: 240%;
}
}


span.font150{
	font-size: 150%;
	line-height: 280%;
}

/*  ------------------------------------------------------------------

	文字（太さ）

---------------------------------------------------------------------*/

span.bold{
	font-weight: bold;
}

/*  ------------------------------------------------------------------

	特殊文字

---------------------------------------------------------------------*/

span.style01{
	font-family: "HG行書体";
}

.mincho {
	font-family: "Yu Mincho","YuMincho","Sawarabi Mincho", serif;
}

p.right{
	text-align: right;
}

p.right_red{
    margin: 2% !important;
    width: 96% !important;
	text-align: right;
    color: #a82828;
}




p.center{
	text-align: center;
}

span.hailei_maru001{
	margin: 0 5% 0 0;
	padding: 1.5% 1.8%;
	background-color:#681c10;
	border-radius: 50%;
}

@media only screen and (max-width: 480px) {
	span.hailei_maru001{
	margin: 0 5% 0 0;
	padding: 2% 2.8%;
	background-color:#681c10;
	border-radius: 50%;
}
}

/*  ------------------------------------------------------------------

	強制画像サイズ50％

---------------------------------------------------------------------*/
img.w50{
	width: 25% !important;
}

p.margin0{
    margin-top: 0 !important;
    margin-bottom: 0 !important;
}



/*  ------------------------------------------------------------------

	文字（色）

---------------------------------------------------------------------*/
span.main01{
	color: #1a592f;
}
span.red{
	color: #a82828;
}

span.blu{
	color: #023989;
}

span.yel{
	color: #ffff00;
}

span.gre{
	color: #1a592f;
}

span.ore{
	color: #ff6600;
}

span.bla{
	color: #000000;
}

span.whi{
	color: #ffffff !important;
}

span.brawn{
	color: #681c10;
}

span.pink{
	color: #e0a398;
}

span.pur{
	color: #800080;
}

h2.whi{
	color: #ffffff !important;
}
/*  ------------------------------------------------------------------

	背景色(ボタンとして)

---------------------------------------------------------------------*/

span.main01_bg{
	margin: 2%;
	padding: 2% 4%;
	background-color: #1a592f;
	display: inline-block;
}

span.red_bg{
	margin: 2%;
	padding: 1% 4%;
	background-color: #a82828;
	display: inline-block;
}

span.blu_bg{
	margin: 2%;
	padding: 2% 4%;
	background-color: #023989;
	display: inline-block;
}

span.yel_bg{
	margin: 2%;
	padding: 2% 4%;
	background-color: #ffff00;
	display: inline-block;
}

span.gre_bg{
	margin: 2%;
	padding: 2% 4%;
	background-color: #1a592f;
	display: inline-block;
}

span.ore_bg{
	margin: 2%;
	padding: 2% 4%;
	background-color: #ff6600;
	display: inline-block;
}

span.bla_bg{
	margin: 2%;
	padding: 2% 4%;
	background-color: #000000;
	display: inline-block;
}

span.whi_bg{
	margin: 2%;
	padding: 2% 4%;
	background-color: #ffffff;
	display: inline-block;
}

span.brawn_bg{
	margin: 2%;
	padding: 2% 4%;
	background-color: #681c10;
	display: inline-block;
}

span.pink_bg{
	margin: 2%;
	padding: 2% 4%;
	background-color: #e0a398;
	display: inline-block;
}

span.pur_bg{
	margin: 2%;
	padding: 2% 4%;
	background-color: #800080;
	display: inline-block;
}

/*  ------------------------------------------------------------------

	画像箇所（モニターによって％変更）

---------------------------------------------------------------------*/
img.size70{
	width: 70% !important;
}

@media only screen and (max-width: 868px) {
	img.size70{
	width: 70% !important;
}
}

@media only screen and (max-width: 480px) {
	img.size70{
	width: 100% !important;
}
}

img.size70a{
	width: 70% !important;
    max-width: 500px !important;
}

@media only screen and (max-width: 868px) {
	img.size70a{
        width: 70% !important;
        max-width: 500px !important;
}
}

@media only screen and (max-width: 480px) {
	img.size70a{
	width: 70% !important;
}
}


/*  ------------------------------------------------------------------

	背景色(h1 h2 h3 h4)

---------------------------------------------------------------------*/

h1.main01_bg,h2.main01_bg,h3.main01_bg,td.main01{
	background-color: #1a592f;
}

h1.red_bg,h2.red_bg,h3.red_bg,td.red_bg{
	background-color: #a82828;
}

h1.blu_bg,h2.blu_bg,h3.blu_bg,td.blu_bg{
	background-color: #023989 !important;
}
h1.blu_bg2,h2.blu_bg2,h3.blu_bg2,td.blu_bg2{
	background-color: #d3d3fd !important;
}
h1.blu_bg3,h2.blu_bg3,h3.blu_bg3,td.blu_bg3{
	background-color: #D2DEFB !important;
}

h1.yel_bg,h2.yel_bg,h3.yel_bg,td.yel_bg{
	background-color: #ffff00;
}

h1.gre_bg,h2.gre_bg,h3.gre_bg,td.gre_bg{
	background-color: #1a592f;
}

h1.ore_bg,h2.ore_bg,h3.ore_bg,td.ore_bg{
	background-color: #ff6600;
}

h1.ore_bg2,h2.ore_bg2,h3.ore_bg2,td.ore_bg2{
	background-color: #fbdbc5 !important;
}

h1.bla_bg,h2.bla_bg,h3.bla_bg,td.bla_bg{
	background-color: #000000;
}

h1.whi_bg,h2.whi_bg,h3.whi_bg,td.whi_bg{
	background-color: #ffffff;
}

h1.brawn_bg,h2.brawn_bg,h3.brawn_bg,td.brawn_bg{
	background-color: #681c10;
}

h1.pink_bg,h2.pink_bg,h3.pink_bg,td.pink_bg{
	background-color: #e0a398;
}

h1.pur_bg,h2.pur_bg,h3.pur_bg,td.pur_bg{
	background-color: #800080;
}

/*  ------------------------------------------------------------------

	背景色（丸み）

---------------------------------------------------------------------*/

span.cir{
	border-radius: 5px;
}

/*  ------------------------------------------------------------------

	背景柄（柄）

---------------------------------------------------------------------*/

.obi_img0001{
	background-image: url("../image/common/haikei001.png");
	background-repeat: no-repeat;
	background-position: 0 20%;
}

.obi_img0001_01{
	background-image: url("../image/common/haikei001_01.png");
	background-repeat: no-repeat;
	background-position: 0 20%;
}

.moji001{
	background: repeating-linear-gradient(0deg, #B67B03 0.1em, #DAAF08 0.2em, #FEE9A0 0.3em, #DAAF08 0.4em, #B67B03 0.5em);
  -webkit-background-clip: text;
  color: transparent !important;
}
/*  ------------------------------------------------------------------

	下線(オレンジ線)

---------------------------------------------------------------------*/
span.under001{
	border-bottom: 5px solid #d4641b;
}

span.under002{
	border-bottom: 5px solid #e0a398;
}


/*  ------------------------------------------------------------------

	背景色（枠色）

---------------------------------------------------------------------*/
span.main01_waku{
	margin: 2%;
	padding: 1% 2%;
	color: #1a592f;
	background-color: #fff;
	border: 1px #1a592f solid;
	display: inline-block;
}

span.red_waku{
	margin: 2%;
	padding: 1% 2%;
	color: #a82828;
	background-color: #fff;
	border: 1px #a82828 solid;
	display: inline-block;
}

span.blu_waku{
	margin: 2%;
	padding: 1% 2%;
	color: #09035b;
	background-color: #fff;
	border: 1px #023989 solid;
	display: inline-block;
}

span.yel_waku{
	margin: 2%;
	padding: 1% 2%;
	color: #ffff00;
	background-color: #fff;
	border: 1px #ffff00 solid;
	display: inline-block;
}

span.gre_waku{
	margin: 2%;
	padding: 1% 2%;
	color: #1a592f;
	background-color: #fff;
	border: 1px #1a592f solid;
	display: inline-block;
}

span.ore_waku{
	margin: 2%;
	padding: 1% 2%;
	color: #ff6600;
	background-color: #fff;
	border: 1px #ff6600 solid;
	display: inline-block;
}

span.bla_waku{
	margin: 2%;
	padding: 1% 2%;
	color: #000000;
	background-color: #fff;
	border: 1px #000000 solid;
	display: inline-block;
}

span.brawn_waku{
	margin: 2%;
	padding: 1% 2%;
	color: #681c10;
	background-color: #fff;
	border: 1px #681c10 solid;
	display: inline-block;
}

span.pink_waku{
	margin: 2%;
	padding: 1% 2%;
	color: #e0a398;
	background-color: #fff;
	border: 1px #e0a398 solid;
	display: inline-block;
}

span.pur_waku{
	margin: 2%;
	padding: 1% 2%;
	color: #800080;
	background-color: #fff;
	border: 1px #800080 solid;
	display: inline-block;
}

/*  ------------------------------------------------------------------

	背景固定(緑)

---------------------------------------------------------------------*/

p.haikei_gre{
	width: 90%;
	height: auto;
	margin: 0 !important;
	padding: 5% !important;
	background-color: #1a592f;
	color: #fff !important;
	font-size: 120% !important;
	line-height: 220% !important;
	display: flex !important;
	align-items: center;
}

@media only screen and (max-width: 480px) {
p.haikei_gre{
	width: 90%;
	height: auto;
	margin: 0 !important;
	padding: 5% !important;
	background-color: #1a592f;
	color: #fff !important;
	font-size: 120% !important;
	line-height: 220% !important;
}
}

/*  ------------------------------------------------------------------

	背景固定（青）

---------------------------------------------------------------------*/

p.haikei_blu{
	width: 90%;
	height: auto;
	margin: 0 !important;
	padding: 5% !important;
	background-color: #023989;
	color: #fff !important;
	font-size: 120% !important;
	line-height: 220% !important;
	display: flex !important;
	align-items: center;
}

@media only screen and (max-width: 480px) {
p.haikei_gre{
	width: 90%;
	height: auto;
	margin: 0 !important;
	padding: 5% !important;
	background-color: #023989;
	color: #fff !important;
	font-size: 120% !important;
	line-height: 220% !important;
}
}

/*  ------------------------------------------------------------------

	ボタン

---------------------------------------------------------------------*/

.col {
	width: 80%;
    display: block;
    margin: 0 auto;
}



.col02 {
	width: 100%;
    display: block;
    margin: 5% auto;
}

.col a{
	text-decoration: none;
}

.col:first-of-type {
  margin-left: 0;
}

.col01 {
	width: 100%;
    display: block;
    margin: 0 !important;
}

.col01 a{
	text-decoration: none;
}

.col01:first-of-type {
  margin-left: 0;
}

.col01_01 {
	width: 49% !important;
    display: inline-block !important;
    margin: 0 !important;
}

.col01_01 a{
	text-decoration: none;
}

.col01_01:first-of-type {
  margin-left: 0;
}


@media only screen and (max-width: 480px) {
	.col01_01 {
	width: 100% !important;
    display: block !important;
    margin: 0 !important;
}

.col01_01 a{
	text-decoration: none;
}
	
.col01_01:first-of-type {
  margin-left: 0;
}
}

.container{
  width: 100%;
  max-width: 600px;
  margin: 0 auto;
  position: relative;
  text-align: center;
}

/* CLEARFIX */

.cf:before,
.cf:after {
    content: " ";
    display: table;
}

.cf:after {
    clear: both;
}

.cf {
    *zoom: 1;
}

/* ボタンサイズ（中央） */

.button{
  width: 20%;
  display: block;
  text-align: center;
  padding: 1.5% 5%;
  margin: 2% auto 2%;
  position: relative;
  color: #fff;
  font-size: 110%;
  font-family: "Yu Mincho","YuMincho","Sawarabi Mincho", serif;
}

@media only screen and (max-width: 868px) {
.button{
  width: 60%;
  display: block;
  text-align: center;
  padding: 5% 10%;
  margin: 5% auto 20%;
  position: relative;
  color: #fff;
}
}

@media only screen and (max-width: 480px) {
.button{
  width: 80%;
  display: block;
  text-align: center;
  padding: 5% 10%;
  margin: 5% auto 20%;
  position: relative;
  color: #fff;
}
}

.button01{
  width:30%;
  display: block;
  text-align: center;
  padding: 2% 5%;
  margin: 0 auto;
  position: relative;
  color: #fff;
  font-size: 100%;
  font-family: "Yu Mincho","YuMincho","Sawarabi Mincho", serif;
}

@media only screen and (max-width: 868px) {
.button01{
  width: 70%;
  display: block;
  text-align: center;
  padding: 2% 5%;
  margin: 0 auto;
  position: relative;
  color: #fff;
  font-size: 100%;
  font-family: "Yu Mincho","YuMincho","Sawarabi Mincho", serif;
}
}

@media only screen and (max-width: 480px) {
.button01{
  width: 55%;
  display: block;
  text-align: center;
  padding: 2% 5%;
  margin: 0 auto 10%;
  position: relative;
  color: #fff;
  font-size: 100%;
  font-family: "Yu Mincho","YuMincho","Sawarabi Mincho", serif;
}
}

.button01_01{
  width:90%;
  display: block;
  text-align: center;
  padding: 2% 5%;
  margin: 0 0 1%;
  position: relative;
  color: #fff;
  font-size: 100%;
  font-family: "Yu Mincho","YuMincho","Sawarabi Mincho", serif;
}

@media only screen and (max-width: 868px) {
.button01_01{
  width: 90%;
  display: block;
  text-align: center;
  padding: 2% 5%;
  margin: 0 0 1%;
  position: relative;
  color: #fff;
  font-size: 100%;
  font-family: "Yu Mincho","YuMincho","Sawarabi Mincho", serif;
}
}

@media only screen and (max-width: 480px) {
.button01_01{
  width: 50%;
  display: block;
  text-align: center;
  padding: 2% 5%;
  margin: 0 auto 2% !important;
  position: relative;
  color: #fff;
  font-size: 100%;
  font-family: "Yu Mincho","YuMincho","Sawarabi Mincho", serif;
}
}
/* ボタンサイズ（） */
.button02{
  width:30%;
  display: block;
  text-align: center;
  padding: 2% 5%;
  margin: 0 auto;
  position: relative;
  color: #000;
  font-size: 100%;
  font-family: "Yu Mincho","YuMincho","Sawarabi Mincho", serif;
}

@media only screen and (max-width: 868px) {
.button02{
  width: 70%;
  display: block;
  text-align: center;
  padding: 2% 5%;
  margin: 0 auto;
  position: relative;
  color: #000;
  font-size: 100%;
  font-family: "Yu Mincho","YuMincho","Sawarabi Mincho", serif;
}
}

@media only screen and (max-width: 480px) {
.button02{
  width: 50%;
  display: block;
  text-align: center;
  padding: 2% 5%;
  margin: 0 auto 10%;
  position: relative;
  color: #000;
  font-size: 100%;
  font-family: "Yu Mincho","YuMincho","Sawarabi Mincho", serif;
}
}

.button02_01{
  width:90%;
  display: block;
  text-align: center;
  padding: 2% 5%;
  margin: 0 0 1%;
  position: relative;
  color: #fff;
  font-size: 100%;
  font-family: "Yu Mincho","YuMincho","Sawarabi Mincho", serif;
}

@media only screen and (max-width: 868px) {
.button02_01{
  width: 90%;
  display: block;
  text-align: center;
  padding: 2% 5%;
  margin: 0 0 1%;
  position: relative;
  color: #fff;
  font-size: 100%;
  font-family: "Yu Mincho","YuMincho","Sawarabi Mincho", serif;
}
}

@media only screen and (max-width: 480px) {
.button02_01{
  width: 60%;
  display: block;
  text-align: center;
  padding: 2% 5%;
  margin: 0 auto 2% !important;
  position: relative;
  color: #fff;
  font-size: 100%;
  font-family: "Yu Mincho","YuMincho","Sawarabi Mincho", serif;
}
}

/* ボタンサイズ（footer箇所） */
.button03{
  width: 100%;
  display: block;
  text-align: center;
  padding: 5% 5%;
  margin: 2% auto 2%;
  position: relative;
  color: #fff;
  font-size: 110%;
  font-family: "Yu Mincho","YuMincho","Sawarabi Mincho", serif;
  text-decoration: none !important;
}

/* ボタンサイズ（top箇所） */
.button04{
  width: 90%;
  display: block;
  text-align: center;
  padding: 5% 5% !important;
  margin: 20% auto 2%;
  position: relative;
  color: #fff;
  font-size: 110%;
  font-family: "Yu Mincho","YuMincho","Sawarabi Mincho", serif;
  text-decoration: none !important;
}



/* BUTTON 1 */

#button-1{
  border: 2px solid #1a592f;
  color: #1a592f;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-1:before{
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: 0;
  left: -100%;
  background-color: #1a592f;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-1:hover{
  color: #ecf0f1;
}

#button-1:hover:before{
  left: 0;
}

/* BUTTON 2 */

#button-2{
  border: 2px solid #1a592f;
  color: #1a592f;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-2:before{
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 100%;
  top: -100%;
  left: 0;
  background-color: #1a592f;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-2:hover{
  color: #ecf0f1;
}

#button-2:hover:before{
  top: 0;
}

/* BUTTON 3 */

#button-3{
  border: 2px solid #1a592f;
  color: #1a592f;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-3:before, #button-3:after{
  content: "";
  z-index: -1;
  position: absolute;
  width: 50%;
  height: 100%;
  top: 0;
  left: -50%;
  background-color: #1a592f;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-3:after{
  left: 100%;
}

#button-3:hover{
  color: #ecf0f1;
}

#button-3:hover:before{
  left: 0;
}

#button-3:hover:after{
  left: 50%;
}

/* BUTTON 4 */

#button-4{
  border: 1px solid #000;
  color: #000;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-4:before, #button-4:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  top: 50%;
  z-index: -1;
  background-color: #000 !important;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-4:after{
  top: auto;
  bottom: 50%;
}

#button-4:hover{
  color: #ecf0f1;
}

#button-4:hover:before{
  height: 50%;
}

#button-4:hover:after{
  height: 50%;
}

/* BUTTON 4_02 */

#button-4_02{
  border: 1px solid #023989;
  color: #023989;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-4_02:before, #button-4_02:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 0;
  left: 0;
  top: 50%;
  z-index: -1;
  background-color: #023989 !important;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-4_02:after{
  top: auto;
  bottom: 50%;
}

#button-4_02:hover{
  color: #ecf0f1;
}

#button-4_02:hover:before{
  height: 50%;
}

#button-4_02:hover:after{
  height: 50%;
}


/* BUTTON 5 */

#button-5{
  color: #1a592f;
  overflow: hidden;
}

#button-5:before, #button-5:after{
  content: "";
  position: absolute;
  width: 100%;
  height: 3px;
  background-color: #1a592f;
  top: 0;
  left: -100%;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-5:after{
  bottom: 0 !important;
  top: auto !important;
  right: -100%;
  left: auto;
}

#button-5:hover:before{
  left: 0;
}

#button-5:hover:after{
  right: 0;
}

/* BUTTON 6 */

#button-6{
  border: 2px solid #1a592f;
  color: #1a592f;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-6:before, #button-6:after{
  content: "";
  z-index: -1;
  position: absolute;
  width: 100%;
  height: 50%;
  top: -50%;
  left: 0;
  background-color: #1a592f;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-6:after{
  top: 100%;
}

#button-6:hover{
  color: #ecf0f1;
}

#button-6:hover:before{
  top: 0;
}

#button-6:hover:after{
  top: 50%;
}


/* BUTTON 7 */

#button-7{
  -webkit-perspective: 50px;
  -moz-perspective: 50px;
  -ms-perspective: 50px;
  perspective: 50px;
  background-color: #1a592f;
  -webkit-transition: all 0.6s ease-in-out;
  -o-transition: all 0.6s ease-in-out;
  transition: all 0.6s ease-in-out;
}

#button-7:hover{
  -webkit-transform: rotateX(360deg);
  -ms-transform: rotateX(360deg);
  -o-transform: rotateX(360deg);
  transform: rotateX(360deg);
}

/* BUTTON 8 */

#button-8{
  background-color: #1a592f;
  overflow: hidden;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-8:hover{
  -webkit-box-shadow: 0px 0px 10px #1a592f;
  box-shadow: 0px 0px 10px #1a592f;
}

/* BUTTON 9 */

#button-9{
  background-color: #1a592f;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-9:hover{
  -webkit-transform: translateY(-10px);
  -ms-transform: translateY(-10px);
  -o-transform: translateY(-10px);
  transform: translateY(-10px);
}

/* BUTTON 10 */

#button-10{
  background-color: #1a592f;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-10:hover{
  -webkit-transform: translateY(10px);
  -ms-transform: translateY(10px);
  -o-transform: translateY(10px);
  transform: translateY(10px);
}

/* BUTTON 11 */

#button-11{
  background-color: #1a592f;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-11:hover{
  -webkit-transform: translateX(10px);
  -ms-transform: translateX(10px);
  -o-transform: translateX(10px);
  transform: translateX(10px);
}

/* BUTTON 12 */

#button-12{
  background-color: #1a592f;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-12:hover{
  -webkit-transform: translateX(-10px);
  -ms-transform: translateX(-10px);
  -o-transform: translateX(-10px);
  transform: translateX(-10px);
}


/* BUTTON 13 */

#button-13{
  background-color: #1a592f;
  -webkit-font-smoothing: antialiased;
}

#button-13:hover{
  animation: wobbleud 0.5s linear infinite;
}

@keyframes wobbleud{
  0%{
    -webkit-transform: translateY(0);
    -ms-transform: translateY(0);
    -o-transform: translateY(0);
    transform: translateY(0);
  }

  25%{
    -webkit-transform: translateY(-5px);
    -ms-transform: translateY(-5px);
    -o-transform: translateY(-5px);
    transform: translateY(-5px);
  }

  75%{
    -webkit-transform: translateY(5px);
    -ms-transform: translateY(5px);
    -o-transform: translateY(5px);
    transform: translateY(5px);
  }

  100%{
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}
/* BUTTON 14 */

#button-14{
  background-color: #1a592f;
}

#button-14:hover{
  animation: wobblelr 0.5s linear infinite;
}

@keyframes wobblelr{
  0%{
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }

  25%{
    -webkit-transform: translateX(-5px);
    -ms-transform: translateX(-5px);
    -o-transform: translateX(-5px);
    transform: translateX(-5px);
  }

  75%{
    -webkit-transform: translateX(5px);
    -ms-transform: translateX(5px);
    -o-transform: translateX(5px);
    transform: translateX(5px);
  }

  100%{
    -webkit-transform: translateX(0);
    -ms-transform: translateX(0);
    -o-transform: translateX(0);
    transform: translateX(0);
  }
}

/* BUTTON 15 */

#button-15{
  background-color: rgba(52, 73, 94, 1);
}

#button-15:hover{
  animation: bgchange 2s linear infinite;
}

@keyframes bgchange{
  0%{
    background-color: rgba(52, 73, 94, 1);
  }

  50%{
    background-color: rgba(52, 73, 94, 0.7);
  }

  100%{
    background-color: rgba(52, 73, 94, 1);
  }
}


/* BUTTON 16 */

#button-16{
  background-color: #fffff9;
	border: 1px solid #ffffff;
	border-radius: 25px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-16:hover{
  border-radius: 15px;
}

#button-16_01{
  background-color: #000000;
	border: 1px solid #d6d6d6;
	border-radius: 25px;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-16_01:hover{
	border-radius: 15px;
}

/* BUTTON 16_02 */

#button-16_02{
  background-color: #494949;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	color: #fff;
}

#button-16_02:hover{
  border-radius: 15px;
}

/* BUTTON 16_03 */

#button-16_03{
  background-color: #a82828;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	color: #fff !important;
}

#button-16_03:hover{
  border-radius: 15px;
}

/* BUTTON 16_04 */

#button-16_04{
  background-color: #494949;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
	color: #fff;
}

#button-16_04:hover{
  border-radius: 15px;
}

/* BUTTON 17 */

#button-17{
  background-color: #1a592f;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-17:before{
  content: "";
  position: absolute;
  top: calc(50% - 15px);
  left: 0;
  border-right: 15px solid #1a592f;
  border-top: 15px solid transparent;
  border-bottom: 15px solid transparent;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-17:hover{
  -webkit-transform: translateX(15px);
  -ms-transform: translateX(15px);
  -o-transform: translateX(15px);
  transform: translateX(15px);
}

#button-17:hover:before{
  left: -15px;
}


/* BUTTON 18 */

#button-18{
  background-color: #1a592f;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-perspective: 100px;
  -moz-perspective: 100px;
  -ms-perspective: 100px;
  perspective: 100px;
  -webkit-perspective-origin: right;
  -moz-perspective-origin: right;
  -ms-perspective-origin: right;
  perspective-origin: right;
}

#button-18:after{
  content: "X";
  line-height: 60px;
  position: absolute;
  top: 0;
  right: -60px;
  width: 60px;
  height: 100%;
  background-color: #1a592f;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
  -webkit-transform: rotateY(90deg);
  -ms-transform: rotateY(90deg);
  -o-transform: rotateY(90deg);
  transform: rotateY(90deg);
  -webkit-transform-origin: left;

  -moz-transform-origin: left;
  -ms-transform-origin: left;
  -o-transform-origin: left;
  transform-origin: left;
}

#button-18:hover:after{
  -webkit-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
}

/* BUTTON 19 */

#button-19{
  background-color: #1a592f;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-19:hover{
  -webkit-transform: rotate(5deg);
  -ms-transform: rotate(5deg);
  -o-transform: rotate(5deg);
  transform: rotate(5deg);
}

/* BUTTON 20 */

#button-20{
  background-color: #1a592f;
  -webkit-transition: all 0.3s ease-in-out;
  -o-transition: all 0.3s ease-in-out;
  transition: all 0.3s ease-in-out;
}

#button-20:hover{
  -webkit-transform: rotate(-5deg);
  -ms-transform: rotate(-5deg);
  -o-transform: rotate(-5deg);
  transform: rotate(-5deg);
}


/* ↑↑ここまで
・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・・*/





/* 点滅 */
.blinking{
	-webkit-animation:blink 0.8s ease-in-out infinite alternate;
    -moz-animation:blink 0.8s ease-in-out infinite alternate;
    animation:blink 0.8s ease-in-out infinite alternate;
	font-size: 50%;
	color: #ffffff;
	padding: 1% 2%;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
　　　-moz-border-radius: 5px; /* for Firefox */
　　　-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
	background-color: #a82828;
}
/* 点滅しない */
.blinking01{
	font-size: 50%;
	color: #ffffff;
	padding: 1% 2%;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
　　　-moz-border-radius: 5px; /* for Firefox */
　　　-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
	background-color: #a82828;
}

/* 大人女性　点滅しない */
.blinking03{
	font-size: 120%;
	color: #ffffff;
	padding: 1% 5%;
	line-height: 240%;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
　　　-moz-border-radius: 5px; /* for Firefox */
　　　-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
	background-color: #a82828;
}

/* 大人女性　点滅しない */
.blinking02{
	font-size: 120%;
	color: #a82828;
	padding: 1% 5%;
	line-height: 240%;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
　　　-moz-border-radius: 5px; /* for Firefox */
　　　-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
	border: 1px #a82828 solid;
	background-color: #fff;
}

.blinking05{
	font-size: 120%;
	color: #ffffff;
	padding: 1% 5%;
	line-height: 240%;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
　　　-moz-border-radius: 5px; /* for Firefox */
　　　-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
	background-color: #54bfde;
}

.blinking04{
	font-size: 120%;
	color:#54bfde;
	padding: 1% 5%;
	line-height: 240%;
	-webkit-border-radius: 5px;/* for Safari and Chrome */
　　　-moz-border-radius: 5px; /* for Firefox */
　　　-o-border-radius: 5px; /* for opera */
	border-radius: 5px;
	border: 1px #54bfde solid;
	background-color: #fff;
}

.bg_bra{
	background-color: #000 !important;
}

.bg_pink{
	background-color: #e0a398 !important;
}

.bg_gre{
	background-color: #494949 !important;
}

.bg_red{
	background-color: #a82828 !important;
}

.bg_ore{
	background-color: #ff6600 !important;
}
.bg_blu{
	background-color: #09035b !important;
}
.bg_red002{
	background-color: #a82828 !important;
	border-radius: 10px!important;
	color: #fff!important;
	padding: 2%!important;
	margin: 2% 2% 3% !important;
	width: 92% !important;
}




@-webkit-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@-moz-keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}
@keyframes blink{
    0% {opacity:0;}
    100% {opacity:1;}
}




p.left{
	text-align: left !important;
	color: #000;
}

.left004{
	text-align: left !important;
}

div.clear{
	clear: both;
}

.w80{
	width: 150px !important;
	max-width: 150px;
}

.margin_b{
	margin-bottom: 25% !important;
}

@media only screen and (max-width: 480px) {
	.margin_b{
	margin-bottom: 3% !important;
}
}

.margin_t001{
	margin-top: 25% !important;
}

@media only screen and (max-width: 480px) {
	.margin_t001{
	margin-top: 3% !important;
}
}

.margin_tb{
	padding: 10% 0!important;
}

@media only screen and (max-width: 480px) {
	.margin_tb{
	padding: 10% 0!important;
}
}

.margin_tb001{
	padding: 5% 0!important;
}

@media only screen and (max-width: 480px) {
	.margin_tb001{
	padding: 12% 0!important;
}
}

p.size004{
	font-size: 1.3vw;
}

@media only screen and (max-width: 868px) {
	p.size004{
	font-size: 3vw;
}	
}

@media only screen and (max-width: 480px) {
	p.size004{
	font-size: 4.2vw;
}	
}

.space_dawn_01{
	margin-bottom: 10% !important;
}

p.ma001{
	margin: 3% 0 !important;
}