@charset "utf-8";
/* CSS Document */

body{
	width:100%;
	color:#fff;
	font-family: 'Oranienbaum', "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "ＭＳ Ｐ明朝", "MS PMincho", serif;
	line-height:1.05;
	text-align:left;
	padding:0;
	margin:0;
	background:#2b020a;
	position:relative;
}

/* all */
h1,h2,h3,h4,h5,p,dt,dd,li,th,td,address,strong,em,table,dl,ul,ol,img,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary
{
	padding:0;
	margin:0;
	background:transparent;
}

/* font */
h1,h2,h3,h4,h5,p,dt,dd,li,th,td,a,address,strong,em,form,input,textarea,select,submit,
article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary{
	color:inherit; line-height:inherit; font-family:inherit; font-size:inherit;
}

/* indivisual */
a{
	border:none; color:inherit; text-decoration:underline; word-wrap: break-word;
}
a:hover{
    transition: 0.5s;
	text-decoration:none;
}
address,em{
	font-style:normal;
}
ul,ol{
	list-style:none none outside;
}
img{
	display:block; border:none;
}

/* jquery */
/*
    Colorbox Core Style:
    The following CSS is consistent between example themes and should not be altered.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#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;}

/*
    User Style:
    Change the following styles to modify the appearance of Colorbox.  They are
    ordered & tabbed in a way that represents the nesting of the generated HTML.
*/
#cboxOverlay{background:#000;}
#colorbox{outline:0; z-index:9999}
    #cboxContent{margin-top:20px;background:#000;}
        .cboxIframe{background:#fff;}
        #cboxError{padding:50px; border:1px solid #ccc;}
        #cboxLoadedContent{border:5px solid #000; background:#fff;}
        #cboxTitle{position:absolute; top:-20px; left:0; color:#ccc;}
        #cboxCurrent{position:absolute; top:-20px; right:0px; color:#ccc;}
        #cboxLoadingGraphic{background:url(img//loading.gif) no-repeat center center;}

        /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */
        #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; }

        /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */
        #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;}

        #cboxSlideshow{position:absolute; top:-20px; right:90px; color:#fff;}
        #cboxPrevious{position:absolute; top:50%; left:5px; margin-top:-32px; background:url(img//controls.png) no-repeat top left; width:28px; height:65px; text-indent:-9999px;}
        #cboxPrevious:hover{background-position:bottom left;}
        #cboxNext{position:absolute; top:50%; right:5px; margin-top:-32px; background:url(img//controls.png) no-repeat top right; width:28px; height:65px; text-indent:-9999px;}
        #cboxNext:hover{background-position:bottom right;}
        #cboxClose{position:absolute; top:5px; right:5px; display:block; background:url(img//controls.png) no-repeat top center; width:31px; height:31px; text-indent:-9999px;}
        #cboxClose:hover{background-position:bottom center;}

/* common */
a:hover img{ opacity:0.64; }
.anchor{ text-decoration:none; }
.anchor:hover img{ opacity:1; }
.clear{ clear:both; }
.ac:after{ clear:both; content:""; display:block; }

/* contents */

.post > *:first-child{
	margin-top:0;
}

.post > *:last-child{
	margin-bottom:0;
}

.post h1{
}

.post h2{
	font-size:200%;
	font-weight:normal;
	margin:2em 0 1rem 0;
	border-bottom:1px solid #300612;
}

.post h3{
	font-size:150%;
	font-weight:normal;
	margin:2em 0 1rem 0;
}

.post h4{
	font-size:125%;
	font-weight:normal;
	margin:2em 0 1rem 0;
}

.post p{
	line-height:1.75;
	margin:0 0 1rem 0;
}

.post table{
	width:100%;
	margin:0 0 1rem 0;
	border-top:1px solid #e9f0e7;
}

.post table th,
.post table td{
	line-height:1.5;
	padding:0.5em 0;
	border-bottom:1px solid #e9f0e7;
}

.post ul{
	margin:0 0 1em 1.5em;
	list-style:disc;
}

.post ol{
	margin:0 0 1em 1.75em;
	list-style:decimal;
}

.post .no-list{
	margin-left:0;
	list-style:none;
}

.post li{
	line-height:1.5;
	padding:0.125em 0;
}

.post .aligncenter{
	text-align:center;
}

.post .aligncenter{
	margin-left:auto;
	margin-right:auto;
}

.post .alignleft{
	float:left;
	margin:0.375em 1em 0 0;
}

.post .alignright{
	float:right;
	margin:0.375em 0 0 1em;
}

.post img{
	display:inline;
	max-width:100%;
	height:auto;
}

.em3{
	width:3em !important;
}

.em4{
	width:4em !important;
}

.em5{
	width:5em !important;
}

.em6{
	width:6em !important;
}

.em7{
	width:7em !important;
}

.em10{
	width:10em !important;
}

/* wp-pagenavi */

.wp-pagenavi{
	margin:4em auto 0 auto;
}

.wp-pagenavi:after{
	content:"";
	display:block;
	clear:both;
}

.wp-pagenavi a:link,
.wp-pagenavi a:visited,
.wp-pagenavi span.current,
.wp-pagenavi a:hover,
.wp-pagenavi a:active{
	display:block;
	width:2em;
	height:2em;
	float:left;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	line-height:2em;
	text-align:center;
	text-decoration:none;
	margin:0 0.25em 0 0;
	background:rgba(48,6,18,0.48);
	border-radius:0.5em;
}

.wp-pagenavi span.current,
.wp-pagenavi a:hover,
.wp-pagenavi a:active{
	background:rgba(48,6,18,1);
}

.wp-pagenavi *:last-child{
	margin-right:0;
}

/* form */

.need{
	color:#ff0000;
}

.wpcf7-form dl{
	padding:1em 0;
	border-bottom:1px solid #e9f0e7;
}

.wpcf7-form dl:first-of-type{
	border-top:1px solid #e9f0e7;
}

.wpcf7-form dt{
	width:25%;
	float:left;
	padding:0.75em 0;
}

.wpcf7-form dd{
	width:75%;
	float:left;
}

.wpcf7-form dd span{
	display:block;
	line-height:1.5;
	padding:0.25em 0.375em;
	background:#f0f0f0;
	border:none;
	border-radius:0.25em;
	-moz-border-radius:0.25em;
	-webkit-border-radius:0.25em;
	-o-border-radius:0.25em;
	-ms-border-radius:0.25em;
}

.wpcf7-form dd input,
.wpcf7-form dd textarea{
	display:block;
	width:100% !important;
	background:transparent;
	border:none !important;
}

.wpcf7-form dd .wpcf7-radio span{
	display:inline !important;
}

.wpcf7-form dd .wpcf7-radio input{
	display:inline !important;
	width:auto !important;
}

.wpcf7-form p{
	text-align:left;
	padding:1em 0 0 0;
	margin:0 0 0 25% !important;
	position:relative;
}

.wpcf7-form p span{
	display:inline !important;
}

.wpcf7-form p input{
	width:8em;
	color:#fff;
	cursor:pointer;
	font-weight:bold;
	padding:0.5em;
	background:#000;
	border:none;
	border-radius:0.25em;
	-moz-border-radius:0.25em;
	-webkit-border-radius:0.25em;
	-o-border-radius:0.25em;
	-ms-border-radius:0.25em;
}

.wpcf7c-hide{
	display: none;
}

.wpcf7c-force-hide{
	display: none !important;
}

.wpcf7c-conf{
	color:#ce1222 !important;
	background-color:transparent !important;
	border:none !important;
}

.ajax-loader{
	display:block;
	max-width:1em !important;
	min-width:1em !important;
	position:absolute;
	top:1.875em;
	left:9em;
}

.screen-reader-response{
	display:none;
}

.wpcf7-not-valid-tip{
	color:#ff0000 !important;
	font-size:0.8em !important;
	margin-top:0.25em;
}

.wpcf7-validation-errors{
	display:block;
	color:#ff0000 !important;
	padding:0 !important;
	margin:1em 0 0 25% !important;
	border:none !important;
}

.wpcf7c-elm-step2.message{
	display:block;
	padding:0 !important;
	margin:1em 0 0 25% !important;
	border:none !important;
}

.wpcf7-mail-sent-ok{
	display:block;
	color:#4c863b !important;
	padding:0 !important;
	margin:1em 0 0 25% !important;
	border:none !important;
}

/* device */


.main{
	position:relative;
}

h1{
	padding:3rem 0;
}

h1 img{
	margin:0 auto;
}

nav li img{
	max-width:100%;
	margin:0 auto;
}

nav li a{
	display:block;
	background:rgba(0,0,0,0.52);
}

nav li a:hover{
	background:rgba(0,0,0,0.12);
}

nav li a:hover img{
	opacity:1;
}

nav li:nth-child(1){
	background:url(img/05.jpg) no-repeat center 40%;
	background-size:cover;
}

nav li:nth-child(2){
	background:url(img/06.jpg) no-repeat center 40%;
	background-size:cover;
}

nav li:nth-child(3){
	background:url(img/01.jpg) no-repeat 80% 80%;
	background-size:cover;
}

nav li:nth-child(4){
	background:url(img/03.jpg) no-repeat center 80%;
	background-size:cover;
}

nav li:nth-child(5){
	background:url(img/04.jpg) no-repeat center;
	background-size:cover;
}

footer{
	padding:2rem 0;
}

footer address{
	text-align:center;
}

footer img{
	max-width:calc(100% - 2em);
	margin:2rem auto 0 auto;
}


@media screen and (min-width:768px){
	html{
		width:100%;
		height:100%;
		font-size:12px;
	}

	body{
		width:100%;
		height:100%;
		font-size:1rem;
	}

}

@media screen and (max-width:767px){
	html{
		width:100%;
		height:100%;
		font-size:62.5%;
	}

	body{
		width:100%;
		height:100%;
		font-size:1.2rem;
	}

	h1 img{
		width:24%;
	}

	footer address{
		font-size:80%;
	}
}