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

@charset "utf-8";

body {background-image:url("../image/kira1.jpg");
	/*background-size: 1650px;*/
	background-size: 4600px;
	background-repeat: no-repeat;
	float: center;
	}

.wrap {
	overflow: hidden;
}


	.haikei1 {background-image:url("../image/kira1.jpg"); /*kouza.html*/
		width: 100%;
		background-size: 100%;
		background-repeat: no-repeat;
		}

	.haikei2 {/*kouza.html*/
		width:83%;
		/*height: 100%;*/
		margin:0 auto;
		padding:25px;
		background-color: white;
		}

header {
	background-image:url("../image/kira4.jpg");
	background-size: 100%;
	background-repeat: no-repeat;
	width: 100%;
	/*margin: 10px auto 0;
	padding: 25px;*/
	float: center;
	/*padding-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	line-height: 19px;*/
}

/*#top {
	width: 100%;
}*/

/*header {
  padding:10px;
  background: skyblue;
}*/

/* ハンバーガーコピペ */
#nav-drawer {
  position: relative;
}

/*チェックボックス等は非表示に*/
.nav-unshown {
  display:none;
}

/*アイコンのスペース*/
#nav-open {
    display: inline-block;
    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: #555;
    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: black;
    opacity: 0;
    transition: .3s ease-in-out;
}

/*中身*/
#nav-content {
    overflow: auto;
    position: fixed;
    top: 0;
    left: -30;
    z-index: 9999;/*最前面に*/
    width: 90%;/*右側に隙間を作る*/
    max-width: 200px;/*最大幅*/
    height: 75%;
    background: #fff;/*背景色*/
    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 h1 a {
	text-decoration: none;
	font-size: 25px;
	color: #3cb371;
}

header h1 img {
	width: 30%;
}

h2 {
	font-size: 20px;
}

#uri { /*index.html*/
	width: 100%;
  /*height: 800px;*/
  margin: 30px auto;
}

h2 p {
		font-size: 14px;
		color: #dc143c;
}

.under { /*Hypnotherapy.html*/
	color: #ff0000;
	/*background:linear-gradient(transparent 80%, #ff0000 0%);*/
	/*text-decoration:underline;/*下線を引く*/
	/*text-decoration-style:wavy;/*下線を波線で表示*/*/
  /*border-bottom: solid 2px #87CEFA;*/*/
}

.under2{
	font-size: 16px;
	font-weight: bold;
	background:linear-gradient(transparent 80%, #7fffd4 0%);
} /*index.html*/

.auto{ /*index.html内*/
width:104%;
height:60%;
overflow: auto;
background: #ccffcc;
/* margin-bottom: 1.0em;
line-height: 6px; */
}

/*.box_textarea {
border:1px solid #000;
background-color:#F9F9F9;
color:#000;
font-size:17px;
width:510px;
}*/

.box_title{ /*index.html内*/
/*border:1px solid #000;*/
padding:5px;
width:100%;
font-weight:bold;
font-size:16px;
background-color:#ff7f50;
color:#fff;
}

.thema1 { /*index.html内*/
	width: 90%;
  height: 90%;
  background-image: url("../image/fremp.jpg");
	margin-top: 10px;
	padding : 15px 15px 5px 20px;
	line-height: 19px;
  font-size: 15px;
  background-size: 100% 325px;
	background-repeat: no-repeat;
	float:left;
	}


.thema5 { /*index.html内*/
	clear: both;
}

nav ul li {
	width: 100%;
	/*height: 50px;*/
	line-height: 50px;
	background-color: white;
	display:inline-block;
	text-decoration: none;
	font-size: 14px;
	text-align: center;
}

.syoukai {
	width:100%;
	line-height: 23px;
}

.syoukai h2 {
	width:100%;
	margin: 0px 0px 5px 0px;
   padding: 3px 0px;
   border-bottom: 3px double #008000;
}

.center {
	/*display: block;
	margin: auto;*/
	text-align: center;

}
/*.float {
	clear: both;
}*/
article{ /*Hypnotherapy.html*/
		width: 83%;
		/*width: 83%;*/
		/*height: 1200px;*/
		margin:0 auto;
		padding:25px;
		background-color: white;
		/*float:left;*/
}


 .jiko { /*Hypnotherapy.html*/
	 width:100%;
	 /*height: 550px;*/
	 margin:0 auto;
	 padding:20px 5px 20px 8px;
	 background-color:#f0f8ff;
  }

	#ryoukin2 { /*kouza.html*/
		width:100%;
		/*height: 100%;*/
		margin:0 auto;
		padding:10px 5px 20px 8px;
		background-color:#7fffd4;
}

	.ryoukin { /*kouza.html*/
		width:100%;
		margin-top: -10px;
		margin-bottom: 30px;
		/*line-height: 20px;*/
	}

.right {
	text-align: right;
}

.right a {
	 text-decoration: none;
	 color:#7aa7a2;
}

#map { /* akusesu.html */
	position: relative;
	padding-bottom: 250px; /*高さは250pxで固定*/
	height: 0;
	overflow: hidden;
	}

#map iframe {  /* akusesu.html */
	position: absolute;
	top: 0;
	left: -10;
	width: 100% !important;
	height: 100% !important;
  }

	.yoteihyou { /* osirase.html */
		position: relative;
		padding-bottom: 250px; /*高さは250pxで固定*/
		height: 0;
		overflow: hidden;
		}

	.yoteihyou iframe {  /* osirase.html */
		position: absolute;
		top: 0;
		/*left: 10;*/
		width: 100% !important;
		height: 100% !important;
	  }


	.toiawase { /* otoiawase.html */
		width: 100% !important;
	}

footer p {
	width: 100%;
	text-align: center;
	/*color: #FFF;*/
}

}