@charset "utf-8";

body,div, dl ,dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6 ,pre, form, fieldset, input, textarea, p, blockquote, th, td {
	margin: 0;
	padding: 0;
}

fieldset, img {
	border: 0;
}

abbr, acronym{
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

h1,h2,h3,h4,h5,h6{
	font-size: 100%
	font-weight: normal;
}


body {
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	font-size: 16px;
	line-height: 1.8em;
	color: #333;
	background:#FFFFFF ;
	}


td, th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 24px;
	color: #333333;
}

a {
	color: #3366CC;
	text-decoration: none;
}

img{
  vertical-align:bottom;
}


fieldset {
	border: 1px #0A50A1 solid;
    -moz-border-radius: 5px; /* for Firefox */
    -webkit-border-radius: 5px; /* for Chrome */

	}

textarea {
	background-color: #FFFFFF;
}



select {
	background-color: #FFFFFF;
}

dl {
	width: 600px;
	padding-left: 50px;
	padding-right: 50px;
	text-align : left;

}

dt {
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	float: left;
  }

dd {
	margin: 5px 0 10px;
	padding-left: 8px;
}


.legal {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #333333;
}



.dingbat {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #99CC99;
  color: #006666; 
	font-weight: bolder;
	font-size: medium;
}


a:link {
	color : #333;}

a:visited{
	color : #333;}

a:hover {
	text-decoration: underline ;
	color : #0A50A1 ;
	}

a.imghover:hover img {
 filter :alpha (opacity=70);
 opacity :0.7;
 }

strong.normal_text {
font-weight: normal;
}


strong.bold_text {
font-weight: bold;
}


h1 {
}

h2 {
}

h3 {
}

h4 {
}

h5 {
}

/*GLOBAL*/
.none{display:none;}
.block{display:block;}
.left{float:left;}
.right{float:right;}
.center{margin:0 auto; text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}
.textcenter{text-align:center;}
.caps{text-transform:uppercase;}
.relative{position:relative;}
.absolute{position:absolute;}
.fixed{position:fixed!important;}
.cpointer{cursor:pointer;}
.cunvailable{cursor:not-allowed;}
.indent0{text-indent:0px;}

.line1{background:#e7e7e7; height:1px;  margin:16px 0 6px 0; padding:0; display:block;}
.line2{background:#e8e8e8; height:1px;  margin:12px 0 6px 0; padding:0; display:block;}
.line3{background:#e8e8e8; height:1px;  margin:0px 0 0px 0; padding:0; display:block;}
.line4{background:#e8e8e8; height:1px;  margin:17px 0 15px 0; padding:0; display:block;}
.line5{background:#e8e8e8; height:1px;  margin:4px 0 12px 0; padding:0; display:block;}
.size8{font-size:8px;}
.size10{font-size:10px;}
.size11{font-size:11px;}
.size12{font-size:12px;}
.size13{font-size:13px;}
.size14{font-size:14px;}
.size16{font-size:16px;}
.size18{font-size:18px;}
.size20{font-size:20px;}
.size22{font-size:22px;}
.size24{font-size:24px;}
.size28{font-size:28px;}
.size26{font-size:26px;}
.size30{font-size:30px;}
.size40{font-size:40px;}
.size48{font-size:48px;}
.size60{font-size:60px;}
.size65{font-size:65px;}
.size100{font-size:100px;}

.bold{font-weight:bold;}
/*COLORS*/
.white{color:#fff;}
.dark{color:#000;}
.lgrey{color:#ccc;}
.lightgrey{color:#ccc;}
.grey{color:#999;}
.grey2{color:#666;}
.green{color:#72bf66;}
.green2{color:#339933;}
.lblue{color:#0099cc;}
.yellow{color:#ffff00;}
.red{color:#ff3300;}
.lred{color:#ff9966;}
.lred2{color:#d2691e;}
<!-- .lred2{color:#ff5a00;} -->


.margtop1{margin-top:1px!important;}
.margtop2{margin-top:2px!important;}
.margtop3{margin-top:3px!important;}
.margtop4{margin-top:4px!important;}
.margtop5{margin-top:5px!important;}
.margtop6{margin-top:6px!important;}
.margtop7{margin-top:7px!important;}
.margtop8{margin-top:8px!important;}
.margtop9{margin-top:9px!important;}
.margtop10{margin-top:10px!important;}
.margtop12{margin-top:12px!important;}
.margtop15{margin-top:15px!important;}
.margtop20{margin-top:20px!important;}
.margtop25{margin-top:25px!important;}
.margtop30{margin-top:30px!important;}
.margtop35{margin-top:35px!important;}
.margtop40{margin-top:40px!important;}

.margtop-0{margin-top:0px;}

.margtop-1{margin-top:-1px!important;}
.margtop-2{margin-top:-2px!important;}
.margtop-3{margin-top:-3px!important;}
.margtop-4{margin-top:-4px!important;}
.margtop-5{margin-top:-5px!important;}
.margtop-10{margin-top:-10px!important;}
.margtop-15{margin-top:-15px!important;}
.margtop-20{margin-top:-20px!important;}
.margtop-25{margin-top:-25px!important;}
.margtop-30{margin-top:-30px!important;}
.margtop-35{margin-top:-35px!important;}
.margtop-40{margin-top:-40px!important;}
.margleft15{margin-left:15px!important;}
.margleft20{margin-left:20px!important;}
portant;}


.margright10{margin-right:10px!important;}
.margright20{margin-right:20px!important;}
.margbottom5{margin-bottom:5px!important;}
.margbottom10{margin-bottom:10px!important;}
.margbottom20{margin-bottom:20px!important;}
.margbottom30{margin-bottom:30px!important;}
.margbtm10{margin-bottom:10px!important;}
.margbtm20{margin-bottom:20px!important;}
.margbtm30{margin-bottom:30px!important;}

.btn_green1{
	display:block;
	color:#333!important;
	background:#80D840!important;
	border-bottom:#fff solid 1px;
	width:100%;
	padding:5px 0;
}
.btn_green1:hover{
	text-decoration:none;
	opacity:0.8;
}

.btn_blue1 {
	font-size:28px;
	font-family:Arial;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	border-radius:8px;
	border:1px solid #337fed;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #3d94f6 5%, #1e62d0 100% );
	background:-ms-linear-gradient( top, #3d94f6 5%, #1e62d0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#3d94f6', endColorstr='#1e62d0');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #3d94f6), color-stop(100%, #1e62d0) );
	background-color:#3d94f6;
	color:#ffffff;
	display:inline-block;
	text-shadow:1px 1px 0px #1570cd;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	-moz-box-shadow:inset 1px 1px 0px 0px #97c4fe;
 	box-shadow:inset 1px 1px 0px 0px #97c4fe;
}.btn_blue1:hover {
	background:-moz-linear-gradient( center top, #1e62d0 5%, #3d94f6 100% );
	background:-ms-linear-gradient( top, #1e62d0 5%, #3d94f6 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#1e62d0', endColorstr='#3d94f6');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #1e62d0), color-stop(100%, #3d94f6) );
	background-color:#1e62d0;
}.btn_blue1:active {
	position:relative;
	top:1px;
}

.btn_green2 {
	font-size:28px;
	font-family:Arial;
	font-weight:bold;
	-moz-border-radius:9px;
	-webkit-border-radius:9px;
	border-radius:9px;
	border:1px solid #88c0d;
	padding:9px 18px;
	text-decoration:none;
	background:-moz-linear-gradient( center top, #5fd113 5%, #289c0b 100% );
	background:-ms-linear-gradient( top, #5fd113 5%, #289c0b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#5fd113', endColorstr='#289c0b');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #5fd113), color-stop(100%, #289c0b) );
	background-color:#5fd113;
	color:#ffffff;
	display:inline-block;
	text-shadow:2px 2px 0px #528009;
 	-webkit-box-shadow:inset 1px 1px 0px 0px #97e851;
 	-moz-box-shadow:inset 1px 1px 0px 0px #97e851;
 	box-shadow:inset 1px 1px 0px 0px #97e851;
}.btn_green2:hover {
	background:-moz-linear-gradient( center top, #289c0b 5%, #5fd113 100% );
	background:-ms-linear-gradient( top, #289c0b 5%, #5fd113 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#289c0b', endColorstr='#5fd113');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #289c0b), color-stop(100%, #5fd113) );
	background-color:#289c0b;
}.btn_green2:active {
	position:relative;
	top:1px;
}
a.whitelink{
	color:white;
	text-decoration: none
}
a.whitelink:visited{
	color:white;
	text-decoration: none
}
a.whitelink:hover{
	color:white;
	text-decoration: none
}
a.whitelink:active{
	color:white;
	text-decoration: none
}
a.orangelink{
	color:#ff5a00;
	text-decoration: none
}
a.orangelink:visited{
	color:#ff5a00;
	text-decoration: none
}
a.orangelink:hover{
	color:#ff5a00;
	text-decoration: none
}
a.orangelink:active{
	color:#ff5a00;
	text-decoration: none
}
.panel1{
	border:solid 1px #DEBB7A;
		border-radius: 10px;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
	background-color:#E5E8D6;
	padding:10px;
	margin:10px;
	}
.box_850_blank{
	width:850px;
	margin:0 auto;
}
.padding20{
	padding:20px;
}
.padding30{
	padding:30px;
}
.padding40{
	padding:40px;
}
.padtop10{
	padding-top:10px;
}
.color-warning{
	 color:#8a6d3b!important;
}
.error{
	color:red;
}
.rating_star{
	color: #FF8205;
	
}
.fwimg{width:100%;}
img.fwimg{width:100%;}

.img7525{
	width:75px;
	height:75px;
}
.img7540{
	width:75px;
	height:75px;
}
.img4025{
	width:40px;
	height:40px;
}
.imgcover200100{
	width:200px;
	height:200px;
}
.imgcover15050{
	width:150px;
	height:150px;
}

.size1412{
	font-size:14px;
}
.size1814{
	font-size:18px;
}
.size181412{
	font-size:18px;
}
.size2416{
	font-size:24px;
}
.size3618{
	font-size:36px;
}
.size4824{
	font-size:48px;
}
@media (max-width: 991px){
.size181412{
	font-size:14px;
}
}
@media (max-width: 480px){
.img7525{
	width:25px;
	height:25px;
}
.img7540{
	width:40px;
	height:40px;
}
.img4025{
	width:25px;
	height:25px;
}
.imgcover200100{
	width:100px;
	height:100px;
}
.imgcover15050{
	width:50px;
	height:50px;
}

.size1412{
	font-size:12px;
}
.size1814{
	font-size:14px;
}
.size181412{
	font-size:12px;
}
.size2416{
	font-size:16px;
}
.size3618{
	font-size:18px;
}
.size4824{
	font-size:24px;
}
}
.normal{
	font-weight:normal;
	}
.table-cell{
	display: table-cell;
}
.table-w100{
	display:table;
	width:100%;
}
.lh10{
	line-height:14px;
}
.lh12{
	line-height:14px;
}
.lh14{
	line-height:14px;
}
.border-grey{
	border:solid #ccc 2px;
}
.border-grey-menu{
	border-right:solid #ccc 1px;
	border-bottom:solid #ccc 1px;
}
.border-grey-top{
	border-top:solid #ccc 1px;
}

.border-grey2{
	border:solid #aaa 2px;
}
.border-grey2-menu{
	border-right:solid #aaa 1px;
}
.w100{
	width:100%;
}
.w50{
	width:50%;
}
.w25{
	width:25%;
}
.w75{
	width:75%;
}
.w66{
	width:66.6%;
}
.w33{
	width:33.3%;
}
.hpadding5{
	padding:0 5px;
}
.hpadding10{
	padding:0 10px;
}
.hpadding20{
	padding:0 20px;
}
.hmarg10{
	margin:0 10px;
}
.vpadding5{
	padding:5px 0;
}
.vpadding10{
	padding:10px 0;
}
.vpadding20{
	padding:20px 0;
}
.box-grey{
	background-color:#eee;
	border-radius: 10px;
    -webkit-border-radius: 10px; 
    -moz-border-radius: 10px; 
}

.vmiddle{
	vertical-align:middle;
}
.gdbg-grey{
	background:-moz-linear-gradient( center top, #fff 5%, #ddd 100% );
	background:-ms-linear-gradient( top, #fff 5%, #ddd 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ddd');
	background:-webkit-gradient( linear, left top, left bottom, color-stop(5%, #fff), color-stop(100%, #ddd) );
	background-color:#eee;

}
.bg1{
	background:#003254;
}
.bg2{
	background:#C14A56;
}
.bg3{
	background:#a58aed;
}
.bg4{
	background:#cdbff2;
}
.bg5{
	background:#e1daf5;
}
.bg6{
	background:#0E275C;
}
.bg7{
	background:#3C807A;
}

.bg_pink{
	background:#FFC0CB;
}
.bg_yellow{
	background:#FFF100;
}



.btn-pink {
  background-color: hsl(312, 80%, 43%) !important;
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e727c0", endColorstr="#c515a2");
  background-image: -khtml-gradient(linear, left top, left bottom, from(#e727c0), to(#c515a2));
  background-image: -moz-linear-gradient(top, #e727c0, #c515a2);
  background-image: -ms-linear-gradient(top, #e727c0, #c515a2);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e727c0), color-stop(100%, #c515a2));
  background-image: -webkit-linear-gradient(top, #e727c0, #c515a2);
  background-image: -o-linear-gradient(top, #e727c0, #c515a2);
  background-image: linear-gradient(#e727c0, #c515a2);
  border-color: #c515a2 #c515a2 hsl(312, 80%, 40.5%);
  color: #fff !important;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.16);
  -webkit-font-smoothing: antialiased;
}

html,body
{
    width: 100%;
    margin: 0px;
    padding: 0px;
    overflow-x: hidden; 
}

/*- ripple check box -*/
@keyframes click-wave {
  0% {
    height: 20px;
    width: 20px;
    opacity: 0.35;
    position: relative;
  }
  100% {
    height: 100px;
    width: 100px;
    margin-left: -40px;
    margin-top: -40px;
    opacity: 0;
  }
}

.ripple-input {
	/*-
	font-family: 'Roboto', sans-serif;
  --*/
  -webkit-appearance: none;
  -moz-appearance: none;
  -ms-appearance: none;
  -o-appearance: none;
  appearance: none;
  position: relative;
  /*-
  top: 13.33333px;
  -*/
  top: 5px;
  right: 0;
  bottom: 0;
  left: 0;
  height: 20px;
  width: 20px;
  transition: all 0.15s ease-out 0s;
  background: #cbd1d8;
  border: none;
  color: #ffffff;
  cursor: pointer;
  display: inline-block;
  margin-right: 0.5rem;
  outline: none;
  position: relative;
  z-index: 1000;
}
.ripple-input:hover {
  background: #9faab7;
}
.ripple-input:checked {
  background: #0070ff;
}
.ripple-input:checked::before {
  height: 20px;
  width: 20px;
  position: absolute;
  color: #ffffff;
  content: '✔';
  display: inline-block;
  font-size: 13.333333px;
  text-align: center;
  line-height: 20px;
}
.ripple-input:checked::after {
  -webkit-animation: click-wave 0.65s;
  -moz-animation: click-wave 0.65s;
  animation: click-wave 0.65s;
  background: #0070ff;
  content: '';
  display: block;
  position: relative;
  z-index: 100;
}
.ripple-input.radio {
	margin:0 5px 0 0;
  border-radius: 50%;
}
.ripple-input.radio::after {
  border-radius: 50%;
}
/*-
img {
  height: auto;
}
-*/
.fixasp {
 width: 100%;
 height: auto;
}

.carousel-indicators .active{
    background-color: #000;
}


.carousel-control-next-icon:after
{
  content: '>';
  font-size: 40px;
  color: black;
}

.carousel-control-prev-icon:after {
  content: '<';
  font-size: 40px;
  color: black;
}

.border-bottom1 {
	border-bottom:solid 1px;
}

.border-bottom2 {
	border-bottom:solid 2px;
}

.border-bottom3 {
	border-bottom:solid 3px;
}

.border-color-grey{
	border-color:#ccc;
}

.border-color-black{
	border-color:#000;
}

input[type="radio"] + label img.ripple-image{
	border:none;
  }
/* 選択済みの場合、色を濃くする */
input[type="radio"]:checked + label img.ripple-image {
    border:#0070FF solid 3px;
}

input[type="radio"] + label.ripple-text {
    color:#CCC;
	font-weight: normal;
}


/* 選択済みの場合、色を濃くする */
input[type="radio"]:checked + label.ripple-text {
    color:#000;
	font-weight: bold;
}



