@charset "utf-8";
.rakuten{border: #bf0000 5px solid;border-radius: 20px;padding: 10px;margin-bottom: 30px;text-align: center;}
.rakuten .wr33 img{border: 1px solid #ccc;width: 90%;height: auto;}
.rakuten2 .wr33 img{border: 1px solid #ccc;width: 90%;height: auto;}
body{line-height: 1.7;font-size: 1em;color: #333;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;margin: 0px;padding: 0px;}
/*h3{border-bottom: 1px solid #ccc; font-size: 1.6em;font-weight: bold;margin: 0px;}*/
h1{text-align: left;margin: 0;font-size: 1em;}
h2{text-align: center;margin: 60px auto 20px;font-size: 2.2em;border-bottom: 1px solid #ccc;}
h3{text-align: left;margin: 0 auto 20px;font-size: 1.8em;}
h4{font-size: 1.4em;font-weight: bold;margin: 0 0 5px 0;text-align: left;}
h5{margin-bottom: 10px;font-size: 1.4em;}
a {
	color: #333;
	-webkit-transition: 0.5s;
	transition: 0.5s;
}

a img:hover{
	opacity: .85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=75)";
	-khtml-opacity: .85;
	-moz-opacity: .85;
}
a img{
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all  0.3s ease;

}
a:hover{
	opacity: .85;
	filter: alpha(opacity=85);
	-ms-filter: "alpha(opacity=85)";
	-khtml-opacity: .85;
	-moz-opacity: .85;
}

ul{padding: 0px;}
li{list-style-position: inside;}
#header{padding: 20px 2% 10px;font-weight: bold;}
#header_wr1{width: 18%;float: left;margin-right: 2%;}
#header_wr2{width: 43%;float: left;margin-right: 2%;font-size: 0.9em;}
#header_wr3{width: 35%;float: right;font-size: 1.4em;line-height: 1.2;}

#main_wr{width: 800px;margin: 0 auto;}

#footer{background-color: #006fbc;padding: 40px 2% 10px;color: #fff;text-align: center;margin-top: 80px;}
#footer a{color: #fff;}

.c{text-align: center;}
.l{text-align: left;}
.r{text-align: right;}
.b{font-weight: bold;}

.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt80{margin-top: 80px;}

.mb0{margin-bottom: 0px;}
.mb10{margin-bottom: 10px;}
.mb20{margin-bottom: 10px;}
.mb30{margin-bottom: 30px;}

.fit img{width: 100%;height: auto;}

.w45{width: 45%;}

.f_red{color: #ff0000;font-weight: bold;}

p{margin:0 0 20px;padding:0;}

.clear{clear: both;}

.wr100{width: 100%;text-align: center;; margin-bottom: 50px;}
.wr45{width: 45%;float: left;margin-bottom: 30px;text-align: center;}
.wr45 img{width: 100%;height:auto;}
.wr48{width: 48%;float: left;margin-bottom: 30px;padding: 0 1% 0;}
.wr48 img{width: 100%;height:auto;}
.wr50{width: 50%;float: left;margin-bottom: 30px;text-align: center;}
.wr50 img{width: 98%;height:auto;}
.wr50c{text-align: center; width: 50%;float: left;margin-bottom: 30px;}
.wr55{width: 55%;float: left;margin-bottom: 30px;text-align: center;}
.wr70l{width: 68%;margin-right: 2%;float: left;}
.wr70r{width: 68%;float: left;}
.wr60r{width: 60%;float: left;margin-bottom: 30px;}
.wr60r_l{width: 60%;float: left;margin-bottom: 30px;}
.wr60r img{width: 100%;height:auto;}
.wr60l{width: 58%;float: left;margin-right: 2%;margin-bottom: 30px;}
.wr40l{width: 38%;float: left;margin-right: 2%;margin-bottom: 20px;}
.wr40l img{width: 100%;height:auto;}
.wr40r{width: 40%;float: left;margin-bottom: 30px;}
.wr40r img{width: 100%;height:auto;}
.wr45l{width: 45%;float: left;margin-bottom: 30px;}
.wr55r{width: 55%;float: left;font-size: 0.9em;line-height: 1.4;}
.wr33{width: 31%;float: left;margin:0 1% 10px;text-align: center;font-size: 0.9em;}
.wr33 img{width: 100%;height:auto;}
.wr30l{width: 30%;float: left;margin-right: 2%;}
.wr30l img{width: 100%;height:auto;}
.wr30r{width: 30%;float: left;margin-bottom: 20px;}
.wr30r img{width: 100%;height:auto;}
.wr25{width: 23%;height:auto;padding: 0 1%;float: left;margin-bottom: 30px;}
.wr25 img{width: 100%;height:auto;}
.wr16{width: 16.6%;text-align: center;margin-bottom: 20px;float:left;}
.wr_caution{border: 2px solid #3face2;padding: 15px;margin-bottom: 20px;border-radius: 20px;
  background-image: -moz-linear-gradient(45deg, #e6f3fa 0%, #e6f3fa 25%, #ffffff 25%, #ffffff 50%, #e6f3fa 50%, #e6f3fa 75%, #ffffff 75%);
  background-image: -webkit-linear-gradient(45deg, #e6f3fa 0%,#e6f3fa 25%,#ffffff 25%,#ffffff 50%,#e6f3fa 50%,#e6f3fa 75%,#ffffff 75%);
  background-image: linear-gradient(45deg, #e6f3fa 0%,#e6f3fa 25%,#ffffff 25%,#ffffff 50%,#e6f3fa 50%,#e6f3fa 75%,#ffffff 75%);
  background-position: 0px 0px;
  background-size: 10px 10px;
}


.fs09{font-size: 0.9em;}
.fs11{font-size: 1.1em;}
.fs12{font-size: 1.2em;}
.fs13{font-size: 1.3em;}
.fs14{font-size: 1.4em;}
.fs15{font-size: 1.5em;}
.fs16{font-size: 1.6em;}
.fs17{font-size: 1.7em;}
.fs18{font-size: 1.8em;}
.fs19{font-size: 1.9em;}
.fs20{font-size: 2em;}
.fs21{font-size: 2.1em;}
.fs22{font-size: 2.2em;}
.fs25{font-size: 2.5em;}

.border{border:1px solid #ccc;}
.border-rd{padding:5px 15px;border: 1px solid #000;border-radius: 10px;background: #fff;}

.ttl2{background-image: url(../images/img09.jpg);
	color: #fff;
	text-align: right;
	padding:40px 20px 40px 0;
background-size: auto;line-height: 200%;font-size: 1.1em;}
.breadcrumb{text-align: left;font-size: 0.8em;}

.itemlist4 li{list-style: none; width: 21%;text-align:left;float:left;padding: 1%;border: 1px solid #ccc;border-radius:10px;margin: 0 0% 20px 1%;}
.itemlist4 li img{width: 100%;height: auto;}
.itemlist6 li{list-style: none; width: 16.6%;text-align: center;margin-bottom: 20px;float:left;}
.bg_black{background: #000; padding: 2px 4px;margin:0 auto;color: #fff;}
.mainImage1 img{
 text-align:center;
}
.thumbnails1{
 width:100%;
 margin:5px auto;
}
.thumbnails1 img{
	border: 2px solid #ccc;
 width:29%;
	margin-right: 1%;
cursor: pointer;
}
.thumbnails1 img:hover{
		border: 2px solid #aaa;
}
.thumbnails2{
 width:100%;
 margin:5px auto;
}
.mainImage2 img{
 text-align:center;
}
.thumbnails2 img{
	border: 2px solid #ccc;
 width:29%;
	margin-right: 1%;
		cursor: pointer;
}
.thumbnails2 img:hover{
		border: 2px solid #aaa;
}
.thumbnails3{
 width:100%;
 margin:5px auto;
}
.mainImage3 img{
 text-align:center;
}
.thumbnails3 img{
	border: 2px solid #ccc;
 width:29%;
	margin-right: 1%;
		cursor: pointer;
}
.thumbnails3 img:hover{
		border: 2px solid #aaa;
}
.thumbnails4{
 width:100%;
 margin:5px auto;
}
.mainImage4 img{
 text-align:center;
}
.thumbnails4 img{
	border: 2px solid #ccc;
 width:29%;
	margin-right: 1%;
		cursor: pointer;
}
.thumbnails4 img:hover{
		border: 2px solid #aaa;
}
.thumbnails5{
 width:100%;
 margin:5px auto;
}
.mainImage5 img{
 text-align:center;
cursor: pointer;
}
.thumbnails5 img{
	border: 2px solid #ccc;
 width:29%;
	margin-right: 1%;
		cursor: pointer;
}
.thumbnails5 img:hover{
		border: 2px solid #aaa;
}
.thumbnails6{
 width:100%;
 margin:5px auto;
}
.mainImage6 img{
 text-align:center;
}
.thumbnails6 img{
	border: 2px solid #ccc;
 width:29%;
	margin-right: 1%;
		cursor: pointer;
}
.thumbnails6 img:hover{
		border: 2px solid #aaa;
}
.button1 a {
  background-color: #009fde;
  border-radius: 10px;
  box-shadow: 0 7px 0 rgba(3,110,184,1);
  color: #ffffff;
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 20px auto;
  padding: 20px 0;
	width: 90%;
}
.button1 a:hover {
  box-shadow: 0 1px 0 rgba(3,110,184,1);
  margin: 26px auto 8px;
}

.button2 a {
  background-color: #e95599;
  border-radius: 10px;
  box-shadow: 0 7px 0 rgba(209,32,120,1);
  color: #ffffff;
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 20px auto;
  padding: 20px 0;
	width: 90%;
}
.button2 a:hover {
  box-shadow: 0 1px 0 rgba(209,32,120,1);
  margin: 26px auto 8px;
}

.button3 a {
  background-color: #e95599;
  border-radius: 10px;
  box-shadow: 0 7px 0 rgba(209,32,120,1);
  color: #ffffff;
  display: block;
  font-size: 1.3em;
  font-weight: bold;
  text-align: center;
  text-decoration: none;
  margin: 10px auto;
  padding: 20px 0;
	width: 45%;
}
.button3 a:hover {
  box-shadow: 0 1px 0 rgba(209,32,120,1);
  margin: 12px auto 8px;
}

.index1{text-align: center;font-size: 1.6em;margin-bottom: 20px;font-weight: bold;}

.square_btn {
    position: relative;
    display: inline-block;
    font-weight: bold;
    padding: 0.25em 0.5em;
    text-decoration: none;
    color: #FFF;
    background: #00bcd4;
    transition: .4s;
  }

.square_btn:hover {
    background: #1ec7bb;
}

.font_red{color: #ff0000;font-weight: bold;}
.font_white{color: #ffffff;}
.font_caution{color: #333;font-size: 0.9em;}

#pagetop {
  position: fixed;
  right: 0;
  bottom: 0;
  padding-right: 25px;
  padding-bottom: 25px;
  width: 50px;
  height: 53px;
  z-index: 10000;
}

#pagetop img {
	width: 100%;
	height: auto;
  vertical-align: baseline;
}

.js-animation {
  opacity: 0;
  visibility: hidden;
  transform: translateY(40px);
  transition: all 1s;
}
.js-animation.is-show {
  opacity: 1;
  visibility: visible;
  transform: translateY(0px);
}

.rakuten2{border: #036eb5 5px solid;border-radius: 20px;padding: 10px;margin-bottom: 30px;text-align: center;}
.rakuten2 .wr4{width: 25%;float: left;font-size: 0.9em;}
.rakuten2 .wr4 img{border: 1px solid #ccc;width: 90%;height: auto;}




@media screen and (max-width:800px){
	body{font-size: 15px;}
	#main_wr{width: auto;margin: 0 5px;}
	img{width: 100%;height: auto;}
	h1{font-size: 0.8em;}
	h2{font-size: 1.4em;}
	h3{text-align: center;font-size: 1.3em;}
	h4{font-size: 1.6em;text-align: center;}
	h5{margin-bottom: 10px;font-size: 1.3em;}
	.wr40l{width: 100%;}
	.wr60r{width: 100%;text-align: center;}
	.wr60l{width: 100%;}
		.wr45{width: 100%;}
		.wr55{width: 100%;}
	.wr60r_l{width: 100%;}
	.wr70l{width: 100%;}
		.wr30r{width: 100%;}
	.wr40r{display: none;}
	.wr50{width: 100%;float: left;margin-bottom: 30px;}
	.wr50c{text-align: center; width: 100%;}
	.ttl2{font-size: 0.7em;padding: 20px 20px 20px 0;}
	.wr33{width: 98%;}
			.rakuten2 .wr4{width: 50%;}
	
}