@charset "utf-8";
/* CSS Document */
/*===============================================
●tablet.css 画面の横幅が768pxまで
===============================================*/
@media screen and (max-width: 768px){
.photo_mb{
display:none;
}
.photo_pc{
	display:block;
	width:100%;
}

.ribon {
	color:#fff;
	position: relative;
	padding: 0.25em;
	background-color: #499688;
}
.ribon::before,
.ribon::after {
	content: '';
	position: absolute;
	top: 100%;
	border-style: solid;
	border-color: transparent;
}
.ribon::before {
	left: 0;
	border-width: 0 20px 20px 0;
	border-right-color: #57af9f;
}
.ribon::after {
	right: 0;
	border-style: solid;
	border-width: 20px 20px 0 0;
	border-top-color: #57af9f;
}


.f {
	font-weight:normal;
	font-size:small;
	position: relative;
	top:-3em;
	padding: .2em .5em;
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 20px;
	color:#181b1a/*black*/;
}
.f::before,
.f::after {
	position: absolute;
	top: 100%;
	left: 20px;
	content: '';
	height: 0;
	width: 0;
	border: 10px solid transparent;
}
.f::before {
	border-top: 15px solid #ccc;
}
.f::after {
	margin-top: -2px;
	border-top: 15px solid #fff;
}


.f_large {
position: relative;
	padding: 1em 2em 2em 2em;/*.5em .75em*/
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 20px;
	color:#181b1a/*black*/;
	
}
.f_large::before,
.f_large::after {
position: absolute;
	top: 100%;
	left: 30px;
	content: '';
	height: 0;
	width: 0;
	border: 10px solid transparent;
}
.f_large::before {
border-top: 20px solid #ccc;
}
.f_large::after {
	margin-top: -2px;
	border-top: 20px solid #fff;
}



h1,h2,h3,h4{
text-align:center;
}
h1,h2{
	font-size:xx-large;
}
aside{

}
.main{
	text-align:left;
	padding:5% 5% 5% 5%;
margin:2em 0 2em 0;



}




.left{

	/*float:left;	*/
	text-align: left;
}
.right{
/*float:right;*/
text-align: right;
}
.pmark{
/*float:right;*/
text-align: right;
width:100%;
}
.pmark img{
float:right;
}

.sub_bg_glay{
background-color:#e8f3f1;
}
.bg_g{
background-color:#499688;
color:#fff;
    border-radius: 10px; 
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px; 
	padding:0.25em;
}

.colum_t{
width:90%;
margin:2% 0 2% 0;
padding:2% 5% 5% 5%;
vertical-align:middle;
float:left;
display:table-cell;
}

.bg_w{
background-color: rgba(255,255,255,0.5);
}


/*右画像　左テキスト*/
.left_colum{
	width:100%;
	vertical-align:middle;
float:left;
display:table-cell;

}

.right_colum{
	width:35%;
	vertical-align:middle;
float:right;
display:table-cell;


}
.right_colum img{
	width:100%;
	float:right;

}

.bg1{
	background:url("../images/1.png") ;
background-size:auto;
background-repeat:no-repeat;
background-position:bottom right;
}
/*右画像　左テキスト*/


/*左画像　右テキスト*/


.left_colum2{
	width:31%;
	vertical-align:middle;
float:left;
display:table-cell;

position:inherit;
padding:2%;
}
.left_colum2 img{
	width:100%;
	float:left;
	
/*border-top-left-radius:0px;（左上）
border-top-right-radius:0px;/（右上）
border-bottom-left-radius:10px;（左下）
border-bottom-right-radius:0px;*/
}
.bg2{

	background:url("../images/2.jpg") ;
background-size:cover;
background-repeat:no-repeat;
background-position:top left;
}

.bg_g2{
	background-color:#84c2b7;
	color:#fff;
	    border-radius: 10px; 
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px; 
	padding:0.25em;
}
.right_colum2{
	width:90%;
	vertical-align:middle;
display:block;
background-color:rgba(255,255,255,0.5);
padding:5%;

}
/*左画像　右テキスト*/

.sub_main2{
	text-align:left;
	/*padding:5% 10% 5% 10%;*/
	width:90%;
margin:2em 5% 3em 5%;

}


.sub_main{
	text-align:left;
	/*padding:5% 10% 5% 10%;*/
	width:90%;
margin:2em 0 2em 0;

}
.sub_colum2{
padding:0 2% 5% 2%;

}
.sub_colum_right{
	width:90%;
	margin:0 1% 2% 1%;
	padding:0 4% 2% 4%;
	vertical-align:middle;
float:right;
display:table-cell;


}
.sub_colum_right img{
	width:100%;
	float:right;

}
.sub_colum_left{
	width:90%;
	margin:0 1% 0 1%;
	padding:0 4% 2% 4%;
	vertical-align:middle;
float:left;
display:table-cell;


}
.sub_colum_left img{
	width:40%;
	float:right;
	margin-left:1em;

}


.sub_colum_w{
	width:90%;
	margin:0 1% 2em 1%;
	padding:0 4% 2% 4%;
	vertical-align:middle;
float:left;
display:table-cell;

}



.sub_main3{
margin:2em 5% 3em 5%;
}
.colum_a{
vertical-align:middle;
display:table-cell;
margin-bottom:1em;
}




.youtube {
  position: relative;
  width: 100%;
  padding-top: 56.25%;
}
.youtube iframe {
  position: absolute;
  top: 0;
  right: 0;
  width: 100% !important;
  height: 100% !important;
}
.movies{
width:100%;
height:auto;
padding:0;

margin:0 0 2% 0;
box-shadow: 10px 10px 10px rgba(0,0,0,0.4);	
}
.movie_caption{
width:96%;
font-size:large;
display:table;
padding:2%;
}



.bg_blue{
	background-color:#dff0fa;
}
.bg_dblue{
	background-color:#5ba9d1;
}
.bg_pink{
	background-color:#fbe4e9;
	}
.bg_green{	
background-color:#cff0c5;
	
}
.bg_dpink{
background-color:#fe1c4c;
color:#fff;
    border-radius: 10px; 
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px; 
	padding:0.25em;

}
.bg_apink{
background-color:#f16885;
color:#fff;
    border-radius: 10px; 
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px; 
	padding:0.25em;

}

.bg_green2{	
background-color:#499688;
	
}
.bg_green3{	
background-color:#84c2b7;
	
}


.green{
color:#499688;
}
.dblue{
	color:#ef2651;
}
.pink{
color:#f16885;
}
.dpink{
color:#ec0032;
}
.viridian{
	color:#4eb54e;
}
.blue{
color:#5ba9d1;
}




.border_ge{
	border:2px solid #499688;
    border-radius: 10px; 
    -webkit-border-radius: 10px;  
    -moz-border-radius: 10px; 
	/*padding:0 5% 2% 5%;*/
	
}

.bg_white{
	background-color:#fff;
}
.tcolum_left{
	width:27%;
	margin:0 1% 3% 1%;
	padding:2%;
	display:table-cell;
	vertical-align:middle;
	float:left;
}

.tcolum_right{
	width:27%;
	margin:0 1% 3% 1%;
	padding:2%;
	display:table-cell;
	vertical-align:middle;
	float:left;
}
.tcolum_middle{
	width:27%;
	margin:0 1% 3% 1%;
	padding:2%;
	display:table-cell;
	vertical-align:middle;
	float:left;
}

.left_border {
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #84c2b7;

}
.left_border::before {
	position: absolute;
	left: -6px;
	bottom: 0;
	content: '';
	width: 6px;
	height: 50%;
	background-color: #499688;
}
.left_border_pink {
	position: relative;
	padding: .25em 0 .5em .75em;
	border-left: 6px solid #fbe4e9;

}
.left_border_pink::before {
	position: absolute;
	left: -6px;
	bottom: 0;
	content: '';
	width: 6px;
	height: 50%;
	background-color: #f16885;
}
.txt_left{
	text-align:left;
}

.border_normal{
	border:solid 1px #499688;
}

.bottom_border {
	position: relative;
	padding-bottom: .5em;
	border-bottom: 4px solid #84c2b7;
}
.bottom_border::after {
	position: absolute;
	bottom: -4px;
	left: 0;
	z-index: 2;
	content: '';
	width: 20%;
	height: 4px;
	background-color: #499688;
}


.green_topic{
padding:1em;
background-color:#cff0c5;
border:1px solid #499688;
color:#1f7263;
}
.pink_bg_t{
		border-radius:10px;
background-color: #f16885;
color:#fff;
}
.pink_topic{
padding:1em;
background-color:#fbe4e9;
border:1px solid #f16885;
color:#;
}
.green_sub_t{
	border-radius:2em;
	color:#fff;
	padding:1em;
background-color:#499688;
text-align:center;
margin-bottom:1em;
}
.txt_center{
text-align:center;
}

.wcolum_left{
	width:29%;
	margin:0 0% 1% 4%;
	display:table-cell;
	vertical-align:middle;
	float:left;
}

.wcolum_right{
	width:29%;
	margin:0 4% 1% 0%;
	display:table-cell;
	vertical-align:middle;
	float:left;
}
.wcolum_middle{
	width:29%;
	margin:0 2% 1% 2%;
	display:table-cell;
	vertical-align:middle;
	float:left;
}



.gcolum_left{
	width:44%;
	margin:0 1% 3% 1%;
	padding:2%;
	display:table-cell;
	vertical-align:middle;
	float:left;
}
.gcolum_left img{
	width:20%;
	float:right;
		vertical-align:middle;
			display:table-cell;
			margin-left:1em;
}
.gcolum_right{
	width:44%;
	margin:0 1% 3% 1%;
	padding:2%;
	display:table-cell;
	vertical-align:middle;
	float:left;
}
.gcolum_right img{
	width:20%;
	float:right;
		vertical-align:middle;
			display:table-cell;
margin-left:1em;
}
.hcolum_left{
	width:94%;
	margin:0 1% 3% 1%;
	padding:2%;
	display:table-cell;
	vertical-align:middle;
	float:left;
}
.hcolum_left img{
	width:10%;
	float:right;
		vertical-align:middle;
			display:table-cell;
margin-left:1em;
}
.jcolum{
	width:94%;
	margin:0 1% 3% 1%;
	padding:2%;
	display:table-cell;
	vertical-align:middle;
display:block;
}
.jcolum img{
	width:50%;
	float:right;
		vertical-align:middle;
			display:table-cell;
margin-left:1em;
}
.kcolum{
	width:94%;
	margin:0 1% 3% 1%;
	padding:2%;
	display:table-cell;
	vertical-align:middle;
display:block;
}
.kcolum img{
		vertical-align:middle;
			display:table-cell;
margin-left:1em;
}
.kcolum a:link{
color:#fe1c4c;
}
.kcolum a:visited{
color:#fe1c4c;
}
.kcolum a:hover{
	color:#499688;
}
.mark3_maru{
width:2em;
height:2em;
padding:0.5em 0.5em 0.5em 0.5em;
background-color: #f16885;
border-radius: 100%;
color:#fbe4e9;
margin-right:1em;
float:left;
font-size:small;
text-align:center;
position:relative;
top:-0.5em;
}

.b_blue_point{
	background-color:#dff0fa;
	border:1px solid #5ba9d1;
	color:#1c92cf;
	font-weight:normal;
	font-size:medium;
	padding:0.25em;
	display:table;
	margin:1% 0 1% 0;
}
.b_blue_point2{
	border:1px solid #5ba9d1;
	color:#1c92cf;
	font-weight:normal;
	font-size:medium;
	padding:0.25em;
	display:table;
	margin:1% 0 1% 0;
}
.fcolum_left{
	width:44%;
	margin:0 1% 3% 1%;
	padding:2%;
	display:table-cell;
	vertical-align:middle;
	float:left;
}
.fcolum_left img{
	width:20%;
	float:right;
		vertical-align:middle;
			display:table-cell;
			margin-left:1em;
}
.fcolum_right{
	width:94%;
	margin:0 1% 3% 1%;
	padding:2%;
	display:table-cell;
	vertical-align:middle;
	float:left;
}
.fcolum_right img{
	width:10%;
	float:right;
		vertical-align:middle;
			display:table-cell;
margin-left:1em;
}
.fcolum_middle{
width:44%;
	margin:0 1% 3% 1%;
	padding:2%;
	display:table-cell;
	vertical-align:middle;
	float:right;
}
.fcolum_middle img{
	width:20%;
	float:right;
		vertical-align:middle;
			display:table-cell;
margin-left:1em;
}

.icolum_left{
	width:27%;
	margin:0 1% 3% 1%;
	padding:2%;
	display:table-cell;
	vertical-align:middle;
	float:left;
}
.icolum_left img{
	width:100%;
	float:right;
		vertical-align:middle;
			display:table-cell;
			margin-left:1em;
}
.icolum_right{
	width:27%;
	margin:0 1% 3% 1%;
	padding:2%;
	display:table-cell;
	vertical-align:middle;
	float:right;
}
.icolum_right img{
	width:100%;
	float:right;
		vertical-align:middle;
			display:table-cell;
margin-left:1em;
}
.icolum_middle{
	width:27%;
	margin:0 1% 3% 1%;
	padding:2%;
	display:table-cell;
	vertical-align:middle;
	float:right;
}
.icolum_middle img{
	width:100%;
	float:right;
		vertical-align:middle;
			display:table-cell;
margin-left:1em;
}


.padding{
padding:1em;
}
	
.colum{
	text-align:left;

margin:2em 5% 2em 5%;
}
/*.colum img{ 
	width:40%;
	margin:0 1em 0.5em 0;
	float:left;
	vertical-align:middle;
}*/

.block{
display:block;
}
.t_block{
display:table;/*display:table;*/
}




.maru{
background:url("../images/maru.png") ;
width:250px;
height:150px;
padding-top:90px;
background-size:100%;
background-repeat:no-repeat;
vertical-align:middle;
/*box-shadow: 10px 10px 10px rgba(73,150,136,0.8); 
width:200px;
height:150px;
    border-radius: 100px; 
    -webkit-border-radius: 100px;  
    -moz-border-radius: 100px; 
	padding-top:50px;
	border:solid 1px #499688;*/
}
/*.maru p {
padding:40% 10% 45% 10%;
}*/


/*table仕様*/
.spec {

  width: 100%;/*auto*/
  border-spacing: 0;
  margin-top:1em;
  margin-bottom:1em;
  font-size:medium;
 font-weight:normal; 
border: 1px solid #879c98;

box-shadow: 0 10px 10px rgba(0, 0, 0, .2);
}
.spec caption{

color:#fff;
font-weight: bold;
text-align: left;
padding: 0.25em;
text-align:center;
background:#84c2b7;
  font-size:large;
}
.spec th {
  padding: 0.5em;
  font-weight: bold;
  border-bottom:1px solid #879c98;
  text-align:left;
  
 display:table-cell;
}
.spec td {
 display:table-cell;
 
 border-left:1px solid #879c98;
}	
.spec_bold {
  padding: 0.5em;
  font-weight: bold;
}
.spec tr td {
   padding: 0.5em;
  border-bottom: 1px solid #879c98;
  text-align: left;
}
.spec tr td:last-child {

}
.spec tr {
  background: #fff;
}
.spec tr:nth-child(2n+1) {

}
.spec tr:hover {
 /* 
  cursor:pointer;*/
}
.spec a:link{
color:#fe1c4c;
}
.spec a:hover{
	color:#499688/*black*/;
}
.spec a:visited{
color:#fe1c4c;
}

/*table仕様*/





.black{
color: #181b1a;/*black*/
}
.white{
	color:#fff;
}
.red{
color:#fe1c4c;
}


.normal{
font-weight:normal;
}
.bold{
font-weight:bold;
}
.xx-small{
	font-size:xx-small;	
}
.x-small{
	font-size:x-small;	
}
.small{
	font-size:small;	
}
.medium{
font-size:medium;	
}
.large{
font-size:large;
}
.x-large{
font-size:x-large;
}
.xx-large{
font-size:xx-large;
}

.mark1{
  list-style: none;
  margin:0 5% 5% 5%;
  padding:0;
  float:left;
  display:table-cell;
  font-size:large;
  
  width:60%;
}
.mark1 li{
	position: relative;
	padding: .5em .3em .3em 1.7em;
	border-bottom: 2px dotted #ccc;
}
.mark1 li::after{
	position: absolute;
	top: .5em;
	left: .2em;
	z-index: 2;
	content: '';
	width: 1em;
	height:1em;
	background-color: #499688;
border-radius: 100%
}
.photo3{
	float:right;
	display:table-cell;
	width:27%;
	margin-right:3%;

}

.photo4{
	width:98%;
	margin:0 1% 2% 1%;
}
.photo5{
	width:3%;
	margin:0 0 2% 1%;
	vertical-align:middle;
	display:table-cell;
	float:left;
}


.mark2{
  list-style: none;
  margin:0 2% 5% 2%;
  padding:0;
  font-size:large;
  

}
.mark2 li{
margin:1em 0 2em 0;
}
.mark2_maru{
width:2em;
height:2em;
padding:0.5em 0.5em 0.5em 0.5em;
background-color: #499688;
border-radius: 100%;
color:#fff;
margin-right:1em;
float:left;
font-size:small;
text-align:center;
position:relative;
top:-0.5em;
}


.mark2 li {
position: relative;
	padding: 1em 2em 1em 2em;
	background-color: #fff;
	border: 2px solid #499688;
	border-radius: 20px;
	color:#181b1a;
	
}
.mark2 li::before,
.mark2 li::after {
position: absolute;
	top: 100%;
	left: 50%;
	content: '';
	height: 0;
	width: 0;
	border: 20px solid transparent;
}
.mark2 li::before {
border-top: 30px solid #499688;
}
.mark2 li::after {
	margin-top: -2px;
	border-top: 30px solid #fff;
	
	border-width:2px;
}

/*.bg3{

	background:url("../images/3.jpg") ;
background-size:100%;
background-repeat:no-repeat;
background-position:top left;
}*/




 .triangle{
  border-top: 3em solid #84c2b7;
  border-right: 3em solid transparent;
  border-bottom:3em solid transparent;
  border-left: 3em solid transparent;
 }











/*　　formページ　　　*/
input[type="text"] {
/*box-shadow: 0 0 1px 0 rgba(0,0,0,0.5);*/
border-color:#879c98;
border-radius: 5px;	
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
font-size:medium;

padding: 0.2em 1em 0.2em 1em;
 
}
input[type="text"]:focus {
box-shadow: 0 0 5px 0 rgba(73,150,136,1);
  outline: 0;
background:#dbf6f1;
}

input.form{
width:90%;
height:2em;
}
input.zip{
width:30%;
height:2em;
}
textarea{
width:90%;
border-color:#879c98;
border-radius: 5px;	
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
font-size:medium;
padding: 0.5em;
height:10em;
}
textarea:focus {
box-shadow: 0 0 5px 0 rgba(73,150,136,1);
  outline: 0;
background:#dbf6f1;
}


input[type="radio"] {
    position: relative;
    -webkit-appearance: button;
    appearance: button;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    width: 24px;
    height: 24px;
    content: "";
    background-color: #fff;
    border: 1px solid #879c98;
    -webkit-border-radius: 24px;
    border-radius: 24px;
    -webkit-box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
    vertical-align: middle;
    cursor: pointer;
}

input[type="radio"]:checked:after {
    display: block;
    position: absolute;
    top: 5px;
    left: 5px;
    content: "";
    width: 12px;
    height: 12px;
    background: #5f6e6b;
    -webkit-border-radius: 12px;
    border-radius: 12px;
}

input[type=checkbox]  {
width:			24px;
	height:			24px;
	-moz-transform:		scale(1.4);
	-webkit-transform:	scale(1.4);
	transform:		scale(1.4);
}

select{
width:50%;
height:2em;
border-radius: 5px;	
-webkit-border-radius: 5px;	/* Safari,Google Chrome用 */
-moz-border-radius: 5px;	/* Firefox用 */
font-size:medium;
}
select:focus {
background:#dbf6f1;
}
label{
width:100%;
display:block;
}
/*　　formページ　　　*/




footer{
margin-top:1em;
width:80%;
text-align:center;
margin:0 10% 0 10%;
}




.link_a:link{
text-align: center;
text-decoration: none;
outline: none;
float:left;
width:43%;
display:table-cell;
padding:0.5em;
margin:1% 2% 1% 0%;
font-size:small;
font-weight:normal;
color:#181b1a;
text-decoration:underline;
}
.link_a:visited {
color:#181b1a;
}
.link_a:hover {
color:#5f6e6b;
text-decoration: none;
}

.link_b:link{
text-align: center;
text-decoration: none;
outline: none;
float:right;
width:43%;
display:table-cell;
padding:0.5em;
margin:1% 0% 1% 2%;
font-size:small;
font-weight:normal;
color:#181b1a;
text-decoration:underline;
}
.link_b:visited {
color:#181b1a;
}
.link_b:hover {
color:#5f6e6b;
text-decoration: none;
}

.da_button{
text-align: center;
text-decoration: none;
outline: none;
float:left;
width:65%;
display:table;
padding:1em;
margin:0 0 2em 2%;
font-size:x-large;
font-weight:normal;
border-radius: 10px;	
-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
-moz-border-radius: 10px;	/* Firefox用 */
color: #111;/*#1a1e1d*/
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
border:1px solid #fff;
box-shadow: 0 0 10px 0 rgba(95,110,117,0.5);

background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f16885), color-stop(0.00, #fe1c4c));
background: -webkit-linear-gradient(#fe1c4c, #f16885);
background: -moz-linear-gradient(#fe1c4c, #f16885);
background: -o-linear-gradient(#fe1c4c, #f16885);
background: -ms-linear-gradient(#fe1c4c, #f16885);
background: linear-gradient(#fe1c4c, #f16885);
}

.da_button:hover {

color: #111;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
border:1px solid #fff;
box-shadow: 0 0 10px 0 rgba(95,110,117,0.5);

background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fe1c4c), color-stop(0.00, #f16885));
background: -webkit-linear-gradient(#f16885, #fe1c4c);
background: -moz-linear-gradient(#f16885, #fe1c4c);
background: -o-linear-gradient(#f16885, #fe1c4c);
background: -ms-linear-gradient(#f16885, #fe1c4c);
background: linear-gradient(#f16885, #fe1c4c);
}


.db_button{

text-align: center;
text-decoration: none;
outline: none;
float:right;
width:28%;
display:table;
padding:0.5em;
margin:0 2% 2em 0;
font-size:large;
font-weight:normal;
border-radius: 10px;	
-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
-moz-border-radius: 10px;	/* Firefox用 */
color: #111;/*#1a1e1d*/
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
border:1px solid #fff;
box-shadow: 0 0 10px 0 rgba(95,110,117,0.5);

background-color:#fbe4e9;/*#fe1c4c*/
}

.db_button:hover {

color: #111;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
border:1px solid #fff;
box-shadow: 0 0 10px 0 rgba(95,110,117,0.5);

background-color:#f16885;
}

#copy{
font-size:small;
font-weight:normal;
width:100%;
display:inline-block;
}

.input{
width:100%;
margin:1% 0 1% 0;
}
.button{
width:90%;
padding:1%;
margin:1% 0 1% 0;
}
.if_colum{
	border:2px solid #5f6e6b;
	margin:1em 0 1em 0;
		display:block;
}

.buy_button{
	display:table;/*display: inline-block;*/
	text-align: center;
	text-decoration: none;
	outline: none;
	clear:both;
width:80%;	
padding:1em;
margin:5% 0 5% 0;
font-size:xx-large;
font-weight:normal;
border-radius: 20px;	
-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
-moz-border-radius: 10px;	/* Firefox用 */



font-weight: bold;
color: #38403e;
text-shadow: 0 -2px 2px rgba(0, 0, 0, 0.4), 0 2px 2px rgba(255, 255, 255, 0.5);
letter-spacing: 0;
border: none;
box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.9), inset 0 2px 0 rgba(255, 255, 255, 0.9);
text-decoration: none;
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #dbf6f1), color-stop(0.75, #84c2b7), color-stop(0.55, #499688), color-stop(0.50, #84c2b7), color-stop(0.20, #93dacd), color-stop(0.00, #dbf6f1));
background: -webkit-linear-gradient(top, #dbf6f1 0%, #93dacd 20%, #84c2b7 50%, #499688 55%, #84c2b7 75%, #dbf6f1 100%);
background: -moz-linear-gradient(top, #dbf6f1 0%, #93dacd 20%, #84c2b7 50%, #499688 55%, #84c2b7 75%, #dbf6f1 100%);
background: -o-linear-gradient(top, #dbf6f1 0%, #93dacd 20%, #84c2b7 50%, #499688 55%, #84c2b7 75%, #dbf6f1 100%);
background: -ms-linear-gradient(top, #dbf6f1 0%, #93dacd 20%, #84c2b7 50%, #499688 55%, #84c2b7 75%, #dbf6f1 100%);
background: linear-gradient(to bottom, #dbf6f1 0%, #93dacd 20%, #84c2b7 50%, #499688 55%, #84c2b7 75%, #dbf6f1 100%);


}

.buy_button:hover {


color: #38403e;
text-shadow: 0 -2px 2px rgba(0, 0, 0, 0.4), 0 2px 2px rgba(255, 255, 255, 0.5);
letter-spacing: 0;
border: none;
box-shadow: inset 0 -2px 2px rgba(0, 0, 0, 0.9), inset 0 2px 0 rgba(255, 255, 255, 0.9);
background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #dbf6f1), color-stop(0.35, #84c2b7), color-stop(0.00, #dbf6f1));
background: -webkit-linear-gradient(top, #dbf6f1 0%, #84c2b7 35%, #dbf6f1 100%);
background: -moz-linear-gradient(top, #dbf6f1 0%, #84c2b7 35%, #dbf6f1 100%);
background: -o-linear-gradient(top, #dbf6f1 0%, #84c2b7 35%, #dbf6f1 100%);
background: -ms-linear-gradient(top, #dbf6f1 0%, #84c2b7 35%, #dbf6f1 100%);
background: linear-gradient(to bottom, #dbf6f1 0%, #84c2b7 35%, #dbf6f1 100%);


}


.try_button{
display:table;/*display: inline-block;*/
text-align: center;
text-decoration: none;
outline: none;

width:60%;	
padding:1em;
margin:5% 0 5% 0;
font-size:xx-large;
font-weight:normal;
border-radius: 20px;	
-webkit-border-radius: 10px;	/* Safari,Google Chrome用 */
-moz-border-radius: 10px;	/* Firefox用 */
color: #111;/*#1a1e1d*/
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
border:1px solid #fff;
box-shadow: 0 0 10px 0 rgba(95,110,117,0.5);

background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f16885), color-stop(0.00, #fe1c4c));
background: -webkit-linear-gradient(#fe1c4c, #f16885);
background: -moz-linear-gradient(#fe1c4c, #f16885);
background: -o-linear-gradient(#fe1c4c, #f16885);
background: -ms-linear-gradient(#fe1c4c, #f16885);
background: linear-gradient(#fe1c4c, #f16885);
}

.try_button:hover {

color: #111;
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.4), 0 1px 1px rgba(255, 255, 255, 0.5);
border:1px solid #fff;
box-shadow: 0 0 10px 0 rgba(95,110,117,0.5);

background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #fe1c4c), color-stop(0.00, #f16885));
background: -webkit-linear-gradient(#f16885, #fe1c4c);
background: -moz-linear-gradient(#f16885, #fe1c4c);
background: -o-linear-gradient(#f16885, #fe1c4c);
background: -ms-linear-gradient(#f16885, #fe1c4c);
background: linear-gradient(#f16885, #fe1c4c);
}

/*～以下、画面の横幅が768pxまでの場合のスタイル記入～*/
}