.spmenu{display:none;}
@media only screen and (min-device-width:320px) and (orientation:portrait) {
.pcmenu{display:none;}
.spmenu{display:inherit;}
}
@media only screen and (max-device-width:480px) and (orientation:landscape) {
.landmenu{display:none;}
.spmenu{display:inherit;}
}

body{
	margin:0;
	background-color:#FFFFCC;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	overflow-x:hidden;
	width:100%;
	line-height: 140%;
	height: 100%;
}
html {  
    background-color:#FFFFCC;  
	height: 100%;
	display:block;
} 
.style27 {
	color: #00AEA2;
	font-weight:bold;
	line-height: 50px;
}
.style28 {
	font-size: large;
	padding-bottom: 50px;
}
@media only screen and (min-device-width:320px) and (orientation:portrait) {
.style27 {
	color: #00AEA2;
	font-size:60px;
	line-height:150%;
	padding-left:10%;
	padding-right:10%;
	
}
.style28 {
	font-size:40px;
	line-height:150%;
	padding-bottom: 50px;
	padding-left:10%;
	padding-right:10%;
}
}
@media only screen and (max-device-width:480px) and (orientation:landscape) {
.style27 {
	color: #00AEA2;
	font-size:60px;
	line-height:150%;
	padding-left:10%;
	padding-right:10%;
	
}
.style28 {
	font-size:40px;
	line-height:150%;
	padding-bottom: 50px;
	padding-left:10%;
	padding-right:10%;
}
}

#header{
	width:100%;
	background-color:#FFFFCC;
	background-image:url(img/header.png);
	background-position:center top;
	background-repeat:no-repeat;
	-moz-background-size:cover;
	background-size:cover;
	height: 550px;
	z-index:100;
	}	
	@media only screen and (min-device-width:320px) and (orientation:portrait) {
#header{background-image:url(img/header.png);}
}
@media only screen and (max-device-width:480px) and (orientation:landscape) {
#header{background-image:url(img/header.png);}
}
#kanbansogo{
	width:100%;
	height: auto;
	clear: both;
	}		
#lightbox1{
	width:100%;
	background-color:#FFF;
	height: auto;
	margin: auto;
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #00A498;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #00A498;
	padding-top: 50px;
	padding-bottom: 50px;
	clear: both;
	}	
	@media only screen and (min-device-width:320px) and (orientation:portrait) {
	img { width: 100%; }
	#header img { width: auto; }
	}

#lightbox1_1,#lightbox2_1,#lightbox3_1,#lightbox4_1,#lightbox5_1,#lightbox6_1,#lightbox7_1,#lightbox8_1,#lightbox9_1,#lightbox10_1,#lightbox11_1,#lightbox12_1,#lightbox13_1,#lightbox14_1,#lightbox15_1,#lightbox16_1,#lightbox17_1,#lightbox18_1,#lightbox19_1,#lightbox20_1,#lightbox21_1,#lightbox22_1,#lightbox23_1,#lightbox24_1,#lightbox25_1,#lightbox26_1,#lightbox27_1,#lightbox28_1,#lightbox29_1,#lightbox30_1,#lightbox31_1,#lightbox32_1,#lightbox33_1,#lightbox34_1,#lightbox35_1,#lightbox36_1{
	width:245px;
	margin: auto;
	float: left;
	padding:5px;
	height:auto;
	}
.zoomin img {
	-webkit-transform: scale(1);
	transform: scale(1);
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}
.zoomin:hover img {
	-webkit-transform: scale(1.3);
	transform: scale(1.3);
}	
	
	
	@media only screen and (min-device-width:320px) and (orientation:portrait) {
	#lightbox1_1,#lightbox2_1,#lightbox3_1,#lightbox4_1,#lightbox5_1,#lightbox6_1,#lightbox7_1,#lightbox8_1,#lightbox9_1,#lightbox10_1,#lightbox11_1,#lightbox12_1,#lightbox13_1,#lightbox14_1,#lightbox15_1,#lightbox16_1,#lightbox17_1,#lightbox18_1,#lightbox19_1,#lightbox20_1,#lightbox21_1,#lightbox22_1,#lightbox23_1,#lightbox24_1,#lightbox25_1,#lightbox26_1,#lightbox27_1,#lightbox28_1,#lightbox29_1,#lightbox30_1,#lightbox31_1,#lightbox32_1,#lightbox33_1,#lightbox34_1,#lightbox35_1,#lightbox36_1{
	width:390px;
	}
	}
	@media only screen and (max-device-width:480px) and (orientation:landscape) {
	#lightbox1_1,#lightbox2_1,#lightbox3_1,#lightbox4_1,#lightbox5_1,#lightbox6_1,#lightbox7_1,#lightbox8_1,#lightbox9_1,#lightbox10_1,#lightbox11_1,#lightbox12_1,#lightbox13_1,#lightbox14_1,#lightbox15_1,#lightbox16_1,#lightbox17_1,#lightbox18_1,#lightbox19_1,#lightbox20_1,#lightbox21_1,#lightbox22_1,#lightbox23_1,#lightbox24_1,#lightbox25_1,#lightbox26_1,#lightbox27_1,#lightbox28_1,#lightbox29_1,#lightbox30_1,#lightbox31_1,#lightbox32_1,#lightbox33_1,#lightbox34_1,#lightbox35_1,#lightbox36_1{
	width:700px;
	}
	img { width: auto; }
	
		}	
#lightbox2{
	width:100%;
	background-color:#FFF;
	height: auto;
	margin: auto;
	border-top-width: thick;
	border-top-style: solid;
	border-top-color: #00A498;
	border-bottom-width: thick;
	border-bottom-style: solid;
	border-bottom-color: #00A498;
	padding-top: 50px;
	padding-bottom: 200px;
	clear: both;
	}	
@media only screen and (min-device-width:320px) and (orientation:portrait) {	
#lightbox2{
	height:3500px;
	clear: both;
	}	
}
@media only screen and (max-device-width:480px) and (orientation:landscape) {
#lightbox2{
	height:5500px;
	clear: both;
	}
}	
#main{
	width:1300px;
	margin: auto;
	height: 100px;
	padding-bottom: 100px;
	}	

	@media only screen and (min-device-width:320px) and (orientation:portrait) {
	#main{
	width:900px;
	height:auto;
	}
			} 
	@media only screen and (max-device-width:480px) and (orientation:landscape) {
	#main{
	width:1500px;
	height:auto;}
	#main img{
	width:90%;}
	}
#main2{
	width:1300px;
	margin: auto;
	height: auto;
	}	
		@media only screen and (min-device-width:320px) and (orientation:portrait) {
	#main2{
	width:1000px;
	}
	#main2 img{
	width:100%;
	}
} 	

		@media only screen and (max-device-width:480px) and (orientation:landscape) {
	#main2{
	width:80%;
	margin: auto;
	clear:both;
	}
	#main2 img{
	width:80%;
    margin-left: auto;
    margin-right: auto;	
	}
}

#main3{
	width:1280px;
	margin: auto;
	height: auto;
	padding-bottom: 100px;
	clear:both;
	}		
	@media only screen and (min-device-width:320px) and (orientation:portrait) {
	#main3{
	width:900px;
	clear:none;
	}
			} 
	@media only screen and (max-device-width:480px) and (orientation:landscape) {
	#main3{
	width:1450px;
	clear:none;
	}
	
	#main3 img{
	width:90%;}
	}
		
#mottomiru2	{
	margin: auto;
	height:auto;
	width: 100%;
	padding-bottom: 10px;
	padding-top:20px;
	clear:both;
	}	
	@media only screen and (min-device-width:320px) and (orientation:portrait) {
	#mottomiru2 img	{
	width: 80%;
	margin: auto;
	}
	#mottomiru2	{
	height:100px;
	padding-bottom: 50px;
	}}
	@media only screen and (max-device-width:480px) and (orientation:landscape) {
	#mottomiru2 img	{
	width: 50%;
	margin: auto;
	}
	}			 	
#mottomiru	{
	margin: auto;
	height:auto;
	width: 100%;
	padding-bottom: 10px;
	padding-top:20px;
	clear:both;
	}
	@media only screen and (min-device-width:320px) and (orientation:portrait) {
	#mottomiru img	{
	width: 80%;
	margin: auto;
	}
	#mottomiru	{
	height:100px;
	padding-bottom: 200px;
	}}
	@media only screen and (max-device-width:480px) and (orientation:landscape) {
	#mottomiru img	{
	width: 50%;
	margin: auto;
	}
	}
#soudan{
	width:100%;
	margin: auto;
	height: auto;
	padding-top:50px;
	}
	@media only screen and (min-device-width:320px) and (orientation:portrait) {
    #soudan img {
	width:100%;}
			} 	
	@media only screen and (max-device-width:480px) and (orientation:landscape) {
	#soudan img {
	width:100%;}
	}		
	

/* #filter
--------------------------- */
#filter {
	margin: 0 auto;
	text-align:center;
}
#filter a:link { text-decoration:none; color: #2B958D;
background-color :#fff;
border: 1px solid #2B958D;
font-size:large;
padding:10px 20px 10px 20px;/*上右下左*/
border-radius: 5px;
margin:10px;
}
#filter a:visited { text-decoration:none; color: #2B958D;
font-size:large;
background-color :#fff;
border: 1px solid #2B958D;
}
#filter a:active { text-decoration:none; color: #2B958D;
font-size:large;
background-color :#fff;
border: 1px solid #2B958D;
}
#filter a:hover { text-decoration:none; color: #fff;
font-size:large;
background-color :#2B958D;
}


#filter a.active:link { text-decoration:none; color: #fff;
font-size:large;
background-color :#2B958D;
}
#filter a.active:visited { text-decoration:none; color: #fff;
font-size:large;
background-color :#2B958D;
}
#filter a.active:active { text-decoration:none; color: #fff;
font-size:large;
background-color :#2B958D;
}
#filter a.active:hover { text-decoration:none; color: #fff;
font-size:large;
background-color :#2B958D;
}

/* #filterlist
--------------------------- */
#filterlist {
	margin: 0 auto;
	width: 1000px;
	text-align: left;
}

#filterlist ul {
	margin: 0 auto;
	padding: 0;
	width: 1000px;
	text-align: left;
}

#filterlist ul li {
	margin: 10px;
	width: 300px;
	text-align: left;
	float: left;
	display: inline;
	overflow: hidden;
	height: 300px;
}

#filterlist ul li img {
	width: 300px;
	float: left;
}

#category_title {
	width: 930px;
	text-align: left;
	border-top-width: 1px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-top-color: #2B958D;
	border-right-color: #2B958D;
	border-left-color: #2B958D;
	font-size: large;
	color: #FFFFFF;
	font-weight: bold;
	border-radius: 10px 10px 0px 0px;
	background-color: #2B958D;
	padding: 10px;
}
#category_contant {
	width: 890px;
	border: 1px solid #CCCCCC;
	border-radius: 0px 0px 20px 20px;
	padding: 30px;
	
}
#mail_back{
	width: 100%;
	margin:0px;
	height: 100px;
}
#mail_title{
	width: 100%;
	color:#666;
	margin:auto;
	font-weight:bold;
	font-size:50px;
	padding-bottom:50px;
}
#mail_text{
	width: 1300px;
	margin: auto;
	height: auto;
	padding-bottom: 500px;
}
	
#button_font{
    font-size:24px;
	font-family:'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', メイリオ, Meiryo, 'ＭＳ Ｐゴシック', sans-serif;
	color:#666666;
}	
#mail_left{
	width:30%;
	height:auto;
	float:left;
	padding-left: 8%;
	padding-right: 15%;
}

#mail_right{
	width:38%;
	height:auto;
	float:left;
	
}
.style25 {color: #CC0000}
.style1 {
	font-size: large;
	font-weight: bold;
	color: #666666;
}

#mail_buttonbox{
	width:100%;
	float:left;
	height: 100px;
	padding-top: 100px;
}
#input_set{
    width:500px;
	text-align:left;
	height:auto;
}
input,textarea {
	font-size: 30px;

}

	@media only screen and (min-device-width:320px) and (orientation:portrait) {

	#mail_text{
	width: 100%;
	margin: auto;
	height: auto;
	padding-bottom: 500px;
}
	#mail_left{
	width:100%;
	margin:auto;
	clear:both;
}

#mail_right{
	width:100%;
	clear:both;	
	margin:auto;
	padding-left:8%;
	padding-bottom:50px;
}
#mail_title{
	font-size:70px;
	padding-bottom:100px;
}
.style1 {
	font-size: 35px;
	padding-bottom:50px;
}
#button_font{
    font-size:50px;
}	
input,textarea {
	font-size: 50px;
	margin-top:20px;

}
#input_set{
    width:100%;
	text-align:left; 
}
}
@media only screen and (max-device-width:480px) and (orientation:landscape) {
	#mail_text{
	width: 100%;
	margin: auto;
	height: auto;
	padding-bottom: 200px;
}
#mail_title{
	font-size:70px;
	padding-bottom:100px;
}
.style1 {
	font-size: 35px;
	padding-bottom:50px;
}
#button_font{
    font-size:50px;
}	
input,textarea {
	font-size: 45px;
	margin-top:20px;

}
#input_set{
    width:100%;
	text-align:left; 
}
}

/* =======================================
	ClearFixElements
======================================= */
#filterlist ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#filterlist ul {
	display: inline-block;
	overflow: hidden;
}
#page-top {
    position: fixed;
    bottom: 0px;
    right: 0px;
	z-index:10;

}
#page-top a {
	width: 200px;
	height: 200px;
	display: block;
	background-image: url(img/pagetop1.png);
	background-repeat: no-repeat;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
	-webkit-transition: 0.5s;
    -moz-transition: 0.5s;
    -o-transition: 0.5s;
    -ms-transition: 0.5s;
    transition: 0.5s;

}
#page-top a:hover {
	background-image: url(img/pagetop1_o.png);
	background-repeat: no-repeat;
}
@media only screen and (min-device-width:320px) and (orientation:portrait) {
#page-top a {
zoom:1.8;
}
}
@media only screen and (max-device-width:480px) and (orientation:landscape) {
#page-top a {
zoom:1.8;
}
}
#tenmei{
	width:100%;
	background-color:#00A498;
	margin-top: -10px;
	height: auto !important;
	padding-bottom: 300px;
	}
#tenmei_text{
	width: 1200px;
	margin: auto;
	padding-top: 30px;
}
	
#tenmei_left{
	width:49%;
	height:auto;
	float: left;
	color:#FFFFFF;
	font-size:16px;
	line-height: 250%;
	letter-spacing: 2px;
	padding-bottom: 50px;
}

#tenmei_right{
	width:49%;
	height:auto;
	float:right;
	color:#FFFFFF;
	font-size:16px;
	line-height: 250%;
	letter-spacing: 2px;
	padding-bottom: 50px;
}	
#tenmei_title{
	width: 100%;
	color:#FFFFFF;
	font-weight:bold;
	font-size:30px;
	padding-top: 30px;
	padding-bottom: 40px;
	clear: both;
	
}
.line{
	padding-left: 20px;
	padding-right: 20px;
	color: #00A498;
	background-color: #FFFFCC;
}	
#tochi_title{
	width: 100%;
	color:#FFFFFF;
	font-weight:bold;
	font-size:30px;
	padding-top: 10px;
	padding-bottom: 10px;
	clear: both;
	
}
.style26 {
	color: #FFF;
	font-weight: bold;
	border: thin solid #FFF;
	margin-right: 10px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}

	@media only screen and (min-device-width:320px) and (orientation:portrait) {
#tenmei{
	width:100%;
	background-color:#00A498;
	margin-top: -10px;
	padding-bottom: 2700px;
	height: auto !important;
	}
	#tenmei_text{
	height: auto;
	padding-left:30px;
}
	#tenmei_left{
	font-size:40px;
    width:100%;	
	padding-bottom: 0px;
	}

#tenmei_right{
    width:100%;
	font-size:40px;
}
#tenmei_title{
	font-size:60px;
	padding-bottom:100px;
	padding-top:50px;
}
#tochi_title{
	font-size:60px;
	padding-bottom:50px;
}
.line{
	padding: 20px;
}
.style26 {
	color: #FFF;
	font-weight: bold;
	border: none;
	margin-right: 10px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}	
}
@media only screen and (max-device-width:480px) and (orientation:landscape) {
#tenmei{
	width:100%;
	background-color:#00A498;
	margin-top: -10px;
	padding-bottom:2700px;
	height: auto !important;
	}
	#tenmei_text{
	height: auto;
	padding-left:30px;
}
	#tenmei_left{
	font-size:40px;
    width:100%;	
	padding-bottom: 0px;
	}

#tenmei_right{
    width:100%;
	font-size:40px;
}
#tenmei_title{
	font-size:60px;
	padding-bottom:100px;
	padding-top:50px;
}
#tochi_title{
	font-size:60px;
	padding-bottom:50px;
}
.line{
	padding: 20px;
}	
.style26 {
	color: #FFF;
	font-weight: bold;
	border: none;
	margin-right: 10px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 5px;
}	
}