@charset "UTF-8";
/* CSS Document 
@import url(http://fonts.googleapis.com/earlyaccess/notosansjapanese.css);*/
@import url(https://fonts.googleapis.com/earlyaccess/notosansjapanese.css);



html, body, h1, h2, h3, h4, ul, ol, dl, li, dt, dd, p, div, span, img, a, table, tr, th, td {
	font-family: "Noto Sans Japanese", sans-serif;
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: normal;
	font-size: 100%;
	vertical-align: baseline;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	color: #3e3a39;
}

article, header, footer, aside, figure, figcaption, nav,{ 
  display:block;
}

body {
	margin-top: 0px;
  line-height: 1;
  -ms-text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;
}

ol, ul {
  list-style: none;
  list-style-type: none;
}


a{
	color: #7d7d7d;
	text-decoration:none;}

a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
	opacity: 0.5;
}
a:active {
	text-decoration: none;
}

.linkbt:hover{
		opacity: 0.6;
	}

#page-top {
	z-index: 8888;
	width: 35px;
	overflow: hidden;
    position: fixed;
    bottom: 10px;
	right: 20px;
    font-size:100%;

}
#page-top a {
    text-decoration: none;
    width: 100%;
    text-align: center;
    display: block;
	
}
#page-top a:hover {
    opacity: 0.6;
}

	.page-toptxt{
		transform: rotate(90deg);
		font-size: 200%;
		color: #fff;
		
	}
	
	
	.page-toptxt img{
		width: 90%;
	}




@media (max-width: 480px){
	
	
	
	html, body { 
	width: 100%;
overflow-x: hidden;
	
}
	
	
	
	
	
	#menu-wrap {
	background-color: #fff;
	position: fixed;
	z-index: 9999;
	top: 0;
	left: 0;
	width: 100%;

	padding-bottom:9px;
		overflow: hidden;

	}
	
.menusp{
		color: #3e3a39;
	}
	
	.link:hover,.link2:hover{
		opacity: 0.5;
	}
	
	.toprogo{
		width: 102px;
		float: left;
		padding: 16px 0 0 20px;
		}
	
	.toprogo img{
		width: 100%;
	}
	
.myaccount{
			float: right;
		width: 90px;
padding: 12px 0 0;
	
}

.myaccountbt,.mymenu{
	width:50%;
	text-align: center;
font-size:9px;
	float: left;
	
	}
	
	.myaccountbt img{
		width: 42%;}
	
.myaccountbt:hover{
opacity: 0.8;
	}
	
	.panel-btnimg{
		background: url(../img/menuicon4.svg) center center no-repeat;
		width: 17px;
		height: 17px;
		margin: 0 auto 3px;
	}
	
	.panel-btnimg:active{
		background: url(../img/batu.svg) center center no-repeat;
	}
	
.mymenu{

}
	#panel-btn:hover{
		opacity: 0.6;
	}

.menuWrapper {
  z-index: 0;
  width: 20px;
  height: 20px;
	margin: -2px auto 3px;
	
}

#menuButton {
  overflow: hidden;
  display: block;
  position: relative;
  z-index: 0;
  width: 20px;
  height: 20px;
  cursor: pointer;
}

#menuButton span,
#menuButton::before,
#menuButton::after {
  display: block;
  position: absolute;
  top: 0;
  bottom: 0;
  left:0;
  right: 0;
  width: 16px;
  height:1px;
  margin: auto;
  background: #3e3a39;
}
#menuButton span {
  overflow: hidden;
  z-index: 1;
  color: #3e3a39;
}
#menuButton::before {
  z-index: 2;
  transform: translate(0, -6px);
  content: "";
}
#menuButton::after {
  z-index: 2;
  transform: translate(0, 6px);
  content: "";
}

	
#menuButton span {
  opacity: 1;
  transition: opacity 150ms 50ms;
}
#menuButton::before,
#menuButton::after {
  transition: transform 200ms;
}

#menuButton.active span {
  opacity: 0;
  transition: opacity 150ms;
}
#menuButton.active::before {
  transform: rotate(45deg);
}
#menuButton.active::after {
  transform: rotate(-45deg);
}

	
	#menupc{
		display: none;
	}
	

#submenu{
position: fixed;
	top:50px;
	width: 100%;
	height: 100%;
font-weight: bold;
display: none;
list-style-type: none;
background: rgba(255,255,255,1);
z-index: 9999;

}
	
	.scroll{

		height: 100%;
 overflow: auto;
	}

#menu {
	padding:3vw 0 0;
  width: 100%;
overflow: hidden;
		  font-size: 5px;
	line-height: 120%;
	letter-spacing: -0.2vw;
	}
#menu li {
  width: 25%;
	height: 33px;
  float: left;
  margin: 0;
  text-align: center;
text-decoration:none;
	border-right: solid 1px #9e9c9c ;

}
	
	#menu li:last-child{
		border-right: none;
	}
#menu li a {
 
  width : 100%;
	text-decoration: none;
  transition: .3s;
}


#menu li img{
		width: 25%;
	}
#menu li a:link {
	text-decoration: none;
}
#menu li a:visited {
	text-decoration: none;
}
#menu li a:hover {
	text-decoration: none;
	opacity: 0.5;
}
#menu li a:active {
	text-decoration: none;
}

	
	
	.cover {
	width: 100%; margin: 0; padding: 0; color: #fff; }

	.centerBox {text-align: center;}
	
	.centerBox h2{
		font-weight: 500;
		font-size: 20px;
		line-height: 30px;
		margin-top: -8px;
	}
	
	.centerBox p,.centerBox p2,.tokucho1 p{
		font-size: 14px;
		line-height: 24px;
		padding: 18px;
		letter-spacing: 1px;
		text-align: left;
	}
	
	.marjin1{
		padding: 24px 0;
	}

		.centerBox p2{
			margin-top: 0;
			line-height: 0px;
			color: #ee848c;
		text-align: center;
	}
	
	.tokucho1 p{
		margin-bottom: 4%;
	}
	
	
	
	
	.footermenu{

	background-color: #3e3a39;

	}
	

	
label,.footer1,.sub1 {
    color: #c5c4c4;
    padding: 18px 18px;
	font-size: 14px;
    display: block;
    margin: 0;
	border-bottom: 1px solid #787574;


}
	
	.sub1{
		height: 48px;
		background: #f0efef;
		border-bottom: 1px solid #d8d8d7;	
}
	
	.sublast{
		height: 48px;
		background: #9e9c9c;
		text-align: center;
		padding: 14px;
}

	.sublast img{
		width: 5%;
	}
		.sub1:last-child{
border: none;
	}

	.footermenupc{
		display: none;
	}
	.footer1 a{
		color: #c5c4c4;
	
}
	.footer3{
	width: 100%;
	background-color: #fff;
}
	
	.footer3 img{
		width: 100%;
	}
	.footer4{
		font-size: 12px;
		line-height: 170%;
		padding: 4% 6%;
		color: #7d7d7d;
		background-color: #fff;
	}
	
	.footer5{
		font-size: 12px;
		line-height: 150%;
		padding: 0% 6%;
		color: #9e9c9c;
		background-color: #fff;
				padding-bottom: 3vw;
	}
	
	.footertxt,.subtxt{
		font-size: 14px;
		color: #c5c4c4;
		background: url(../img/yajirusi.png) no-repeat center right;
background-size: 8px;
	}
	

	.subtxt{
		color:#3e3a39;
	}



.accordionbox{
	width: 100%;
	
	
border-bottom: 1px solid #787574;
}
	
	.accordionbox2{
border-bottom: 1px solid #d8d8d7;
		
}
	
.accordionlist dt{
    display:block;

  padding: 15px 0 15px 18px;

}
	
	.clearfix,.clearfix2{

		min-height:  44px;
	}	
	
		.clearfix2{
		background: #f0efef;

	}	
.accordionlist dt:first-child{
    border-top: none !important;
}
.accordionlist dt .title{
	
	float: left;
	color: #c5c4c4;
}
	
	.accordionlist dt .title2{
		
	float: left;
	color: #3e3a39;

}
	
	.accordionlist dt .title p{
		
	float: left;
		font-size: 14px;
	color: #c5c4c4;
}
	
		.accordionlist dt .title2 p{
	float: left;
		font-size: 14px;
	color: #3e3a39;
}
	
.accordionlist dd{

	width: 100%;
    display:none;
	background: #fff;

}
.accordion_icon,
.accordion_icon span {
	
	display: inline-block;
	transition: all .4s;
	box-sizing: border-box;
}
.accordion_icon {
	position: relative;
	width: 30px;
	height: 30px;
	float: right;
	margin-right:8px;
	margin-top: -8px;
	border: solid 1px #ee848c;
	border-radius: 15px;
	
}
.accordion_icon span {
	position: absolute;
	margin-top:8px;
    left: 7px;
    width: 50%;
	height: 1px;
    background-color: #ee848c;

}
.accordion_icon span:nth-of-type(1) {
    top: 5px;
	transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
    -o-transform: rotate(0deg);
}
.accordion_icon span:nth-of-type(2) {
    top: 5px;
	transform: rotate(90deg);
    -webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
}
/*＋、×切り替え*/
.accordion_icon.active span:nth-of-type(1) {
	top: 5px;
    transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
    -o-transform: rotate(45deg);
}
.accordion_icon.active span:nth-of-type(2) {
	top: 5px;
    transform: rotate(135deg);
	-webkit-transform: rotate(135deg);
	-moz-transform: rotate(135deg);
	-ms-transform: rotate(135deg);
    -o-transform: rotate(135deg);
}
	
	
	
	



input[type="checkbox"].on-off{
    display: none;
	
}

.footermenu ul,#submenu ul {
	overflow: 100%;
	-webkit-overflow-scrolling: touch;
    -webkit-transition: all 0.5s;
    -moz-transition: all 0.5s;
    -ms-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
    margin: 0;
    padding: 0;
    list-style: none;
}

.footermenu li,#submenu li {
	background-color:#5F5F5F;
    padding: 15px 18px;
	font-size: 14px;
	border-bottom: 1px solid #787574;
}
	
#submenu li {
		font-size: 14px;
	background-color:#f3f3f3;
	border-bottom: 1px solid #d8d8d7;
	}
	
	#submenu li img{
		width: 16px;
	}
	
	.footermenu li:last-child{
		border: none;
	}
	
		#submenu li:last-child{
		border: none;
	}
	
	.footermenu li a{
			font-size: 12px;
		color: #c5c4c4;
	}
	
		#submenu li a{
				font-size: 12px;
		color: #3e3a39;
	}

input[type="checkbox"].on-off + ul{
    height: 0;
    overflow: hidden;
}

input[type="checkbox"].on-off:checked + ul{
    height: 100%;
}

	

#maincontenar{
	margin-top: 50px;
	width: 100%;
}
	
		/*各ページTOP素材*/
	#pagetitlecover{
		background-size: cover;
		
	}
	
		#pagetitlecover2{
		background-size: cover;
		
	}
	.pagetitle{
		height: 120px;
		text-align: center;
		background-color: rgba(238,132,140,0.8);
		position: relative;
	
}
	
	.pagetitlekakomi{
		width: 100%;
		margin: 0 auto;
		padding: 40px 0;
}
	
		.pagetitlekakomi22{
			padding: 40px 0;
	
}
	
	.pagetitlemain,.pagetitlesub{
		color: #fff;
	}
	
	.pagetitlemain{
		font-size: 20px;
		font-weight: 500;
		margin-bottom: 10px;
	
}
	
	.pagetitlesub{
		font-size: 9px;
		letter-spacing: 1px;
		margin-top: 0;
	}
	
	.pankuzu{
		font-size: 80%;
		padding: 9px 20px 12px;
		color: #9e9c9c;
	}

	
	.link,.link2{
		width: 100%;

	}
	
	.link2{
		margin: 6% 0 35%;

	}
	
	.linkbt,.linkbtpro{
		width:88%;
		margin-left: auto;
		margin-right: auto;
		padding:11px 3px;
		border-radius: 4px;
		border: solid 1px #9e9c9c;
	
}
	
	
	.linkbtw{
		width:88%;
		margin-left: auto;
		margin-right: auto;
		padding:11px 3px;
		border-radius: 4px;
		border: solid 1px #9e9c9c;
		background: #fff;
	
}
	
	.linkbttxt{
		background: url(../img/linkbt.png) no-repeat right;
		background-size:contain;
		font-size: 14px;
		font-weight: 500;
		line-height: 20px;
		height: 21px;
		width: 97%;
		text-align: center;
	}
	
	.linkbttxtblue{
		background: url(../img/linkbtblue.png) no-repeat right;
		background-size:contain;
		font-size: 14px;
		font-weight: 500;
		line-height: 20px;
		height: 21px;
		width: 97%;
		text-align: center;
	}

}