@media (max-width: 393px) {
/* ▼a：スマートフォン縦専用のスタイル */
	body {
		background-color:#ffffff;
	}
   div.page{
	   display: block;
   	overflow-x: auto;
	   overflow-y: auto;
   	font-size: 0;
  	   padding: 10px;
   }
   .child1 {
	   display: inline-block;
	   width: 96svw;
	   background-color:#ffffff;
	   vertical-align: top;
      border: 1px solid #000;
   }
   .child2 {
	   display: inline-block;
	   width: 96svw;
	   background-color: #ffFFFF;
	   vertical-align: top;
      border: 1px solid #000;
   }

   .child3 {
   	display: inline-block;
	   width: 96svw;
	   background-color: #ffffff;
	   vertical-align: top;
      border: 1px solid #000;
   }
   #child1 {
   	display: inline-block;
	   width: 96svw;
   	background-color:#ffffff;
	   vertical-align: top;
   }
   #child2 {
   	display: inline-block;
	   width: 96svw;
   	background-color: #ffffff;
	   vertical-align: top;
   }

   #child3 {
   	display: inline-block;
	   width: 96svw;
   	background-color: #FFFFFF;
	   vertical-align: top;
   }

   label {
      width: 90svw;
   }
   textarea{
      width: 90svw;
      height: 100px;
   }
   h3{
      text-align: center;
   }
   .mini{
      width: 90svw;
   }
   .small{
      width: 90svw;
   }
   .middle{
      width: 90svw;
   }
   .middle_plus{
      width: 90svw;
   }
   .big{
      width: 90svw;
   }
   .big_title{
      width: 90svw;
   }
   .large{
      width: 90svw;
   }
   .loginname {
      width: 90svw;
   }
   .loginpass {
      width: 90svw;
   }
   .loginsubmit {
      width: 90svw;
      margin-top: 20px;
      margin-bottom: 20px;
   }

   #pcmenu{
      display:none;
   }
}

@media (min-width: 394px) and (max-width: 776px) {
/* ▼a：スマートフォン横専用のスタイル */
   body {
      background-color:palegoldenrod;
   }
   #mobilemenu_icon{
      display:none;
   }

}


@media (min-width: 776px) and (max-width: 1024px) {
/* ▼b：タブレット専用のスタイル */
   body {
      background-color:lightskyblue;
   }

}


@media (min-width: 1536px) and (max-width: 1911px) {
/* ▼c：NotePC専用のスタイル */
   body {
      background-color:#ffff00;
   }

}

@media (min-width: 1912px) and (max-width: 2559px) {
/* ▼c：NotePC専用のスタイル */
   body {
      background-color:#ffffff;
   }
   div.page{
	   display: block;
   	overflow-x: auto;
	   overflow-y: auto;
   	font-size: 0;
	   padding: 10px;
   }

   .child1 {
	   display: inline-block;
	   padding: 10px;
	   width: 320px;
	   background-color:#ffffff;
	   vertical-align: top;
      /*border: 1px solid #000;*/
   }
   .child2 {
	   display: inline-block;
	   padding: 10px;
	   width: 320px;
	   background-color: #ffffff;
	   vertical-align: top;
      /*border: 1px solid #000;*/
   }

   .child3 {
   	display: inline-block;
	   padding: 10px;
	   width: 740px;
	   background-color: #ffffff;
	   vertical-align: top;
      /*border: 1px solid #000;*/
   }

   #child1 {
	   display: inline-block;
	   width: 910px;
	   background-color:#ffffff;
	   vertical-align: top;
   }
   #child2 {
	   display: inline-block;
	   width: 910px;
	   background-color: #ffffff;
	   vertical-align: top;
   }

   #child3 {
   	display: inline-block;
	   width: 1880px;
	   background-color: #FFFFFF;
	   vertical-align: top;
   }

   label {
      width: 90px;
   }
   textarea{
      width: 900px;
      height: 300px;
   }

   .mini{
      width: 76px;
   }
   .small{
      width: 90px;
   }
   .middle{
      width: 198px;
   }
   .middle_plus{
      width: 202px;
   }
   .big{
      width: 350px;
   }
   .big_title{
      width: 900px;
   }
   .large{
      width: 1814px;
   }
   #mobilemenu_icon{
      display:none;
   }
   .loginsubmit {
      width: 310px;
      margin-top: 20px;
      margin-bottom: 20px;
   }

}

@media (min-width: 2560px) {
/* ▼d：DesktopPC専用のスタイル */
   body {
      background-color:lightcyan;
   }

}