/* CSS Document */

@media screen, print {
	
	h2.font-small{
		padding-top: 5px;
		font-size: 20px;
	}	
	h3.font-small2{
		padding-top: 5px;
		font-size: 18px;
	}	
	
	.top_button {
	text-align: right;
	padding-top: 5px;
	padding-bottom: 20px;
}
		.pankuzu {
		float: left;
		width: 100%;
		position: relative;
		height: auto;
		padding-top: 20px;
		padding-bottom: 10px;
		font-size: 14px;
	}
	.shinchiku {
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 5px 0px 15px 0px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	}
	.ichiran {
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 5px 0px 15px 0px;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	}
	.ichiran02 {
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 5px 0px 15px 0px;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	text-align: center;
	}
	.kengaku {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 5px 0px 5px 0px;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	}
	.toiawase {
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 5px 0px 5px 0px;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	font-size: 16px;
	font-weight: bold;
	text-align: center;
	}
	.setubi {
	padding-top: 5px;
	padding-bottom: 5px;
	margin: 5px 0px 5px 0px;
	border-radius: 5px 5px 5px 5px;
	color: #FFFFFF;
	font-size: 16px;
	text-align: center;
	}

	
	.border_gray{
	border-color: #EFEFEF;
	border-style: solid;
	}
	.bgi_blue {	
		background-color: #30B5FF;
}
		.bgi_blue02 {	
		background-color: #06C;
}
		.bgi_blue03 {
	background-color: #1E8EFF;
}
	.bgi_blue04 {
	background-color: #F1F8FF;
}
	.bgi_gray {
	background-color: #E5E5E5;
}
	.bgi_gray02 {
	background-color: #F1F1F1;
}
			.bgi_gray03 {
	background-color: #F1F1F1;
			padding-top: 10px;
	padding-bottom: 10px;
}
	.bgi_orange {
	background-color: #FF9E00;		
	}
    
    .bgi_orange a:hover,
    .bgi_blue02 a:hover {	
        text-decoration: none;
	}	
    
	.bgi_red {
	background-color: #FF4646;
	}
	.text_blue{
	color: #06C;
	}
	.text_red{
	color: #FF0000;
	}
	.font_size24{
		font-size: 24px
	}
	.font_size20{
		font-size: 20px
	}
	.font_size18{
		font-size: 18px
	}
	.font_size18_02{
		font-size: 18px
	}
	.font_size14{
		font-size: 14px
	}
	.font_size12{
		font-size: 12px
	}
	.font_bold{
	font-weight: bold;
	}
	.font_right{
	text-align: right;
	}
	.text_cen {
		text-align: center;
	}
	
	.text_lien{
	text-decoration: line-through;		
	}
	
	.width80{
		width: 80%;
	}
	.width90{
		width: 90%;
		margin: 0px auto;
	}
	
	.left10{
		padding-left: 10px
	}
	.top10 {
	margin-top: 10px;
	}
	
	.top20 {
	margin-top: 20px;
	}
	
	.top30 {
	margin-top: 30px;
	}
	
	.top40 {
	margin-top: 40px;
	}
	
	.top50{
		margin-top: 50px;
	}
	
	.top100{
	margin-top: 100px;
	}
	
	.bottom10 {
	margin-bottom: 10px;
	}
	
	.bottom20 {
	margin-bottom: 20px;
	}

	.bottom30 {
	margin-bottom: 30px;
	}
	
	.bottom40 {
	margin-bottom: 40px;
	}
	
	.bottom50{
	margin-bottom: 50px;
	}
	
	.bottom100{
	margin-bottom: 100px;
	}
	
	/* 写真の部分 */
	
	.mainx, .mainx li {
	margin:0;
	padding:0;
	list-style:none;
}
.mainx {
	margin-bottom:5px;
}
.mainx li {
	width:100%;
	overflow:hidden;
}
.mainx li.item2, .mainx li.item3, .mainx li.item4, .mainx li.item5, .mainx li.item6 {
	display:none;
}
	.mainx li.item7, .mainx li.item8, .mainx li.item9, .mainx li.item10, .mainx li.item11 {
	display:none;
}
		.mainx li.item12, .mainx li.item13, .mainx li.item14, .mainx li.item15, .mainx li.item16 {
	display:none;
}
.mainx li:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
.thumb, .thumb li {
	margin:0;
	padding:0;
	list-style:none;
}
.thumb li {
	display:inline-block;
	width:111px;
	height:80;
	overflow:hidden;
	cursor:pointer;
	vertical-align:top;
	margin-bottom:4px;
}
.thumb li img {
	width:100%;
	height:auto;
}
.thumb li:hover img {
	opacity: 0.8;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=80)";
}
	
	/* 写真の部分 */
	
	.visible-xs-block{
		display:none;
	}
	
	/* ＰＣ用の非表示*/	
	.pc-none{
		display: none;
	}
	.ms-none{
		display: block;
	}
	
	/* 文字と画像のライン */
 .img-line{
	vertical-align: text-bottom;
}

}

/* スマホ （オーバーライド）*/
@media (max-width: 768px) {
	
.width70{
		width: 100%;
	}

}
	
@media (max-width: 767px) {
		.width90{
		width: 100%;
		margin: 0px auto;
	}
	.visible-xs-block{
		display:block;
	}

}

	
	
/* 0～500ピクセル（スマホ用）*/
@media screen and (max-width:500px) { 
	
.width70{
		width: 100%;
	}
		.width90{
		width: 100%;
		margin: 0px auto;
	}
		.font_size18_02{
		font-size: 13px
	}
	
	.thumb li {
	display:inline-block;
	width:60px;
	height:40px;
	overflow:hidden;
	cursor:pointer;
	vertical-align:top;
	margin-bottom:4px;
}

		/* ＰＣ用の非表示*/	
		.ms-none{
		display: none;
	}
	
	.pc-none{
		display: block;
	}
	
	.text_cen_sm {
		text-align: center;
	}
	
}