@charset "UTF-8";
/* CSS Document */

img.displayed {/* 中央寄せ */
    display: block;
    margin-left: auto;
    margin-right: auto;
}
.image_m0{
	float:right;
	margin: 0px;
}
.image_h0{
	float:left;
	margin: 0px;
}
.image_m10{
	float:right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
}
.image_h10{
	float:left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}

.image_m0_236{
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 100%;
	max-width: 236px;
	height: auto;	
}
@media only screen and (max-width: 460px) {
.image_m0_236{
	float: none;
	clear: both;	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 100%;
	max-width: 236px;
	height: auto;
	display: block;
}
}

.image_m10_240{
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 100%;
	max-width: 240px;
	height: auto;	
}
@media only screen and (max-width: 460px) {
.image_m10_240{
	float: none;
	clear: both;	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 100%;
	max-width: 240px;
	height: auto;
	display: block;
}
}

.image_m10_352{
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 100%;
	max-width: 352px;
	height: auto;	
}
@media only screen and (max-width: 760px) {
.image_m10_352{
	float: none;
	clear: both;	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 100%;
	max-width: 352px;
	height: auto;
	display: block;
}
}

.image_m10_360{
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 100%;
	max-width: 360px;
	height: auto;	
}
@media only screen and (max-width: 760px) {
.image_m10_360{
	float: none;
	clear: both;	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 100%;
	max-width: 360px;
	height: auto;
	display: block;
}
}

.image_m10_500{
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 10px;
	width: 100%;
	max-width: 500px;
	height: auto;	
}
@media only screen and (max-width: 980px) {
.image_m10_500{
	float: none;
	clear: both;	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 100%;
	max-width: 500px;
	height: auto;
	display: block;
}
}

.image_h10_300{
	float:left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
}
@media only screen and (max-width: 480px) {
.image_h10_300{
	float: none;
	clear: both;	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 100%;
	max-width: 300px;
	height: auto;
	display: block;
}
}

.image_h0_352{
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 100%;
	max-width: 352px;
	height: auto;	
}
@media only screen and (max-width: 760px) {
.image_h0_352{
	float: none;
	clear: both;	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 100%;
	max-width: 352px;
	height: auto;
	display: block;
}
}
.image_h0_457{
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 100%;
	max-width: 457px;
	height: auto;	
}
@media only screen and (max-width: 980px) {
.image_h0_457{
	float: none;
	clear: both;	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 100%;
	max-width: 457px;
	height: auto;
	display: block;
}
}
.image_h0_480{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	max-width: 480px;
	height: auto;	
}
.image_h10_500{
	float: left;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 100%;
	max-width: 500px;
	height: auto;	
}
@media only screen and (max-width: 980px) {
.image_h10_500{
	float: none;
	clear: both;	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 100%;
	max-width: 500px;
	height: auto;
	display: block;
}
}
.image_h0_535{
	float: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 100%;
	max-width: 535px;
	height: auto;	
}
@media only screen and (max-width: 980px) {
.image_h0_535{
	float: none;
	clear: both;	
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	width: 100%;
	max-width: 535px;
	height: auto;
	display: block;
}
}
.image_m0_600{
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	width: 100%;
	max-width: 600px;
	height: auto;	
}

/* hedder画像 */
/* パソコン大で見たときは"hedder_pc1"のclassがついた画像が表示される */
.hedder_pc1 { display: block !important; 
	float: none;
	text-align: center;
	padding: 0px;
	height: auto;
	max-width: 1200px;/* 最大1200px */
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	vertical-align: bottom;
	line-height: 1.0em;
	display: block;
}
.hedder_pc2 { display: none !important; }
.hedder_sp { display: none !important; }

/* 横幅が761px以下、480以上の場合*/
@media screen and (min-width: 480px) and (max-width: 761px) {
.hedder_pc2 { display: block !important; 
	float: none;
	text-align: center;
	padding: 0px;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	vertical-align: bottom;
	line-height: 1.0em;
	display: block;
}
.hedder_pc1 { display: none !important; }
.hedder_sp { display: none !important; }
}

/* hedder画像 */
/* スマートフォンで見たときは"hedder_sp"のclassがついた画像が表示される */
@media only screen and (max-width: 480px) {
.hedder_sp { display: block !important; 
	float: none;
	text-align: center;
	padding: 0px;
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	vertical-align: bottom;
	line-height: 1.0em;
	display: block;
}
.hedder_pc1 { display: none !important; }
.hedder_pc2 { display: none !important; }
}

/* topの画像 */
/* パソコンで見たときは"hedder_pc"のclassがついた画像が表示される */
.hedder_top_pc1 { display: block !important; 
	float: none;
	text-align: center;
	padding: 0px;
	height: auto;
/*	max-width: 1366px;/* 最大1366px */
/*	width: 1366px;*/
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	vertical-align: bottom;
	line-height: 1.0em;
	display: block;
}
/* .hedder_top_pc2 { display: none !important; } */
.hedder_top_sp { display: none !important; }

/* topの画像 */
/* スマートフォンで見たときは"hedder_sp"のclassがついた画像が表示される
@media only screen and (max-width: 1200px) {
.hedder_top_pc1 { display: none !important; }
.hedder_top_sp { display: none !important; }
.hedder_top_pc2 { display: block !important; 
	float: none;
	text-align: center;
	padding: 0px;
	height: auto;
	max-width: 1200px;/* 最大1200px
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	vertical-align: bottom;
	line-height: 1.0em;
	display: block;
}
} */

/* topの画像 */
/* スマートフォンで見たときは"hedder_sp"のclassがついた画像が表示される */
@media only screen and (max-width: 480px) {
.hedder_top_pc1 { display: none !important; }
/* .hedder_top_pc2 { display: none !important; } */
.hedder_top_sp { display: block !important; 
	float: none;
	text-align: center;
	padding: 0px;
	height: auto;
	max-width: 480px;/* 最大480px */
	width: 100%;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	vertical-align: bottom;
	line-height: 1.0em;
	display: block;
}
}

/* その他ページ画像 */
/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; 
	float: none;
	text-align: center;
	padding: 0px;
	height: auto;
	max-width: 1200px;/* 最大1200px */
	width: 100%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	vertical-align: bottom;
	line-height: 1.0em;
	display: block;
}
.sp { display: none !important; }

/* その他ページ画像 */
/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 480px) {
.pc { display: none !important; }
.sp { display: block !important; 
	float: none;
	text-align: center;
	padding: 0px;
	height: auto;
	max-width: 1200px;/* 最大480px */
	width: 100%;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;
	vertical-align: bottom;
	line-height: 1.0em;
	display: block;
}
}

.photo2 {
	height: auto;
	width: 48.8%;
	float: none;
	padding: 0px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0.5%;
	margin-bottom: 1%;
	margin-left: 0px;
}
.photo3 {
	height: auto;
	width: 32.3%;
	float: none;
	padding: 0px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0.5%;
	margin-bottom: 1%;
	margin-left: 0px;
}
.photo4 {
	height: auto;
	width: 24%;
	float: none;
	padding: 0px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0.5%;
	margin-bottom: 1%;
	margin-left: 0px;
}
.photo5 {
	height: auto;
	width: 24%;
	float: none;
	padding: 0px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0.5%;
	margin-bottom: 1%;
	margin-left: 0px;
}
.photo6 {
	height: auto;
	width: 21.4%;
	float: none;
	padding: 0px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0.5%;
	margin-bottom: 1%;
	margin-left: 0px;
}
.photo7 {
	height: auto;
	width: 31.4%;
	float: none;
	padding: 0px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0.5%;
	margin-bottom: 1%;
	margin-left: 0px;
}
.img_right {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 1%;
}
.img_left {
	float: left;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0px;
}
.img_right_sizeno {
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 1%;
}
.img_left_sizeno {
	float: left;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0px;
}
.img_all {
	height: auto;
	width: 100%;
	margin: 0px;
	padding: 0px;
}
.img_all2 {
	height: auto;
	width: 100%;
	margin-top: 0.5%;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 0px;
	padding: 0px;
}
.img_all3 {
	height: auto;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 0px;
	padding: 0px;
}
/* この画像はワイド100%表示に*/
p.resizeimage img {
	width: 100%;
	height: auto;
}
@media screen and (min-width: 769px) {
/* 画面769以上はワイド40%を適用 回り込みあり*/
.img_right {
	width: 40%;
	height: auto;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 1%;
}
.img_left {
	width: 40%;
	height: auto;
	float: left;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0px;
}
}

@media screen and (max-width: 768px) {
/* 画面768以下の場合*/
.photo2 {
	height: auto;
	width: 48.8%;
	float: none;
	padding: 0px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0.5%;
	margin-bottom: 1%;
	margin-left: 0px;
}
.photo3 {
	height: auto;
	width: 32.2%;
	float: none;
	padding: 0px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0.5%;
	margin-bottom: 1%;
	margin-left: 0px;
}
.photo4 {
	height: auto;
	width: 23.5%;
	float: none;
	padding: 0px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0.5%;
	margin-bottom: 1%;
	margin-left: 0px;
}
.photo5 {
	height: auto;
	width: 23.8%;
	float: none;
	padding: 0px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0.5%;
	margin-bottom: 1%;
	margin-left: 0px;
}
.photo6 {
	height: auto;
	width: 21.3%;
	float: none;
	padding: 0px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0.5%;
	margin-bottom: 1%;
	margin-left: 0px;
}
.photo7 {
	height: auto;
	width: 31.3%;
	float: none;
	padding: 0px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0.5%;
	margin-bottom: 1%;
	margin-left: 0px;
}
/* 画面768以下はワイド50%を適用*/
.img_right {
	width: 50%;
	height: auto;
	float: right;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 1%;
}
.img_left {
	width: 50%;
	height: auto;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 1%x;
	margin-left: 0%;
}
}
 
@media screen and (max-width: 600px) {
/* 画面600以下の場合*/
.photo2 {
	height: auto;
	width: 48%;
	float: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 0px;
}
.photo3 {
	height: auto;
	width: 32%;
	float: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 0px;
}
.photo4 {
	height: auto;
	width: 24%;
	float: none;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 0px;
}
.photo5 {
	height: auto;
	width: 48%;
	float: none;
	padding: 0px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0.5%;
	margin-bottom: 1%;
	margin-left: 0px;
}
.photo6 {
	height: auto;
	width: 20.8%;
	float: none;
	padding: 0px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0.5%;
	margin-bottom: 1%;
	margin-left: 0px;
}
.photo7 {
	height: auto;
	width: 31%;
	float: none;
	padding: 0px;
	vertical-align: top;
	margin-top: 0px;
	margin-right: 0.5%;
	margin-bottom: 1%;
	margin-left: 0px;
}
}
@media screen and (max-width: 480px) {
/* スマホ480px以下の場合は非表示にする*/
.none {display:none
}
.img_right {
	width: 100%;
	height: auto;
	float: none;
	clear: both;
	text-align: center;
}
.img_left {
	width: 100%;
	height: auto;
	float: none;
	clear: both;
	text-align: center;
}
.img_right_sizeno {
	width: 100%;
	height: auto;
	float: right;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1%;
	margin-left: 1%;
}
.img_left_sizeno {
	width: 100%;
	height: auto;
	float: left;
	margin-top: 0px;
	margin-right: 1%;
	margin-bottom: 1%;
	margin-left: 0px;
}
}