/*====================================

文字の装飾・配置

=====================================*/
strong{
font-weight:bold;
}
#main .bold{
font-weight: bold;
}
#main .center{
text-align: center;
}
#main .left{
text-align: left;
}
#main .right{
text-align: right;
}
#main .red{
color:#ff0000;
}
#main .blue{
color: #0000ff;
}
#main .orange{
color: #ff6600;
}
#main .deeppink{
color: #fd497c;
}
#main .largest{
font-size: 5.9vw;
}
#main .larger{
font-size: 5.2vw;
}
#main .smaller{
font-size: 3.7vw;
line-height: 120%;
}
#main .smallest{
font-size: 3vw;
line-height: 130%;
color: #555;
}
#main .marker{
background: -webkit-linear-gradient(transparent 0%, #ffff33 0%, #ffff33 100%, transparent 100%);
background: -o-linear-gradient(transparent 0%, #ffff33 0%, #ffff33 100%, transparent 100%);
background: linear-gradient(transparent 0%, #ffff33 0%, #ffff33 100%, transparent 100%);
font-weight: bold;
display:inline;
}
#main .marker2{
background: -webkit-linear-gradient(transparent 0%, #33ccff 0%, #33ccff 100%, transparent 100%);
background: -o-linear-gradient(transparent 0%, #33ccff 0%, #33ccff 100%, transparent 100%);
background: linear-gradient(transparent 0%, #33ccff 0%, #33ccff 100%, transparent 100%);
font-weight: bold;
display:inline;
}
#main .underline{
text-decoration: underline;
}


/*====================================

SP・PC共通スタイル

=====================================*/

html{
font-size: 62.5%;
}
body { 
text-align:center;
padding:0;
margin:0 auto;
font-size:1.6rem;/* 16px*/
font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3",'Noto Sans Japanese',"メイリオ", Meiryo, "ＭＳ Ｐゴシック", "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif;
background:#FFF;
color: #222;
}
a{
color: #009900;
text-decoration: underline;
font-weight: bold;
}

/*====================================

ヘッダ（グラデーション＆グレーのバー部分）

=====================================*/
#header{
width:100%;
text-align:center;
margin:0 auto;
background: #fff;
position: relative;
}
#header h2 {
color: #fff;
padding: 0.7em 0.5em;
background-color:#e95513;
}

#header div{
height: 32px;
clear: both;
}
#header p{
display: block;
width: 160px;
font-size: 3.2vw;
float: right;
text-align: right;
padding: 12px 5px 0 0;
}

/*====================================

タイトル・本文エリア

=====================================*/

#main{
padding:0 4%;
margin:0;
clear: both;
}

#main h1 {
border-bottom: solid 5px #ffe197;
position: relative;
font-size: 5.9vw;
font-weight: 600;
line-height: 140%;
text-align: center;
margin: 2% 0;
padding: 2% 0;
}

#main h1:after {
position: absolute;
content: "";
display: block;
border-bottom:solid 5px #e95513;
bottom: -5px;
width: 30%;
}



#main p{
font-size:4.15vw;
line-height:205%;
text-align:left;
padding:4% 0;
}
#main div{
font-size:4.15vw;
line-height:205%;
}
#main h3 {
margin:7% 0 2% 0;
color: #000;
text-shadow: 0 0 5px white;
border-left: solid 5px #e95513;		
border-right: solid 5px #e95513;
background: -webkit-repeating-linear-gradient(-45deg, #ffe197, #ffe197 3px,#fffab6 3px, #fffab6 7px);
background: repeating-linear-gradient(-45deg, #ffe197, #ffe197 3px,#fffab6 3px, #fffab6 7px);
font-size: 5vw;
line-height: 140%;
font-weight: 600;
padding: 2% 0;
}
#main .box{
border: 3px solid #ff0000;
padding:2% 3%;
margin: 4% 0;
}
#main .box ul{
list-style:disc;
text-align: left;
padding: 1% 2% 1% 4%;
}
#main .box li{
font-size:4.3vw;
line-height:3.3rem;
padding: 1% 0;
}



/*====================================

フッター

=====================================*/
#footer{
text-align:center;
margin:3% auto 0 auto;
font-size:10pt;
}
#footer p{
padding: 3% 0;
text-align: center;
}


/*====================================

スマホ用画像サイズ

=====================================*/

@media screen and (max-width:640px){
#main img{
width:100%;
height:auto;
}
#main br.pc{
display: none;
}
}