@charset "utf-8";
/* CSS Document */
header {
	width:100%;
	max-width:1200px;
	margin:0 auto 1em auto;
}
a:hover img {
    cursor:pointer;
    filter: alpha(opacity=60);        /* ie lt 8 */
    -ms-filter: "alpha(opacity=60)";  /* ie 8 */
    -moz-opacity:0.6;                 /* FF lt 1.5, Netscape */
    -khtml-opacity: 0.6;              /* Safari 1.x */
    opacity:0.6;
    zoom:1;
}

.clear {
    clear:both;　/*floatの解除*/
}
.material-icons {
	vertical-align:bottom;
}
.btn01 {
	border:solid 1px #FF6600;
	padding:0.5em 0;
	text-align:center;
}
.btn01 a {
	color:#F30;
	font-weight:bold;
}
#content_bdy {
	width:100%;
	max-width:1200px;
	margin:0 auto;
}
.left_sight {
	font-size:0.9em;
	border:solid 2px #FF6600;
	padding:0.5em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
.left_sight hr {
	border-bottom:dotted 2px #FF3300;
}
.left_sight a {
	color:#F30;
	text-decoration:none;
}
.left_sight a:hover {
	color:#390;
	text-decoration:underline;
}
.right_sight {
	border-left:solid 1em #FFF;
}
#right_bdy {
	border:solid 2px #FF6600;
	padding:0.5em;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#title {
	font-size: 26px;
	background-color: #FCC;
	text-align: center;
	width: 100%;
	margin:5px auto;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.page {
	text-align:center;
}
.page li {
	display: inline;
	list-style:none;
	font-size:20px;
	background-color: #FCC;
	padding:5px;
	margin:5px;
}
#right_inbox {
	width:99.5%;
	height:1400px;
}
iframe {
	border:none;
	width:99.5%;
	height:1400px;
}
.foot {
	margin-top:1em;
	padding:1em;
	font-size:0.7em;
	text-align:right;
	background:#FC6;
}
.sub-title {
	color:#FFF;
	padding:0.5em 0 0.5em 1em;
	background:#F66;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
	border-radius: 7px;
}
.sub-title a {
        color:#FFF;
		text-decoration:none;
}
.box02 {
	border-left:solid 2px #F66;
	border-right:solid 2px #F66;
	border-bottom:solid 2px #F66;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	border-bottom-right-radius: 10px;
	border-bottom-left-radius: 10px;
}
.dot {
	border:dotted 1px #CCCCCC;
	padding:0.5em;
}
.title-mini {
	text-align:center;
	padding:0.2em;
	background:#FC0;
	margin:0.2em 0.5em;
	-webkit-border-radius: 1.2em;
	-moz-border-radius: 1.2em;
	border-radius: 1.2em;
}

/*左右の矢印の色を変える*/
.slick-prev:before,
.slick-next:before {
    color: #000;
}
/*左右の矢印の位置を変える*/
.slick-next {
    right: 0;
    z-index: 99;
}
.slick-prev {
     left: 10px;
    z-index: 100;
}
/*スライド数のドットの色を変える*/
.slick-dots li.slick-active button:before,
.slick-dots li button:before {
    color: #fff;
}
/*スライド画像の横幅可変*/
.multiple-item img {
    max-width: 100%;
     height: auto;
}
.multiple-item li {
	max-width:80%;
	text-align:center;
}
.multiple-item p {
	padding:0.2em;
	margin:0;
	color:#F00;
}
.navi {
	text-align:center;
}