﻿/* CSS Document */


body,h1,h2,h3,.smooth,.nav li a {
   font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

    -webkit-transform: rotate(0.02deg);
    -moz-transform: rotate(0.02deg);
    -ms-transform: rotate(0.02deg);
    -o-transform: rotate(0.02deg);
    transform: rotate(0.02deg);
}
@media (max-width:767px){
	.topbar,.narrowHide{display:none;}
}

@media (min-width:767px){
	.wideHide{display:none;}
}


dt{margin-left:10px; font-size:110%;}
dd{margin-left:30px;
margin-bottom:20px;}

.mainBody p{
	padding-bottom: 2em;
}

.mainBody img{
	display: inline-block;
	box-shadow: 0px 0px 20px -5px rgba(0, 0, 0, 0.5);
	border-radius: 5px;
}


.mainBody blockquote{
	background-color: #FCFCFC;
	padding-bottom: 2em;
	padding-top: 2em;
}

.mainBody h2{
position: relative;
padding: 0.25em 0;
text-shadow: 1px 1px 5px rgba(0, 0, 0, 0.3);

}
.mainBody h2:after {
content: "";
display: block;
height: 4px;
background: -moz-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
background: -webkit-linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
background: linear-gradient(to right, rgb(255, 186, 115), #ffb2b2);
}


.mainBody h3{
position: relative;
padding: 0.25em 1em;
border-top: solid 2px #ffb2b2;
border-bottom: solid 2px #ffb2b2;
}

.mainBody h3:before, .mainBody h3:after{
content: '';
position: absolute;
top: -7px;
width: 2px;
  height: -webkit-calc(100% + 14px);
height: calc(100% + 14px);
background-color: #ffb2b2;
}
.mainBody h3:before {left: 7px;}
.mainBody h3:after {right: 7px;}
}