/* CSS Document */

/* index */

#index {
	width:1000px;
	height:auto;
	margin:0px auto 80px auto;
	overflow: hidden;
	position: relative;
	zoom:1;
}


#index .pic_box {
	width:1000px;
	height:460px;
	margin:0px 0px 30px 0px;
}
#viewer {
	margin:0px auto 0px auto;
    width: 1000px;
    height: 460px;
    text-align: left;
    overflow: hidden;
    position: relative;
}
#viewer img {
	margin:0px 0px 0px 0px;
    position: absolute;
}


#index h2.greeting_box {
	width:1000px;
	margin:0px 0px 50px 0px;
	font-size: 18px;
	line-height:180%;
	font-weight: normal;
	color: #7d643c;
	text-align: center;
}


#index h3 {
	width: 1000px;
	margin: 0px 0px 30px 0px;
	font-size: 26px;
	line-height:100%;
	font-weight: normal;
	color: #7d643c;
	text-align:center;
	overflow:hidden;
}
#index h3 .c {
	width:300px;
	height:30px;
	text-align:center;
	padding: 0px 10px;
	margin:0px auto;
	position:relative;
	display:inline;
}
#index h3 .l {
	background-image: url(../img/title_dot_line.png);
	background-repeat: repeat-x;
	background-position:center;
	position:absolute;
	right:100%;
	top:0;
	width:500px;
	height:30px;
}
#index h3 .r {
	background-image: url(../img/title_dot_line.png);
	background-repeat: repeat-x;
	background-position:center;
	position:absolute;
	left:100%;
	top:0;
	width:500px;
	height:30px;
}


#index .nav {
	width:1000px;
	height: 328px;
	margin: 0px auto 30px auto;
	padding: 0px;
}
#index .nav ul {
	width: 1000px;
	height: 328px;
	margin: 0px auto;
	padding: 0px;
	list-style-type: none;
	overflow: hidden;
	position: relative;
	zoom: 1;
}
#index .nav li.btn01 {
	background-image: url(../img/index/situation_navi/btnovr_01.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn01 a, #index .nav li.btn01 a:link, #index .nav li.navi01 a:visited {
	background-image: url(../img/index/situation_navi/btn_01.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn01 a:hover, #index .nav li.btn01 a:active {
	background:none;
}
#index .nav li.btn02 {
	background-image: url(../img/index/situation_navi/btnovr_02.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn02 a, #index .nav li.btn02 a:link, #index .nav li.navi02 a:visited {
	background-image: url(../img/index/situation_navi/btn_02.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn02 a:hover, #index .nav li.btn02 a:active {
	background:none;
}
#index .nav li.btn03 {
	background-image: url(../img/index/situation_navi/btnovr_03.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn03 a, #index .nav li.btn03 a:link, #index .nav li.navi03 a:visited {
	background-image: url(../img/index/situation_navi/btn_03.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn03 a:hover, #index .nav li.btn03 a:active {
	background:none;
}
#index .nav li.btn04 {
	background-image: url(../img/index/situation_navi/btnovr_04.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn04 a, #index .nav li.btn04 a:link, #index .nav li.navi04 a:visited {
	background-image: url(../img/index/situation_navi/btn_04.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn04 a:hover, #index .nav li.btn04 a:active {
	background:none;
}

#index .nav li.btn05 {
	background-image: url(../img/index/situation_navi/btnovr_05.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn05 a, #index .nav li.btn05 a:link, #index .nav li.navi05 a:visited {
	background-image: url(../img/index/situation_navi/btn_05.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn05 a:hover, #index .nav li.btn05 a:active {
	background:none;
}
#index .nav li.btn06 {
	background-image: url(../img/index/situation_navi/btnovr_06.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn06 a, #index .nav li.btn06 a:link, #index .nav li.navi06 a:visited {
	background-image: url(../img/index/situation_navi/btn_06.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn06 a:hover, #index .nav li.btn06 a:active {
	background:none;
}
#index .nav li.btn07 {
	background-image: url(../img/index/situation_navi/btnovr_07.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn07 a, #index .nav li.btn07 a:link, #index .nav li.navi07 a:visited {
	background-image: url(../img/index/situation_navi/btn_07.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn07 a:hover, #index .nav li.btn07 a:active {
	background:none;
}
#index .nav li.btn21 {
	background-image: url(../img/index/situation_navi/btnovr_21.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn21 a, #index .nav li.btn21 a:link, #index .nav li.navi21 a:visited {
	background-image: url(../img/index/situation_navi/btn_21.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn21 a:hover, #index .nav li.btn21 a:active {
	background:none;
}
#index .nav li.btn22 {
	background-image: url(../img/index/situation_navi/btnovr_22.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn22 a, #index .nav li.btn22 a:link, #index .nav li.navi22 a:visited {
	background-image: url(../img/index/situation_navi/btn_22.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn22 a:hover, #index .nav li.btn22 a:active {
	background:none;
}
#index .nav li.btn23 {
	background-image: url(../img/index/situation_navi/btnovr_23.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn23 a, #index .nav li.btn23 a:link, #index .nav li.navi23 a:visited {
	background-image: url(../img/index/situation_navi/btn_23.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn23 a:hover, #index .nav li.btn23 a:active {
	background:none;
}
#index .nav li.btn24 {
	background-image: url(../img/index/situation_navi/btnovr_24.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn24 a, #index .nav li.btn24 a:link, #index .nav li.navi24 a:visited {
	background-image: url(../img/index/situation_navi/btn_24.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn24 a:hover, #index .nav li.btn24 a:active {
	background:none;
}
#index .nav li.btn25 {
	background-image: url(../img/index/situation_navi/btnovr_25.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn25 a, #index .nav li.btn25 a:link, #index .nav li.navi25 a:visited {
	background-image: url(../img/index/situation_navi/btn_25.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn25 a:hover, #index .nav li.btn25 a:active {
	background:none;
}
#index .nav li.btn31 {
	background-image: url(../img/index/situation_navi/btnovr_31.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn31 a, #index .nav li.btn31 a:link, #index .nav li.navi31 a:visited {
	background-image: url(../img/index/situation_navi/btn_31.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn31 a:hover, #index .nav li.btn31 a:active {
	background:none;
}
#index .nav li.btn32 {
	background-image: url(../img/index/situation_navi/btnovr_32.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn32 a, #index .nav li.btn32 a:link, #index .nav li.navi32 a:visited {
	background-image: url(../img/index/situation_navi/btn_32.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn32 a:hover, #index .nav li.btn32 a:active {
	background:none;
}
#index .nav li.btn33 {
	background-image: url(../img/index/situation_navi/btnovr_33.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn33 a, #index .nav li.btn33 a:link, #index .nav li.navi33 a:visited {
	background-image: url(../img/index/situation_navi/btn_33.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn33 a:hover, #index .nav li.btn33 a:active {
	background:none;
}
#index .nav li.btn34 {
	background-image: url(../img/index/situation_navi/btnovr_34.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn34 a, #index .nav li.btn34 a:link, #index .nav li.navi34 a:visited {
	background-image: url(../img/index/situation_navi/btn_34.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn34 a:hover, #index .nav li.btn34 a:active {
	background:none;
}
#index .nav li.btn35 {
	background-image: url(../img/index/situation_navi/btnovr_35.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn35 a, #index .nav li.btn35 a:link, #index .nav li.navi35 a:visited {
	background-image: url(../img/index/situation_navi/btn_35.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn35 a:hover, #index .nav li.btn35 a:active {
	background:none;
}
#index .nav li.btn36 {
	background-image: url(../img/index/situation_navi/btnovr_36.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn36 a, #index .nav li.btn36 a:link, #index .nav li.navi36 a:visited {
	background-image: url(../img/index/situation_navi/btn_36.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn36 a:hover, #index .nav li.btn36 a:active {
	background:none;
}
#index .nav li.btn37 {
	background-image: url(../img/index/situation_navi/btnovr_37.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn37 a, #index .nav li.btn37 a:link, #index .nav li.navi37 a:visited {
	background-image: url(../img/index/situation_navi/btn_37.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn37 a:hover, #index .nav li.btn37 a:active {
	background:none;
}
#index .nav li.btn38 {
	background-image: url(../img/index/situation_navi/btnovr_38.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn38 a, #index .nav li.btn38 a:link, #index .nav li.navi38 a:visited {
	background-image: url(../img/index/situation_navi/btn_38.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn38 a:hover, #index .nav li.btn38 a:active {
	background:none;
}
#index .bnr a:hover img {
  opacity: 0.85;
  filter: alpha(opacity=85);
  -ms-filter: "alpha(opacity=85)";
}



#index .nav li.btn39 {
	background-image: url(../img/index/situation_navi/btnovr_39.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn39 a, #index .nav li.btn39 a:link, #index .nav li.navi39 a:visited {
	background-image: url(../img/index/situation_navi/btn_39.png);
	background-repeat: no-repeat;
	width: 250px;
	height: 164px;
	float: left;
	margin: 0;
	padding: 0;
	display: block;
	text-indent:100%;
	white-space:nowrap;
	overflow:hidden;
}
#index .nav li.btn39 a:hover, #index .nav li.btn39 a:active {
	background:none;
}
#index .bnr a:hover img {
  opacity: 0.85;
  filter: alpha(opacity=85);
  -ms-filter: "alpha(opacity=85)";
}
#index .nav2 {
}
#concept_main {
	width: 900px;
	margin-left: 50px;
	margin-right: 50px;
	float: left;
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
}
#index #concept_main #concept {
	width: 900px;
	float: left;
	height: 46px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 7px;
	margin-left: 0px;
	background-repeat: no-repeat;
}
#index #concept_main #main {
	width: 900px;
	clear: none;
	font-size: px;
	float: left;
}
#index #concept_main #concept .taitle {
	font-size: 18px;
	color: #666666;
	margin-left: 10px;
	margin-top: 10px;
}

/* ----------レスポンシブ対応---------- */

.sp-newline{
	display: none;
}
#hdr-sp{
	display: none;
}
.hamburger-menu{
	display: none;
}
.copy-sp{
	display: none;
}
.sp-footer-bar{
	display: none;
}

@media screen and (max-width: 540px) {
	body {
		box-sizing : border-box;
	}
	#index,#index h2.greeting_box,#index h3,#index .nav,#index .nav ul,table,#ftr_cnt_box {
		width:100%;
	}
	.sp-newline{
		display: block;
	}

	#hdr{
		display: none;
	}
	#hdr-sp{
		display:block;
		margin-bottom: 20px;
	}
	.hdr-sp__left{
		width: 100%;
		height: 80px;
	}
	#hdr-sp .hdr-sp__left .hdr-sp__left-a {
		background-image: url(../img/hdr_logo.png);
		background-repeat: no-repeat;
		width: 78%;
		height: 80px;
		position: absolute;
		top: 0px;
		left:16%;
		color: transparent;
		background-size: contain;
	}
	.hdr-sp__center{
		width: 100%;
		text-align: center;
	}
	.sp-header-img{
		width: 80%;
	}
	.hdr-sp__sns{
		text-align: center;
	}
	#twitter-widget-1{
		transform: translateY(5px);
	}
	#nav{
		display: none;
	}

	#index .pic_box {
		width: 100%;
		height: 50vw;
	}
	#viewer img {
		width: 100%;
		height: 50vw;
		object-fit: contain;
		aspect-ratio: initial;
	}
	#index tr {
		display: flex;
	    flex-direction: column;
		padding-top: 15px;
	}

	#index h2.greeting_box{
		padding-left: 15px;
		padding-right: 15px;
		text-align: left;
		box-sizing: border-box;
	}
	#photo-genre{
		display: flex;
		flex-wrap: wrap;
		row-gap: 10px;
	}
	#index #photo-genre .photo-genre__btn{
		width: 50%;
		height: auto;
		background-size: contain;
		background-position: center;
	}
	#index #photo-genre .photo-genre__link{
		width: 100%;
		height: 100%;
		background-size: contain;
		background-position: center;
	}

	#ftr_bg_box {
		padding: 30px 15px 60px 15px;
	}
	#ftr_cnt_box .r {
		width: 100%;
		margin-top: 25px;
	}
	#footer-image1{
		width: 40%;
		height: auto;
	}
	#footer-image2{
		width: calc(60% - 10px);
		height: auto;
		margin-left: 10px;
	}
	.copy{
		display: none;
	}
	.copy-sp{
		display: block;
		color: #7d643c;
		font-size: 12px;
	}
	.sp-footer-bar{
		position: fixed;
		display: block;
		width: 30px;
		height: 30px;
		padding: 15px;
		left: 15px;
		bottom: 15px;
		fill: #fff;
		background-color: #7d643c;
		border: 2px solid #7d643c;
		border-radius: 50px;
	}

  /*----------------------------
  * ハンバーガーメニュー
  *----------------------------*/
    .hamburger-menu{
	    display: block;
	}
	.menu-btn {
		position: fixed;
		top: 10px;
		left: 10px;
		display: flex;
		height: 50px;
		width: 50px;
		justify-content: center;
		align-items: center;
		z-index: 90;
		background-color: #7d643c;
		border-radius: 10px;
	}
	.menu-btn span,
	.menu-btn span:before,
	.menu-btn span:after {
		content: '';
		display: block;
		height: 3px;
		width: 25px;
		border-radius: 3px;
		background-color: #ffffff;
		position: absolute;
	}
	.menu-btn span:before {
		bottom: 8px;
	}
	.menu-btn span:after {
		top: 8px;
	}
	#menu-btn-check:checked ~ .menu-btn span {
		background-color: rgba(255, 255, 255, 0);/*メニューオープン時は真ん中の線を透明にする*/
	}
	#menu-btn-check:checked ~ .menu-btn span::before {
		bottom: 0;
		transform: rotate(45deg);
	}
	#menu-btn-check:checked ~ .menu-btn span::after {
		top: 0;
		transform: rotate(-45deg);
	}
	#menu-btn-check {
		display: none;
	}
	.menu-content {
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		right: 100%;/*leftの値を変更してメニューを画面外へ*/
		z-index: 80;
		background-color: #7d643c;
		transition: all 0.5s;/*アニメーション設定*/
	}
	.menu-content ul {
		padding: 70px 10px 0;
	}
	.menu-content ul li {
		border-bottom: solid 1px #ffffff;
		list-style: none;
	}
	.menu-content ul li a {
		display: block;
		width: 95%;
		font-size: 15px;
		box-sizing: border-box;
		color:#ffffff;
		text-decoration: none;
		padding: 9px 15px 10px 0;
		position: relative;
	}
	.menu-content ul li a::before {
		content: "";
		width: 7px;
		height: 7px;
		border-top: solid 2px #ffffff;
		border-right: solid 2px #ffffff;
		transform: rotate(45deg);
		position: absolute;
		right: 11px;
		top: 16px;
	}
	#menu-btn-check:checked ~ .menu-content {
		right: 0;/*メニューを画面内へ*/
	}
}