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

@font-face {
	font-family:FontAwesome;
	src: url('https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css');
	font-weight: normal;
	font-style: normal;
}
	
body {
	font-family: Verdana, Roboto, sans-serif "Droid Sans", "游ゴシック", YuGothic, "メイリオ", Meiryo, "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "ＭＳ Ｐゴシック";
}

a:link { color:#FFF; }
a:visited { color:#FFF; }
	
img { margin:0; padding:0; border:none; max-width: 100%; height:auto; width:auto; /* ie8 */ }
#wrap { display:none; }
.sp { display:block; width:96%; margin:2% auto; overflow:hidden; }
.sp_logo { float:left; width:50%; text-align:left; }
.sp_toggle { float:right; width:50%; text-align:right; }
.sp_logo img { width:70%; }
.sp_toggle img { width:30%; }

ul.spmenu_top { display:block; clear:both; list-style:none; background-color:#545555; width:96%; padding:2%; margin:0 auto; }
ul.spmenu_top li { padding:0 0 2% 0; margin:0 0 2% 0; border-bottom:1px solid #CCC; line-height:1.3; }
ul.spmenu_top li:last-child { padding:0 0 2% 0; margin:0 0 0 0; border-bottom:none; }
ul.spmenu_top li a { display:block; width:100%; }
ul.spmenu_top li a:link { color:#FFF; }
ul.spmenu_top li a:visited { color:#FFF; }

ul.spmenu { display:none; clear:both; list-style:none; background-color:#545555; width:96%; padding:2%; margin:0 auto; }
ul.spmenu li { padding:0 0 2% 0; margin:0 0 2% 0; border-bottom:1px solid #CCC; line-height:1.3; }
ul.spmenu li:last-child { padding:0 0 2% 0; margin:0 0 0 0; border-bottom:none; }
ul.spmenu li a { display:block; width:100%; }
ul.spmenu li a:link { color:#FFF; }
ul.spmenu li a:visited { color:#FFF; }
.font120 { font-size:1.2em; }




/*アコーディオン2*/
ul#accordion {
	width:100%;
	padding:0;
	margin:0;
	list-style:none;
	background-color:#545555;
}
ul#accordion li {
	border-bottom:1px solid #ccc;
	list-style:none;
}
ul#accordion li:first-child {
	border-top:1px solid #ccc;
}

ul#accordion li a {
	display: block;
	text-decoration: none;
	cursor: pointer;
	padding: 0.5em;
	position: relative;
	line-height:1.3;
	color:#FFF;
}

.arrow{
  position:absolute;
  top:40%;
  right: 1%;
  width: 7%;
  height: 5%;
  line-height: 1;
  color: #fff;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}

.arrow:before{
  content: "\f067";
  font-family: FontAwesome;
}


#accordion li > a:hover .arrow{
  color: #fff;
}

.rotate {
  position:absolute;
  top:40%;
  right: 1%;
  width: 7%;
  height: 5%;
  line-height: 1;
  color: #fff;
  -moz-transition: .3s;
  -webkit-transition: .3s;
  -o-transition: .3s;
  -ms-transition: .3s;
  transition: .3s;
}

.rotate:before{
  content: "\f068";
  font-family: FontAwesome;
}


ul.sub_menu { display:none; list-style:none; background-color:#000; margin:0; width:100%; overflow:hidden; }
ul.sub_menu li { border:0; width:94%; padding:3%;}
ul.sub_menu li a { display:block; }


.fmenu { width:96%; margin:4% auto; font-size:0.9em; line-height:1.2; text-align:center; color:#FFF; }
.cp { width:96%; margin:2% auto; font-size:0.9em; line-height:1.2; text-align:center; color:#FFF;}

#wheel-cont { display:none; }
#wheel-cont-sp { width:100%;}
#whel-img { width:100%;}
#whel-img ul { width:100%; list-style:none; margin:0; }
#whel-img ul li { width:33%; text-align:center;}
.sps img { width:77%; }