@charset "UTF-8"

#top{
  clear : both;
  background-color : white;
  padding-bottom : 5px;
}

#head{
  height : 2px;
  background-color : black;
  clear : both;
  padding-top : 2px;
  width : 100%;
  padding-bottom : 2px;
}

#headline{
  clear : both;
  width : 100%;
}

#title-pk{
  float : left;
  clear : left;
  margin-top : 16px;
  margin-bottom : 18px;
}

#gnavi-pk{
	text-align: center;
	background-color: #c0c0e0;
	width: 1000px;
	margin-bottom: 20px;
}

#gnavi-pk ul{
	font-size: 0;
	margin-right : 0px;margin-bottom : 8px;margin-left : 0px;
	padding: 0;
	list-style: none;
}

#gnavi-pk li{
	box-sizing: border-box;
	width : 200px;
	font-size:18px;
	display: inline-block;
	border-top-style : solid;border-right-style : solid;border-bottom-style : solid;border-left-style : solid;border-top-color : #000000;border-right-color : #000000;border-bottom-color : #000000;border-left-color : #000000;
	background-color : #c0c0e0;
}

#gnavi-pk li a{
	text-decoration: none;
	padding : 12px;
	color : #000000;
	display: block;
	font-size : 15px;
	font-weight: bold;
}

#gnavi-pk li a:hover{
	background: #dadaed;
}

@font-face {
  font-family: 'icomoon';
  src:  url('fonts/icomoon.eot?n7stu6');
  src:  url('fonts/icomoon.eot?n7stu6#iefix') format('embedded-opentype'),
    url('fonts/icomoon.ttf?n7stu6') format('truetype'),
    url('fonts/icomoon.woff?n7stu6') format('woff'),
    url('fonts/icomoon.svg?n7stu6#icomoon') format('svg');
  font-weight: normal;
  font-style: normal;
}



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


.topA2{
  float : left;
  width : 49%;
  margin-right : 2%;
}

.topC2{
  float : left;
  width : 49%;
}

/* ################################################################################ */

/* ################################################################################ */
/*===============================================
●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%;/* マージンで横にはみ出した部分を戻す */	
}
}
/* ################################################################################ */

/*===============================================
●PC.css  画面の横幅が770px以上①
===============================================*/
@media (min-width: 770px) {
#comenu{
	background-color: white;	
	text-align: center;	
	margin-bottom: -30px;	
}

#comenu p{
	
	background-color: #303030;	
	padding-top: 15px;	
	padding-bottom: 12px;	
	width: 100%;
	font-size: 26px;	
	font-weight: bold;	
	color: white;	
}

#comenuA{
	
	background-color: white;	
	text-align: center;	
	margin-top: 20px;	
}

#comenuA p{
	
	background-color: #303030;	
	padding-top: 15px;	
	padding-bottom: 12px;	
	width: 100%;
	font-size: 26px;	
	font-weight: bold;	
	color: white;	
}

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

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

.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(../img/top/101.jpg) center top / auto auto no-repeat scroll padding-box border-box transparent;
	height: 636px;	
	width: 100%;	
}

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

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

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




#title-pk{	
	width: 100%;	
	margin-top: 60px;	
	margin-bottom: -2px;	
	border-bottom-width: 2px;	
	border-bottom-style: solid;	
	border-bottom-color: #000080;
	padding-bottom: 6px;
}

#title-pk p{	
	width: 300px;	
	height: inherit;	
	text-align: center;	
	margin-left: auto;	
	margin-right: auto;	
}

#gnavi-pk{
  display : none;
}

#comenu{
	background-color: white;	
	text-align: center;	
	margin-bottom: -30px;	
}

#comenu p{
	
	background-color: #303030;	
	padding-top: 15px;	
	padding-bottom: 12px;	
	width: 100%;
	font-size: 22px;	
	font-weight: bold;	
	color: white;	
}

#comenuA{
	background-color: white;	
	text-align: center;	
	margin-top: 30px;

}

#comenuA p{
	
	background-color: #303030;	
	padding-top: 15px;	
	padding-bottom: 12px;	
	width: 100%;
	font-size: 22px;	
	font-weight: bold;	
	color: white;	
}

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

.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;
  margin-top : 15px;
}

#top-photoline01{
	display: none;
}

#top-photoline02{
	display: none;
}

.topA, .topB, .topC, .topA2, .topC2{
	
	width: 100%;
	
	margin-bottom: 30px;
	
}
}

.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;
}

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

#top-photoline02{
	background-color : #000000;
	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;
}