/*
 ;M-tone;20171006;SHZ;ＡＭＰ用;画像の下にコメント（上下入れ替え）
 ;M-tone;20170828;SHZ;ＡＭＰ対応＋FontAwesome
 ;M-tone;20170704;SHZ;横幅サイズによる見栄えの落差を調整
 ;M-tone;20170619;SHZ;白地強調へ;imgを小さめ;マージン広め;
 ;M-tone;20150708;SHZ;モバイル対応;画像サイズを％指定
 */

body
  {
  background: white;    /*記述順序に注意*/
  font-size: 2.4rem;
  line-height: 1.6em;
  margin: 0;
  max-width:360px;
  }

img
  {
  /*div内サイズは210px*/
  width: 80%;
  height: auto;
  margin:1.2rem 10% 4rem;
  /*角取り20150425*/
  border-radius: .6rem;
  -webkit-border-radius: .6rem;  
  -moz-border-radius: .6rem;  
  }

div
  {
  padding: 1.2rem 1.2rem 1.6rem 2.4rem;	
  }

aside
  {
  padding:3.2rem 21% 1rem;
  }

aside p
  {
  text-align:justify;
  text-justify:inter-ideograph;
  }

aside img
  {
  width: 100%;
  height: auto;
  margin:.8rem 0;
  border-radius: .6rem;
  -webkit-border-radius: .6rem;  
  -moz-border-radius: .6rem;  
  }


.filler
  {
  margin: 4rem auto 36rem;
  width:0;
  }

.filler_s
  {
  margin: 16rem auto;
  width:0;
  }

.filler:before,.filler_s:before
  {
  font-family: "Font Awesome 5 Free";
  font-weight: 900;
  font-size: 3.2rem;
  content: '\f1b0';
  color:lightsteelblue;
  margin-left: -1.6rem;
  }


#sitemap
	{
	margin:2.1rem;
	text-align:right;
	}

#sitemap a
	{
	/*サイズ調整;20150601/20170619*/
	overflow: hidden;
	width: 8rem;
	height: 2.1rem;
	padding: 0.3rem 0.8rem 0.2rem;
	border-bottom: none;
	background: cadetblue;
	color: snow;
	font-size: 2.4rem;
	text-align: center;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	}


#intro
  {
  background-color: #F3F3F5;
  padding:.8rem .6rem .8rem;
  top: .3rem;
  margin: 2.1rem auto 2.1rem;
  width: 84%;
  text-align:justify;
  text-justify:inter-ideograph;
  }

img
  {
  /*小さめに;20170619*/
  /*div内サイズは210px*/
  width: 80%;
  height: auto;
  margin:1.2rem 10% 4.0rem;
  /*角取り20150425*/
  border-radius: .6rem;
  -webkit-border-radius: .6rem;  
  -moz-border-radius: .6rem;  
  }



.info_maz
  {
  float:left;
  margin-left: -40px;
  }

.info_maz img
  {
  width: 228px;
  border-radius: 0;
  -webkit-border-radius: 0;  
  -moz-border-radius: 0;  
  }

#mweb9 img
	/*20140126/20150603*/
	{
	margin:21px 12%;
	width: 72%;
	}

.boxnavi
	{
	margin: 15px 0px 10px 10px;
	padding: 0px;
	}

.boxnavi li
	{
	list-style-image: url(../tools/point.gif);
	list-style-type: none;
	margin: 0px 0px 5px 20px;
	padding: 0px;
	font-size:18px ;
	}



/*▼左ボックス用;20140625->20150413->20170406*/
.negime_t
{
	list-style-image: url(../tools/a_orange.gif);
	list-style-type: none;
	margin: 16px 8px 36px 42px;
	padding: 0px;
	line-height:28px;
	font-size:24px;
	font-weight:bold;
}

.negime_o
{
	margin: 6px 0px 0px -32px;
	line-height:28px;
	font-size:25px;
	font-weight:bold;
	color:brown;
}

.negime_s
{
	list-style-image: url(../tools/a_red.png);
	list-style-type: none;
	margin: 32px 8px 32px 32px;
	padding: 0px;
	line-height:23px;
	font-size:19px;
}

#negime_left_g,#negime_left_h,#negime_left_k
{
	margin: 24px 0px 0px 12px;
	padding: 0px;
	font-size:19px;
	font-weight:bold;
}

#negime_left_g li
{
	list-style-image: url(../tools/a_red_y.png);
	list-style-type: none;
	margin: 0px 6px 48px 24px;
	padding: 0px;
	line-height:23px;
}

#negime_left_h li
{
	list-style-image: url(../tools/a_blue_p.png);
	list-style-type: none;
	margin: 0px 6px 48px 24px;
	padding: 0px;
	line-height:23px;
	color:#CC0000;
}

#negime_left_h a
{
	color:#03C;
}

#negime_left_k li
{
	list-style-image: url(../tools/a_green_b.png);
	list-style-type: none;
	margin: 0px 6px 48px 24px;
	padding: 0px;
	line-height:23px;
	color:#45627C;
}

#negime_left_k a
{
	color:#063;
}

#negime_left_g li:last-child,#negime_left_h li:last-child,#negime_left_k li:last-child
  {
  margin-bottom: 12px;
  }

/*▲*/


/*----------------------------------------//
▽１０００以下------------------------------*/

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

html
  {
  font-size: 62.5%;
  }
}


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

html
  {
  font-size: 62.5%;
  }

}


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

html
  {
  font-size: 62.5%;
  }

}

/*----------------------------------------//
▽３００以上------------------------------*/

/*300px以上の定義/ここまでの設定を打ち消す目的*/
@media
only screen and (min-width : 300px)
{

html
  {
  font-size: 54%;
  }

body
  {
  margin-left:auto;
  margin-right:auto;
  }

aside img
  {
  margin:.8rem 4%;
  }

}

/*----------------------------------------//
▽３６０以下------------------------------*/

/*360px未満の定義/ＰＣの通常表示*/
@media
only screen and (max-width : 360px)
{

.list_01 li,.list_02 li,
.list_03 li,.list_04 li,.list_05 li,.list_06 li,
.list_13 li,.list_14 li,.list_15 li,.list_16 li,
.list_23 li,.list_24 li,.list_25 li,.list_26 li
  {
  background-size:1.6rem;
  padding-left:2.4rem;
  background-position:0 .8rem;		/*横 縦*/
  }

html
  {
  font-size: 42%;
  }

aside img
  {
  margin:.8rem 4%;
  }

}