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

/*---基本レイアウト ここから---*/
body {
	width: 100%;
	margin: auto;
	text-align: center;
	font-size: 110%;
	font-family: 'M PLUS Rounded 1c', sans-serif;
}
header,#copyright {
	font-family: "Nico Moji";
}
#profile header,#sns header, #illust header, #design header, #request header, #contact header,#mailok header,#news header,
#profile footer,#sns footer, #illust footer, #design footer, #request footer, #contact footer,#mailok footer,#news footer {
	background-color: rgba(255,215,0,1.00);
}
h1 {
	height: 60px;
	margin-top: 0;
	padding-top: 1%;
	font-size: 250%;
}
h2 {
	font-size:90%;
}
#profile h1,#sns h1,#illust h1,#design h1,#request h1,#contact h1, #mailok h1,#news h1 {
	color: black;
}
body a {
	text-decoration: none;
}
br {
	display: none;
}
nav {
	font-size: 150%;
	float: left;
	margin-top: 1%;
}
.deco {
	border-bottom: 3px dotted rgba(239,134,79,0.83)
}
nav ul li { 
	display: block;
	width: 200px;
	height: 50px;
	margin: 0 0 5% 0;
}
nav ul li a {
	display: block;
	padding-top: 50px;
	height: 0;
	overflow: hidden;
}
#nav_home {
	background-image: url(../images/nav_home2.svg);
	background-size: 200px 100px;
}
#profile #nav_profile,#sns #nav_profile,#illust #nav_profile,#design #nav_profile,#request #nav_profile,#contact #nav_profile,#mailok #nav_profile,#news #nav_profile {
	background-image: url("../images/nav_profile2.svg");
	background-size: 200px 100px;
}
#profile #nav_sns,#sns #nav_sns,#illust #nav_sns,#design #nav_sns,#request #nav_sns,#contact #nav_sns,#mailok #nav_sns,#news #nav_sns {
	background-image: url("../images/nav_sns2.svg");
	background-size: 200px 100px;
}
#profile #nav_illust,#sns #nav_illust,#illust #nav_illust,#design #nav_illust,#request #nav_illust,#contact #nav_illust,#mailok #nav_illust,#news #nav_illust {
	background-image: url("../images/nav_illust2.svg");
	background-size: 200px 100px;
}
#profile #nav_design,#sns #nav_design,#illust #nav_design,#design #nav_design,#request #nav_design,#contact #nav_design,#mailok #nav_design,#news #nav_design {
	background-image: url("../images/nav_design2.svg");
	background-size: 200px 100px;
}
#profile #nav_request,#sns #nav_request,#illust #nav_request,#design #nav_request,#request #nav_request,#contact #nav_request,#mailok #nav_request,#news #nav_request {
	background-image: url("../images/nav_request2.svg");
	background-size: 200px 100px;
}
#profile #nav_contact,#sns #nav_contact,#illust #nav_contact,#design #nav_contact,#request #nav_contact,#contact #nav_contact,#mailok #nav_contact,#news #nav_contact {
	background-image: url("../images/nav_contact2.svg");
	background-size: 200px 100px;
}
#profile #nav_news,#sns #nav_news,#illust #nav_news,#design #nav_news,#request #nav_news,#contact #nav_news,#mailok #nav_news,#news #nav_news {
	background-image: url("../images/nav_news2.svg");
	background-size: 200px 100px;
}

#nav_home:hover, #nav_profile:hover, #nav_sns:hover, #nav_illust:hover, #nav_design:hover, #nav_request:hover,#nav_contact:hover,#nav_news:hover {
	background-position: 0 -50px;
}
#profile #nav_profile,#sns #nav_sns,#illust #nav_illust,#design #nav_design, #request #nav_request,#contact #nav_contact,#news #nav_news {
	background-position: 0 -50px;
}

/*--#profile footer,#sns footer,#illust footer,#design footer,#request footer,#contact footer {
	height: 60px;
}--*/
footer p:first-child {
	margin-bottom: 0;
}
#copyright {
	font-size: 130%;
	margin-top: 0;
	margin-bottom: 0;
}
#sns .daidaiji,#request .daidaiji,#news .daidaiji {
	font-size: 230%;
}
#sns #myprofile,#request #myprofile {
	line-height: inherit;
}
#illust h2,#design h2,#news h2 {
	font-size:120%;
}
#gototop {
	height: 150px;
    position: fixed;
    bottom: 10%;
    right: 2%;
}
#gototop a {
	background-image: url("../images/top1.svg");
	background-repeat: no-repeat;
	width: 100px;
	height: 150px;
    text-align: center;
    display: block;
}
#gototop a:hover {
	background-image: url("../images/top2.svg");
	background-repeat: no-repeat;
	height: 150px;
}

/*---基本レイアウト ここまで---*/

/*---INDEX ここから---*/
#index {
	color: rgba(94,40,41,1.00);
	background-image: url("../images/index/top.PNG"),url("../images/index/backimg1.png");;
	background-repeat: no-repeat,repeat;
	background-attachment: fixed;
	background-position: center;
	background-size: 30%,25%;
	background-color: antiquewhite;
	position: relative;
}
#index #nav-input,#index .logo-area,#index nav p {
	display: none;
}
#index h1,#index nav P {
	font-size: 180%;
}
#index br {
	display: block;
}
#index .br-480 {
	display: none;
}
#index span {
	font-size: 300%;
}
#index nav {
	float: none;
	width: 100%;
	margin-top: 5%;
	position: relative;
}
#index nav ul li a {
	display: block;
	padding-top: 130px;
	height: 0;
	overflow: hidden;
}
#index li {
	display: block;
	width: 100%;
	height: 130px;
}
#index #nav1 {
	display: block;
}
#index #nav2 {
	display: none;
}
#index .nav_profile {
	background-image: url("../images/index/nav_profile.png");
}
#index .nav_illust {
	background-image: url("../images/index/nav_illust.png");
}
#index .nav_design {
	background-image: url("../images/index/nav_design.png");
}
#index .nav_sns {
	background-image: url("../images/index/nav_sns.png");
}
#index .nav_request {
	background-image: url("../images/index/nav_request.png");
}
#index .nav_contact {
	background-image: url("../images/index/nav_contact.png");
}
#index .nav_news {
	background-image: url("../images/index/nav_news.png");
	width: 340px;
	height: 119px;
	margin: auto;
	margin-top: 10%;
}
#index .nav_news h2 {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}
#index .nav_profile, #index .nav_illust, #index .nav_sns, #index .nav_request, #index .nav_design, #index .nav_contact,#index .nav_news {
	background-repeat: no-repeat;
}
#index .nav_profile:hover, #index .nav_illust:hover, #index .nav_request:hover, #index .nav_sns:hover, #index .nav_design:hover, #index .nav_contact:hover {
	background-position: 0 -130px;
}
#index .nav_news:hover {
	background-position: 0 -119px;
}
#index .leftnav {
	width: 30%;
	position: absolute;
	top: 30%;
	left: 5%;
}
#index .rightnav {
	width: 30%;
	position: absolute;
	top: 30%;
	right: 7%;
}
#index .news {
	color: rgba(94,40,41,0.00);
	font-family: 'M PLUS Rounded 1c', sans-serif;
	margin: auto;
	margin-top: -5%;
	padding-top: 15%;
}
#index .nav_news a {
	display: block;
	width: 340px;
	height: 119px;
}
#index footer {
	position: fixed;
	bottom: 0;
	left: 0;
	font-size: 100%;
	width: 100%;
}
#index footer p:first-child {
	margin-bottom: 0;
}
#index footer p:last-child {
	margin-top: -9px;
}

/*---INDEX ここまで---*/

/*---PROFILE ここから---*/
#myprofile {
	overflow: hidden;
	text-align: left;
	margin-bottom: 5%;
	padding-left: 5%;
}
.jigazou img {
	position: fixed;
	top: 17%;
	left: 73%;
}
.jigazou2 img {
	display: none;
}
.daidaiji {
	width: 70%;
	font-size: 150%;
	padding-left: 2%;
	background-color: rgba(254,245,135,0.8);
	border-radius: 20px;
	line-height: normal;
	font-weight: 600;
}
.daiji {
	font-size: 150%;
	line-height: normal;
	background-color: rgba(249,247,202,1.00);
	border-radius: 10px;
	padding-left: 2%;
	width: 70%;
	font-weight: 500;
}
.gyoukan {
	line-height: 0.4;
}
.myprofile1 {
	font-size: 150%;
}
.myprofile3 {
	line-height: normal;
}
.name {
	font-size: 200%;
	border-bottom: 10px solid #FA95C0;
	width: 550px;
}
.name span {
	font-size: 40%;
}

/*---PROFILE ここまで---*/

/*---SNS ここから---*/

#sns #myprofile br {
	display: block;
}
#sns .daidaiji {
	width: 90%;
}
/*---SNS ここまで---*/

/*---ILLUST ここから---*/
#illust #myprofile br {
	display: block;
}
#illust .daidaiji {
	width: 90%;
	font-size: 230%;
}
#gallery {
	columns: 280px;
	column-gap: 14px;
	margin-top:-5%;
	margin-left: 22%;
	margin-right: 4%;
}
#gallery img {
	width: 100%;
	padding: 8px;
	background-color: #fff;
	margin-bottom: 10px;
	box-sizing: border-box;
	box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
}
/*#gallery img:hover {
	z-index: 10;
	transform: scale(1.5) rotate(0deg);
	margin-top: 20%;
}*/
.tyousei {
	margin-top: -10px;
	margin-bottom: -0.1%;
}
.tmb {
	margin-bottom: 5%;
}
.tmb_img {
  	width: 100%;
  	height: auto;
}
.tmb_img:hover {
 	 cursor: pointer;
}
.popup {
 	z-index: 10;
  	position: fixed;
 	top: 0;
	left: 0;
	width: 100%;
  	height: 100%;
  	transform: scale(0);
  	background-color: rgba(0, 0, 0, 0.8);
 	opacity: 0;
 	transition: opacity 0.3s, transform 0s 0.3s;
}
.popup__btn {
  	display: block;
 	z-index: 13;
	position: absolute;
	top: 1vh;
	width: 5vh;
  	height: 5vh;
  	cursor: pointer;
}
.popup__btn::before,
.popup__btn::after {
  	position: absolute;
  	top: 50%;
 	width: 100%;
 	height: 2px;
 	margin-top: -1px;
  	background-color: #fff;
 	content: '';
}
.popup__btn::before {
  	transform: rotate(45deg);
}
.popup__btn::after {
  	transform: rotate(-45deg);
}
.popup__btnarea {
  	z-index: 12;
  	position: absolute;
 	top: 0;
  	left: 0;
  	width: 100%;
 	height: 100%;
}
.popup__img {
  	z-index: 11;
  	position: absolute;
  	top: 5%;
  	left: 5%;
  	width: 90%;
  	height: 90%;
}
.popup__img img {
  	width: 100%;
  	height: 100%;
  	object-fit: contain;
}
input[type="checkbox"] {
  	display: none;
}
input[type="checkbox"]:checked ~ .popup {
  	transform: scale(1);
  	opacity: 1;
  	transition: opacity 0.3s;
}
/*---ILLUST ここまで---*/

/*---DESIGN ここから---*/

#design .daidaiji {
	width: 90%;
	font-size: 230%;
}
#design #myprofile br {
	display: block;
}
/*#design #gallery img:hover {
		transform: scale(1.8) rotate(0deg);
}*/
/*---DESIGN ここまで---*/

/*---REQUEST ここから---*/
#request #myprofile p {
	width: 90%;
}
#request #myprofile br {
	display: block;
}
#request .naiyou {
	width:60%;
	padding: 10px;
	margin-bottom: 10px;
	border: 1px solid #333333;
	border-radius: 10px;
	background-color: rgba(255,212,40,0.2);
}
.futoji {
	font-size: 130%;
}
.tyuuou {
	text-align: center;
}
#request #myprofile .br-896 {
	display: none;
}

/*---REQUEST ここまで---*/

/*---CONTACT ここから---*/
#contact {
	background-image: url(../images/tnorubakari.jpg);
	background-repeat: no-repeat;
	background-size: 20%;
	background-position: 90% 90%;
}
#contact #myprofile br {
	display: block;
}
#contact #myprofile .daidaiji {
	font-size: 230%;
	width: 90%;
}
#contact .daiji {
	width: 90%;
}
form p {
	margin-top: 0;
	margin-bottom: 3%;
}
form p:nth-last-child(3) {
	margin-bottom: 0;
}
input[type="text"] {
	width: 50%;
	padding: 5px;
}
input[type="email"] {
	width: 50%;
	padding: 5px;
}
textarea {
	width: 50%;
	height: 100px;
	overflow-y: scroll;
}
.tyousei2 {
	padding-left: 23%;
}
.tyousei3 {
	margin-left: 2%;
}
#contact #myprofile .br-1024 {
	display: none;
}
/*---CONTACT ここまで---*/

/*---MAILOK ここから---*/

#mailok .message {
	width: 45%;
	font-size: 150%;
	margin-top: 5%;
	margin-bottom: 5%;
	margin-left: 33%;
	padding: 1%;
	background: rgba(250,145,19,0.5);
	border-radius: 20px;
}
#mailok img {
	width: 40%;
	margin-bottom: 5%;
}
.kanryou {
	font-size: 150%;
	font-weight: 600;
}

/*---MAILOK ここまで---*/

/*---NEWS ここから---*/
#news #myprofile {
	margin-bottom: 15%;
}
#news .newsimg {
	height: auto;
}
#news #myprofile br {
	display: block;
}

/*---NEWS ここまで---*/


/*---1366pxまで　ここから
@media screen and (max-width: 1367px) {
	.pcmode {
		display: none;
	}
	#index h1 {
		font-size: 250%;
	}
	#index .nav_profile,#index .nav_sns,#index .nav_illust,#index .nav_design,#index .nav_request,#index .nav_contact {
		background-size: 475px;
	}
	#index .nav_profile:hover, #index .nav_illust:hover, #index .nav_request:hover, #index .nav_sns:hover, #index .nav_design:hover, #index .nav_contact:hover {
		background-position: 0 -155px;
	}
	#index li {
		height: 155px;
	}
	#index nav ul li a {
		padding-top: 155px;
	}
	#index .leftnav {
		width: 40%;
		margin-top: 12%;
		left: 0;
	}
	#index .rightnav {
		width: 40%;
		right: 0;
		margin-top: 12%;
	}
	#index small {
		font-size: 120%;
	}
	#gototop {
		right: 7%;
	}
	#illust #gototop,#request #gototop {
		bottom: 5%;
	}
	#contact #gototop {
		bottom: 4%;
	}
	#gallery {
		margin-bottom: 10%;
	}
	#mailok .message {
		width: 60%;
		margin-top: 10%;
		margin-bottom: 10%;
		margin-left: 30%;
	}
	#mailok img {
		width: 60%;
		margin-bottom: 10%;
	}
}
/*---1366pxまで　ここから---*/

/*---1024pxまで　ここから---*/
@media screen and (max-width: 1024px) {
	#index h1 {
		font-size: 200%;
	}
	#index .nav_profile,#index .nav_sns,#index .nav_illust,#index .nav_design,#index .nav_request,#index .nav_contact {
		background-size: 360px;
	}
	#index .nav_profile:hover, #index .nav_illust:hover, #index .nav_request:hover, #index .nav_sns:hover, #index .nav_design:hover, #index .nav_contact:hover {
		background-position: 0 -117px;
	}
	#index li {
		height: 117px;
	}
	#index nav ul li a {
		padding-top: 117px;
	}
	#index .leftnav {
		width: 38%;
		margin-top: 7%;
	}
	#index .rightnav {
		width: 38%;
		margin-top: 7%;
	}
	#index #news1 {
		margin-top: 40%;
	}
	#index #news1 p {
		display: none;
	}
	#profile #myprofile br {
		display: block;
	}
	.jigazou img {
		position: absolute;
		width: 28%;
		top: 45%;
	}
	#gallery {
		columns: 200px;
		margin-left: 33%;
		margin-right: 2%;
		margin-bottom: 15%;
}
	#gallery img {
		pointer-events: none;
	}
	#request .naiyou {
		width: 90%;
	}
	#request .syousai img {
		width: 100%;
	}
	#request .tyuuou {
		margin-left: -5%;
	}
	#contact {
		background-size: 25%;
		background-position: 95% 88%;
	}
	#contact #myprofile .br-1024 {
		display: block;
	}
	#profile #myprofile .br-480 {
		display: none;
	}
	#myprofile p {
		width: 90%;
	}
	#gototop {
   		bottom: 7%;
    	right: 5%;
	}
	#sns .LINE img {
		width: 80%;
	}
	#contact {
		background-position: 95% 82%;
	}
	#contact .center {
		width :60%;
	}
	#contact #gototop {
		bottom: 12%;
	}
	input[type="text"],input[type="email"],textarea {
		width: 60%;
	}
	#mailok .message {
		margin-top: 12%;
		margin-left: 30%;
	}
	#mailok img {
		margin-left: 20%;
	}
	#news #gototop {
		margin-bottom: -7%;
	}
	#news .newsimg img{
		width: 100%;
}

}
/*---1024pxまで　ここまで---*/

/*---896pxまで　ここから---*/
@media screen and (max-width: 895px) {
	#index .nav_profile,#index .nav_sns,#index .nav_illust,#index .nav_design,#index .nav_request,#index .nav_contact {
		background-size: 240px;
	}
	#index .nav_profile:hover, #index .nav_illust:hover, #index .nav_request:hover, #index .nav_sns:hover, #index .nav_design:hover, #index .nav_contact:hover {
		background-position: 0 -78px;
	}
	#index h1 {
		margin-top: 5%;
		font-size: 250%;
	}
	#index li {
		height: 78px;
	}
	#index nav ul li a {
		padding-top: 78px;
	}
	#index .leftnav {
		width: 40%;
		position: absolute;
		left:0;
		margin-top: 35%;
	}
	#index .rightnav {
		width: 40%;
		position: absolute;
		right:0;
		margin-top: 35%;
	}
	#index footer {
		font-size: 120%;
	}
	#index {
		background-size: 80%;
	}
	#index #news1 {
		margin-top: 13%;
	}
	#profile .myprofile2:last-child {
		margin-bottom: 20%;
	}
	.jigazou img {
		top: 53%;
	}
	.profile img {
		width: 95%;
		margin-top: 10px;
		margin-bottom: -20px;
	}
	#illust .center {
		width :70%;
		margin-left: 40px;
	}
	#gallery {
		margin-bottom: auto;
	}
	#request #myprofile .br-896 {
		display: block;
	}
	#contact {
		background-size: 25%;
		background-position: 5% 92%;
	}
	#contact .center {
		width :70%;
		margin-left: 40px;
	}
	#contact #gototop {
		bottom: 5%;
	}
	#news #gototop {
		bottom: 10%;
	}
	.tyousei3 {
		margin-bottom: 15%;
	}
	.name {
		width: 90%;
	}
	.pcmode {
		display: none;
	}
	.daidaiji,.daiji {
		width: 90%;
	}
	#profile #myprofile .br-480 {
		display: none;
	}
	input[type="text"],input[type="email"],textarea {
		width: 85%;
	}
	input[type="submit"] {
		margin-left: 10%;
	}
}
/*---896pxまで　ここまで---*/

/*---480pxまで　ここから---*/
@media screen and (max-width: 479px) {
	small {
		font-size: 70%;
	}
	.phonemode {
		display: none;
	}
	#myprofile {
		font-size: 80%;
	}
	#myprofile p{
		width: 95%;
	}
	
	#index #nav-drawer,#index .logo-area,#index nav p {
		display: block;
	}
	#index {
		background-size: 100%,80%;
	}
	#index h1 {
		margin-top: 0;
	}
	#index #nav1 {
		display: none;
	}
	#index #nav2 {
		display: block;
	}
	#index #news1 {
		display: none;
	}
	#index .header-logo-menu {
		display: block;
		margin-top: -38%;
  		background: rgba(255,196,62,0.82);
	}
	#nav-drawer {
		margin-top: 25%;
		margin-left: 87%;
	}
	#contact img {
		width: 70%;
		margin-left: 50px ;
	}
/*チェックボックス等は非表示に*/
	.nav-unshown {
  		display:none;
	}
/*アイコンのスペース*/
	#nav-open {
  		width: 30px;
  		height: 22px;
  		vertical-align: middle;
	}
/*ハンバーガーの形をCSSで表現*/
	#nav-open span, #nav-open span:before, #nav-open span:after {
  		position: absolute;
  		height: 3px;/*線の太さ*/
  		width: 25px;/*長さ*/
  		border-radius: 3px;
  		background: rgba(94,40,41,1.00);
  		display: block;
  		content: '';
  		cursor: pointer;
	}
	#nav-open span:before {
  		bottom: -8px;
	}
	#nav-open span:after {
 		 bottom: -16px;
	}
/*閉じる用の薄黒箇所*/
	#nav-close {
  		display: none;
  		position: fixed;
  		z-index: 99;
  		top: 0;
  		left: 0;
  		width: 100%;
  		height: 100%;
  		background: rgba(94,40,41,1.00);
  		opacity: 0;
  		transition: .3s ease-in-out;
	}
/*メニューの中身*/
	#nav-content {
		display: block;
		width: 85%;
		overflow-x: hidden;
  		position: fixed;
  		top: 0;
  		left: 0;
		z-index: 9999;
 		height: 100%;
  		background-color: antiquewhite;
 		transition: .3s ease-in-out;
  		-webkit-transform: translateX(-105%);
		transform: translateX(-105%);
	}
/*チェックがついたら表示させる*/
	#nav-input:checked ~ #nav-close {
  		display: block;
  		opacity: .5;
	}
	#nav-input:checked ~ #nav-content {
 		 -webkit-transform: translateX(0%);
 		 transform: translateX(0%);
 		 box-shadow: 6px 0 25px rgba(0,0,0,.15);
	}
	.header-logo-menu{
 		display: flex;
 		display: -moz-flex;
 		display: -o-flex;
		display: -webkit-flex;
		display: -ms-flex;
 		flex-direction: row;
 		-moz-flex-direction: row;
		-o-flex-direction: row;
		-webkit-flex-direction: row;
		-ms-flex-direction: row;
	}
	.logo-area {
		font-size: 90%;
		color: rgba(94,40,41,1.00);
		margin-left: 80%;
	}
	
	#index span,#index h1 {
		font-size: 200%;
	}
	#index nav {
		margin: auto;
	}
	#index .menu {
		background-color: rgba(255,196,62,0.82);
		font-size: 165%;
		margin: 5% 5%;
		padding: 5%;
		border-radius: 20px;
	}
	#index .news {
		color: rgba(94,40,41,1.00);
		width: 80%;
		margin-top: -15%;
		font-size: 70%;
	}
	#index small {
		display: block;
		font-size: 68%;
		line-height: 1.6;
	}
	#index .leftnav {
		width: 100%;
		left: -1%;
		margin-top: 42%;
	}
	#index .rightnav {
		width: 100%;
		right: -11%;
		margin-top: 118%;
	}
	#index #copyright {
		padding: 2%;
	}
	nav {
		text-align: center;
		margin-top: -8%;
		margin-left: 4%;
	}
	nav ul li {
		width: 140px;
		height: 35px;
		float: left;
		margin: 0;
	}
	nav ul li a {
		padding-top: 35px;
	}
	#nav_home {
		background-size: 140px 70px;
	}
	#profile #nav_profile,#sns #nav_profile,#illust #nav_profile,#design #nav_profile,#request #nav_profile,#contact #nav_profile,#mailok #nav_profile,#news #nav_profile {
		background-size: 140px 70px;
		}
	#profile #nav_sns,#sns #nav_sns,#illust #nav_sns,#design #nav_sns,#request #nav_sns,#contact #nav_sns,#mailok #nav_sns,#news #nav_sns {
		background-size: 140px 70px;
	}
	#profile #nav_illust,#sns #nav_illust,#illust #nav_illust,#design #nav_illust,#request #nav_illust,#contact #nav_illust,#mailok #nav_illust,#news #nav_illust {
		background-size: 140px 70px;
	}
	#profile #nav_design,#sns #nav_design,#illust #nav_design,#design #nav_design,#request #nav_design,#contact #nav_design,#mailok #nav_design,#news #nav_design {
		background-size: 140px 70px;
	}
	#profile #nav_request,#sns #nav_request,#illust #nav_request,#design #nav_request,#request #nav_request,#contact #nav_request,#mailok #nav_request,#news #nav_request {
		background-size:  140px 70px;
	}
	#profile #nav_contact,#sns #nav_contact,#illust #nav_contact,#design #nav_contact,#request #nav_contact,#contact #nav_contact,#mailok #nav_contact,#news #nav_contact {
		background-size: 140px 70px;
	}
	#profile #nav_news,#sns #nav_news,#illust #nav_news,#design #nav_news,#request #nav_news,#contact #nav_news,#mailok #nav_news,#news #nav_news {
		background-size: 140px 70px;
	}
	#nav_home:hover, #nav_profile:hover, #nav_sns:hover, #nav_illust:hover, #nav_design:hover, #nav_request:hover,#nav_contact:hover,#nav_news:hover {
		background-position: 0 -35px;
	}
	#profile #nav_profile,#sns #nav_sns,#illust #nav_illust,#design #nav_design, #request #nav_request,#contact #nav_contact,#news #nav_news {
		background-position: 0 -35px;
	}
	#profile h1,#sns h1,#illust h1,#design h1,#request h1,#contact h1,#mailok h1,#news h1 {
		font-size: 200%;
		height: auto;
	}
	#gototop {
		height: 90px;
	    bottom: 7%;
		right: 8%;
	}
	#gototop a {
		width: 60px;
		height: 90px;
	}
	#gototop a:hover {
		height: 90px;
	}
	#profile #myprofile .br-480,#index .br-480,#mailok .br-480 {
		display: block;
		pointer-events: auto;
	}
	#mailok .message {
		width: 80%;
		font-size: 100%;
		margin-top: 45%;
		margin-bottom: 10%;
		margin-left: 10%;
	}
	#mailok img {
		width: 70%;
		margin-left: 5%;
	}
	.daidaiji {
		text-align: center;
		width: 90%;
	}
	.daiji {
		width: 90%;
	}
	.gyoukan {
		margin-top: 2%;
		margin-bottom: 10%;
	}
	.jigazou img {
			display: none;
	}
	.jigazou2 img {
		display: block;
		margin-top: -10%;
		margin-left: 12%;
	}
	.name {
		width: 80%;
		border-radius: 0;
	}
	#gallery {
		columns: 350px;
		margin-left: 15%;
		margin-right: 15%;
		margin-bottom: 25%;
	}
	#gallery img {
		width: 100%;
		padding: 8px;
		background-color: #fff;
			margin-bottom: 10px;
		box-sizing: border-box;
		box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.7);
	}
	#sns .LINE img {
		width: 95%;
	}
	input[type="text"],input[type="email"] {
		padding-right: 5%;
		margin-bottom: 2%;
		}
	textarea {
		width: 89%;
		}
	input[type="submit"] {
		margin-left: 15%;
		}
	#contact {
		background-image: none;
		}
	#request {
		background-image: none;
		}
	#request .naiyou {
		width: 90%;
	}
	#request .syousai img {
		width: 100%;
	}
	.futoji {
		font-size: 100%;
		}
	.pcmode,#profile #myprofile .br-896,.misenai {
		display: none;
		}
	#request .tyuuou {
		margin-right: 5%;
		font-size: 120%;
	}
}

/*---480pxまで　ここまで---*/

/*---320pxまで　ここから---*/

@media screen and (max-width: 320px) {
	#index h1 {
		font-size: 120%;
	}
	#index span {
		font-size: 300%;
	}
	#index .header-logo-menu {
		margin-top: -30%;
		padding:0;
	}
	#index .menu {
		font-size: 120%;
		padding: 2%;
	}
	#index .news {
		width: 98%;
		margin-top: -17%;
		font-size: 60%;
	}
	#index .leftnav {
		left: -12%;
		margin-top: 28%;
	}
	#index .rightnav {
		right: -3%;
		margin-top: 116%;
	}
	#profile small,#illust small,#sns small,#design small,#request small,#contact small,#mailok small,#news small {
		font-size: 60%;
	}
	nav {
		margin-left: -5%;
	}
	.jigazou2 img {
		display: block;
	}
	#request .tyuuou {
		font-size: 130%;
		margin-top: 10%;
		margin-bottom: 30%;
		margin-left: 3%;
	}
	#request #gototop {
		bottom: 8%;
	}
	#contact #gototop {
		bottom: 8%;
	}
	.tyousei3 {
		margin-bottom: 28%;
	}
	#mailok .br-320 {
		display: block;
	}
	#mailok .message {
		margin-top: 55%;
		font-size: 90%;
	}
	#mailok img {
		width: 80%;
	}
	#illust #gototop {
		bottom: 8%;
	}

}
/*---320pxまで　ここまで---*/