@charset "utf-8";

.sub-menu.xbtn {
	max-width: 210px;
}
   .kyodo img{
   	max-width: 80%;
   }

.thumbnail-btn{
    text-align: center;
    border-radius: 50px;
    padding: 20px 50px!important;
}
.thumbnail-btn strong{
	padding: 5px 0;
}

.thumbnail-anchor.banner-wrap.rainbow {
	padding: 10px;
	background-image: url(../img/btn_bg-min.png);
}

.thumbnail-anchor.banner-wrap.rainbow > span {
	position: relative;
	display: block;
	width: 100%;
	background-color: #fff;
}

.thumbnail-anchor.banner-wrap.rainbow > span > span {
	padding-top: 16.847826%;
	background-position: top center;
	background-size: 100% auto;
}
	.thumbnail-anchor.banner-wrap.rainbow[href*='mybag'] > span > span {
		background-image: url(../img/btn_03-min.png);
	}
	.thumbnail-anchor.banner-wrap.rainbow[href*='myhashi'] > span > span {
		background-image: url(../img/btn_02-min.png);
	}

ul.point { padding-left: 20px; }
ul.point li + li { margin-top: 10px; }



/* ------------------------------
 *  Media Query Property
 * ------------------------------ */

@media only screen and (min-width: 768px) {

	.item-box {
		border-left-color: #39a94a;
	}

	ul.jirei {
		position: relative;
		display: block;
		list-style: none;
		letter-spacing: -.40em;
		text-align: left;
	}
	
	ul.jirei li {
		position: relative;
		display: inline-block;
		width: 49.5%;
		letter-spacing: normal;
		padding: 4px 12px;
	}
	
	ul.jirei li:before {
		position: absolute;
		top: 50%;
		left: 0;
		display: block;
		width: 6px;
		height: 10px;
		background: url(../../../img/svg/arrow_4_sp.svg) center no-repeat;
		background-size: cover;
		-webkit-transform: translateY(-50%);
		-moz-transform: translateY(-50%);
		transform: translateY(-50%);
		content: "";
	}
}

@media only screen and (min-width: 992px) {
	
	ul.jirei li {
		width: 33%;
	}

	.thumbnail-anchor.banner-wrap.rainbow > span {
		-webkit-transition: 0.3s;
		-moz-transition: 0.3s;
		transition: 0.3s;
	}

	.thumbnail-anchor.banner-wrap.rainbow:hover > span { background-color: #006b3e; }
	.thumbnail-anchor.banner-wrap.rainbow:hover > span > span { background-position: bottom center; }
}

@media only screen and (min-width: 1200px) {
}

@media only screen and (max-width: 1199px) {
}

@media only screen and (max-width: 991px) {
}

@media only screen and (max-width: 991px) and (min-width: 768px) {
}

@media only screen and (max-width: 767px) {

	ul.jirei {
		position: relative;
		padding-left: 20px;
	}
	
	ul.jirei li {
		position: relative;
	}
	
	ul.jirei li + li {
		margin-top: 7px;
	}
	    .thumbnail-btn{
    padding: 10px 50px !important;
    }
   .kyodo img{
   	max-width: 50%;
   	margin:0 auto;
   }

}


@media print {
}