@charset "UTF-8";

/*header
----------------------------------------*/
header #logo {
	max-width: 1024px;
	margin: 0 auto;
	padding: 8px 0 23px;
}

header #logo a {
	position: relative;
	z-index: 10;
}

header #logo img {
	width: 300px;
	height: 86px;
}

header .subnav {
	max-width: 1024px;
	width: 100%;
	position: absolute;
	top: 0;
	left: -100%;
	right: -100%;
	margin: auto;
    overflow: hidden;
}

header .subnav ul {
	float: right;
}


header .subnav li {
	float: left;
}

header #show_menu {
	display: none;
}

@media screen and (max-width: 736px) {
	header #logo {
		position: absolute;
		left: 0;
		top: 0;
		margin: 0 24.6376% 0 1.4492%;
		padding: 1.57% 0 0;
		z-index: 10;
	}

	header #logo img {
    	width: 100%;
    	height: auto;
	}

	header #show_menu {
    	text-align: right;
		overflow: hidden;
		display: block;
		border-bottom: solid 2px #8dc21f;
	}

	header #show_menu img {
    	width: 21.7391%;
	}

	header .subnav {
    	display: none;
	}
}


/* グローバルナビ
----------------------------------------*/
#gnav.sub {
	background: #fffeee;
	padding: 16px 0 20px;
	border-top: solid 8px #98cf36;
}

#gnav.sub:before {
	content: "";
	position: absolute;
	left: 0;
	right: 0;
	top: 100%;
	height: 10px;
	background: -moz-linear-gradient(top, #e9e9e9 0, #f9f9f9 50%, #ffffff 100%);
	background: -webkit-linear-gradient(top, #e9e9e9 0, #f9f9f9 50%, #ffffff 100%);
	background: -o-linear-gradient(top, #e9e9e9 0, #f9f9f9 50%, #ffffff 100%);
	background: linear-gradient(to bottom, #e9e9e9 0, #f9f9f9 50%, #ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e9e9e9', endColorstr='#ffffff',GradientType=0 );
}

#gnav ul {
	max-width: 1024px;
	margin: 0 auto;
	z-index: 10;
}

#gnav li {
	width: 16.666%;
	float: left;
	text-align: center;
	border-right: solid 1px #fff;
}

#gnav li + li {
	border-left: solid 1px #fff;
}

#gnav li:first-child + li + li + li + li + li {
	border-right: none;
}

#gnav li a {
	display: block;
	height: 61px;
	line-height: 64px;
	font-size: 123.1%;
	font-weight: bold;
	color: #fff;
	background: #98cf36;
}

#gnav li.current a,
#gnav li a:hover {
	text-decoration: none;
	color: #98cf36;
	background: #fff url(../img/common/img_gnav_arrow.png) no-repeat center bottom;
}

#sp_nav {
	display: none;
}

@media screen and (max-width: 736px) {
	#gnav {
    	display: none;
	}

	#sp_nav {
		position: absolute;
		top: 0;
		left: 0;
		right: 0;
		z-index: 15;
	}

	#sp_nav #menu_close {
		text-align: right;
		display: block;
		border-bottom: solid 2px #8dc21f;
	}

	#sp_nav #menu_close img {
    	width: 21.7391%;
	}

	#sp_nav nav {
		width: 92.7536%;
		margin: 0 auto;
		background: #fff url(../img/common/bg_sp_nav.png) no-repeat left bottom;
		background-size: 100% auto;
	}

	#sp_nav nav ul {
    	border: solid 2px #8dc21f;
    	border-top: none;
    	border-bottom: none;
    	overflow: hidden;
    	font-size: 153.9%;
    	font-size: 4.71vw;
	}

	#sp_nav nav ul li {
		width: 50%;
    	float: left;
    	border-bottom: solid 2px #8dc21f;
	}

	#sp_nav nav ul li a {
		width: 100%;
    	display: block;
    	padding: 10.5263% 0 10.5263% 5%;
    	background: url(../img/common/icon_sp_nav_arrow.png) no-repeat 88.9473% center;
    	background-size: 6.3157% auto;
    	text-decoration: none;
	}

	#sp_nav nav ul li a[target="_blank"] {
    	background: url(../img/common/icon_sp_nav_gaibu.png) no-repeat 88.9473% center;
    	background-size: 11.8421% auto;
	}

	#sp_nav nav ul li:nth-child(2n) {
    	border-left: solid 1px #8dc21f;
	}

	#sp_nav nav ul li:nth-child(2n+1) {
    	border-right: solid 1px #8dc21f;
	}

	#sp_nav .contact {
    	text-align: center;
    	color: #8dc21f;
	}

	#sp_nav .contact strong {
		font-size: 138.5%;
    	font-size: 4.227vw;
    	display: block;
    	padding-top: 5.2083%;
	}

	#sp_nav .contact strong + p img {
    	width: 74.3961%;
	}

	#sp_nav .contact p {
    	padding-top: 1.9531%;
	}

	#sp_nav .contact strong + p + p {
		font-size: 116%;
    	font-size: 3.502vw;
	}

	#sp_nav .contact .btn {
    	width: 88.54166%;
    	margin: 0 auto;
    	padding-bottom: 6.25%;
	}

	#sp_nav .contact .facebook {
    	padding: 0 11.5885% 15.7552% 75%;
	}

	#bg_gnav {
		margin-top: 21.7391%;
		position: absolute;
		top: 0;
		left: 0;
        right: 0;
		background: rgba(0,0,0,.3);
		z-index: 9;
		display: none;
	}
}


/*main
----------------------------------------*/
main {
}


@media screen and (max-width: 736px) {
}


/*pagetop
----------------------------------------*/

@media only screen and (max-width: 736px) {	
}


/*aside
----------------------------------------*/
aside {
	position: fixed;
    bottom: 42px;
    right: 0;
    z-index: 15;
}

@media only screen and (max-width: 736px) {	
	aside {
		width: 16.9082%;
	    bottom: 0;
	    padding-bottom: 7.2463%;
	}

	aside li {
		display: none;
	}

	aside li:first-child {
		display: block;
	}
}


/*footer
----------------------------------------*/
footer {
	padding-bottom: 0px;
}

footer .banner_block {
	width: 958px;
	margin: 0 auto 60px;
}

footer .banner_block li {
	float: left;
}

footer .banner_block li + li {
	margin-left: 20px;
}

footer #fnav {
	width: 958px;
	margin: 0 auto 60px;
}

footer #fnav ul {
	float: right;
	font-size: 123.1%;
	line-height: 1;
}

footer #fnav li {
	float: left;
	padding: 0 12px;
	margin-top: 5px;
	border-right: solid 1px #595757;
}

footer #fnav li a {
	color: #595757;
}

footer #fnav li:first-child {
	border-left: solid 1px #595757;
}

footer #fnav li.facebook {
	border: none;
	padding: 0 0 0 15px;
	margin-top: 0;
}

footer #fnav li.facebook img {
	width: 24px;
}

footer #flogo {
	width: 1000px;
	margin: 0 auto 9px;
	text-align: right;
}

footer #flogo img {
	width: 331px;
}

footer #copyright {
	width: 966px;
	margin: 0 auto;
	text-align: right;
	font-size: 93%;
	color: #fff;
}

footer #copyright small {
	font-size: 100%;
}


@media screen and (max-width: 736px) {
	footer {
		background-size: 100% auto;
		padding-bottom: 1.8115%;
		margin-bottom: 7.2463%;
	}

	footer .banner_block {
		width: 86.9565%;
		margin: 0 auto;
		padding-bottom: 4.8309%;
	}

	footer .banner_block li {
		float: none;
	}

	footer .banner_block li + li {
		padding-top: 3.0193%;
		margin-left: 0;
	}

	footer #fnav {
		width: auto;
		margin: 0 auto;
	}

	footer #fnav ul {
		float: none;
		text-align: center;
		font-size: 108%;
		font-size: 3.26vw;
		padding-bottom: 36.4734%;
	}

	footer #fnav li {
		float: none;
		display: inline-block;
		padding: 0 2.7777% 0 1.5%;
		margin-top: 0;
	}

	footer #fnav li:first-child {
		border-left: none;
		padding-left: 0;
	}

	footer #fnav li:nth-child(3) {
		border-right: none;
		padding-right: 0;
	}

	footer #fnav li.facebook {
    	position: absolute;
    	right: 10.628%;
    	bottom: 0;
		padding: 0 0 14.4927%;
		margin-top: 0;
		width: 9.541%;
	}

	footer #fnav li.facebook img {
		width: 100%;
	}

	footer #flogo {
		width: auto;
		margin: 0 auto;
		text-align: center;
	}
	
	footer #flogo img {
		width: 59.541%;
	}

	footer #copyright {
		width: auto;
		position: absolute;
		left: 0;
		right: 0;
		top: 100%;
		text-align: center;
		font-size: 85%;
		font-size: 2.536vw;
		color: #8dc21f;
		padding-top: 1.57%;
	}
}


/*topic path
----------------------------------------*/
#topic_path {
	width: 980px;
    margin: 17px auto 0;
    overflow: hidden;
    font-size: 108%;
    color: #898989;
}

#topic_path ol {
	float: right;
}

#topic_path li {
	display: inline-block;
}

#topic_path li + li:before {
	content: ">";
	margin: 0 4px 0 2px;
}

#topic_path li a {
	color: inherit;
}

#topic_path li.current {
	font-weight: bold;
}

@media screen and (max-width: 736px) {

	#topic_path {
		display: none;
	}

}


/*title
----------------------------------------*/
section h2 {
}

section h3 {
}

#contents h4 {
}

@media screen and (max-width: 736px) {
}


/*text
----------------------------------------*/

/*リスト*/
main section ol {
	counter-reset: number;
}

main section ol li {
	list-style: none;
	margin: 0 0 0 1.4em;
	padding: 0 0 0 0;
	text-indent: -.75em;
	word-wrap: break-word;
}

main section ol > li:before {
	counter-increment: number;
	content: '('counter(number)')';
	display: inline-block;
}


/* 注釈 */
#contents p.asterisk,
#contents p.asterisk {
	margin-left: 1em;
	text-indent: -1em;
	font-size: 84.6%;
}
#contents ul.asterisk {
	text-indent: 0;
	font-size: 84.6%;
}
#contents .asterisk li {
	background: none ;
	text-indent: -1.0em;
	margin: 0 0 0 1em;
	padding-left: 0;
}
#contents .asterisk li:before {
	display: none;
}
#contents p.asterisk_m {
	margin-left: 1.5em;
	text-indent: -1.5em;
	font-size: 84.6%;
}
#contents ul.asterisk_m {
	text-indent: 0;
}
#contents .asterisk_m li {
	background: none ;
	margin: 0;
	padding-left: 0;	
	margin-left: 1.7em;
	text-indent: -1.7em;
	font-size: 84.6%;
}
#contents .asterisk_m li:before {
	display: none;
}
#contents ul.asterisk_l {
	text-indent: 0;
}
#contents .asterisk_l li {
	background: none ;
	margin: 0;
	text-indent: -2.5em;
	margin-left: 2.5em;
	padding-left: 0;
}
#contents .asterisk_l li:before {
	display: none;
}


@media only screen and (max-width: 736px) {
}

/*box
----------------------------------------*/

/* 段落の区切り */
.txtarea {
	margin: 0 48px 20px;
}

section p + p {
	margin-top: 1em;
}

@media only screen and (max-width: 736px) {
	.txtarea,
	.img_float_block {
		margin: 0 3.125% 20px;
	}

	.txtarea p,
	.col_box p,
	.col1_block p,
	.img_float_block p {
		font-size: 93%;
	}
}

sup,sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: 9px;
}
sup { bottom: 1ex; }
sub { top: .5ex; }


/*テーブル
----------------------------------------*/
.table_block table {
	width: 100%;
	border-spacing: 0;
	border-collapse: separate;
	border-left: solid 1px #fff;
	border-top: solid 1px #fff;
	line-height: 1.9;
}

@media only screen and (max-width: 736px) {
}


/*イメージフロート */
.img_float_block {
	margin-bottom: 25px;
}
.img_float_block .text_box {
	position: static;
	padding-bottom: 25px;
	overflow: hidden;
}

.img_float_block .text_box .txt_link {
	position: absolute;
	right: 0;
	bottom: 0;
}
.img_float_block .text_box .txt_link a {
	display: inline-block;
	border-bottom: 2px solid #c08dff;
	padding-bottom: 3px;
	text-decoration: none;
	color: #fff;
}

.img_float_block .text_box .txt_link a:before {
	content: ">";
	display: block;
	float: left;
	margin: 1px 6px 0 0;
	font-size: 77%;
}

.img_float_block .text_box .txt_link a:hover {
	border-bottom: none;
	padding-bottom: 5px;		
}


/* カラムブロック */
.ph {
	overflow: hidden;
}
#contents .text {
	padding: 25px 35px 0;
	text-align: center;
	font-size: 93%;
	line-height: 2;
}
#contents .text .ttl {
	font-size: 150%;
	line-height: 1.5;
}

#contents .col_box p,
#contents .col_box ul {
	margin-bottom: 0;
}
#contents .col_box p + ul {
	margin-top: 10px;
}

.col1_block {
	margin-bottom: 30px;
}

.col2_block .table_block {
	margin-bottom: 0;
}

.col_box hr {
	margin: 5px 0;
}

/* 2カラム */
.col2_block {
	margin: 0 0 0 -2.8409%;
}
.col2_block .col_box {
	float: left;
	width: 47.1591%;
	margin: 0 0 15px 2.8409%;
	*display: inline;
	*zoom: 1;
}

.col2_block.sp_col_block {
	margin: 0 0 0 -6.1538%;
}

.col2_block.sp_col_block .col_box {
	width: 43.8462%;
	margin: 0 0 19px 6.1538%;
}

/* 3カラム */
.col3_block {
	margin: 0 0 0 -2.8409%;
}
.col3_block .col_box {
	float: left;
	width: 30.4924%;
	margin: 0 0 15px 2.8409%;
	*display: inline;
	*zoom: 1;
}

#index .col2_block,
#index .col3_block {
	text-align: center;
	padding-bottom: 40px;
	margin-left: -4.5454%;
}

#index .col2_block {
	margin-left: -8.8636%;
}

#index .col2_block .col_box {
	width: 41.1364%;
	margin: 0 0 15px 8.8636%;
}

#index .col3_block .col_box {
	width: 28.7879%;
	margin: 0 0 15px 4.5454%;
}

#index .col2_block .ph,
#index .col3_block .ph {
	margin-bottom: 9px;
}

#index .col2_block a,
#index .col3_block a {
	color: inherit;
}

#index .col2_block .txt,
#index .col3_block .txt {
	display: inline-block;
	background: url(../img/seizankai/index/icon_arrow01.png) no-repeat left center;
	padding-left: 15px;
	margin-top: 0;
}

/* 4カラム */
.col4_block {
	margin: 0 0 15px -1.5748%;
}
.col4_block .col_box {
	float: left;
	width: 23.4251%;
	margin: 0 0 15px 1.5748%;
	*display: inline;
	*zoom: 1;
	position: relative;
}
#contents .col4_block .text {
	padding: 25px 20px 0;	
}

.txt_img_block .col_box {
	background: #eee;
}

.txt_img_block .col_box p {
	padding: 0 10px 10px;
	font-size: 100%;
}

.txt_img_block .col_box .ttl_box {
	color: #f13975;
	font-size: 116%;
	font-weight: bold;
	padding: 8px 10px 0 25px;
}

.txt_img_block .col_box .ttl_box:before {
	content: "";
	width: 10px;
	height: 10px;
	background: #f13975;
	display: block;
	position: absolute;
	left: 10px;
	top: 14px;
}

.txt_img_block .col_box .ph {
	padding: 0;
}

/* クリア */
.btn_block,
.col_box,
.box_inner,
.col2_block,
.col3_block,
.col4_block,
.col5_block { zoom:1; }
.btn_block:after,
.col_box:after,
.box_inner:after,
.col2_block:after,
.col3_block:after,
.col4_block:after,
.col5_block:after {
	content: "";  
	display: block; 
	visibility: hidden; 
	clear: both; 
	height: 0.1px; 
	font-size: 0.1em; 
	line-height: 0;
}

:focus::-webkit-input-placeholder {
	color: transparent;
}
:focus:-moz-placeholder {
	color: transparent;
}
:focus::-moz-placeholder {
	color: transparent;
}

@media only screen and (max-width: 736px) {
	.col1_block,
	.img_float_block {
		margin-bottom: 15px;
	}
	
	.col2_block,
	.col3_block,
	#index .col3_block {
		width: auto;
		clear: both;
		margin: 0 3.75%;
	}
	#index .col3_block,
	#index .col2_block {
		margin: 0;
		padding-bottom: 0;
	}
	.col3_block .col_box,
	#index .col3_block .col_box,
	#index .col2_block .col_box,
	.col2_block .col_box {
		width: 100%;
		float: none;
		margin: 0;
		padding: 0 0 15px;
	}

	.col2_block.sp_col_block {
		margin: 0 0 0 -6.3%;
	}

	.col2_block.sp_col_block .col_box {
		width: 43.8462%;
		float: left;
		margin: 0 0 15px 6.1538%;
		padding: 0;
	}
	
	#contents .text,
	#contents .col2_block .col_box .text,
	#contents .col3_block .col_box .text,
	#contents .col4_block .col_box .text {
		padding: 13px 0 0;
	}
	#contents .text .ttl {
		font-size: 125%;
		line-height: 1.5;
	}
	
	.col2_block .col_box img,
	.col3_block .col_box img {
		max-width: 85.13513%;
		display: block;
		margin: 0 auto;
	}
	.col3_block .col_box img {
		max-width: 75.1351%;
	}

	.col2_block.sp_col_block .col_box img {
		max-width: 100%;
	}

	#index .col2_block .col_box img,
	#index .col3_block .col_box img {
		max-width: 100%;
	}
	
	.col4_block {
		margin-left: -3%;
		margin-bottom: 15px;
	}
	.col4_block .col_box {
		width: 47%;
		float: left;
		margin: 0 0 10px 3%;
	}
	.col4_block .col_box:nth-of-type(2n+1) {
		clear: both;
	}
	
	.sp_col_block .col4_block {
		margin-left: -3%;
	}	
	.sp_col_block .col4_block .col_box {
		float: left;
		width: 22%;
		margin: 0 0 20px 3%;
		*display: inline;
		*zoom: 1;
		position: relative;
		text-align: center;
	}

	.txt_img_block .col_box p {
		padding: 0 3.3333% 10px;
		font-size: 93%;
	}

	.txt_img_block .col_box .ttl_box {
		font-size: 100%;
		padding: 8px 3.3333% 0 15px;
		margin-left: 3.3333%;
	}

	.txt_img_block .col_box .ttl_box:before {
		left: 0px;
	}

	.txt_img_block .col_box .ttl_box:before {
		top: 12px;
	}
	
}


/*テキスト枠
----------------------------------------*/
.box11{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	font-size: 110%;
	text-align: left;

}
.box11 p {
    margin: 20px; 
    padding: 0px;

}

.box12{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border: solid 2px #C0C0C0;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	font-size: 110%;
	text-align: left;

}
.box12 p {
    margin: 20px; 
    padding: 0px;
}


.box13{
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #5d627b;
    background: white;
    border-top: solid 5px #5d627b;
    box-shadow: 0 3px 5px rgba(0, 0, 0, 0.22);
	font-size: 140%;
	text-align: left;

}
.box13 p {
    margin: 20px; 
    padding: 0px;

}


/*インナー
----------------------------------------*/
.inner_m10{
    margin: 10px;
	text-align: center;
}




/*ヘッダ上の電話番号
----------------------------------------*/
.hd {
	height: 40px;
	overflow: hidden;
	text-align: center;
	margin: 0;
	padding: 10px 20px 20px 20px;
	color: #FFFFFF;
	list-style-type: none;
	background-color: #1e90ff;
	font-size: 120%;
}


/*ナビ
----------------------------------------*/
ul.topnav {
	overflow: hidden;
	margin: 0 0 20px 0;
	padding: 0;
	list-style-type: none;
	background-color: #1e90ff;
	font-size: 120%;
}
ul.topnav li {
	float: left;
}
ul.topnav li a {
	display: block;
	padding: 14px 30px 16px 30px;
	text-align: center;
	text-decoration: none;
	color: white;
}
ul.topnav li a:hover:not(.active) {
	background-color: #a9bce2;
}
ul.topnav li a.active {
	background-color: #000080;
}
ul.topnav li.right {
	float: right;
}
@media screen and (max-width: 480px) {
	ul.topnav li.right, ul.topnav li {
		float: none;
	}
}

/*ナビ スマホ
----------------------------------------*/
.cds-navi {
  list-style-type: none;
  margin: 0px 20px 40px 20px;
  padding: 0px;
  font-size: 130%;
}

.cds-navi li { display: inline; }

.cds-navi li a {
  text-align: center;
  margin: 0;
  padding: 10px 0 10px  0;
  width: 100%;
  display: block;
  background-color: #EBEBEB;
  color: #000000;
  text-decoration: none;
  border-bottom: 2px solid #ffffff;
}

.cds-navi li a:hover {
  background-color: #000000;
  color: #FFFFFF;
  text-decoration: underline;
}



/*囲み枠
----------------------------------------*/
.box1 {
    padding: 0.5em 1em;
    margin: 2em 0;
    color: #232323;
    background: #fff8e8;
    border: solid 2px #ffc06e;
}
.box1 p {
	text-align: center;
	font-size: 120%;
    margin: 0; 
    padding: 10px 10px 30px 10px;
	line-height: 3em;
}

.box2 {
    padding: 0.5em 1em;
    margin: 1em 0;
    color: #232323;

}
.box2 p {
	text-align: left;
	font-size: 130%;
    margin: 0; 
    padding: 10px;
   line-height: 2em;
}

.box2_sp {
	width:100%;
    padding: 0.5em 1em;
    margin: 0px 20px 20px 20px;
    color: #232323;
    border: solid 1px #999999;
}
.box2_sp p {
	text-align: left;
	font-size: 140%;
    margin: 0; 
    padding: 30px;
}


.box3 {
	width:96%;
	text-align: center;
    padding: 0.5em 1em;
    margin: 0px 20px 20px 20px;
    color: #232323;
    border: solid 1px #999999;
	font-size: 120%;
}


.box3_sp {
	width:96%;
	text-align: center;
    padding: 0.5em 1em;
    margin: 0px 20px 20px 20px;
    color: #232323;
    border: solid 1px #999999;
	font-size: 140%;
}


.box4 {
	width:100%;
	height: 585px;
	background: url("../../img/cake/img_07.jpg") no-repeat;
    padding: 100px 0 0 0;

}

.box4_sp {
	width:736px;
	background: url("../../img/cake/sp/img_07.jpg") no-repeat;
    padding: 0 0 0 0;

}



/*テーブル
----------------------------------------*/
table {
	border-collapse: collapse;
	width:100%;
    margin: 20px 0 20px 0;
}
th.t_top {
    border-top: #be1309 4px solid;
}
th {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
	font-weight: normal;
	   border:1px solid #ccc;
}
td.t_top {
	border-top: #b3b3b3 4px solid;
}
td {
	border-bottom: #e3e3e3 1px dotted;
	text-align: left;
	padding: 10px;
   border:1px solid #ccc;
}

/*インナー
----------------------------------------*/
.inner {
    margin: 12px;
	font-size: 90%;
}




/*（グローバルナビ用）CSS
----------------------------------------*/
nav.globalMenuSp {
    position: fixed;
    z-index: 2;
    top: 0;
    left: 0;
    background: #fff;
    color: #000;
    text-align: center;
    transform: translateY(-100%);
    transition: all 0.6s;
    width: 100%;
}
 
nav.globalMenuSp ul {
    background: #ccc;
    margin: 0 auto;
    padding: 0;
    width: 100%;
}
 
nav.globalMenuSp ul li {
    font-size: 1.1em;
    list-style-type: none;
    padding: 0;
    width: 100%;
    border-bottom: 1px dotted #333;
}
 
/* 最後はラインを描かない */
nav.globalMenuSp ul li:last-child {
    padding-bottom: 0;
    border-bottom: none;
}
 
nav.globalMenuSp ul li a {
    display: block;
    color: #000;
    padding: 1em 0;
}


nav.globalMenuSp ul li a:hover {
    display: block;
    color: #FFFFFF;
    padding: 1em 0;
    background: #000000;
}
 
/* このクラスを、jQueryで付与・削除する */
nav.globalMenuSp.active {
    transform: translateY(0%);
}


/*（ハンバーガー用）CSS
----------------------------------------*/
.navToggle {
    display: block;
    position: fixed;    /* bodyに対しての絶対位置指定 */
    right: 13px;
    top: 12px;
    width: 52px;
    height: 61px;
    cursor: pointer;
    z-index: 3;
    background: #FF9900;
    text-align: center;
}
 
.navToggle span {
    display: block;
    position: absolute;    /* .navToggleに対して */
    width: 40px;
    border-bottom: solid 3px #FFFFFF;
    -webkit-transition: .35s ease-in-out;
    -moz-transition: .35s ease-in-out;
    transition: .35s ease-in-out;
    left: 6px;
    padding: 3px 0 0 0;

}
 
.navToggle span:nth-child(1) {
    top: 9px;
}
 
.navToggle span:nth-child(2) {
    top: 18px;
}
 
.navToggle span:nth-child(3) {
    top: 27px;
}
 
.navToggle span:nth-child(4) {
    border: none;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    top: 35px;
}

/*（タップした後）CSS
----------------------------------------*/
/* 最初のspanをマイナス45度に */
.navToggle.active span:nth-child(1) {
    top: 18px;
    left: 6px;
    -webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
    transform: rotate(-45deg);
}
 
/* 2番目と3番目のspanを45度に */
.navToggle.active span:nth-child(2),
.navToggle.active span:nth-child(3) {
    top: 18px;
    -webkit-transform: rotate(45deg);
    -moz-transform: rotate(45deg);
    transform: rotate(45deg);
}

/*ページトップ
----------------------------------------*/
.pagetop
    {
    position: fixed;
    bottom: 16px;
    right: 16px;
    }
 
.pagetop a
    {
    display: block;
    text-decoration: none;
    }
 
.pagetop:hover
{
    opacity: 0.85 ;
}

/*ページトップ
----------------------------------------*/