@charset "UTF-8";
/* ################################################################################ */
/*===============================================
●PC.css  画面の横幅が1000px以上①
===============================================*/
@media (min-width: 1000px) {

#top-photoline01{
	margin: 0 -200%; 
	padding: 0 200%; 
}

#top-photoline02{
	margin: 0 -200%; 
	padding : 0px 200%;padding-left : 200%; 
}

.top-photoin01,.top-photoin02,.top-photoin03,.top-photoin04,.top-photoin05,.top-photoin06{
	
	background-color: transparent;	
	background : center top / auto auto no-repeat scroll padding-box border-box transparent;
	height: 498px;	
	width: 100%;	
	margin: 0px -200%;/* マージンを追記 */	
	padding: 0px 200%;/* マージンで横にはみ出した部分を戻す */	
}
}
/* ################################################################################ */

#top-photoline01{
	background-color : navy;
	padding-top : 20px;
	padding-bottom: 20px;
}

#top-photoline02{
	background-color : navy;
	padding-top : 20px;
	padding-bottom: 20px;
	color : white;
	margin-bottom : 30px;
}

#top-photo{
	width: 100%;
}

#top-photo img{
	max-width: 750px;
	min-width: 240px;
	width: 100%;
	margin-bottom: 0px;
	height: auto;
}

.top-photoin{
	background: none;
}

#topmenu-typeA{
  margin-bottom : 10px;
}

.topA{
  float : left;
  width : 32%;
  margin-right : 2%;
}

.topB{
  float : left;
  width : 32%;
}

.topC{
  float : right;
  width : 32%;
}

.topin{
	margin-bottom : 15px;
}

.topin li +li{
	
	border-top-width: 1px;	
	border-top-style: solid;	
	border-top-color: #e7e7e7;	
}

.topin a{
	display: block;
	padding: 6px 5px;
	color: gray;
	text-decoration: none;
	position: relative;
	background-color: white;
	font-size: 12px;
	font-weight: bold;
}

.topin a:hover{
	background: #e7e7e7;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;
	text-decoration: none;
}

.topin a::after{
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #cecece;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #cecece;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 15px;
	top: 0px;
	bottom: 0px;
	margin: auto;
}

.top01{
	text-align: center;
	background-color : navy;
	font-size: 14px;
	font-weight: bold;
	margin-top : 5px;
	padding-top : 10px;
	color : white;
	padding-bottom : 10px;
}

.top02{
	text-align: center;
	background-color : #ffa953;
	font-size: 14px;
	font-weight: bold;
	margin-top : 5px;
	padding-top : 10px;
	color : white;
	padding-bottom : 10px;
}

.top03{
	text-align: center;
	background-color : #50ef50;
	font-size: 14px;
	font-weight: bold;
	margin-top : 5px;
	padding-top : 10px;
	color : white;
	padding-bottom : 10px;
}

.top04{
	text-align: center;
	background-color : #8080ff;
	font-size: 14px;
	font-weight: bold;
	margin-top : 5px;
	padding-top : 10px;
	color : white;
	padding-bottom : 10px;
}

.top05{
	text-align: center;
	background-color : #b164ff;
	font-size: 14px;
	font-weight: bold;
	margin-top : 5px;
	padding-top : 10px;
	color : white;
	padding-bottom : 10px;
}

.top06{
	text-align: center;
	background-color : #ff88ff;
	font-size: 14px;
	font-weight: bold;
	margin-top : 5px;
	padding-top : 10px;
	color : white;
	padding-bottom : 10px;
}

/* ################################################################################ */
/*===============================================
●PC.css  画面の横幅が770px以上①
===============================================*/
@media (min-width: 770px) {

#information{
	
	margin-left: auto;	
	margin-right: auto;	
	color: white;	
	width : 900px;	
}

.toptopixA{
  margin-top : 20px;
  width : 100%;
    margin-bottom : 20px;
  }

.toptopix01{
  float : left;
    width : 50%;
  }

.toptopix01 li{
  float : left;
  margin-right : 2%;
  margin-left : 2%;
}

.toptopix02{
  float : right;
  display : inline;
  width : 50%;
}

.toptopix02 li{
  float : right;
  margin-left : 2%;
  margin-right : 2%;
}



.top00{
    display : none;
  }

}
/*===============================================
●スマホ画像切り替え②
===============================================*/
@media screen and (min-width: 770px) {

#top-photo{
	
	width: 100%;
	margin: 0px auto;	
}

.top-photoin01{
	
	background-color: transparent;	
	background : url(../../image/img39/pctop01.jpg) center top / auto auto no-repeat scroll padding-box border-box transparent;
	height: 622px;	
	width: 100%;	
}

.top-photoin02{
	
	background-color: transparent;	
	background : url(../../image/img39/pctop02.jpg) center top / auto auto no-repeat scroll padding-box border-box transparent;
	height: 600px;	
	width: 100%;	
}

.top-photoin03{
	
	background-color: transparent;	
	background : url(../../image/img39/pctop03.jpg) center top / auto auto no-repeat scroll padding-box border-box transparent;
	height: 664px;	
	width: 100%;	
}

.top-photoin04{
	
	background-color: transparent;	
	background : url(../../image/img39/pctop04.jpg) center top / auto auto no-repeat scroll padding-box border-box transparent;
	height: 666px;	
	width: 100%;	
}

.top-photoin05{
	
	background-color: transparent;	
	background : url(../../image/img39/pctop05.jpg) center top / auto auto no-repeat scroll padding-box border-box transparent;
	height: 664px;	
	width: 100%;	
}

.top-photoin06{
	
	background-color: transparent;	
	background : url(../../image/img39/pctop06.jpg) center top / auto auto no-repeat scroll padding-box border-box transparent;
	height: 672px;	
	width: 100%;	
}

p.img{
	display:none;
	text-align:center;
}

}
/* ########### スマホ切り替えここまで② ########### */

/*===============================================
●SP.css  画面の横幅が770pxまで③
===============================================*/
@media screen and (max-width:770px){

.toptopixA{
	max-width: 100%;
	min-width: 320px;
	text-align: center;
	width: 100%;
	height : auto;
	margin-bottom: 30px;
}

.toptopixA img{
	width: 100%;
	height: auto;
}
.toptopix01{
	
	width: 100%;	
	margin-top: 20px;	
}
.toptopix01 li{
	float: left;
	width: 46%;
	height : inherit;
	margin-left : 2%;
	margin-right : 2%;  
 	display : inline;
}
.toptopix02{
	
	width: 100%;	
	margin-top: 20px;	
}

.toptopix02 li{
	float: left;
	width : 46%;
	height : inherit;
	margin-left : 2%;
	margin-right : 2%;  
 	display : inline;
}

#topmenu-typeA{
  margin-bottom : 15px;
}

#top-photoline01{
	display: none;
}

#top-photoline02{
	display: none;
}

.topA, .topB, .topC{
	
	width: 100%;	
}

.topin{
	margin-bottom : 15px;
}

.topin li +li{
	
	border-top-width: 1px;	
	border-top-style: solid;	
	border-top-color: #e7e7e7;	
}

.topin a{
	display: block;
	padding : 12px 5px;
	color: gray;
	text-decoration: none;
	position: relative;
	background-color: white;
	font-size: 12px;
	font-weight: bold;
}

.topin a:hover{
	background: #e7e7e7;
	background-repeat: repeat;
	background-attachment: scroll;
	background-position: 0% 0%;
	background-size: auto auto;
	background-origin: padding-box;
	background-clip: border-box;
	text-decoration: none;
}

.topin a::after{
	content: "";
	display: block;
	width: 5px;
	height: 5px;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #cecece;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #cecece;
	-webkit-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
	position: absolute;
	right: 15px;
	top: 0px;
	bottom: 0px;
	margin: auto;
}

.top01{
	text-align: center;
	background-color : navy;
	font-size: 14px;
	font-weight: bold;
	margin-top : 5px;
	padding-top : 10px;
	color : white;
	padding-bottom : 10px;
}

.top02{
	text-align: center;
	background-color : #c30d19;
	font-size: 14px;
	font-weight: bold;
	margin-top : 5px;
	padding-top : 10px;
	color : white;
	padding-bottom : 10px;
}

.top03{
	text-align: center;
	background-color : #50ef50;
	font-size: 14px;
	font-weight: bold;
	margin-top : 5px;
	padding-top : 10px;
	color : white;
	padding-bottom : 10px;
}

.top04{
	text-align: center;
	background-color : #8080ff;
	font-size: 14px;
	font-weight: bold;
	margin-top : 5px;
	padding-top : 10px;
	color : white;
	padding-bottom : 10px;
}

.top05{
	text-align: center;
	background-color : #b164ff;
	font-size: 14px;
	font-weight: bold;
	margin-top : 5px;
	padding-top : 10px;
	color : white;
	padding-bottom : 10px;
}

.top06{
	text-align: center;
	background-color : #ff88ff;
	font-size: 14px;
	font-weight: bold;
	margin-top : 5px;
	padding-top : 10px;
	color : white;
	padding-bottom : 10px;
}



.top00{
  background-color : #8080c0;
  margin-bottom : 15px;
  text-align : center;
  width : 100%;
  padding-top : 6px;
  padding-bottom : 6px;
  font-weight : bold;
  }

}
/* ########### スマホ切り替えここまで③ ########### */

#update{
	border : 1px solid white;
  padding-left : 5px;
  padding-right : 5px;
  padding-bottom : 10px;
  color : white;
}

#updatetitle{
  background-color : white;
  color : navy;
  text-align : center;
  padding-top : 5px;
  margin-left : -5px;
  margin-right : -6px;
  font-size : 16px;
  font-weight : bold;
  width : 1000px;
  margin-bottom : 5px;
}

#updateline p{
  color : white;
}

#updatetitle p{
  color : white;
  background-color : silver;
}

.topadd{
  margin-top : 10px;
  margin-bottom : 10px;
  height : auto;
margin : auto;
  width : auto;
}

#under{
  margin-top : 15px;
}

#update p{
  color : white;
  font-size : 13px;
}

#updatetitle strong{
  font-size : 15px;
}

#update a{
  color : white;
  text-decoration : none;
}