@charset "utf-8"; 

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

body{
    font-size: 85%;
    line-height: 1.6;
    box-shadow: none;
}

.flex{
	display: block;
}
/*---wrapper---*/
#wrapper{
	width: 100%;
	margin: 0 ;
	border: none;
}
/*---ヘッダー---*/
header{
	width: 100%;
    padding: 0;
    border-top: 2px solid #ff9c5c;
	display: block;
}
header h1{
	width: 95%;
	margin-top: 3%;
	border-bottom: 1px solid #ffe;
}
header h1 a{
    font-size: 0.9em;
}
header h1 span{
	font-size: 0.6em;
}
#home header h1{
}
#home header h1 a{
    font-size: 1.2em;
}
#child header h1{
}
#child header h1 a{
    font-size: 0.9em;	/*トップページ以外のbody部ではid childを設定し、リンクになってるサイト名の部分を小さめに表示*/
}
#privacy header h1{
}
#privacy header h1 a{
    font-size: 0.9em;
}
#privacy header h1 span{
    font-size: 0.4em;	/*プライバシーポリシーの文字数が多いのでここだけさらに縮める*/
}

/*ヘッダー右上のボタン*/
header ul#btn01 {
    width: 100%;  
    margin: 1% 1% 1% auto;
	padding: 0;
}
header ul#btn01 li a{
	font-size: 0.7em;
}
header ul#btn01 li a:hover {
	background: #ffbb8d;
}

/*---ヘッド部分---*/
#headcont{
    display: -webkit-flex;
    display: block;
    justify-content: center;
	background: #f7f7f7;
	margin-bottom: 0;
	padding-bottom: 1%;
}
#description{
	width: 98%;
    margin: 0 auto 1em;
	text-align: center;
}
#description p{
	padding: 1% 2%;
}
#description h2{
    display: none;
}

/*トップへ戻るボタン*/
.pagetop {
	bottom: 120px;
	font-size: 9px;
	width: 32px;
	height: 50px;
	line-height: 18px;
	padding-top: 25px;
}
.pagetop:before {
	font-size: 15px;
	top: 5px;
}

/*---ナビゲーション---*/
nav{
    width: 100%;
}
nav #headmenu div{
    margin: 0 auto;
	font-size: 0.9em;
	border-bottom: 3px solid #f7f7f7;
}
nav #headmenu div span:hover,nav #headmenu div span a:hover{
    box-shadow: none;
    border-bottom: none;
}
nav #headmenu div span:hover{
	margin-bottom: 0;
}
nav #headmenu div.active{
	border-bottom: 3px solid #ff9c5c;
}
nav #headmenu ul{
    width: 200%;
	right: 0;
}
nav #headmenu ul li a{
    width: 95%;
	padding: 7% 0 7% 5%;
}

/*---メイン---*/
#content{
	width: 100%;
    box-shadow: none;	
}
#main{
	margin: 0 1%;
}
#info{
	font-size: 1em;
}
#info div{
	margin: 0 2% 2% 2%;
	line-height: 1.6;
}

section h1{
	margin-top: 8%;
	font-size: 1.5em;
}
section h1:after {
	width: 50%;
}

.text{
	margin: 2%;
}
.text p{
}
div.text{
	word-wrap: break-word;	/*英単語のみについて、URLを改行し、日付などは改行しない。overflow-wrapも同じ効果だが、新しい書き方のため対応していないブラウザがあるとのこと*/
}
	
div.re{
	display: block;
	width: 80%;
	margin: 1% auto;
	align-items: center;
	border-radius: 10px;
	font-size: 0.9em;
}
div.re p:first-child{
	width: 50%;
	margin: 0 auto;
}
div.re p.com-text{
	width:100%;
	text-align: center;
}

/*タブ切り替えメニュー設定*/
p.tabs a {
	width: 18%;
	border-radius: 10px 10px 0 0;
   }

/*------------------------
	フッター
--------------------------*/
#foot-content{
	text-align: center;
}
#footTitle {
	font-size: 1.5em;
}
#footMenu{
}
#footMenu ul{
}
#footMenu ul li{
	float: none;
	display: inline-block;
}
#footMenu ul li{
	line-height: 2;
}
#footCopy {
	padding-right: 0;
	text-align: center;
	font-size: 0.8em;
}

	
/*------------------------
	各設定
--------------------------*/
/*---見出し---*/
.h-midashi01{
	font-size: 1.1em;
}
/*ページ内navi*/
.innav {
	text-align: center;
	margin-bottom: 5%;
}
/*---midi table---*/
table.midi tr:nth-child(2n) td {
	padding-left: 3%;
}
table.midi tr:nth-child(2n+1) td:first-child {
    padding-left: 2%;
}
/*---見出し---*/
.midashi01{
	margin: 5% 0 2% 1%;
}
/*---スライドリスト---*/
.accordion .ac-cont ul{
	margin-left: 8%;
}
/*---定義リスト---*/
dl.define dd{
	padding: 2%;
	}
dl.define dd:after, dl.define dd:before {
	left: 10%;
}

}
/*---二行にわたるテキストをメニューバーに入れる---*/
@media screen and (max-width: 610px) {

nav #headmenu div:nth-child(5) span a{
	padding: .6em 0;
}
nav #headmenu div:nth-child(5) span a:hover{
	margin-bottom: 0;
}

}