@charset "utf-8";

/*全端末（PC・タブレット・スマホ）共通設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/

#mainsd {
	width:100%;
	margin:0px auto;
}

/*トップページのスライドショー
---------------------------------------------------------------------------*/
#mainimg {
	clear: left;
	width: 100%;
	height: auto;
	position: relative;
	margin-bottom: 0px;
}

#logo2 {
	text-align:center;
}
#logo2 img{
	width:20%;
}


.tcatch {
	margin:10px auto 50px;
	text-align:center;
}

.tcatch img{
	width:60%;
}


.news-box {
  position: relative;
  width: 100%;
  padding-top: 26.25%;
  margin-bottom:50px;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:2px solid #ccc; 
}
.news-box iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}


.cal-box {
  position: relative;
  width: 100%;
  padding-top: 26.25%;
  overflow:auto; 
  -webkit-overflow-scrolling:touch;
  border:0px solid #ccc; 
}
.cal-box iframe {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    border:none;
    display:block;
}



/*画面幅800px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:800px){

#mainsd {
	width:100%;
}

#logo2 img{
	width:50%;
}



.tcatch {
	width:100%;
}



.cal-box {
  padding-top: 50%;
}


}

/*画面幅480px以下の設定
------------------------------------------------------------------------------------------------------------------------------------------------------*/
@media screen and (max-width:480px){

.news-box {
  padding-top: 56.25%;
}

.cal-box {
  padding-top: 90%;
}

}