html {-webkit-text-size-adjust: none}

body,p,div,h1{ 
  margin:0;
  padding:0;
  border:none;
  line-height:1.5;
  font-weight:normal;
}

body{ 
 background:#ffffff;
    font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
      color:#303030;	
  border:none;
  line-height:1.5;
	margin:0;
	padding:0 1em 5em 0;
}

body.f{ 
 background:#eeeeee;
    font-family:-apple-system, BlinkMacSystemFont, "Helvetica Neue", "Segoe UI","Noto Sans Japanese","ヒラギノ角ゴ ProN W3", Meiryo, sans-serif;
      color:#303030;	
  border:none;
  line-height:1.5;
	margin:0;
	padding:0 1em 5em 0;
}

h1.title,h1.recotitle{
	font-size:200%;
  font-weight:normal;
	text-align:center;
	margin:2em auto 2em auto;
	padding:0;
}

h2{
	font-size:150%;
  font-weight:normal;
	text-align:center;
	margin:1em auto 1em auto;
	padding:0;
}

p.subtitle{
	text-align:right;
  width:40.1em;
  margin:0em auto 1em auto;
	padding:0;
}

p.sitename{
  width:8em;
  text-align:center;
  margin:0em 0em 1em 1em;
  padding:0.5em;
  border-right:1px solid #000;
  border-left:1px solid #000;
  border-bottom:1px solid #000;
}



p.minitext{
  width:40.1em;
  margin:0em auto 1em auto;
	padding:0;
  text-align:justify;
}



p.reco{
  width:40.1em;
  margin:0em auto 3em auto;
	padding:0;
  text-align:justify;
}
a.noboarder{
	text-decoration:none;
}


p.arrow_menu{
	text-align:center;
	margin:1em auto 3em auto;
}
div.social_plugins{
  width:40.1em;
  margin:2em auto;

}

a{
	color:#000;
}


p.text_index{
  clear:both;
  width:40.1em;
  line-height:1.5;
  text-align:justify;
  padding:0em 0em 0.5em 0em;
  margin:0em auto;
}
p.text_paragraph{
  clear:both;
  width:40.1em;
  line-height:1.5;
  text-align:justify;
  padding:0em 0em 1em 0em;
  margin:0em auto;
}
pre{
  clear:both;
  width:40.1em;
  line-height:1.5;
  padding:0em 0em 1em 0em;
  margin:0em auto;
}
p.text_space{
  clear:both;
  width:40.1em;
  line-height:1;
  text-align:justify;
  padding:0em 0em 1em 0em;
  margin:0em auto;
}

div.center{
  clear:both;
  width:40.1em;
  padding:0em 0em 0em 0em;
  margin:0em auto;
}

iframe.youtube{
	position:absolute;
	top:0;
	right:0;
	width:100%;
	height:100%;
}
div.iframe{
  clear:both;
	position:relative;
	width:40em;
	height:22.5em;
  margin:0em auto;
}

@media screen and (max-device-width:720px) {
	p.subtitle,p.text_index,p.text_paragraph,p.text_space,p.minitext,p.reco,div.center,pre{
		width:inherit;
		padding-left:1em;
		padding-right:1em;
	}
	div.iframe{
		position:relative;
		width:90%;
		padding-top:10%;
	}
	div.social_plugins{
		width:inherit;
		padding-left:1em;
		padding-right:1em;
	}
}