@charset "UTF-8";

/*==================================================================
	0. BoxModel change
===================================================================*/
* {
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

/* ------------------------------------------------------------------
	1. Reset styles
-------------------------------------------------------------------*/
html {
	overflow-x:hidden;
	background:#FFF;
	-webkit-text-size-adjust: none;
}




body {
	overflow-x:hidden;
	-webkit-text-size-adjust:none;
	-ms-text-size-adjust:none;
	word-wrap:break-word;
}
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, object, iframe, pre, code, p, blockquote, form, fieldset, legend, table, th, td, caption, tbody, tfoot, thead, article, aside, figure, footer, header, hgroup, menu, nav, section, audio, video, canvas {
	margin:0;
	padding:0;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, menu { display:block; }
audio:not([controls]) {
	display:none;
	height:0;
}
[hidden] { display:none; }
table {
	border-collapse:collapse;
	border-spacing:0;
}
fieldset, img { border:none; }
address, caption, cite, code, dfn, em, strong, th, var {
	font-style:normal;
	font-weight:normal;
}
ul, ol, menu { list-style:none; }
caption, th { text-align:left; }
h1, h2, h3, h4, h5, h6 {
	font-size:100%;
	font-weight:normal;
}
q:before, q:after { content:''; }
abbr, acronym {
	border:none;
	font-variant:normal;
}
sup { vertical-align:text-top; }
sub { vertical-align:text-bottom; }
input, textarea, select {
	font-family:inherit;
	font-size:inherit;
	font-weight:inherit;
}
legend { color:#000; }
a img, map a { border:none; }
a:hover, a:active, a:focus { outline:0; }
embed { width:100%; }
audio, canvas, video { display:inline-block; }
audio:not([controls]) {
	display:none;
	height:0;
}
img, object, embed {
	max-width:100%;
	height:auto;
}
object, embed { height:100%; }
img {
	-ms-interpolation-mode:bicubic;
}

/* Font styles
-------------------------------------------------------------------*/

select, input, button, textarea, button { font:99% arial, sans-serif; }
table {
	font-size:inherit;
	font:100%;
}
pre, code, kbd, samp, tt {
	font-family:monospace;
	line-height:1;
}

/* General styles
-------------------------------------------------------------------*/
table { empty-cells:show; }
input { line-height:1; }
form img, input, select { vertical-align:middle; }
textarea { resize:none; }
select { padding:1px; }
label { margin-right:5px; }
legend { display:none; }
input[type="text"], input[type="password"], textarea {
	padding:3px 4px 0 3px;
	border:1px solid #999;
	border-right:1px solid #CCC;
	border-bottom:1px solid #CCC;
	font-size:13px;
}


/* ------------------------------------------------------------------
	1-2. VisualFormattingModel styles
-------------------------------------------------------------------*/
.noDisplay { display:none; }
.block { display:block !important; }
.inline { display:inline !important; }
.inlineBlock { display:inline-block !important; }
.static { position:static !important; }
.relative { position:relative !important; }
.absolute { position:absolute !important; }
.fixed { position:fixed !important; }
.leftBox { float:left; }
.rightBox { float:right; }
.nofloat { float:none !important; }
.clearfix { zoom:1; }
.clearfix:after {
	display:block;
	clear:both;
	content:"";
}
.clear { clear:both !important; }
a.hover:hover,
input.hover:hover {
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	opacity:0.7;
}

/* ------------------------------------------------------------------
	1-5. List styles
-------------------------------------------------------------------*/
.disc {
	padding-left:2em;
	list-style:disc;
}
.circle {
	padding-left:2em;
	list-style:circle;
}
.decimal {
	padding-left:2.4em;
	list-style:decimal;
}

/* ------------------------------------------------------------------
	1-6. CSS3 common styles
-------------------------------------------------------------------*/
.boxShadow {
	-webkit-box-shadow:0 0 5px #DDD;
	box-shadow:0 0 5px #DDD;
	behavior:url(../common/js/PIE.htc);
}
.textShadowW {
	text-shadow:0 1px 0 #E7E7E7;
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#E7E7E7,offx=0,offy=1)";
}
.textShadowB {
	text-shadow:0 1px 0 #111;
	-ms-filter:"progid:DXImageTransform.Microsoft.DropShadow(color=#111111,offx=0,offy=1)";
}
.radius5 {
	border-radius:5px;
	behavior:url(../common/js/PIE.htc);
}
.radius10 {
	border-radius:10px;
	behavior:url(../common/js/PIE.htc);
}

/* ------------------------------------------------------------------
	1-3. BoxModel styles
-------------------------------------------------------------------*/
.t20b20 {margin: 20px 0;}
.mt10 { margin-top:10px; }
.mt20 { margin-top:20px; }
.mt30 { margin-top:30px; }
.mt40 { margin-top:40px; }
.mt50 { margin-top:50px; }
.mt60 { margin-top:60px; }
.mt70 { margin-top:70px; }
.mt80 { margin-top:80px; }
.mt90 { margin-top:90px; }
.mt100 { margin-top:100px; }
.mb10 { margin-bottom:10px; }
.mb20 { margin-bottom:20px; }
.mb30 { margin-bottom:30px; }
.mb40 { margin-bottom:40px; }
.mb50 { margin-bottom:50px; }
.mb60 { margin-bottom:60px; }
.mb70 { margin-bottom:70px; }
.mb80 { margin-bottom:80px; }
.mb90 { margin-bottom:90px; }
.mb100 { margin-bottom:100px; }
.mr10 { margin-right:10px; }
.mr20 { margin-right:20px; }
.mr30 { margin-right:30px; }
.mr40 { margin-right:40px; }
.mr50 { margin-right:50px; }
.mr60 { margin-right:60px; }
.mr70 { margin-right:70px; }
.mr80 { margin-right:80px; }
.mr90 { margin-right:90px; }
.mr100 { margin-right:100px; }
.ml10 { margin-left:10px; }
.ml20 { margin-left:20px; }
.ml30 { margin-left:30px; }
.ml40 { margin-left:40px; }
.ml50 { margin-left:50px; }
.ml60 { margin-left:60px; }
.ml70 { margin-left:70px; }
.ml80 { margin-left:80px; }
.ml90 { margin-left:90px; }
.ml100 { margin-left:100px; }

/*-----------------------------------------------------------
line height
------------------------------------------------------------*/
.line14 { line-height:14px; }
.line15 { line-height:15px; }
.line16 { line-height:16px; }
.line17 { line-height:17px; }
.line18 { line-height:18px; }
.line19 { line-height:19px; }
.line20 { line-height:20px; }
.line21 { line-height:21px; }
.line22 { line-height:22px; }
.line23 { line-height:23px; }
.line24 { line-height:24px; }
.line25 { line-height:25px; }
.line26 { line-height:26px; }
.line27 { line-height:27px; }
.line28 { line-height:28px; }
.line29 { line-height:29px; }
.line30 { line-height:30px; }

/*-----------------------------------------------------------
FONT Weight
------------------------------------------------------------*/
.fwB { font-weight:bold; }

/*-----------------------------------------------------------
FONT Size
------------------------------------------------------------*/
.fz10 { font-size:10px; }
.fz11 { font-size:11px; }
.fz12 { font-size:12px; }
.fz13 { font-size:13px; }
.fz14 { font-size:14px; }
.fz15 { font-size:15px; }
.fz16 { font-size:16px; }
.fz17 { font-size:17px; }
.fz18 { font-size:18px; }
.fz19 { font-size:19px; }
.fz20 { font-size:20px; }
.fz21 { font-size:21px; }
.fz22 { font-size:22px; }
.fz23 { font-size:23px; }
.fz24 { font-size:24px; }
.fz25 { font-size:25px; }
.fz26 { font-size:26px; }
.fz27 { font-size:27px; }
.fz28 { font-size:28px; }
.fz29 { font-size:29px; }
.fz30 { font-size:30px; }

/*-----------------------------------------------------------
FONT family
------------------------------------------------------------*/
.ffN {
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.ffM {
	font-family:"ヒラギノ明朝 Pro W6", "Hiragino Mincho Pro", "HGS明朝E", "ＭＳ Ｐ明朝", serif;
}

/*-----------------------------------------------------------
FLOAT
------------------------------------------------------------*/
.floatL {
	float:left;
	display:inline-block;
}
.floatR {
	float:right;
	display:inline-block;
}

/*-----------------------------------------------------------
Text-Align
------------------------------------------------------------*/
.taL { text-align:left; }
.taC { text-align:center; }
.taR { text-align:right; }

/*-----------------------------------------------------------
Link
------------------------------------------------------------*/
a:link {
	color:#333;
	text-decoration:none;
}
a:visited {
	color:#333;
	text-decoration:none;
}
a:hover {
	color:#aaa;
	text-decoration:none;
	-moz-transition:all 0.26s ease-out;
	-o-transition:all 0.26s ease-out;
	-webkit-transition:all 0.26s ease-out;
	-ms-transition:all 0.26s ease-out;
}
a:active {
	color:#64AB18;
	text-decoration:none;
}

/*==================================================================
	2 Layout setting
===================================================================*/

/*-----------------------------------------------------------
Body
-------------------------------------------------------------*/
body {
	width:100%;
	margin:0;
	padding:0;
	line-height:1.6;
	letter-spacing:0;
	font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size:14px; 
	min-width:320px;
}
.pcDisplay { display:block; }
.spDisplay { display:none; }
.noDisplay { display:none !important; }

.maxW {
	margin:0 auto 40px;
	max-width:980px;
	padding-left:10px;
	padding-right:10px;
}

/*-----------------------------------------------------------
Header
------------------------------------------------------------*/
#header {
	width:100%;
	margin:0 auto;
	background:url(../../img/common/header/bg_head.png) repeat left top;
	padding-top:4px;
}


.wrapHead {
	background:#fff;
}

.headerInner {
	max-width:980px;
	margin:0 auto;
	padding:0 10px;
	position:relative;
}

#logo {
	position:absolute;
	top:0;
	left:0;
	z-index:90;
}

.boxHead {
	text-align:right;
	padding:12px 0 15px;
}

.boxHead .innerBox {
	display:inline-block;
	width:84%;
	text-align:left;
	padding:5px 0 0;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
}

.boxHead .innerBox h1 {
	display:inline-block;
	vertical-align:middle;
	width:61%;
	font-size:12px;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
}

.boxHead .innerBox  .headBtn {
	display:inline-block;
	vertical-align:middle;
	width:38%;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
}

.btn_head {
	background:url(../../img/common/header/border.png) repeat left top;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	padding-bottom:5px;
	padding-right:5px;
	float:left;
	width:47%;
	margin-left:15px;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
}

.btn_head:hover {
	opacity:.7;
}

.btn_head p {
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-left:-5px;
	margin-top:-5px;
	padding:9px 0;
	text-align:center;
}

.btn_head p a {
	color:#fff;
	font-size:14px;
	font-weight:bold;
}

#btn01 {
	margin-left:0;
}

#btn01 p {
	background:#00a0e9;
	text-align:center;
	
}

#btn02 p {
	background:#e41b7f;
	text-align:center;
}

/*-----------------------------------------------------------
Global Navi
-------------------------------------------------------------*/
#gNavi {
	clear:both;
	padding:11px 0;
	width:100%;
	background:#f8f8f8;
	text-align:right;
}

#gNavi ul {
	display:inline-block;
	width:86%;
	vertical-align:middle;
	-moz-transition:all 0.3s ease-out;
	-o-transition:all 0.3s ease-out;
	-webkit-transition:all 0.3s ease-out;
	-ms-transition:all 0.3s ease-out;
}

#gNavi ul li {
	float:left;
	background:url(../../img/common/header/bg_dotted.png) repeat-y right top;
	text-align:center !important;
	padding:5px 0;
	font-weight:bold;
}

#gNavi ul li:hover {
	opacity:.7;
}

#gNavi ul #nav01 {
	width:16%;
}

#gNavi ul #nav02 {
	width:26%;
}

#gNavi ul #nav03 {
	width:18%;
}

#gNavi ul #nav04 {
	width:20%;
}

#gNavi ul #nav05 {
	width:20%;
}

.innerGnavi {
	max-width:980px;
	margin:0 auto;
	padding:0 10px;
}



/*-----------------------------------------------------------
Bread
------------------------------------------------------------*/
#bread {
	margin:10px 0;
}
#bread li {
	float:left;
}
#bread .home {
	margin:0 8px 0 0;
}
#bread .next {
	padding:0 0 0 10px;
}


@font-face {
	font-family: 'ost';
	src: url('../font/OstrichSans-Heavy.otf');
	src: url('../font/OstrichSans-Heavy.ttf');
	src: url('../font/OstrichSans-Heavy.eot');
	src: url('../font/OstrichSans-Heavy.eot?#iefix') format('embedded-opentype'),
         url('../font/OstrichSans-Heavy.woff2') format('woff2'),
         url('../font/OstrichSans-Heavy.woff') format('woff'),
         url('../font/OstrichSans-Heavy.ttf') format('truetype'),
         url('../font/OstrichSans-Heavy.svg#oswald_regularregular') format('svg');
}

@font-face {
	font-family: 'brush';
	src: url('../font/Brush-Script-Std-Medium_8614.ttf');
}



/*-----------------------------------------------------------
Container
------------------------------------------------------------*/
#container {
	clear:both;
	margin:0 auto 50px;
	max-width:1020px;
	padding-left:10px;
	padding-right:10px;
}



/*-----------------------------------------------------------
mainContent
------------------------------------------------------------*/
#mainContent {
	float:right;
	width:70%;
}



/*-----------------------------------------------------------
Sidebar
------------------------------------------------------------*/
#sidebar {
	float:left;
	width:26%;
}
.sideHead1 {
	font-weight:bold;
	text-align:center;
	padding:8px 0;
	border-top:3px solid #ccc;
	border-bottom:3px solid #ccc;
}
.lNavi li {
	border-bottom:1px dotted #ccc;
}
.lNavi a {
	display:block;
	background:url(../img/other/arrow1.png) no-repeat 100% 50%;
	-moz-background-size:16px 9px;
	-webkit-background-size:16px 9px;
	-o-background-size:16px 9px;
	-ms-background-size:16px 9px;
	background-size:16px 9px;
	padding:10px;
}



/*-----------------------------------------------------------
PageTop
------------------------------------------------------------*/
#pageTop {
	text-align:right;
	padding:10px;
}


/*-----------------------------------------------------------
Footer
------------------------------------------------------------*/
#footer {
	clear:both;
	width:100%;
	background:url(../../img/common/header/bg_head.png) repeat left top;
	padding:35px 0 0px;
}

#footer .footerInner {
	max-width:1000px;
	padding:0 20px 30px;
	margin:0 auto;
	color:#fff;
}


.lstFoolt li {
	background:url(../../img/common/footer/arrow.png) no-repeat left center;
	padding-left:20px;
	font-size:16px;
	margin-left:25px;
	float:left;
	margin-bottom:15px;
}

.lstFoolt li a {
	color:#fff;
}

.lstFoolt li:first-child {
	margin-left:0;
}


#copyright {
	background:#fff url(../../img/common/footer/bg_copy.png) no-repeat left top;
	background-size:contain;
	text-align:center;
	padding:25px 0 15px;
}

#copyright .inner {
	max-width:1000px;
	margin:0 auto;
	padding: 0 20px;
}

#copyright p {
	font-size:10px;
	float:right;
}

#copyright ul {
	float:left;
}

#copyright ul li {
	float:left;
	border-left:1px solid #000;
	font-size:12px;
	padding-left:15px;
	line-height:1;
	margin-left:15px;
}

#copyright ul li:first-child {
	border-left:none;
	padding-left:0;
	margin-left: 0;
}


.spBr {
	display: none;
}

.leftFoot {
	float:left;
	width:50%;
}

.centerFoot {
	float:left;
	width:40%;
	border-left:1px solid #838383;
	padding-left:30px;
}

.rightFoot {
	float:left;
	width:8%;
	padding-left:30px;
}

.logoFoot {
	font-size:18px;
	margin-bottom:2px;
}

.logoFoot img {
	margin-right:10px;
}

.logoSns{
	width:40px;
}

.imgMax {
	width:100%;
	height:auto;
}

.bread  {
	display:inline-block;
	background:url(../../img/news/border.png) repeat left center;
	padding:20px 15px 10px;
	margin-top:-10px;
	position:relative;
	z-index:90;
}

.bread li {
	float:left;
	background:url(../../img/common/other/ico_v.png) no-repeat left center;
	padding-left:15px;
	margin-left:15px;
	font-size:12px;
}

.bread li:first-child {
	padding-left:0;
	background:none;
}

.mainImg {
	position:relative;
}

.mainImg img {
	line-height:1;
	vertical-align:bottom;
}
.mainImg p {
	position:absolute;
	font-size:14px;
	text-align:center;
	left:50%;
	top: 10%;
}

.mainImg p span {
	font-family:'ost';
	font-size:48px;
	line-height:1;
}

/* WordPress */
.wp-pagenavi {
	clear: both;
	text-align: center;
	font-family:'ost';
	margin-top:40px;
}
.wp-pagenavi span, .wp-pagenavi a {
	line-height:30px;
	display:inline-block;
	margin:0 4px;
	color:#666;
	text-align:center;
}
.wp-pagenavi a, .wp-pagenavi span.current {
	-webkit-border-radius: 100%;
	-moz-border-radius: 100%;
	border-radius: 100%;
	width:40px;
	height:40px;	
	background:#e6e6e6;	
	line-height:1.9;
	font-size:24px;
}

.wp-pagenavi a:hover, .wp-pagenavi span.current {
	background: #90c320;
	color:#fff;
}
.wp-pagenavi .pages {
	margin-right:15px;
}

/*-----------------------------------------------------------
Media
------------------------------------------------------------*/



@media only screen and (min-width:768px) and (max-width:1024px) {
	.boxHead .innerBox {
		width:80%;
	}
	
	.boxHead .innerBox h1 {
		width:55%;
		font-size:10px;
	}
	
	.boxHead .innerBox .headBtn {
		width: 44%;
	}
	
	#logo {
		left:10px;
		top:-1px;
	}
	
	#gNavi ul {
		width:83%;
	}
	
	#gNavi ul li a {
		font-size:12px;
	}
	
	.lstFoolt li {
		font-size:13px;
		margin-left:15px;
	}
	
	.rightFoot {
		font-size:13px;
		padding-left:20px;
	}
}
/* End Tablet */






/* Smartphone */
@media only screen and (max-width:767px) {
body {
	font-size:13px;
}
.pcDisplay { display:none; }
.spDisplay { display:block; }

/*-----------------------------------------------------------
Header
------------------------------------------------------------*/
#spHeader { 
	width:100%;
	margin:0 auto;
	position:fixed;
	left:0;
	top:0;
	z-index:1300;
	background:url(../../img/common/header/bg_head.png) repeat left top;
	background-size: 2px 2px;
	padding-top:2px;
}

.wrapSP_head {
	background:#fff;
	position:relative;
	padding: 13px 10px 10px;
	z-index: 1210;
}

#spLogo {
	position:absolute;
	top:0;
	left:20px;
	width:74px;	
}

#spLogo img {
	border:1px solid #fff;
	border-top:none;
	-webkit-border-bottom-right-radius: 3px;
-webkit-border-bottom-left-radius: 3px;
-moz-border-radius-bottomright: 3px;
-moz-border-radius-bottomleft: 3px;
border-bottom-right-radius: 3px;
border-bottom-left-radius: 3px;
}


.spMenu {
	float:right;
	width:46px;
    text-align: center;
}
.spMenu img {
	vertical-align:top;
}
.spMenu #btnMenu {
	cursor:pointer;
}
.spMenu .closeImg {
	display:none;
}
#sideMenu {
	display:none;
	position:absolute;
	right:0;
	top:0;
	width:100%;
	z-index:1200;
}
#sideMenu #menu {
	
}
#menuInner {
	padding: 70px 20px 25px ;
	background:url(../../img/common/header/bg_head.png) repeat left top;
	overflow-x: hidden;
}
#sideMenu #menu li {
	border-bottom:1px solid #666666;
}
#sideMenu #menu li a {
	display:block;
	padding:13px 10px 13px 0;
	background:url(../../img/common/other/arrow1.png) no-repeat right 7px center;
	-moz-background-size:6px 7px;
	-webkit-background-size:6px 7px;
	-o-background-size:6px 7px;
	-ms-background-size:6px 7px;
	background-size:6px 7px;
	color:#fff;
}

#sideMenu #menu li a span {
	color:#90c320;
	font-family:'ost';
	font-size:10px;
	margin-left:10px;
}

#sideMenu .closeBottom {
	text-align:center;
}
#sideMenu .closeBottom span {
	display:block;
	cursor:pointer;
	padding:13px 0;
	background:#b3b3b3;
}

.btn_head {
	width:89px;
	margin-top:3px;
}

.btn_head p a {
	font-size:12px !important;
}

.rightHead_sp {
	float:right;
	width:160px;
}

.navSp {
	margin-top:20px;
}

.mainTop {
	margin-top:25px !important;
}

/*-----------------------------------------------------------
Global Navi
-------------------------------------------------------------*/
#gNavi {
	clear:both;
	border-bottom:1px solid #ccc;
	padding:10px 0;
}



/*-----------------------------------------------------------
mainContent
------------------------------------------------------------*/
#mainContent {
	float:none;
	width:100%;
}


/*-----------------------------------------------------------
Footer
------------------------------------------------------------*/
#footer {
    background: url(../../img/common/header/bg_head.png) repeat left top;
	background-size: 2px 2px;
    padding: 30px 0 0px;
}
.sp_fNavi  {
	margin-bottom:25px;
}

.sp_fNavi li {
	border-bottom:1px solid #666666;
}

.txtFoot {
	font-size:22px;
	font-family:'ost';
	color:#fff;
}

.sp_fNavi a {
	display:block;
	background:url(../../img/common/other/arrow1.png) no-repeat 95% 50%;
	-moz-background-size:6px 7px;
	-webkit-background-size:6px 7px;
	-o-background-size:6px 7px;
	-ms-background-size:6px 7px;
	background-size:6px 7px;
	padding:13px 10px 13px 0;
	color:#fff;
	font-size:13px;
}

.sp_fNavi a span {
	color:#90c320;
	font-family:'ost';
	font-size:10px;
	margin-left:10px;
}

.spBr {
	display: inline-block;
}

#copyright {
	background:#fff url(../../img/common/footer/bg_copy_sp.png) no-repeat left top;
	background-size:contain;
}
#copyright .inner {
	padding: 0;
}

#copyright ul {
	padding:0;
	margin-bottom:15px;
	float: none;
	text-align: center
}

#copyright ul li {
	float: none;
	display: inline-block;
	font-size:10px;
	padding-left:7px;
	margin-left:7px;
}

#copyright ul li:first-child {
	margin-left:0;
}

#copyright p {
	font-size:8px;
	letter-spacing: 1px;
	width:100%;
	text-align:center;
}


.mainImg {
margin-bottom:25px;
margin-top:66px;
}

.mainImg p span {
	font-size:35px;
}

}
/* End Smartphone */