/** base**/
figure, figcaption, footer, header, hgroup,menu, nav, output, ruby, summary,time, mark, audio, video {
margin:0;padding:0;border: 0;font-size:100%;font:inherit;vertical-align:baseline;}
article, aside, details, figcaption, figure,footer, header, hgroup, menu, nav, section {display: block;}
* {margin:0;padding:0;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;-o-box-sizing: border-box;-ms-box-sizing: border-box;box-sizing: border-box;}
body {color:#000;font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;-webkit-text-size-adjust:100%;width:100%; overflow-x:hidden;}
img {border:0;vertical-align:bottom;}
.clearfix:after { content: ".";display: block;clear:both;height:0;visibility:hidden;}
.clearfix{min-height:1px;}	
.p{ color: #000;}
body a{ color:#00114A; }
body a:hover{ color:#E7999A; text-decoration: none;}


/*=======================================
	ギャラリー
======================================= */
/*写真スライド--------------------*/

#loopslider { margin: 0 auto; width: 100%; height: 200px; text-align: left; position: relative; overflow: hidden; }
#loopslider ul { height: 200px; float: left; display: inline; overflow: hidden; }
#loopslider ul li { width: 300px; height: 200px; float: left; display: inline; overflow: hidden; }

/* =======================================
	ClearFixElements
======================================= */
#loopslider ul:after { content: "."; height: 0; clear: both; display: block; visibility: hidden; }
#loopslider ul { display: inline-block; overflow: hidden; }


/**pkg**/
@media(min-width: 1151px){
h1{ font-size:23px; color:#333333; border-left:#333333 solid 9px; margin:30px 0 25px; padding:15px 0 15px 12px; border-top: 1px #333 solid; border-bottom: 1px #333 solid; border-right: 1px #333 solid;}
h2{font-size:15px; color:#E71F19; border-bottom:#E71F19 2px solid; padding:6px 0 6px 5px; margin:20px 0 10px 0; width:100%;}
.yoko{ color:#727272; margin:10px 0 0 30px; }
h3{ font-size:15px; color:#D30F52; font-weight:bold; margin:20px 0 7px 0;}

}
@media(min-width: 721px) and (max-width: 1150px){
h1{ font-size:20px; color:#333333; border-left:#333333 solid 9px; margin:30px 0 25px; padding:15px 0 15px 12px;border-top: 1px #333 solid; border-bottom: 1px #333 solid; border-right: 1px #333 solid;}
h2{font-size:15px; color:#E71F19; border-bottom:#E71F19 2px solid; padding:6px 0 6px 5px; margin:20px 0 10px 0; width:100%;}
.yoko{ color:#727272; margin:10px 0 0 30px; }
h3{ font-size:15px; color:#D30F52; font-weight:bold; margin:20px 0 7px 0;}

}
@media(max-width: 720px){
h1{ font-size:18px; color:#333333; border-left:#333333 solid 9px; margin:30px 0 25px; padding:0.5em 0.5em 0.5em 0.5em; border-top: 1px #333 solid; border-bottom: 1px #333 solid; border-right: 1px #333 solid;}
h2{font-size:15px; color:#E71F19; border-bottom:#E71F19 2px solid; padding:6px 0 6px 5px; margin:20px 0 10px 0; width:100%;}
.yoko{ color:#727272; margin:10px 0 0 30px; }
h3{ font-size:13px; color:#D30F52; font-weight:bold; margin:20px 0 7px 0;}
	
}

.box{ width:95%; margin:10px auto; border:1px solid #555555; padding:10px;}
