@charset "UTF-8";

/* About This CSS File -----------------------------------------------
name:base.css
date:2016.02.16
--------------------------------------------------------------------*/

/*----------------------------------------------------
	基本設定
----------------------------------------------------*/
html { overflow-y:scroll; height:100%; -webkit-text-size-adjust:100%; }
body { width:100%!important; height:100%!important; font-family:"Helvetica Neue", Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif; font-size:13px; color:#231815; line-height:1.4em; text-align:left; background:#FFF;
-webkit-text-size-adjust:100%;
_display:inline;
_zoom:1; }

@media screen and (min-width:1060px) ,print{
.tabDisplay { display:none!important; }
.spDisplay { display:none!important; }
.sptabDisplay { display:none!important; }
.sspDissplay_on { display:none!important; }
}

@media screen and (min-width:600px) and (max-width:1059px) ,print{
.pcDisplay { display:none!important; }
.spDisplay { display:none!important; }
.sspDissplay_on { display:none!important; }
}

@media screen and (min-width:1px) and (max-width:599px) ,print{
.pcDisplay { display:none!important; }
.pctabDisplay { display:none!important; }
}

/*----------------------------------------------------
	リンク設定
----------------------------------------------------*/
/*--link--*/
a:link { color:#3D5F3F; text-decoration:none; }

@media screen and (min-width:1px) ,print{
a:hover { opacity:0.3; filter:alpha(opacity=30); -ms-filter:"alpha(opacity=30)";
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out; }
}

/*--bottom mouseover setting--*/
.btnImg:hover { opacity:0.3; filter:alpha(opacity=30); -ms-filter:"alpha(opacity=30)";
	-webkit-transition:0.3s ease-in-out;
	-moz-transition:0.3s ease-in-out;
	-ms-transition:0.3s ease-in-out;
	-o-transition:0.3s ease-in-out;
	transition:0.3s ease-in-out; }


/*----------------------------------------------------
	#page（ページ全体）
----------------------------------------------------*/
#container { width:100%!important; }
/*.wrapper { width:1040px; margin:0 auto; position:relative; }
.fixed { position:fixed; top:0; left:0; width:100%; z-index:10000; }*/
#page { font-size:100%; width:100%; height:100%; text-align:left; position:relative; }
.wrap { max-width:1060px; margin:0 auto; position:relative; }
.wrapMax { max-width:100%; margin:0 auto; position:relative; }
.main { padding:20px 10px; position:relative; }
.mainBlock { padding:20px 0; position:relative; }

	/*
	@media screen and (min-width:1px) and (max-width:1059px) ,print{
	.wrap { width:1060px; min-width:1060px; margin:60px auto 0 auto; }
	}
	*/

.white01-bg { background-color:#FFF; }
.gray01-bg { background-color:#f2f2f2; }
.gray02-bg { background-color:#000000; }
.gray03-bg { background-color:#c5c5c5; }
.gray04-bg { background:rgba(0,0,0,0.7); }
.black01-bg { background:rgba(19,16,11,1.0); }

.photoA-bg {
	background-image:url(images/top/mainA.jpg);/* 画像ファイルの指定 */
	background-position:center center; /* 画像を常に天地左右の中央に配置 */
	background-repeat:no-repeat;/* 画像をタイル状に繰り返し表示しない */
	background-attachment:fixed;/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
	background-size:cover;/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-color:#f2f2f2;/* 背景画像が読み込まれる前に表示される背景のカラー */
	padding-top:200px;
}
.photoB-bg {
	background-image:url(images/top/mainB.jpg);/* 画像ファイルの指定 */
	background-position:center center; /* 画像を常に天地左右の中央に配置 */
	background-repeat:no-repeat;/* 画像をタイル状に繰り返し表示しない */
	background-attachment:fixed;/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
	background-size:cover;/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-color:#f2f2f2;/* 背景画像が読み込まれる前に表示される背景のカラー */
	padding-top:200px;
}
.photoC-bg {
	background-image:url(images/top/mainC.jpg);/* 画像ファイルの指定 */
	background-position:center center; /* 画像を常に天地左右の中央に配置 */
	background-repeat:no-repeat;/* 画像をタイル状に繰り返し表示しない */
	background-attachment:fixed;/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
	background-size:cover;/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-color:#f2f2f2;/* 背景画像が読み込まれる前に表示される背景のカラー */
	padding-top:200px;
}
.photoD-bg {
	background-image:url(images/top/mainD.jpg);/* 画像ファイルの指定 */
	background-position:center center; /* 画像を常に天地左右の中央に配置 */
	background-repeat:no-repeat;/* 画像をタイル状に繰り返し表示しない */
	background-attachment:fixed;/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
	background-size:cover;/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-color:#f2f2f2;/* 背景画像が読み込まれる前に表示される背景のカラー */
	padding-top:200px;
}
.photoE-bg {
	background-image:url(images/top/mainE.jpg);/* 画像ファイルの指定 */
	background-position:center center; /* 画像を常に天地左右の中央に配置 */
	background-repeat:no-repeat;/* 画像をタイル状に繰り返し表示しない */
	background-attachment:fixed;/* コンテンツの高さが画像の高さより大きい時、動かないように固定 */
	background-size:cover;/* 表示するコンテナの大きさに基づいて、背景画像を調整 */
	background-color:#f2f2f2;/* 背景画像が読み込まれる前に表示される背景のカラー */
	padding-top:200px;
}

@media screen and (min-width:600px) and (max-width:1200px) ,print{
.photoA-bg { background-position:left top; background-size:100%; }
.photoB-bg { background-position:left top; background-size:100%; }
.photoC-bg { background-position:left top; background-size:100%; }
.photoD-bg { background-position:left top; background-size:100%; }
.photoE-bg { background-position:left top; background-size:100%; }
}
@media screen and (min-width:1px) and (max-width:599px) ,print{
.photoA-bg { background-position:left top; background-size:100%; padding-top:100px; }
.photoB-bg { background-position:left top; background-size:100%; padding-top:100px; }
.photoC-bg { background-position:left top; background-size:100%; padding-top:100px; }
.photoD-bg { background-position:left top; background-size:100%; padding-top:100px; }
.photoE-bg { background-position:left top; background-size:100%; padding-top:100px; }
}


/*----------------------------------------------------
	header
----------------------------------------------------*/
#globalHeader { }
	body.home #globalHeader { height:100%; width:100%; position:relative; }

#headerSNSbtn { position:absolute; top:10px; right:10px; z-index:9999; }
	#headerSNSbtn li { float:left; margin-left:10px; }
	#headerSNSbtn img { width:22px; }

.headerSNSbtnPage  { position:absolute; top:35px; right:10px; }
	.headerSNSbtnPage li { float:left; margin-left:10px; }
	.headerSNSbtnPage img { width:22px; padding-top:5px; }

/*--Video--
@media screen and (max-width:1059px) ,print{
#big-video-wrap { display:none!important; }
}*/

/* #first-view
----------------------------------------------------*/
#first-view { /*min-width:1060px;*/ height:100%; min-height:100%; text-align:center; position:relative; }

	@media screen and (min-width:700px)  ,print{
	#first-view #logo { font-size:0; line-height:0; width:200px; height:120px; 	margin-top:-70px; margin-left:-100px; position:absolute; top:50%; left:50%; }
		#first-view #logo .logoImg { width:200px; }
	}

	@media screen and (min-width:400px) and (max-width:699px) ,print{
	#first-view #logo { font-size:0; line-height:0; width:200px; height:120px; margin-top:-70px; margin-left:-100px; position:absolute; top:50%; left:50%; }
		#first-view #logo .logoImg { width:200px; }
	}

	@media screen and (min-width:1px) and (max-width:399px) ,print{
	#first-view #logo { font-size:0; line-height:0; width:200px; height:120px; margin-top:-70px; margin-left:-100px; position:absolute; bottom:100px; left:50%; }
		#first-view #logo .logoImg { width:200px; }
	}

	/*#first-view #logo .page-down { padding-top:30px; }*/
	#first-view #logo .page-down { padding-top:15px;
		-webkit-animation:floating 3s infinite ease-in-out;
		animation:floating 3s infinite ease-in-out; }

		@-webkit-keyframes floating {
			from { -webkit-transform:translateY(0px);
				        transform:translateY(0px);
			}
			65% {
				-webkit-transform:translateY(15px);
				        transform:translateY(15px);
			}
			to {
				-webkit-transform:translateY(-0px);
				        transform:translateY(-0px);
			}
		}

		@keyframes floating {
			from {
				-webkit-transform:translateY(0px);
				        transform:translateY(0px);
			}
			65% {
				-webkit-transform:translateY(15px);
				        transform:translateY(15px);
			}
			to {
				-webkit-transform:translateY(-0px);
				        transform:translateY(-0px);
			}
		}


/* #gNavi
----------------------------------------------------*/
body.home #gNavi {
	margin-top:-88px;
	position:relative;
}




/*====================================================================
	グローバルナビ
====================================================================*/
/*----------------------------------------------------
	PC
----------------------------------------------------*/
#gNavi { background-color:#70ad19; /*background:url(images/gnav/gnavBg.png) repeat;*/ text-align:center; }
	#gNavi ul { padding:10px 0; }
		#gNavi ul li { display:inline-block; font-size:0; line-height:0; padding:0 11px;
		*display:inline;
		zoom:1; }
	#gNavi .gNavLogo { height:50px; padding-bottom:5px; }

.fixed { position:fixed!important; top:0; left:0; width:100%; margin-top:0!important; z-index:2000; }

/*----------------------------------------------------
	TAB/SP
----------------------------------------------------*/
@media screen and (min-width:600px) and (max-width:1059px) ,print{
#scrollNav { margin-top:0px; width:100%; /*background:url(../images/scrollNavBg-min.png) no-repeat center top;*/ z-index:9999; position:fixed; top:0; }
#scrollNav .navWrapper { width:100%; height:54px; margin:0 auto; background:url(images/gnav/gnavBg.png) repeat #000; /*border-bottom:1px solid #bdbdbd;*/ }
	.navWrapper .menuLeft { float:left; }
	.navWrapper .menuLeft .navBtnLi { width:54px; height:54px; background-size:54px 54px; cursor:pointer; }
		.navWrapper .menuLeft .navBtnLi:hover { background:url(images/common/scrollNavMainBtnOv.png) no-repeat left top; cursor:pointer; background-size:54px 54px;
			-webkit-transition:All 0.5s ease;
			-moz-transition:All 0.5s ease;
			-o-transition:All 0.5s ease;
			-ms-transition:All 0.5s ease;
			transition:All 0.5s ease; }
		.menuLeft a{ display:block; }
		.menuLeft li ul { background:url(images/common/itemNaviBg.png) repeat; width:100%; height:auto; position:absolute; left:0; display:none; }

	ul.accordion span { width:100%; height:54px; display:block; padding:0; color:#ffffff; cursor:pointer; text-indent:-9999px;  background:url(images/common/scrollNavMainBtn.png) no-repeat left top; background-size:54px 54px; }
	.open { background:url(images/common/scrollNavMainBtnOv_close.png) no-repeat left top!important; cursor:pointer; background-size:54px 54px!important; }

#scrollNavFixed { margin-top:0px; width:100%; height:54px; background:#000; position:fixed; z-index:9999; }
#scrollNavFixed .navWrapper { width:100%; height:54px; margin:0 auto; background:#000; }
	.navWrapper .menuLeft { float:left; }
		.menuLeft a{ display:block; }
		.menuLeft li ul li { box-sizing:border-box; width:25%; float:left; text-align:center; border-top:solid 1px #4f4f4f; }
			.menuLeft li ul li a { display:block!important; padding:20px 0px; }
			.menuLeft li ul li:hover { background:#1b1b1b;
				-webkit-transition:All 0.5s ease;
				-moz-transition:All 0.5s ease;
				-o-transition:All 0.5s ease;
				-ms-transition:All 0.5s ease;
				transition:All 0.5s ease; }
			.menuLeft li ul li.navBtnLi01 { border-right:solid 1px #4f4f4f; border-bottom:solid 1px #4f4f4f; }
			.menuLeft li ul li.navBtnLi02 { border-right:solid 1px #4f4f4f; border-bottom:solid 1px #4f4f4f; }
			.menuLeft li ul li.navBtnLi03 { border-right:solid 1px #4f4f4f; border-bottom:solid 1px #4f4f4f; }
			.menuLeft li ul li.navBtnLi04 { border-right:none; border-bottom:solid 1px #4f4f4f; }
			.menuLeft li ul li.navBtnLi05 { border-right:solid 1px #4f4f4f; border-bottom:solid 1px #4f4f4f; border-top:none; }
			.menuLeft li ul li.navBtnLi06 { border-right:solid 1px #4f4f4f; border-bottom:solid 1px #4f4f4f; border-top:none; }
			.menuLeft li ul li.navBtnLi07 { border-right:solid 1px #4f4f4f; border-bottom:solid 1px #4f4f4f; border-top:none; }
			.menuLeft li ul li.navBtnLi08 { border-right:none; border-bottom:solid 1px #4f4f4f; border-top:none; }

			.menuLeft li ul li a { color:#FFF; }
			.menuLeft li ul li a:visited {color:#FFF; text-decoration:none;}
			.menuLeft li ul li a:active {color:#FFF; text-decoration:none;}
			.menuLeft li ul li a:hover {color:#FFF; text-decoration:none;}
		.navWrapper .menuRight { float:right; }
		.navWrapper li { list-style:none; float:left; }

	.scrollNavImg { height:40px; margin:7px 0 0 10px; }
	.scrollNavSNSImg { height:22px; margin:16px 0 0 10px; }
}

@media screen and (min-width:1px) and (max-width:599px) ,print{
#scrollNav { margin-top:0px; width:100%; /*background:url(../images/scrollNavBg-min.png) no-repeat center top;*/ z-index:9999; position:fixed; top:0; }
#scrollNav .navWrapper { width:100%; height:54px; margin:0 auto; background:url(images/gnav/gnavBg.png) repeat #000; /*border-bottom:1px solid #bdbdbd;*/ }
	.navWrapper .menuLeft { float:left; }
	.navWrapper .menuLeft .navBtnLi { width:54px; height:54px; background-size:54px 54px; }
		.navWrapper .menuLeft .navBtnLi:hover { background:url(images/common/scrollNavMainBtnOv.png) no-repeat left top; cursor:pointer; background-size:54px 54px;
			-webkit-transition:All 0.5s ease;
			-moz-transition:All 0.5s ease;
			-o-transition:All 0.5s ease;
			-ms-transition:All 0.5s ease;
			transition:All 0.5s ease; }
		.menuLeft a{ display:block; }
		.menuLeft li ul { background:url(images/common/itemNaviBg.png) repeat; width:100%; height:auto; position:absolute; left:0; display:none; }

	ul.accordion span { width:100%; height:54px; display:block; padding:0; color:#ffffff; cursor:pointer; text-indent:-9999px;  background:url(images/common/scrollNavMainBtn.png) no-repeat left top; background-size:54px 54px; }
	.open { background:url(images/common/scrollNavMainBtnOv_close.png) no-repeat left top!important; cursor:pointer; background-size:54px 54px!important; }

#scrollNavFixed { margin-top:0px; width:100%; height:54px; background:#000; position:fixed; z-index:9999; }
#scrollNavFixed .navWrapper { width:100%; height:54px; margin:0 auto; background:#000; }
	.navWrapper .menuLeft { float:left; }
		.menuLeft a{ display:block; }
		.menuLeft li ul li { box-sizing:border-box; width:50%; float:left; text-align:center; border-top:solid 1px #4f4f4f; }
			.menuLeft li ul li a { display:block!important; padding:20px 0px; }
			.menuLeft li ul li:hover { background:#1b1b1b;
				-webkit-transition:All 0.5s ease;
				-moz-transition:All 0.5s ease;
				-o-transition:All 0.5s ease;
				-ms-transition:All 0.5s ease;
				transition:All 0.5s ease; }
			.menuLeft li ul li.navBtnLi01 { border-right:solid 1px #4f4f4f; border-bottom:none; }
			.menuLeft li ul li.navBtnLi02 { border-right:none; border-bottom:none; }
			.menuLeft li ul li.navBtnLi03 { border-right:solid 1px #4f4f4f; border-bottom:solid 1px #4f4f4f; }
			.menuLeft li ul li.navBtnLi04 { border-right:none; border-bottom:solid 1px #4f4f4f; }
			.menuLeft li ul li.navBtnLi05 { border-right:solid 1px #4f4f4f; border-bottom:solid 1px #4f4f4f; border-top:none; }
			.menuLeft li ul li.navBtnLi06 { border-right:none; border-bottom:solid 1px #4f4f4f; border-top:none; }
			.menuLeft li ul li.navBtnLi07 { border-right:solid 1px #4f4f4f; border-bottom:solid 1px #4f4f4f; border-top:none; }
			.menuLeft li ul li.navBtnLi08 { border-right:none; border-bottom:solid 1px #4f4f4f; border-top:none; }

			.menuLeft li ul li a { color:#FFF; }
			.menuLeft li ul li a:visited {color:#FFF; text-decoration:none;}
			.menuLeft li ul li a:active {color:#FFF; text-decoration:none;}
			.menuLeft li ul li a:hover {color:#FFF; text-decoration:none;}
		.navWrapper .menuRight { float:right; }
		.navWrapper li { list-style:none; float:left; }

	.scrollNavImg { height:40px; margin:7px 0 0 10px; }
	.scrollNavSNSImg { height:22px; margin:16px 0 0 6px; }
}





.footerNew {
    padding: 80px 60px;
    font-size: 12px;
}
.footerNew {
    background-color: #000;
    color: #fff;
    transition: all .55s cubic-bezier(.4,.6,.22,1);
}
.footerNew .inner {
    margin: 0 auto;
    position: relative;
}
.footerNew a {
    color: #979797;
    text-decoration: none;
}

.pagetop {
    right: 0;
    top: 45px;
}
.pagetop {
    padding-top: 58px;
}
.pagetop {
    font-family: Josefin Sans,sans-serif;
    position: absolute;
    color: #979797;
    text-align: center;
    text-decoration: none;
    width: 65px;
    font-size: 12px;
    z-index: 2;
    white-space: nowrap;
}

.pagetop:before {
    width: 4px;
    height: 50px;
}
.pagetop:before {
    content: '';
    background: #fff;
    position: absolute;
    top: 0;
    border-radius: 5px;
    left: 50%;
    -webkit-transform: translate(-50%,0);
    transform: translate(-50%,0);
}



.pagetop:after {
    content: '';
    position: absolute;
    width: 40px;
    height: 40px;
    top: 6px;
    left: 50%;
    -webkit-transform: translate(-50%,0) rotate(-45deg);
    transform: translate(-50%,0) rotate(-45deg);
    border-top: 4px solid #fff;
    border-right: 4px solid #fff;
}

.footer__link li {
    margin-right: 3.5em;
}

.footer__link li {
    display: inline-block;
    font-family: Josefin Sans,sans-serif;
    letter-spacing: .1em;
}


.footer__link li a {
    font-weight: 700;
    display: block;
    color: #fff;
}


.btn-ef {
    position: relative;
    text-decoration: none;
    overflow: hidden;
    transition: color .25s linear;
    webkit-backface-visibility: hidden;
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    font-size: 12px;
}


@media screen and (min-width:981px) ,print{
.footer__sitemap { width: 525px; text-align: right; position: absolute; right: 90px; top:80px; -webkit-transform: translate(0,-50%); transform: translate(0,-50%); }
}
.footer__sitemap li { margin: 0 .6em .8em; }
.footer__sitemap li { display: inline-block; font-family: Josefin Sans,sans-serif; letter-spacing: .1em; }
.footer__sitemap li a { padding: 2px 4px 0; }
.footer__sitemap li a { font-weight: 700; display: block; line-height: 1; }


.footer__sitemap .subNav { border-top:1px solid #979797; padding-top:12px; margin-top:5px; }
.footer__sitemap .subNav li { display: inline-block; font-family:"Helvetica Neue", Helvetica, "メイリオ", Meiryo, "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3", "ＭＳ Ｐゴシック", Arial, Verdana, sans-serif; letter-spacing: .1em; font-size:11px; }
.footer__sitemap .subNav li a { font-weight: normal; display: block; color: #fff; }


.footer__copy { margin-top: 0.6em; margin-right: .6em; font-size:11px; }
.footer__copy { letter-spacing: .1em; }

.footerlogoImg { width:260px; }

@media screen and (min-width:981px) and (max-width:1020px) ,print{
.footerlogoImg { width:220px; padding-top:10px; }
}
@media screen and (min-width:601px) and (max-width:980px) ,print{
.footerNew { padding: 40px 40px; }
.footerlogoImg { width:180px; padding:0px 0 0 10px; }
.footer__sitemap { width:100%; text-align: left; padding-top:20px; }
.footer__copy { margin-top: 0.6em; margin-right: .6em; font-size:11px; padding:0 10px; }
.pagetop { right: 0; top: 20px; }
}
@media screen and (min-width:1px) and (max-width:600px) ,print{
.footerNew { padding: 30px 20px; }
.footerlogoImg { width:150px; padding:0px 0 0 10px; }
.footer__sitemap { width:100%; text-align: left; padding-top:20px; }
.footer__copy { margin-top: 0.6em; margin-right: .6em; font-size:11px; padding:0 10px; }
.pagetop { right: 0; top: 18px; }

.pagetop { padding-top: 50px; }
.pagetop:before { width: 4px; height: 45px; }
}



/*----------------------------------------------------
	#contents
----------------------------------------------------*/
#contents { background-color:#FFF; clear:both; padding-top:88px; }

	@media screen and (min-width:1060px) ,print{
	#contents { background-color:#FFF; clear:both; margin-top:-88px; padding-top:88px; }
	}

	@media screen and (min-width:600px) and (max-width:1059px) ,print{
	#contents { background-color:#FFF; clear:both; margin-top:0; padding-top:0; }
	}

	@media screen and (min-width:1px) and (max-width:599px) ,print{
	#contents { background-color:#FFF; clear:both; margin-top:0; padding-top:0; }
	}

	/*
	@media screen and (min-width:1px) and (max-width:1059px) ,print{
	body.home #contents { margin-top:0px; padding-top:0px; }
	}
	*/

	@media screen and (min-width:1060px) ,print{
	#contentsPage { background-color:#000; clear:both; padding-top:90px; }
	}

	@media screen and (min-width:600px) and (max-width:1059px) ,print{
	#contentsPage { background-color:#000; clear:both; padding-top:54px; }
	}

	@media screen and (min-width:1px) and (max-width:599px) ,print{
	#contentsPage { background-color:#000; clear:both; padding-top:54px; }
	}


#headerBar { height:100px; color:#000; }

	@media screen and (min-width:600px) and (max-width:1059px) ,print{
	#headerBar { height:80px; color:#000; }
	#headerBar img { height:80px; }
	}

	@media screen and (min-width:1px) and (max-width:599px) ,print{
	#headerBar { height:60px; color:#000; }
	#headerBar img { height:60px; }
	}




/*----------------------------------------------------
	text setting
----------------------------------------------------*/
h2.contentsTleBlack { height:40px; background:url(images/common/contentsTleBlackBg.png) repeat-x center top; text-align:center; margin-bottom:60px; }
h2.contentsTleWhite { height:40px; background:url(images/common/contentsTleWhiteBg.png) repeat-x center top; text-align:center; margin-bottom:60px; }

	@media screen and (max-width:1059px) ,print{
	h2.contentsTleBlack { height:40px; background:url(images/common/contentsTleBlackBg.png) repeat-x center top; text-align:center; margin-bottom:20px; }
	h2.contentsTleWhite { height:40px; background:url(images/common/contentsTleWhiteBg.png) repeat-x center top; text-align:center; margin-bottom:20px; }
	}

h2.pageTle { margin-left:20px; }
.txt { color:#000; }


/* #information
----------------------------------------------------*/
dl.newsList { }
	dl.newsList dt { float:none; background-position:left center; background-repeat:no-repeat; padding:0 0 0 10px; height:15px; line-height:15px; color:#000; font-size:108%; margin-bottom:5px; }
	dl.newsList dd { padding:0 10px 15px 10px; margin-bottom:20px; position:relative; border-bottom:dotted 1px #c5c5c5; }
	dl.newsList dd h3 { font-size:108%; line-height:1.3; margin-bottom:5px; }
	dl.newsList dd h3 a { color:#0f6714; }
	dl.newsList dd .text { font-size:93%; line-height:1.8; margin-bottom:0; }
	dl.newsList .newsTle { color:#b20000; }

dl.newsListPage { margin-top:20px; }
	dl.newsListPage dt { float:none; background-position:left center; background-repeat:no-repeat; padding:0 0 0 10px; height:15px; line-height:15px; color:#000; font-size:108%; margin-bottom:5px; }
	dl.newsListPage dd { padding:0 10px 15px 10px; margin-bottom:20px; position:relative; border-bottom:dotted 1px #c5c5c5; }
	dl.newsListPage dd h3 { font-size:108%; line-height:1.3; margin-bottom:5px; }
	dl.newsListPage dd h3 a { color:#0f6714; }
	dl.newsListPage dd .text { font-size:90%; line-height:1.8; margin-bottom:0; color:#000; }
	dl.newsListPage .newsTle { color:#de0e0e; }

	@media screen and (min-width:600px) and (max-width:1059px) ,print{
	dl.newsListPage { margin-top:10px; }
	}
	@media screen and (min-width:1px) and (max-width:599px) ,print{
	dl.newsListPage { margin-top:5px; }
	}

/*====================================================================
03:top page / other page
====================================================================*/


/* #special-post
----------------------------------------------------*/
#special-post { padding:60px 0 60px 0; }

	@media screen and (max-width:1059px) ,print{
	#special-post { padding:60px 0 60px 0; }
	}

	#special-post .wrap { overflow:hidden; }










/*--section02--*/
.section02 { width:100%; padding:0 0 0 0; margin:0 auto 0 auto; }

img.grow {
	-webkit-transition:0.4s ease-in-out;
	-moz-transition:0.4s ease-in-out;
	-ms-transition:0.4s ease-in-out;
	-o-transition:0.4s ease-in-out;
	transition:0.4s ease-in-out;
}
img.grow:hover {
	-webkit-transform:scale(1.2,1.2);
	-moz-transform:scale(1.2,1.2);
	-ms-transform:scale(1.2,1.2);
	-o-transform:scale(1.2,1.2);
	transform:scale(1.2,1.2);
}

.itemBox { width:350px; float:left; height:auto; text-align:left; display:block; margin:0 5px 10px 5px; position:relative; overflow:hidden; }
	.itemBox a { opacity:1.0; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)"; }

	.itemBox:hover { /*background-color:#000!important;*/ }

	.itemBox img { width:350px; }
	@media screen and (max-width:519px) ,print{
		.itemBox { width:300px; float:left; height:auto; text-align:left; display:block; margin-bottom:10px; position:relative; }
		.itemBox img { width:300px; }
	}
.itemBoxImg { /*width:250px;*/ height:auto; display:block; overflow:hidden; }
.friendsTle { padding:10px 10px 0 10px; font-size:12px; line-height:1.5em; color:#000; text-align:left; font-weight:bold; }
.friendsTxt { padding:3px 10px 0px 10px; margin-bottom:5px; font-size:11px; line-height:1.5em; color:#000; text-align:left; }
	@media screen and (max-width:519px) ,print{
		.itemBoxImg { width:300px; height:auto; display:block; position:relative; }
	}

.itemBox footer { border-top:1px dotted lightgrey; position:relative; height:37px; }
	.itemBox .entry-meta { clear:both; }
	.itemBox .read-more { background:#AAAAAA; }
	.itemBox .read-more {
    	position:absolute;
    	right:0px;
    	top:-1px;
    	width:118px;
    	background:#9A9A9A;
    	color:rgb(240,240,240);
    	text-align:center;
    	padding:10px 0 10px 0;
    	text-decoration:none;
    	-moz-transition:background 300ms;
    	-webkit-transition:background 300ms;
    	-o-transition:background 300ms;
    	-ms-transition:background 300ms;
    	transition:background 300ms;
	}
	.itemBox .read-more:hover { background:#000; color:#FFF; }
	.itemBox .entry-meta a { color:rgb(80, 80, 80); }
	.itemBox .time { display:block; color:rgb(80,80,80); padding-top:10px; font-size:11px; }


/*----------------------------------------------------
	aboutu us
----------------------------------------------------*/
.contentsFull { width:100%; margin:0 auto; }
	
	.contLeft { width:50%; float:left; padding:0 20px; box-sizing:border-box; }
	.contRight { width:50%; float:right; padding:0 20px; box-sizing:border-box; }

	.aboutMainImg { max-width:100%; }
	.aboutLogo { width:140px; margin:20px 0; }
	.defaultH2tle { font-size:30px; text-align:center; font-family: Josefin Sans,sans-serif; margin:0 0 20px 0; font-weight:700; }
	.txt { margin:15px 15px 0 15px; line-height:1.8em; text-align:center; }
	sup { vertical-align:0.55em; font-size:70%; line-height:1.2em; }
	.contacttle { background:#2658a5; font-size:18px; color:#FFF; padding:15px 0 0 0; text-align:center; }

	.aboutuPhoto { margin:30px 0; }
		.aboutuPhoto li { width:33.33333%; float:left; padding:0 10px; box-sizing:border-box; }
		.aboutuPhoto img { max-width:100%; }

	.aboutuCompany { margin:30px auto; width:570px; }
		.aboutuCompany li { border-bottom:dotted 1px #c5c5c5; padding:15px 20px; }
			.aboutuCompany li:last-child { border:none; }
		.aboutuCompany .tle { color:#fff; float:left; width:30%; box-sizing:border-box; margin:0 0 0 0; font-size:14px; text-align:left; line-height:1.0em; }
		.aboutuCompany .txt { color:#fff; float:left; width:70%; box-sizing:border-box; margin:0 0 0 0; font-size:14px; text-align:left; line-height:1.0em; }
		.txt_aboutCompany { margin:15px 0 0 0; line-height:1.8em; text-align:center; }

@media screen and (min-width:701px) ,print{
	.list04Img { display:none; }
}
@media screen and (max-width:980px) ,print{
	.aboutLogo { width:150px; margin:20px 0; }
	.defaultH2tle { font-size:25px; text-align:center; font-family: Josefin Sans,sans-serif; margin:0 0 20px 0; font-weight:700; line-height:1.2em; }
}
@media screen and (max-width:700px) ,print{
	.aboutuPhoto li { width:50%; float:left; padding:0 10px 20px 10px; box-sizing:border-box; }
	.aboutBr { display:none; }
	.txt { text-align:left; }
	.aboutuPhoto { margin:20px 0; }
}
@media screen and (max-width:600px) ,print{
	.contLeft { width:100%; float:none; padding:0 20px; box-sizing:border-box; }
	.contRight { width:100%; float:none; padding:0 20px; box-sizing:border-box; }
	.aboutLogo { width:130px; margin:20px 0 10px 0; }
	.defaultH2tle { font-size:25px; text-align:center; font-family: Josefin Sans,sans-serif; margin:0 0 20px 0; font-weight:700; line-height:1.2em; }
	.aboutuPhoto li { padding:0 5px 10px 5px; box-sizing:border-box; }

	.aboutuCompany { margin:20px auto; width:100%; }
		.aboutuCompany .tle { color:#fff; float:none; width:100%; box-sizing:border-box; margin:0 0 10px 0; font-size:14px; text-align:center; line-height:1.0em; }
		.aboutuCompany .txt { color:#fff; float:none; width:100%; box-sizing:border-box; margin:0 0 0 0; font-size:14px; text-align:center; line-height:1.0em; }
}
@media screen and (max-width:360px) ,print{
.txt_aboutCompany { text-align:left; }
}


/*----------------------------------------------------
	collection
----------------------------------------------------*/

.itemBoxCollection { width:25%; float:left; height:auto; text-align:left; display:block; margin:0; position:relative; overflow:hidden; }
	.itemBoxCollection a { opacity:1.0; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)"; }

	.itemBoxCollection:hover { /*background-color:#000!important;*/ }

	.itemBoxCollection img { max-width:100%; }
	@media screen and (max-width:1059px) ,print{
		.itemBoxCollection { width:50%; float:left; height:auto; text-align:left; display:block; margin0px; position:relative; }
		.itemBoxCollection img { max-width:100%; }
	}
	@media screen and (max-width:499px) ,print{
		.itemBoxCollection { width:100%; float:left; height:auto; text-align:left; display:block; margin0px; position:relative; }
		.itemBoxCollection img { max-width:100%; }
	}
.itemBoxCollection .itemBoxImg { width:100%; height:auto; display:block; overflow:hidden; }
	@media screen and (max-width:499px) ,print{
		.itemBoxCollection .itemBoxImg { width:100%; height:auto; display:block; position:relative; }
	}

.itemDetail { width:100%; height:100%; background:rgba(0,0,0,0.7); opacity:0; position:absolute; top:0; left:0; }
	@media screen and (max-width:1059px) ,print{
	.itemDetail { width:100%; height:100%; background:rgba(0,0,0,0.0); opacity:1; position:absolute; top:0; left:0; }
	}

	.itemDetail:hover { opacity:1.0;
		-webkit-transition:0.4s ease-in-out;
		-moz-transition:0.4s ease-in-out;
		-ms-transition:0.4s ease-in-out;
		-o-transition:0.4s ease-in-out;
		transition:0.4s ease-in-out; }
	.itemDetail .itemTle { color:#FFF; text-align:center; /*margin-top:120px;*/ }
	.itemDetail .itemLink { color:#FFF; text-align:center; background:#de0e0e; margin:10px auto 0 auto; width:90px; padding:5px 0; font-size:11px;
		border-radius:3px;		/* CSS3草案 */
		-webkit-border-radius:3px;	/* Safari,Google Chrome用 */
		-moz-border-radius:3px;	/* Firefox用 */ }
		.itemDetail .itemLink:hover { color:#de0e0e; background:#FFF; }
	@media screen and (max-width:519px) ,print{
	.itemDetail .itemTle { color:#FFF; text-align:center; margin-top:170px; }
	}

.text_holder {
    position:absolute;
    top:0;
    left:0;
    width:100%;
    height:100%;
    /*background-color:rgba(0,0,0,0.8);*/
    text-align:center;
    transition:opacity .4s ease-in-out;
    -webkit-transition:opacity .4s ease-in-out;
    -moz-transition:opacity .4s ease-in-out;
    -o-transition:opacity .4s ease-in-out;
    -ms-transition:opacity .4s ease-in-out;
    visibility:visible;
    overflow:hidden;
    z-index:200;
    /*opacity:0;
    filter:alpha(opacity=0);*/
}

.text_outer {
    display:table;
    text-align:center;
    vertical-align:middle;
    width:100%;
    height:100%;
    overflow:hidden;
}

.text_inner {
    display:table-cell;
    text-align:center;
    vertical-align:middle;
    width:100%;
    height:100%;
    margin:0;
    padding:0;
}

.portfolio_title { margin:0 0 15px 0; font-size:18px; }
.portfolio_title a { color:#FFF; }

/*----------------------------------------------------
	frend & fashon
----------------------------------------------------*/
.friendItemDetail { max-width:500px; margin:0 auto; }
	.friendItemDetail img { max-width:100%; }
	.friendItemDetail .friendTle { margin-top:20px; font-weight:bold; }
	.friendItemDetail .friendTxt { margin-top:5px; font-size:12px; }
.friendBackBtn { text-align:center; margin:40px 0 20px 0; }
	.friendBackBtn img { width:30px; }
	
	

/*----------------------------------------------------
	press
----------------------------------------------------*/

.press .itemBox { width:220px; float:left; height:auto; text-align:left; display:block; margin:0 5px 10px 5px; position:relative; overflow:hidden; }

	.press .itemBox a { opacity:1.0; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)"; }

	.press .itemBox:hover { /*background-color:#000!important;*/ }

	.press .itemBox img { width:220px; }
	@media screen and (max-width:519px) ,print{
		.press .itemBox { width:300px; float:left; height:auto; text-align:left; display:block; margin-bottom:10px; position:relative; }
		.press .itemBox img { width:300px; }
	}
.press .itemBoxImg { /*width:250px;*/ height:auto; display:block; overflow:hidden; }
.press .friendsTle { padding:10px 10px 0 10px; font-size:12px; line-height:1.5em; color:#000; text-align:left; font-weight:bold; }
.press .friendsTxt { padding:3px 10px 0px 10px; margin-bottom:5px; font-size:11px; line-height:1.5em; color:#000; text-align:left; }
	@media screen and (max-width:519px) ,print{
		.press .itemBoxImg { width:300px; height:auto; display:block; position:relative; }
	}

	@media screen and (min-width:520px) ,print{
	.press .itemBoxImg { /*width:250px;*/ height:275px!important; display:block; overflow:hidden; }
	.press .friendsTle { overflow:hidden; text-overflow: ellipsis; white-space: nowrap; }
	}

	


















/*----------------------------------------------------
	contact us
----------------------------------------------------*/

.basicTable { width:100%; border:none; border-collapse:collapse; border-spacing:0; }
	.basicTable .tleSP { width:100%; padding:30px 25px 0 25px; border-bottom:none; word-break:break-all; vertical-align:middle; text-align:left; color:#000; }
	.basicTable .tle { width:150px; padding:30px 25px; border-bottom:dotted 1px #c5c5c5; word-break:break-all; vertical-align:middle; text-align:left; color:#000;  }
	.basicTable .txt { padding:30px 25px; border-bottom:dotted 1px #c5c5c5; word-break:break-all; vertical-align:middle; text-align:left; color:#000; }
		@media screen and (min-width:600px) and (max-width:800px) ,print{
		.basicTable .tle { width:110px; }
		}
		@media screen and (max-width:599px) ,print{
		.basicTable .txt { padding:20px 25px 30px 25px; border-bottom:dotted 1px #c5c5c5; word-break:break-all; vertical-align:middle; text-align:left; color:#000; }
		}
	.basicTable p { font-size:12px; }

	.nameTxt { width:100%; height:30px; border:none; }
	.emailTxt { width:100%; height:30px; border:none; }
	.adressTxt { width:100%; height:30px; border:none; }
	.contactTxt { width:100%; height:150px; border:none; }
	.inputTxt { width:600px; }
	.inputTxt02 { width:480px; }
	.registTxt { width:600px; height:100px; }

	.inputBtn { background:#bd141a; color:#FFF; padding:10px 10px 10px 10px;
				border-top:none;
				border-left:none;
				border-right:none;
				border-bottom:none;
				border-radius:4px;
				-moz-border-radius:4px;
				-webkit-border-radius:4px;
				width:150px;
	}
	.inputBtn:hover { background:#961c0f; cursor:pointer;
		-webkit-transition:0.3s ease-in-out;
		-moz-transition:0.3s ease-in-out;
		-ms-transition:0.3s ease-in-out;
		-o-transition:0.3s ease-in-out;
		transition:0.3s ease-in-out;
	}




/*----------------------------------------------------
	collection
----------------------------------------------------*/
.collectionItemDetail { max-width:500px; margin:0 auto; }
	.collectionItemDetail img { max-width:100%; }
	.collectionItemDetail .collectionTle { margin-top:20px; font-weight:bold; }
	.collectionItemDetail .collectionTxt { margin-top:5px; font-size:12px; }
.collectionBackBtn { text-align:center; margin:40px 0 20px 0; }
	.collectionBackBtn img { width:30px; }



/*----------------------------------------------------
	shop list
----------------------------------------------------*/
.shopList { margin-bottom:30px; }
	.shopList .shopName { font-size:14px; color:#c4221a; padding-bottom:10px; margin-bottom:10px; border-bottom:dotted 1px #666; }
	.shopList .shopAdress { color:#000; margin-bottom:3px; border-bottom:dotted 1px #c5c5c5; padding-bottom:10px; }
	.shopList ul.shopImg { margin-top:10px; padding-top:10px; }

.shopImg { margin-top:20px; }
	.shopImgBox { width:200px; float:left; height:auto; text-align:left; display:block; margin:0 5px 10px 5px; position:relative; overflow:hidden; }

	@media screen and (max-width:519px) ,print{
		.shopImg { margin:20px auto 0 auto; }
		.shopImgBox { width:200px; height:auto; display:block; position:relative; }
	}


/*----------------------------------------------------
	online shop
----------------------------------------------------*/

/*.shopItem { margin-bottom:30px; }
	.shopItem .categoryName { font-size:14px; color:#c4221a; padding-bottom:10px; margin-bottom:10px; border-bottom:dotted 1px #666; }
	.shopItem .categoryTxt { color:#000; margin-bottom:3px; border-bottom:dotted 1px #c5c5c5; padding-bottom:10px; }
	.itemBlockArea { margin-top:20px; }*/

.itemTle { margin-top:20px; font-weight:bold; text-align:center; }

.shopItem { margin-bottom:40px; }
	.shopItem .categoryName { font-size:16px; color:#c4221a; padding-bottom:20px; margin:20px 0; border-bottom:dotted 1px #666; text-align:center; }
	.shopItem .categoryTxt { color:#000; margin-bottom:3px; border-bottom:dotted 1px #c5c5c5; padding-bottom:10px; }

	.itemBlockArea { margin-top:20px; }

.itemTle { margin-top:10px; font-weight:bold; text-align:center; }

/*----------------------------------------------------
	item detail
----------------------------------------------------*/
.itemList { margin-top:20px; }

.itemMainImg { float:left; margin:0; width:49%; }
	.itemMainImg img { max-width:100%; }

.itemInfo { width:49%; color:#000; float:right; border:5px solid #c5c5c5; padding:10px; box-sizing:border-box; }
	.itemInfo .itemTle { padding:0 0 10px 0; font-size:13px; color:#000; font-weight:bold; }
	.itemInfo table { width:100%; }
	.itemInfo table th { padding:7px; font-weight:bold; border-bottom:dotted 1px #c5c5c5; }
	.itemInfo table td { padding:7px; border-bottom:dotted 1px #c5c5c5; }

	@media screen and (min-width:1px) and (max-width:599px) ,print{
	.itemMainImg { float:none; margin:0; width:100%; }
	.itemMainImg img { max-width:100%; }
	.itemInfo { width:100%; color:#000; float:right; border:5px solid #c5c5c5; padding:10px; box-sizing:border-box; margin-top:10px; }
	}

.item-detail-list { border-top:dotted 1px #c5c5c5; border-bottom:dotted 1px #c5c5c5; }

.itemBoxShop { width:220px; float:left; height:auto; text-align:left; display:block; margin:0 5px 20px 5px; position:relative; overflow:hidden; }
	.itemBoxShop a { opacity:1.0; filter:alpha(opacity=100); -ms-filter:"alpha(opacity=100)"; }

	.itemBoxShop:hover { /*background-color:#000!important;*/ }

	.itemBoxShop img { width:220px; }
	@media screen and (max-width:519px) ,print{
		.itemBoxShop { width:300px; float:left; height:auto; text-align:left; display:block; margin-bottom:20px; position:relative; }
		.itemBoxShop img { width:300px; }
	}
.itemBoxImg { /*width:250px;*/ height:auto; display:block; overflow:hidden; }
.friendsTle { padding:10px 10px 0 10px; font-size:12px; line-height:1.5em; color:#000; text-align:left; font-weight:bold; }
.friendsTxt { padding:3px 10px 0px 10px; margin-bottom:5px; font-size:11px; line-height:1.5em; color:#000; text-align:left; }
	@media screen and (max-width:519px) ,print{
		.itemBoxImg { width:300px; height:auto; display:block; position:relative; }
	}



/*----------------------------------------------------
	policy
----------------------------------------------------*/
/*.contentsGuide { background-image:url(../images/newsBg.jpg); background-repeat:no-repeat; background-size:cover; background-position:top right; background-attachment:fixed; }*/
.guideContents { margin:30px 0; height:auto; }
	.guideTle { font-size:14px; color:#c4221a; border-bottom:dotted 1px #c5c5c5; padding-bottom:10px; margin-bottom:10px; }
	.guideTxt { color:#000; margin-bottom:20px; }
	.guideSubTle { color:#c4221a; font-size:12px; }
	.guideSubTxt { color:#000; margin-top:10px; font-size:11px; }

#tab li { text-align:center; font-size:10px; float:left; padding:0 10px 0 0; list-style:none; cursor:pointer; color:#FFF; }
#tab li.select { background:none; color:#ff5a00; }
.disnon { display:none; }
.content_wrap { }