@charset "UTF-8";

/* http://hazikkoweb.stars.ne.jp/
/* ☆－－－－＝＝＝＝＝＝＝＝≡≡≡≡≡≡≡≡ */
/*           は じ っ こ の 世 界 。          */
/* ≡≡≡≡≡≡≡≡＝＝＝＝＝＝＝＝－－－－☆ */
/*                          Version. 15. 0. 3 */


/*    M A I N   S T Y L E                 */
/* -------------------------------------- */

body {
	display: none;
	margin: 0px;
	padding: 0px;
	background-color: #ffffff;
	color: #333333;
	font-family: "Meiryo", "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	font-size: 16px;
	line-height: 30px;
	letter-spacing: 1.8px;
}
hr {
	margin-top: 25px;
	margin-right: 0px;
	margin-bottom: 25px;
	margin-left: 0px;
	border-width: 1px;
	border-style: solid;
	border-color: #333333;
}
img {
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	border-width: 0px;
	transition-property: all;
	transition-duration: 0.7s;
}
h1 {
	padding: 0px;
	font-family: "Meiryo", "メイリオ", "MS PGothic", "ＭＳ Ｐゴシック", "Osaka", sans-serif;
	font-size: 27px;
	font-weight: normal;
	letter-spacing: 3.5px;
}
h2 {
	font-size: 22px;
	font-weight: normal;
	letter-spacing: 3px;
}
h3 {
	margin-top: 35px;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #000000;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #000000;
	font-size: 17px;
	font-weight: normal;
	letter-spacing: 3px;
	text-indent: 8px;
}
h4 {
	font-size: 16.3px;
	font-weight: bold;
}
a {
	color: #333333;
	text-decoration: underline;
	outline: none;
	transition-property: all;
	transition-duration: 0.5s;
}
a:hover {
	color: #cccccc;
}
a:hover img {
	opacity: 0.80;
	filter: alpha(opacity=80);
	-ms-filter: "alpha(opacity=85)";
	outline: none;
}
mark {
	background: linear-gradient(transparent 60%, #fff78a 65%);
}

/*    I D   P A R T S                     */
/* -------------------------------------- */

#main {
	width: 1000px;
	margin-top: 60px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
}
#header {
	margin-bottom: 35px;
}
#header ::selection {
	background-color: #000000;
	color: #ffffff;
}
#header ::-moz-selection {
	background-color: #000000;
	color: #ffffff;
}
#contents {
	margin-bottom: 55px;
}
#contents ::selection {
	background-color: #000000;
	color: #ffffff;
}
#contents ::-moz-selection {
	background-color: #000000;
	color: #ffffff;
}
#pageend {
	margin-bottom: 55px;
	text-align: center;
}
#pageend ::selection {
	background-color: #000000;
	color: #ffffff;
}
#pageend ::-moz-selection {
	background-color: #000000;
	color: #ffffff;
}
#footer {
	margin: 0px;
	padding-top: 30px;
	padding-bottom: 18vh;
	background-color: #000000;
	color: #ffffff;
	font-size: 13px;
	text-align: center;
}
#footer a {
	color: #ffffff;
	text-decoration: none;
}
#footer a:hover {
	color: #ffffff;
}
#footer ::selection {
	background-color: #ffffff;
	color: #000000;
}
#text {
	font-size: 16.5px;
	line-height: 28px;
	letter-spacing: 1.2px;
}
#footer ::-moz-selection {
	background-color: #ffffff;
	color: #000000;
}
#colorbox ::selection {
	background-color: #000000;
	color: #ffffff;
}
#colorbox ::-moz-selection {
	background-color: #000000;
	color: #ffffff;
}

/*    C L A S S   P A R T S               */
/* -------------------------------------- */

.pagetop {
	font-size: 14px;
}
.p2 {
	margin-top: 36px;
}
.p3 {
	margin-top: 54px;
}
.p4 {
	margin-top: 68px;
}
.p7 {
	margin-top: 112px;
}
.font_large {
	font-size: 20px;
}
.font_medium {
	font-size: 17px;
}
.font_small {
	font-size: 10px;
	line-height: 15px;
}
.font_space {
	letter-spacing: 1.5px;
}
.point {
	position: relative;
	padding-left: 20px;
}
.point::before {
	display: inline-block;
	position: absolute;
	top: 11px;
	right: 0px;
	bottom: 0px;
	left: 5px;
	width: 0px;
	height: 0px;
	margin-top: -6px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	border-top-width: 5px;
	border-top-style: solid;
	border-top-color: transparent;
	border-right-width: 6px;
	border-right-style: solid;
	border-right-color: transparent;
	border-bottom-width: 5px;
	border-bottom-style: solid;
	border-bottom-color: transparent;
	border-left-width: 7px;
	border-left-style: solid;
	border-left-color: #333333;
	content: "";
}
.update {
	margin-left: 8px;
	color: #ff0000;
	font-size: 10.5px;
	font-weight: bolder;
	letter-spacing: 1px;
}
.comingsoon {
	color: #cccccc;
}
.icon {
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 50px;
	border-width: 0px;
}
.anchor {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	cursor: default;
}
.anchor:hover {
	color: #333333;
}
.backyard {
	color: #333333;
	font-weight: normal;
	text-decoration: none;
	cursor: default;
}
.backyard :hover {
	color: #333333;
	text-decoration: none;
	outline: none;
}
.width768 {
	display: none !important;
}

/*   C O L O R S   P A L E T T E          */
/* -------------------------------------- */

.font_white {
	color: #ffffff;
}
.font_red {
	color: #ff0000;
}
.font_blue {
	color: #0000ff;
}
.font_orange {
	color: #ff6600;
}
.font_green {
	color: #00cc00;
}
.font_yellow {
	color: #ffff00;
}
.font_pink {
	color: #ff6699;
}
.font_purple {
	color: #9966ff;
}
.font_brown {
	color: #cc6633;
}
.font_bluegreen {
	color: #00cc99;
}
.font_lightgray {
	color: #cccccc;
}
.font_gray {
	color: #999999;
}
.font_indigo {
	color: #003366;
}

/*    P A G E   U P                       */
/* -------------------------------------- */

#pageup {
	position: fixed;
	right: 22px;
	bottom: 6px;
}
#pageup a {
	display: block;
	padding: 6px;
	border-radius: 5px;
	background-color: #ffffff;
	opacity: 0.9;
	color: #000000;
	font-size: 12px;
	text-decoration: none;
	text-align: center;
}
#pageup a:hover {
	background-color: #000000;
	color: #ffffff;
	text-decoration: none;
}

/*    C O L O R   B O X                   */
/* -------------------------------------- */

#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden; -webkit-transform: translate3d(0,0,0);}
#cboxWrapper {max-width:none;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative;}
#cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}
.cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;}
.cboxIframe{width:100%; height:100%; display:block; border:0; padding:0; margin:0;}
#colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;}

#cboxOverlay{background:#ffffff; opacity: 0.9; filter: alpha(opacity = 0.9);} /* 画像拡大時の背景色、透過率 */
#colorbox{outline:0;}
    #cboxContent{margin-top:32px; overflow:visible; background:#000000;}
        .cboxIframe{background:#ffffff;}
        #cboxError{padding:50px; border:1px solid #cccccc; color:#ffffff;}
        #cboxLoadedContent{background:#000; padding:1px;}
        #cboxLoadingGraphic{background:url(./loading.gif) no-repeat center center;}
        #cboxLoadingOverlay{background:#000000;}
        #cboxTitle{position:absolute; top:-26px; left:0; color:#333333; font-size:12px;} /* 画像説明文の位置、文字色 */
        #cboxCurrent{position:absolute; top:-22px; right:205px; text-indent:-9999px;}
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; text-indent:-9999px; width:20px; height:20px; position:absolute; top:-24px; background:url(./controls.png) no-repeat 0 0;} /* アイコン位置の修正（top:-XXpx;) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}
        #cboxPrevious{background-position:0px 0px; right:44px;}
        #cboxPrevious:hover{background-position:0px -25px;}
        #cboxNext{background-position:-25px 0px; right:22px;}
        #cboxNext:hover{background-position:-25px -25px;}
        #cboxClose{background-position:-50px 0px; right:0;}
        #cboxClose:hover{background-position:-50px -25px;}
        .cboxSlideshow_on #cboxPrevious, .cboxSlideshow_off #cboxPrevious{right:66px;}
        .cboxSlideshow_on #cboxSlideshow{background-position:-75px -25px; right:44px;}
        .cboxSlideshow_on #cboxSlideshow:hover{background-position:-100px -25px;}
        .cboxSlideshow_off #cboxSlideshow{background-position:-100px 0px; right:44px;}
        .cboxSlideshow_off #cboxSlideshow:hover{background-position:-75px -25px;}

/*    S M A R T D E V I C E               */
/* -------------------------------------- */

@media all and (max-width: 768px) {
body {
	font-size: 13.5px;
	line-height: 23px;
	letter-spacing: 2px;
}
h1 {
	font-size: 23px;
}
img {
	max-width: 92%;
	height: auto;
}
#main {
	width: 92%;
}
#pageend {
	margin-right: 0px;
	margin-left: 0px;
	font-size: 11px;
	text-align: center;
}
#footer {
	font-size: 12px;
}
#pageup {
	right: 1%;
	bottom: -0.7%;
}
.width768 {
	display: block !important;
	color: #00a968;
}
}

/* --- E N D --- */