@media only screen and (min-width:720px){
	.width{width:100%;max-width:1080px;margin:auto;}
	.header{height:min(calc(100vw / 3),300px);}
	.flex2{display:flex;flex-grow:100;flex-flow:row nowrap;}
	.left{width:0%;}
	.center{width:60%;}
	.right{width:40%;}
	.fotter{margin-top:auto;height:3em;}
}
@media only screen and (max-width:720px){
	.header{height:min(calc(100vw / 3),300px);}
	.width{width:100%;}
	.flex2{display:flex;flex:100;flex-flow:column nowrap;}
	.fotter{margin-top:auto;min-height:3em;}
}
.flex1{display:flex;flex-grow:100;flex-flow:column nowrap;min-height:calc(100vh - 3em - min(calc(100vw / 3),300px));}

body{width:100%;box-sizing:border-box;margin:0;display:flex;flex-flow:column nowrap;min-height:100vh;word-break:break-all;background-color: rgb(255,255,255);}
body{font-size:min(calc(100vw - 4em)/15,1.1em);line-height:min(calc(100vw - 4em)/10,1.5em);word-break:normal;font-family:"Arial",sans-serif;}


.catch{font-size:min(calc(100vw - 4em)/21,1em);line-height:1.5em;}
.ico{width:min(9vw,2.4em);padding-top:0.5em;}

.top{background-color: rgb(220, 220, 220);flex-grow:0;}
.bottom{background-color: rgb(220, 220, 220);flex-grow:0;}
.header{background-color: rgb(200,200,200);}
.left{background-color: rgb(200,200,200);}
.center{background-color: rgb(255,255,255);}
.right{background-color: rgb(255,255,255);}
.fotter{background-color: rgb(225,225,225);position: relative;}
.plan{background-color: rgb(235,235,235);}

.headertable{width:calc(100% - 6.5vw);height:100%;display:flex;align-items:center;padding-left:6.5vw;}
.pagetitle{font-size:min(8.5vw,50px);line-height:1.5em;font-weight:bold;color:rgb(255,255,255);text-shadow: 0.05em 0.05em 0.2em rgb(0,0,0,0.4);}
.pagesubtitle{color:rgb(255,255,255);text-shadow:0.07em 0.07em 0.25em rgb(0,0,0,1);}

.edge{margin:0.2em 0.4em;padding:0.1em 0.1em;}
.skin{margin:0.9em 0.4em;padding:0.3em 0.5em;}
.twitter{margin:0.5em 0.4em;padding:0.4em 0.4em 0.1em;background-color: rgb(235,235,235);}

.title12{font-size:1.1em;line-height:1.8em;font-weight:bold;}
.title10{font-weight:bold;}
.whitetext{display:inline-block;margin:0.15em;padding:0.15em 0.4em;border-radius:0.3em;color:rgb(255,255,255);}

.button{display:inline-block;margin:0.1em;padding:0.1em 0.4em;border-radius:0.3em;color:rgb(255,255,255);cursor:pointer;}
.url{word-break:break-all;}

.btn_on{display:inline-block;margin:0.05em 0.1em;padding:0 0.2em;border:solid 0.2em;border-radius:0.3em;cursor:pointer;}
.btn_off{display:inline-block;margin:0.05em 0.1em;padding:0 0.2em;border:solid 0.1em;border-radius:0.2em;cursor:pointer;}
.btn_mini{display:inline-block;margin:0.1em 0.2em;padding:0.1em;border:solid 0.1em;border-radius:0.2em;cursor:pointer;font-size:0.8em;line-height:1em;}
.frame_off{margin:0.1em;padding:0em 0.1em;border:solid 0.1em;border-radius:0.2em;}
.frame_on{margin:0.1em;padding:0em 0.1em;border:solid 0.2em;border-radius:0.3em;}
.noframe{margin:0.1em;padding:0em 0em;}
.hidden{display:none;}
.historyscroll{max-height:13em;overflow-y:scroll;}
.scroll20{max-height:20em;overflow-y:scroll;}
.scroll15{max-height:15em;overflow-y:scroll;}
.nowordwrap{word-break:break-all ;}