

.iphonekensho1 {
/* なぜか見えなくなった*/
transform: rotate(90deg);
-webkit-writing-mode: initial;-ms-writing-mode: initial; writing-mode: initial;
border:1px solid #000;
margin-top: 0px;
margin-left: 0px;
margin-right: 0px;
margin-bottom: 0px;
}

.iphonekensho2 {
transform: rotate(90deg);
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
border:1px solid #000;
margin-top: 0px;
margin-left: 50px;
margin-right: 00px;
margin-bottom: 0px;
color:red;
}

.iphonekensho3 {
transform: rotate(90deg);
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
border:1px solid #000;
margin-top: 0px;
margin-left: 100px;
margin-right: 0px;
margin-bottom: 0px;
color:blue;
}


.iphonekensho4 {
transform: rotate(90deg);
-webkit-writing-mode: initial;-ms-writing-mode: initial; writing-mode: initial;
border:1px solid #000;
margin-top: 0px;
margin-left: 150px;
margin-right: 0px;
margin-bottom: 0px;
color:green;
}

.iphonekensho5 {
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
border:1px solid #000;
margin-top: 0px;
margin-left: 200px;
margin-right: 0px;
margin-bottom: 0px;
color:red;
}


.iphonekensho6 {
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
border:1px solid #000;
margin-top: 0px;
margin-left: 250px;
margin-right: 0px;
margin-bottom: 0px;
color:blue;
}

.iphonekensho7 {
-webkit-writing-mode: initial;-ms-writing-mode: initial; writing-mode: initial;
border:1px solid #000;
margin-top: 0px;
margin-left: 300px;
margin-right: 0px;
margin-bottom: 0px;
color:green;
}


.kijutsuwaku1 {
-webkit-appearance: none; /* ios標準のフォームスタイルを解除 */
border:1px solid #000;
transform: rotate(90deg);
-webkit-writing-mode: vertical-rl;
-ms-writing-mode: tb-rl;
writing-mode: vertical-rl;
margin-top:90px;
/* ↑ホワイトボードの上下*/	
margin-right: -100px;
/* ↑マイナスにするほど枠が右側に移動する*/
	margin-left: -100px;
/* ↑プラスにするほど枠の後ろの文字が後方に移動する*/	
/* paddingは枠が大きくなったり横長になったりする*/
color:red;
}


.kijutsuwaku2 {
-webkit-appearance: none; /* ios標準のフォームスタイルを解除 */
	border:1px solid #000;
transform: rotate(90deg);
-webkit-writing-mode: initial;-ms-writing-mode: initial; writing-mode: initial;
margin-top:90px;
/* ↑ホワイトボードの上下*/	
margin-right: -100px;
/* ↑マイナスにするほど枠が右側に移動する*/
	margin-left: -100px;
/* ↑プラスにするほど枠の後ろの文字が後方に移動する*/	
/* paddingは枠が大きくなったり横長になったりする*/
color:blue;
}


.kijutsuwaku3 {
-webkit-appearance: none; /* ios標準のフォームスタイルを解除 */
	border:1px solid #000;
transform: rotate(90deg);
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: lr-tb;
writing-mode: horizontal-tb;
margin-top:90px;
/* ↑ホワイトボードの上下*/	
margin-right: -100px;
/* ↑マイナスにするほど枠が右側に移動する*/
	margin-left: -100px;
/* ↑プラスにするほど枠の後ろの文字が後方に移動する*/	
/* paddingは枠が大きくなったり横長になったりする*/
color:green;
}



.kijutsuwaku {
border:1px solid #000;
transform: rotate(90deg);
margin-top:90px;
/* ↑ホワイトボードの上下*/	
margin-right: -100px;
/* ↑マイナスにするほど枠が右側に移動する*/
	margin-left: -100px;
/* ↑プラスにするほど枠の後ろの文字が後方に移動する*/	
/* paddingは枠が大きくなったり横長になったりする*/
}


#kotaeawaseichichosei {
position: relative;
transform: rotate(0deg);
margin-top: 270px;
margin-left: -60px;
margin-right: -60px;
margin-bottom: 0px;
/* ↑プラスにするほど枠の後ろの文字が後方に移動する*/	
/* paddingは枠が大きくなったり横長になったりする*/
}


#marubatsuhanteiichichosei {
position: relative;
transform: rotate(0deg);
margin-top: 260px;
margin-left: -60px;
margin-right: -60px;
margin-bottom: 0px;
/* ↑プラスにするほど枠の後ろの文字が後方に移動する*/	
/* paddingは枠が大きくなったり横長になったりする*/
}



.input[type="text"] {
-webkit-appearance: none; /* ios標準のフォームスタイルを解除したいがうまくいかない */
}



