a:hover {
text-decoration:none;crosshair
}


@media screen and (min-width: 481px){
.moba{

display : none;
}

img {
border: 0;
width: auto;
height: auto;
}


html, body {

width: 100%;
margin: 0 auto;
max-width: 970px;
top-margin:20px;

}



H4 {
border-bottom: 1px dotted #6f5436;
font-size: medium;
margin-left:40px;
margin-right:10%;
padding-left:20px;
text-align:left;
color:#c099a0;
padding-top:2px;
padding-bottom:2px;
}

H3 {
border-bottom: 1px dotted #6f5436;
font-size: large;
margin-left:40px;
margin-right:30%;
padding-left:20px;
text-align:left;
color:#c099a0;
padding-top:2px;
padding-bottom:2px;
}

H2 {
border-bottom: 3px solid rgb(187,188,222);
border-left: 10px solid rgb(187,188,222);
font-size: large;
margin-left:40px;
margin-right:30%;
padding-left:20px;
text-align:left;
color:#745399;
padding-top:5px;
padding-bottom:2px;
}



.box2 {
    padding: 0.5em 1em;
margin: 0 auto;
width:640px;
    color: #426579;/*文字色*/
    background: #FFF;
    border: double 3px #89c3eb;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin-top: 10px; 
    margin-bottom: 10px; 
    padding: 0;
}

.box2 h2 {
border-bottom: 3px solid rgb(187,188,222);
border-left: 10px solid rgb(187,188,222);
font-size: large;
margin-left:10px;
margin-right:5%;
text-align:left;
color:#745399;
padding-top:5px;
padding-bottom:2px;
}


body, .boxCal{
 box-sizing: border-box;
 -moz-box-sizing: border-box;
 overflow: auto;
}
#frLeft {
 float: left;
 width: 300px;
}
#frRight {
}



::-webkit-scrollbar {
  width: 10px;
  height: 10px;
}

::-webkit-scrollbar-thumb {
  background: #e597b2;
  border-radius: 5px;
}

::-webkit-scrollbar-thumb:hover {
  background: #745399;
}

}

@media screen and (max-width: 480px){
.pc{

display : none;
}


H4 {
border-bottom: 1px dotted #6f5436;
font-size: medium;
margin-left:5px;
margin-right:5px;
padding-left:10px;
text-align:left;
color:#c099a0;
padding-top:2px;
padding-bottom:2px;
}

H3 {
border-bottom: 1px dotted #6f5436;
font-size: large;
margin-left:0px;
margin-right:0px;
padding-left:10px;
text-align:left;
color:#c099a0;
padding-top:2px;
padding-bottom:2px;
}

H2 {
border-bottom: 3px solid rgb(187,188,222);
border-left: 10px solid rgb(187,188,222);
font-size: large;
margin-left:0px;
margin-right:0px;
padding-left:10px;
text-align:left;
color:#745399;
padding-top:5px;
padding-bottom:2px;
}


img {
border: 0;
width: 100%;
height: auto;
}


.box2 {
    padding: 0.5em 1em;
width:90%;
    color: #426579;/*文字色*/
    background: #FFF;
    border: double 3px #89c3eb;/*線*/
    border-radius: 10px;/*角の丸み*/
}
.box2 p {
    margin-top: 10px; 
    margin-bottom: 10px; 
    padding: 0;
}

body {
margin-width:10;
top-margin:20;
margin-height:10;

}
body, .boxCal{
}
#frMiddle { }
#frLeft {
}
#frRight {
}

}