@charset "UTF-8";

// COLOR
@black:#000;
@gray:#ccc;
@grayD:#444;
@grayL:#eee;
@white:#fff;
@red:#b21e28;

// LESS
@ncc:no-repeat center center;

// MIXIN
.trans{-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; -ms-transition:0.3s; transition:0.3s;}
.fb{font-weight:bold;}
.tac{text-align:center;}
.tdn{text-decoration:none;}
.tdu{text-decoration:underline;}
.bgsc{background-size:cover;}
.inline{display:-moz-inline-box; display:inline-block;}
.italic{font-style:italic;}

main{
a,abbr,acronym,address,applet,article,aside,audio,b,big,blockquote,canvas,caption,center,cite,code,dd,del,details,dfn,dialog,div,dl,dt,em,embed,fieldset,figcaption,figure,footer,form,h1,h2,h3,h4,h5,h6,header,hgroup,html,i,iframe,img,ins,kbd,label,legend,li,main,mark,menu,nav,object,ol,output,p,pre,q,ruby,s,samp,section,small,span,strike,strong,sub,summary,sup,table,tbody,td,textarea,tfoot,th,thead,time,tr,tt,u,ul,var,video{font-family:inherit;font-size:100%;font-weight:inherit;font-style:inherit;vertical-align:baseline;margin:0;padding:0;border:0;outline:0;background:0 0;}
	article,aside,details,figcaption,figure,footer,header,hgroup,main,menu,nav,section{display:block}
	ol,ul{list-style:none}
	blockquote,q{quotes:none}
	table{border-collapse:collapse;border-spacing:0}
	*{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;}
	.container{width:1120px; padding:0 20px; margin:0 auto;}
	.container:after,.row:after,.col:after,.clr:after,.group:after{content:"";display:table;clear:both;}
	.row{padding:auto; margin:0 auto;}
	.col{display:block;float:left;width:100%;}
	.reverse .col{float:right;}
	.gutters .col{margin-left:2%;}
	.gutters .col:first-child{margin-left:0;}
	.reverse .gutters .col{margin-left:0; margin-right:2%;}
	.reverse .gutters .col:first-child{margin-right:0;}
	.span_1 {width:8.33333333333%;}
	.span_2 {width:16.6666666667%;}
	.span_3 {width:25%;}
	.span_4 {width:33.3333333333%;}
	.span_5 {width:41.6666666667%;}
	.span_6 {width:50%;}
	.span_7 {width:58.3333333333%;}
	.span_8 {width:66.6666666667%;}
	.span_9 {width:75%;}
	.span_10{width:83.3333333333%;}
	.span_11{width:91.6666666667%;}
	.span_12{width:100%;}
	.gutters .span_1 {width:6.5%;}
	.gutters .span_2 {width:15.0%;}
	.gutters .span_3 {width:23.5%;}
	.gutters .span_4 {width:32.0%;}
	.gutters .span_5 {width:40.5%;}
	.gutters .span_6 {width:49.0%;}
	.gutters .span_7 {width:57.5%;}
	.gutters .span_8 {width:66.0%;}
	.gutters .span_9 {width:74.5%;}
	.gutters .span_10{width:83.0%;}
	.gutters .span_11{width:91.5%;}
	.gutters .span_12{width:100%;}
}

/*BASE*/
html,body,main{width:100%;}
main{line-height:1; -webkit-text-size-adjust:100%; color:@black; background:@white; clear:both; overflow:hidden;
font-family:"Noto Serif JP","游明朝体",YuMincho,"游明朝","Yu Mincho",Georgia,"Times New Roman","ヒラギノ明朝 ProN W3","Hiragino Mincho ProN","ヒラギノ明朝 Pro","Hiragino Mincho Pro","HG明朝E","ＭＳ Ｐ明朝","MS P明朝","MS PMincho","ＭＳ 明朝",serif;}
img{max-width:100%; height:auto; vertical-align:middle;}

/*CF*/
.cf:before,.cf:after{content:" ";display:table;}.cf:after{clear:both;}.cf{*zoom:1;}

/*LETTER*/
strong{.fb;}
em{background:linear-gradient(transparent 60%, @gray 60%);}
.sanserif{font-family:Roboto,"Droid Sans","Helvetica Neue",Arial,'Noto Sans','Noto Sans CJK JP',"source-han-serif-japanese",'NotoSans',"游ゴシック体","游ゴシック",YuGothic,"游ゴシック Medium","Yu Gothic Medium","Hiragino Sans","ヒラギノ角ゴシック","ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;}
.wf{font-family:'Cormorant';}
.attention{color:@red;}
.italic{font-style:italic;}
.small{font-size:80%!important;}
.large{font-size:139%!important;}
::selection{background:@black; color:@white;}
::-moz-selection{background:@black; color:@white;}

/*LINK*/
a:link{color:@black; .tdu; .trans;}
a:visited{color:@black; .tdu;}
a:hover{color:@gray; .tdn;}
a:active{color:@black; .tdn;}
a img{border:none; .tdn; .trans;}
a img:hover{opacity:0.7; .tdn;}

.leftbox{padding-right:20px;}
.rightbox{padding-left:20px;}

/*INTRO*/
.introtzikas_bg{.tac; position:relative; z-index:10000; width:100%; height:100%;
	img{width:400px; margin:auto; position:relative; top:50.5%; -webkit-transform:translateY(-50%); -ms-transform:translateY(-50%); transform:translateY(-50%);}
}

div.pagetitle{padding:80px 0; margin:0 0 100px; background:url("../_img/bg/32.jpg") @ncc; .bgsc;
	h2{font-size:500%; letter-spacing:2px; text-shadow:1px 1px 10px @white; .italic;}
}

div.pagemidashi{margin:0 0 120px;
	h2{font-size:500%; letter-spacing:5px;}
}

div.midashi{margin:0 0 40px; position:relative; z-index:99;
	p{float:left; font-size:1000%; line-height:0.2;}
	h3{float:right; font-size:250%; padding-left:50px; border-bottom:1px solid @black;}
}

div.contentsbox{width:100%; max-width:100%; margin:0 auto 100px; padding:0; height:auto;
	/*** display:-webkit-flex; display:flex;
	-webkit-flex-flow:row nowrap; flex-flow:row nowrap;
	-webkit-justify-content:center; justify-content:center;
	-webkit-align-items:center; align-items:center;***/
	article{width:100%; height:auto;
		img{margin:0 auto 4%;}
	}
}

div.postbody{
	h4{margin:0 0 2%; padding:0 0 2%; border-bottom:1px solid @gray; .fb;}
	p{font-size:124%; line-height:1.7; margin:0 0 4%;}
	p:last-child{margin:0;}
}

div.blktitle{background:@black; color:@white; padding:15px 0 15px; margin:0 0 20px; .italic;
	h3{font-size:350%; margin:0 0 5px; letter-spacing:2px;}
	h4{font-size:200%;}
}

div.pagefoot{background:@grayL; padding:30px 0; .tac;
	p{font-size:124%; line-height:1.7;}
	div.contactbtn{background:@black; width:60%; padding:25px 0; margin:20px auto 0; .fb;
		p{font-size:180%; line-height:1; color:@white!important;
			span{font-size:50%!important;}
			a:link{color:@white; .tdu; .trans;}
			a:visited{color:@white; .tdu;}
			a:hover{color:@white; .tdn;}
			a:active{color:@white; .tdn;}
		}
	}
}

/*BACK*/
div#back{z-index:99; position:fixed; bottom:36px; right:36px;
	a{background:@black; padding-top:15px; height:35px; width:50px; line-height:50px; border-radius:100%; display:block; .tdn; .tac;
		i{font-size:150%; color:@white; line-height:50px; display:block;}
	}
	a:hover{opacity:0.6;}
}


/*-----------------------------------------------------
 6px = 46.1%    7px = 53.8%    8px = 61.5%    9px = 69.2%
10px = 77%     11px = 85%     12px = 93%     13px = 100%
14px = 108%    15px = 116%    16px = 123.1%  17px = 131%
18px = 138.5%  19px = 146.5%  20px = 153.9%  21px = 161.6%
22px = 167%    23px = 174%    24px = 182%    25px = 189%
26px = 197%
------------------------------------------------------*/