@charset "utf-8";

/* ================================================
 base
--------------------------------------------------- */
body {
	width:100%;/*20160412*/
	font-size:14px;
	line-height:1.5;
	color:#222;
	font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	background:#555;
	min-width: 1230px;
}
@media only screen and (max-width: 767px) {
	body {
		min-width: auto;
		min-width: initial;
	}
}

h1,h2,h3,h4,h5,h6 {margin:0; padding:0; font-weight:normal;}
ul,ol,li,dl,dt,dd,p {margin:0; padding:0;}
li {list-style:none;}
iframe {margin:0; padding:0; border:0;}

/*=================================================
 #header
--------------------------------------------------- */
#header {
	width:100%; height:144px;
	background:#F7F7F7;
	color:#555;
	z-index: 999;/*20160408*/
}
#header .headerWrap {
	width:100%;
	padding-bottom:2px;
	background:#F7F7F7 url(../image/share/line1.png) left bottom repeat-x;
}
#header .headerInner {
	width:1200px; height:70px;
	margin:0 auto;
	position:relative;
}
#header a:link, #header a:visited {color:#555; text-decoration:none;}
#header a:hover, #header a:active {color:#b2b2b2; text-decoration:none;}
#header .sub a:link, #header .sub a:visited {color:#FFF; text-decoration:none;}
#header .sub a:hover, #header .sub a:active {color:#b2b2b2; text-decoration:none;}

/* #headerTop */
#headerTop {
	width:100%;
	position:absolute; left:0; top:0; z-index:1002;
}
#headerTop .logo {
	position:absolute; left:50%; top:13px;
	margin-left:-81px;
}
#headerTop h2 {
	position:absolute; left:0; top:0;
	line-height:11px; padding-top:21px;
}
#headerTop span {
	font-size:11px; line-height:31px; letter-spacing:0.2em;
}
#headerTop span.en {
	font-size:13px; line-height:13px; letter-spacing:0.18em;
}
#headerTop .headerNav {
	position:absolute; right:0; top:23px;
}
#gnavTriger {
	display:none;
}

/* #headerMain */
#headerMain {
	width:100%;
	position:absolute; left:0; top:72px; z-index:1001;
	background:#F7F7F7;
}
.scroll-is #headerMain {
	position:fixed; top:0;
}
#headerMain .headerBlock{
	width:100%; height:70px;
	position:relative;
	overflow:hidden;
}
#headerMain .headerContainer{
	width:1620px; margin-left:-180px;
	display:table;
	background:#F7F7F7;
}
#headerMain .logo {
	width:180px;
	display:table-cell; vertical-align:top;
}
#headerMain .globalNavArea {
	display:table-cell; vertical-align:top;
}
#headerMain .headerNavArea {
	width:240px;
	display:table-cell; vertical-align:top;
}
#headerMain .logo img {
	margin-top:13px;
}
#headerMain .headerNav{
	margin:23px 0 0 auto;
}

/* .globalNav */
.globalNav {
	width:100%; height:42px;
	margin:14px 0;
	display:table;
	box-sizing:border-box;
	border-right:#FFF 1px solid; border-left:#dbdbdb 1px solid;
}
.globalNav li.gnav {
	width:16.67%; height:42px;
	display:table-cell; vertical-align:top;
	position:relative;
}
.globalNav .parent {
	height:42px;
	border-right:#dbdbdb 1px solid; border-left:#FFF 1px solid;
	font-size:12px; line-height:31px; letter-spacing:0.3em; text-align:center;
}
.globalNav .parent a {
	width:100%; height:42px;
	display:block;
	box-sizing:border-box;
}
.globalNav .parent a .en {
	padding-top:3px;
	font-size:9px; line-height:9px; letter-spacing:0.1em;
}
.globalNav .g2 .parent a .en {
	letter-spacing:0.03em;
}
.globalNav .sub {
	width: 100%;
	height: 0;
	position: absolute;
	left: 3px;
	top: 41px;
	padding-top: 16px;
}
.globalNav .sub div{
	width:100%; height:0;
	position:relative;
	overflow:hidden;
}
.globalNav .sub ul{
	width:100%;
	padding:14px 0 8px 0;
	position:absolute; left:0; top:0;
	background:#555555;
	box-sizing:border-box;
	border-left:#a1a1a1 1px solid;
}
.globalNav .sub li {
	margin-left: 1em;/* 20160329 */
	padding:0 3px 0 8px;
	font-size:11px; line-height:26px; letter-spacing:0.05em;
	text-indent: -1em;/* 20160329 */
}
.globalNav .sub li a:before {/* 20160329 */
	content:"▶";
}
.globalNav .sub li a {
	display:block;
}
.globalNav .sub span {
	font-size:10px;
}
.globalNav li.g7 {
	display:none;
}
.globalNav .g1 ul li:first-child,
.globalNav .g2 ul li:first-child,
.globalNav .g3 ul li:first-child,
.globalNav .g4 ul li:first-child,
.globalNav .g6 ul li:first-child {
	display:none;
}

/* .headerNav */
.headerNav {
	width:112px; height:24px;
	display:table;
}
.headerNav li {
	width:24px; height:24px;
	display:table-cell; vertical-align:top;
}
.headerNav li img{
	vertical-align:bottom;
}
.headerNav li.mailmg {
	width:auto;
	font-size:11px; line-height:24px; letter-spacing:0.3em; text-align:center;
}
.headerNav li.search,
.headerNav li.twitter,
.headerNav li.facebook,
.headerNav li.instagram {
	padding-left:4px;
}

/* #headerSeach */
#headerSearch {
	width:906px;
	margin-left:-453px;
	position:absolute; left:50%; top:72px; z-index:10;
	overflow:hidden;
	display:none;
}
#headerSearch .searchArea {
	width:866px;
	padding:0 0 0 40px;
	position:absolute; left:0; top:-264px;
	background:#F7F7F7;
}
#headerSearch h3 {
	font-size:11px; line-height:22px; letter-spacing:0.3em; color:#555;
	margin-bottom:10px;
}
#headerSearch h3:first-child {
	padding-top:35px;
}
#headerSearch form {
	width:826px;
	margin:0; padding:0 0 34px 0;
	display:table;
}
#headerSearch .text {
	width:770px;
	display:table-cell;
}
#headerSearch .text input {
	width:744px;
	padding:2px 10px;
	font-size:14px; line-height:18px; letter-spacing:0.1em; color:#222;
	border:0; border:solid 1px #c4c4c4;
}
#headerSearch .btn {
	width:56px;
	display:table-cell;
}
#headerSearch .btn button {
	width:56px; height:24px;
	font-size:10px; line-height:24px; letter-spacing:0.1em; color:#222;
	background:#c4c4c4; border:solid 1px #c4c4c4;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	cursor:pointer;
}
#headerSearch .word {
	width:826px; height:51px;
}
#headerSearch .word li {
	padding-right:5px;
	font-size:11px; line-height:22px; letter-spacing:0.3em; color:#555;
	display:inline-block;
}
#headerSearch .tags {
	width:832px;
	padding-bottom:40px;
}
#headerSearch .tags p {
	padding:0 8px 0 0 !important;
}
.searchTriger {
	cursor:pointer;
}

/*#header by #individual */
#header.individual {
	height:72px;
}
.individual #headerTop {
	width:100%;
	position:fixed; left:0; top:0; z-index:1000;
}
.individual #headerMain {
	display:none;
}

@media only screen and (max-width: 767px) {
	#header {
		width:100%; height:48px;
	}
	#header .headerWrap {
		padding-bottom:0;
		background:none;
	}
	/* #headerTop */
	#headerTop {
		height:48px;
		position:fixed; top:0;
		border-bottom:#c4c4c4 1px solid;
	}
	#headerTop .headerInner {
		width:100%; height:48px;
		background:#F7F7F7;
	}
	#headerTop .logo {
		width:96px;
		top:11px;
		margin-left:-48px;
	}
	#headerTop h2 {
		display:none;
	}
	#headerTop .headerNav {
		width:25px; height:25px;
		right:15px; top:12px;
	}
	#headerTop .mailmg,
	#headerTop .twitter,
	#headerTop .facebook,
	#headerTop .instagram  {
		display:none;
	}
	#gnavTriger {
		width:35px;
		position:absolute; left:10px; top:12px;
		display:block;
		cursor:pointer;
		text-align:center;
	}
	#gnavTriger p {
		margin:0; padding:1px 0 0 0;
		font-size:7px; line-height:7px;
	}
	#gnavTriger p.triger-img {
		width:25px; height:25px;
		margin:0 auto;
		background:url(../image/share/button_triger_def.png) no-repeat;
		background-size:contain;
	}
	#gnavTriger.nav-open p.triger-img {
		background:url(../image/share/button_triger_close.png) no-repeat;
		background-size:contain;
	}

	/* #headerMain */
	#headerMain {
		position:fixed; top:49px;
	}
	.scroll-is #headerMain {
		position:fixed; top:49px;
	}
	#headerMain .headerInner {
		width:100%; height:auto;
		background:#F7F7F7;
	}
	#headerMain .headerBlock{
		height:0;
		overflow:hidden;
	}
	#headerMain .headerContainer{
		width:100%; margin-left:0;
		display:block;
	}
	#headerMain .logo {
		display:none;
	}
	#headerMain .globalNavArea {
		display:block;
	}
	#headerMain .headerNavArea {
		width:100%;
		display:block;
	}
	#headerMain .headerNav{
		margin:0 auto; padding:15px 0;
	}
	#headerMain .search,
	#headerMain .mailmg  {
		display:none;
	}

	/* .globalNav */
	.globalNav {
		width:100%; height:auto;
		margin:0;
		display:block;
		border-right:none; border-left:none;
		border-top:#FFF 1px solid;
	}
	.globalNav li.gnav {
		width:100%;
		display:inline;
	}
	.globalNav .parent {
		height:35px;
		padding-left:16px;
		border-right:none; border-left:none;
		border-bottom:#dbdbdb 1px solid;
		font-size:15px; line-height:35px; letter-spacing:0.1em; text-align:left;
	}
	.globalNav .parent a {
		width:100%; height:35px;
		display:block;
		box-sizing:border-box;
	}
	.globalNav .parent a p {
		width:110px;
		float:left;
	}
	.globalNav .parent a .en {
		width:auto;
		padding-top:0;
		font-size:12px; line-height:35px; letter-spacing:0.1em;
	}
	.globalNav>li:first-child .en {
		letter-spacing:0.1em;
	}

	.globalNav .sub {
		height:auto;
		position:relative; left:auto; top:auto;
		padding-top:0px;
	}
	.globalNav .sub div{
		height:0;
		overflow:hidden;
	}
	.globalNav .sub ul{
		padding:14px 0;
		position:relative; left:auto; top:auto;
		border-left:none;
	}
	.globalNav .sub li {
		padding:0 3px 0 16px;
		font-size:14px; line-height:35px; letter-spacing:0.05em;
	}
	.globalNav .sub li a {
		display:block;
	}
	.globalNav .sub br {
		display:none;
	}
	.globalNav .sub span {
		font-size:12px; margin-left:6px;
	}
	.globalNav li.g7 {
		display:block;
	}
	.globalNav li.g5 .sub {
		display:none;
	}
	.globalNav li.g1 .parent,
	.globalNav li.g2 .parent,
	.globalNav li.g3 .parent,
	.globalNav li.g4 .parent,
	.globalNav li.g6 .parent {
		background:url(../image/share/gnav_sp_def.png) right center no-repeat;
		background-size:auto 100%;
	}
	.globalNav li.g1 .parent.active,
	.globalNav li.g2 .parent.active,
	.globalNav li.g3 .parent.active,
	.globalNav li.g4 .parent.active,
	.globalNav li.g6 .parent.active {
		background:url(../image/share/gnav_sp_open.png) right center no-repeat;
		background-size:auto 100%;
	}
	.globalNav li.g5 .parent,
	.globalNav li.g7 .parent {
		background:url(../image/share/gnav_sp_go.png) right center no-repeat;
		background-size:auto 100%;
	}
	.globalNav .g1 ul li:first-child,
	.globalNav .g2 ul li:first-child,
	.globalNav .g3 ul li:first-child,
	.globalNav .g4 ul li:first-child,
	.globalNav .g6 ul li:first-child {
		display:block;
	}
	.globalNav .g1 ul li:first-child a:before,
	.globalNav .g2 ul li:first-child a:before,
	.globalNav .g3 ul li:first-child a:before,
	.globalNav .g4 ul li:first-child a:before,
	.globalNav .g6 ul li:first-child a:before {/*20160329*/
	content:"";
	}

	/* .headerNav */
	.headerNav {
		width:125px; height:25px;
		display:table;
	}
	.headerNav li {
		width:25px; height:25px;
		display:table-cell; vertical-align:top;
	}
	.headerNav li img {
		width:25px;
	}
	.headerNav li.facebook,
	.headerNav li.instagram {
		padding-left:25px;
	}

	/* #headerSeach */
	#headerSearch {
		width:100%;
		margin-left:0;
		position:absolute; left:0; top:0;
		overflow:hidden;
		display:none;
	}
	#headerSearch .searchArea {
		width:95.3125%;
		padding:0 0 0 4.6875%;
		position:absolute; left:0; top:-264px;
		background:#F7F7F7;
	}
	#headerSearch h3 {
		font-size:14px; line-height:160%; letter-spacing:0.05em;
		margin-bottom:6px;
	}
	#headerSearch h3:first-child {
		padding-top:12px;
	}
	#headerSearch form {
		width:95.08%;
		margin:0; padding:0 0 25px 0;
		display:table;
	}
	#headerSearch .text {
		width:79%;
	}
	#headerSearch .text input {
		width:90%;
		padding:2px 3%;
		font-size:14px; line-height:18px; letter-spacing:0.1em;
	}
	#headerSearch .btn {
		width:21%;
	}
	#headerSearch .btn button {
		width:100%; height:25px;
		font-size:11px; line-height:25px; letter-spacing:0.05em;
	}
	#headerSearch .word {
		width:100%; height:auto;
		padding-bottom:10px;
		letter-spacing:-.40em; font-size:0px;
	}
	#headerSearch .word li {
		width:50%;
		padding-bottom:10px; padding-right:0;
		font-size:14px; line-height:160%; letter-spacing:0.3em;
	}
	#headerSearch .tags {
		width:100%;
		padding-bottom:0;
	}
	#headerSearch .tags p {
		padding:0 14px 14px 0 !important;
	}

	/*#header by #individual */
	#header.individual {
		height:49px;
	}
	.individual #headerTop {
		position:fixed; left:0; top:0; z-index:1000;
	}
	.individual #headerMain {
		display:block;
	}

}

/*=================================================
 #footer
--------------------------------------------------- */
#footer {
	padding-bottom:15px;
}
#footer .footererWrap {
	width:100%;
	padding-bottom:2px;
	background:url(../image/share/line2.png) left bottom repeat-x;
}
#footer .footerInner {
	width:1200px;
	margin:0 auto;
	position:relative;
}
#footer a:link, #footer a:visited {color:#FFF; text-decoration:none;}
#footer a:hover, #footer a:active {color:#b2b2b2; text-decoration:none;}

/* .footerNav */
.footerNav {
	width:100%; height:30px;
	padding:20px 0;
	display:table;
}
.footerNav li {
	width:16.67%;
	height:30px;
	display:table-cell;
	vertical-align:top;
}
.footerNav li:first-child {
	border-left:#000 1px solid;
	box-sizing:border-box;
}
.footerNav li:last-child {
	border-right:#a1a1a1 1px solid;
	box-sizing:border-box;
}
.footerNav div {
	border-right:#000 1px solid;
	border-left:#a1a1a1 1px solid;
	font-size:12px;
	line-height:20px;
	letter-spacing:0.3em;
	text-align:center;
}
.footerNav li p.en{
	margin:0;
	font-size:9px;
	letter-spacing:0.1em;
}
.footerNav  a {
	width:100%;
	height:30px;
	display:block;
}

/* .footerNavSub */
#footerSitemap .footerInner {
	display:table;
}
.footerNavSub {
	width:16.67%;
	display:table-cell; vertical-align:top;
	box-sizing:border-box;
	border-left:#a1a1a1 1px solid;
}
.footerNavSub ul {
	padding:14px 3px 14px 8px;
}
.footerNavSub li {
	margin-left: 1em;/* 20160329 */
	text-indent: -1em;/* 20160329 */
	font-size:11px; line-height:26px; letter-spacing:0.05em;
}
.footerNavSub li a:before {/* 20160329 */
	content:"▶";
}
.footerNavSub li span {
	font-size:10px;
}

/* #footerCopyright */
#footerCopyright  {
	font-size:10px; line-height:40px; letter-spacing:0.075em; color:#FFF; text-align:center;
}
#footerCopyright .footerInner {
	text-align:right;
	background:url(../image/share/logo_footer.png) center 8px no-repeat;
}

.footer_sp {
	display:none;
}
@media only screen and (max-width: 767px) {
	#footer {
		padding-bottom:0;
	}
	#footerTop {
		display:none;
	}
	#footerSitemap {
		display:none;
	}
	#footer .footererWrap {
		padding-bottom:0;
		background:none;
	}
	#footer .footerInner {
		width:100%;
	}
	.footer_sp {
		display:block;
		padding-bottom:2px;
		text-align:center;
		background:url(../image/share/line2.png) left bottom repeat-x;
	}
	#pagetop_sp img{
		width:100%;
		vertical-align:bottom;
	}
	#footerLogo_sp img{
		width:31.25%;
		vertical-align:bottom;
	}
	#footerCopyright  {
		font-size:10px; font-size:3.125vw; line-height:100%; letter-spacing:0;
		padding:10px 0;
	}
	#footerCopyright .footerInner {
		text-align:center;
		background:none;
	}
}

/*=================================================
 common
--------------------------------------------------- */
#wrap {
	width:100%;
	background:#F7F7F7;
}
.container {
	width:1200px;
	margin:0 auto;
}
.content {
	width:930px;
	margin:0 auto;
}
.content1 {
	width:890px;
	display:table-cell; vertical-align:top;
}
.content2 {
	width:270px;
	padding-left:40px;
	display:table-cell; vertical-align:top;
}
.content a:link, .content a:visited {color:#222; text-decoration:none;}
.content a:hover, .content a:active {color:#222; text-decoration:none;}


.table {
	display:table;
}
.pdT,
.pdT2 {
	padding-top:30px !important;
}
#pagetop {
	position:fixed; right:0; bottom:17px;
	display:none;
}

.titleImage {
	padding-top:30px;
}
.title1 {
	padding:33px 0 37px 0;
	background:url(../image/share/title1.png) 0 30px repeat-x;
}
.title1 h2 {
	width:580px;
	margin:0 auto;
	font-size:15px; line-height:26px; letter-spacing:0.3em; text-align:center; color:#111;
	background:#dfdfdf;
}
.title1 h2 br {
	display:none;
}
.title2 {
	padding:3px 0 60px 0;
	background:url(../image/share/title1.png) repeat-x;
}
.title2 h2 {
	width:580px;
	margin:0 auto;
	font-size:15px; line-height:26px; letter-spacing:0.3em; text-align:center; color:#111;
	background:#dfdfdf;
}
.title2 br {
	display:none;
}
.title2 br.always {
	display:block;
}
.title2 .en {
	letter-spacing:0.1em;
}
.title2 .ens {
	font-size:13px;
	letter-spacing:0.1em;
}

.blockStyle1 {
	padding-top:30px; padding-bottom:30px;
	border-top:#dbdbdb 4px solid;
}
.blockStyle1 .block1 {
	padding:0 0 15px 20px; margin-bottom:30px;
	border-left:#dbdbdb 1px solid; border-bottom:#dbdbdb 2px solid;
	font-size:13px; line-height:24px; letter-spacing:0.1em;
}
.blockStyle1 .block1 h3 {
	width:244px;
	margin-bottom:10px;
	font-size:14px; line-height:22px; letter-spacing:0.2em; color:#FFF; text-align:center;
	background:#555;
}
.blockStyle1 .block1 h3.long1 {
	/*width::340px;20160404*/
	width:340px;
}
.blockStyle1 .block1 h3.long2 {
	width:540px;
}
.blockStyle1 .block1 h3.long3 {
	width:800px;
}
.blockStyle1 .block1 h4 {
	font-weight:bold;
}

@media only screen and (max-width: 767px) {
	.container {
		width:100%;
	}
	.content {
		width:90.625%;
	}
	.content1 {
		width:100%;
		display:block;
	}
	.content2 {
		width:100%;
		padding-left:0;
		display:block;
	}
	.pdT {
		padding-top:2px !important;
	}
	.pdT2 {
		padding-top:2px !important;
	}

	.titleImage {
		padding-top:0;
	}
	.titleImage p {
		width:90.625%;
		margin:7px auto 0 auto;
		font-size:13px; font-size:4.0625vw; line-height:160%;
	}
	.title1 {
		padding:3px 0 20px 0;
		background:url(../image/share/title1.png) 0 0 repeat-x;
	}
	.title1 h2 {
		width:71%;
		font-size:15px; font-size:4.6875vw; line-height:133%; letter-spacing:0.025em;
		padding:4px 0 2px 0;
	}
	.title1 h2 br {
		display:block;
	}
	.title2 {
		padding:3px 0 20px 0;
		background:url(../image/share/title1.png) repeat-x;
	}
	.title2 h2 {
		width:71%;
		font-size:15px; font-size:4.6875vw; line-height:133%; letter-spacing:0.025em;
		padding:4px 0 2px 0;
	}
	.title2 br {
		display:block;
	}
	.title2 .en {
		font-size:12px; font-size:3.75vw;
	}

	.blockStyle1 {
		padding-top:15px; padding-bottom:15px;
		border-top:#dbdbdb 3px solid;
	}
	.blockStyle1 .block1 {
		width:90.625%;
		padding:0 0 15px 0; margin:0 auto 20px auto;
		border-left:none; border-bottom:#dbdbdb 3px solid;
		font-size:4.0625vw; line-height:160%; letter-spacing:0.025em;
	}
	.blockStyle1 .block1 h3 {
		width:80%;
		margin:0 auto 10px auto;
		font-size:13px; font-size:4.0625vw; line-height:160%; letter-spacing:0.025em;
	}
	.blockStyle1 .block1 h3.long1 {
		width:100%;
	}
	.blockStyle1 .block1 h3.long2 {
		width:100%;
	}
	.blockStyle1 .block1 h3.long3 {
		width:100%;
	}
	.blockStyle1 .block1 h3.long4 {
		width:100%;
	}
	.blockStyle1 .block1 .bnr {
		width:100%;
	}
	.blockStyle1 .block1 .bnr img {
		width:100%;
	}
}

/* #cat-latest
-----------------------*/
#cat-latest {
	padding-bottom:38px;
}
#cat-latest h2 {
	width:100%; height:14px;
	margin-bottom:12px;
	background:url(../image/share/title_latest.png) no-repeat;
	text-indent:-9999px;
}
#cat-latest li {
	padding:4px 0 8px 0;
	font-size:12px; line-height:18px; letter-spacing:0.05em;
}
@media only screen and (max-width: 767px) {
	#cat-latest {
		width:90.625%;
		margin:0 auto; padding-bottom:20px;
	}
	#cat-latest h2 {
		width:100%; height:0;
		padding-top:4.83%; margin-bottom:0;
		background:url(../image/share/title_latest_sp.png) no-repeat;
		background-size:contain;
		font-size:0;
	}
	#cat-latest ul {
		margin-top:10px;
	}
	#cat-latest li {
		padding:0;
		font-size:14px; font-size:4.375vw; line-height:150%; letter-spacing:0.025em;
		padding-bottom:10px;
	}
	#cat-latest .more_sp{
		border-top: 3px solid #dbdbdb;
		border-bottom: 3px solid #dbdbdb;
	}
	#cat-latest .more_sp a > img{
		vertical-align: bottom;
		width: 100%
	}
}

/* #cat-index
-----------------------*/
#cat-index {
	padding-bottom:38px;
}
#cat-index h2 {
	width:100%; height:14px;
	margin-bottom:12px;
	background:url(../image/share/title_index.png) no-repeat;
	text-indent:-9999px;
}
#cat-index li {
	padding:4px 0 8px 0;
	font-size:12px; line-height:18px; letter-spacing:0.05em;
}
#cat-index li {
	margin-left: 1em;/* 20160329 */
	text-indent: -1em;/* 20160329 */
}
#cat-index li a:before {/* 20160329 */
	content:"▶";
}
#cat-index span {
	font-size:10px; line-height:16px; letter-spacing:0.05em;
}
@media only screen and (max-width: 767px) {
	#cat-index {
		width:90.625%;
		margin:0 auto; padding-bottom:20px;
	}
	#cat-index h2 {
		width:100%; height:0;
		padding-top:4.83%; margin-bottom:0;
		background:url(../image/share/title_index_sp.png) no-repeat;
		background-size:contain;
		font-size:0;
	}
	#cat-index ul {
		margin-top:10px;
	}
	#cat-index li {
		padding:0 0 10px 0;
		font-size:14px; font-size:4.375vw; line-height:150%; letter-spacing:0.025em;
	}
	#cat-index span {
		font-size:12px; font-size:3.75vw; line-height:150%; letter-spacing:0.05em;
	}
}

/* #recommend
-----------------------*/
#recommend {
	padding-bottom:30px;
}
#recommend h2 {
	width:100%; height:14px;
	margin-bottom:30px;
	background:url(../image/share/title_recommend.png) no-repeat;
	text-indent:-9999px;
}
#recommend li {
	padding-bottom:30px;
}
#recommend li img {
	width:100%;
	vertical-align:bottom;
}
@media only screen and (max-width: 767px) {
	#recommend {
		width:90.625%;
		margin:0 auto;
	}
	#recommend h2 {
		width:100%; height:0;
		padding-top:4.83%; margin-bottom:0;
		background:url(../image/share/title_recommend_sp.png) no-repeat;
		background-size:contain;
		font-size:0;
	}
	#recommend ul {
		padding-top:5px;
	}
	#recommend li {
		padding-bottom:0; padding-top:15px;
	}
}

/* #keywords
-----------------------*/
#keywords {
	padding-bottom:50px;
}
#keywords h2 {
	width:100%; height:15px;
	margin-bottom:10px;
	background:url(../image/share/title_keywords.png) no-repeat;
	text-indent:-9999px;
}
#keywords ul {
	width:100%;
	letter-spacing:-.40em; font-size:0;
}
#keywords li {
	padding-right:10px;
	display:inline-block; letter-spacing:normal; vertical-align:top;
	font-size:12px; line-height:28px;
}
@media only screen and (max-width: 767px) {
	#keywords {
		width:90.625%;
		margin:0 auto; padding-bottom:30px;
	}
	#keywords h2 {
		width:100%; height:0;
		padding-top:4.83%; margin-bottom:0;
		background:url(../image/share/title_keywords_sp.png) no-repeat;
		background-size:contain;
		font-size:0;
	}
	#keywords ul {
		width:100%;
		padding-top:12px;
		letter-spacing:-.40em; font-size:0;
	}
	#keywords li {
		padding-right:10px;
		font-size:13px;font-size:4.0625vw; line-height:215%;
	}
}

/* #instagram
-----------------------*/
#instagram {
	padding-bottom:45px;
}
#instagram h2 {
	width:100%; height:17px;
	margin-bottom:20px; padding-top:3px;
	background:url(../image/share/title_instagram.png) no-repeat;
	position:relative;
}
#instagram h2 p {
	position:absolute; right:0; top:2px;
	font-size:11px; line-height:15px; text-align:right;
}
#instagram .block1 {
	width:100%;
	position:relative;
	overflow:hidden;
}
#instagram ul {
	margin-right:-15px;
	letter-spacing:-.40em; font-size:0;
}
#instagram li {
	width:33.3%;
	display:inline-block; letter-spacing:normal; vertical-align:top;
}
#instagram li img {
	width:100%;
	vertical-align:top;
}
#instagram div {
	padding:0 15px 15px 0;
}
/*#instagram {
	padding-bottom:45px;
}
#instagram h2 {
	width:100%; height:17px;
	margin-bottom:20px; padding-top:3px;
	background:url(../image/share/title_instagram.png) no-repeat;
	position:relative;
}
#instagram h2 span {
	position:absolute; right:0; top:2px;
	font-size:11px; line-height:15px; text-align:right;
}*/
@media only screen and (max-width: 767px) {
	#instagram {
		padding-bottom:30px;
	}
	#instagram h2 {
		width:90.625%; height:0;
		padding-top:7.94%; margin:0 auto;
		background:url(../image/share/title_instagram_sp.png) no-repeat;
		background-size:contain;
		font-size:0;
	}
	#instagram h2 p{
		font-family:13px;
	}
	#instagram .block1 {
		width:91.875%;
		margin:0 auto;
	}
	#instagram ul {
		width:100%;
		margin-right:0; padding-top:8px;
	}
	#instagram div {
		padding:2px;
	}
/*#instagram {
		padding-bottom:30px;
	}
	#instagram h2 {
		width:90.625%; height:0;
		padding-top:7.94%; margin:0 auto;
		background:url(../image/share/title_instagram_sp.png) no-repeat;
		background-size:contain;
		font-size:0;
	}
	#instagram h2 p{
		font-family:13px; font-size:4.0625vw; line-height:100%;
		top:20%;
	}
	#instagram .block1 {
		width:91.875%;
		margin:0 auto;
	}*/
}

/* #instagramL
-----------------------*/
#instagramL {
	padding-bottom:45px;
}
#instagramL h2 {
	width:100%; height:17px;
	margin-bottom:20px; padding-top:3px;
	background:url(../image/share/title_instagram.png) no-repeat;
	position:relative;
}
#instagramL h2 p {
	position:absolute; left:138px; top:2px;
	font-size:11px; line-height:15px; text-align:right;
}
#instagramL .block1 {
	width:100%;
	position:relative;
	overflow:hidden;
}
#instagramL ul {
	margin-right:-2px;
	letter-spacing:-.40em; font-size:0;
}
#instagramL li {
	width:25%;
	display:inline-block; letter-spacing:normal; vertical-align:top;
}
#instagramL li img {
	width:100%;
	vertical-align:top;
}
#instagramL div {
	padding:0 2px 2px 0;
}
/*#instagramL {
	padding-bottom:45px;
}
#instagramL h2 {
	width:100%; height:17px;
	margin-bottom:20px; padding-top:3px;
	background:url(../image/share/title_instagram.png) no-repeat;
	position:relative;
}
#instagramL h2 span {
	position:absolute; left:138px; top:2px;
	font-size:11px; line-height:15px; text-align:right;
}
#instagramL .instagram_pc,
#instagramL .instagram_sp {
	display:none;
}*/
@media only screen and (max-width: 767px) {
	#instagramL {
		padding-bottom:30px;
	}
	#instagramL h2 {
		width:90.625%; height:0;
		padding-top:7.94%; margin:0 auto;
		background:url(../image/share/title_instagram_sp.png) no-repeat;
		background-size:contain;
		font-size:0;
	}
	#instagramL h2 p{
		font-family:13px;
		left:auto; right:0; top:2px;
	}
	#instagramL .block1 {
		width:91.875%;
		margin:0 auto;
	}
	#instagramL ul {
		width:100%;
		margin-right:0; padding-top:8px;
	}
	#instagramL li {
		width:50%;
	}
	#instagramL div {
		padding:2px;
	}
	/*#instagramL {
		padding-bottom:30px;
	}
	#instagramL h2 {
		width:90.625%; height:0;
		padding-top:14%; margin:0 auto;
		background:url(../image/share/title_instagram_sp.png) no-repeat;
		background-size:contain;
		font-size:0;
	}
	#instagramL h2 span{
		font-family:13px; font-size:4.0625vw;
		left:auto; right:0; top:50%;
	}
	#instagramL .block1 {
		width:91.875%;
		margin:0 auto;
	}*/
}


/* .tags
--------------------------*/
.tags {
	letter-spacing:-.40em; font-size:0;
}
.tags p {
	width:56px;
	padding:0 0 1px 1px;
	display:inline-block;
}
.tags a {
	width:100%;
	display:block;
	box-sizing:border-box;
	font-size:10px; line-height:14px; letter-spacing:0.05em; text-align:center;
}
.tagRight {
	text-align:right;
}
.tags a:link, .tags a:visited {color:#666; text-decoration:none; border:#909090 1px solid;}
.tags a:hover, .tags a:active {color:#b2b2b2; text-decoration:none; border:#b2b2b2 1px solid;}

@media only screen and (max-width: 767px) {
	.tags p {
		width:62px;
		padding:7px 0 10px 5px;
	}
	.tags a {
		font-size:11px; line-height:16px; letter-spacing:0; text-align:center;
	}
	.tagRight{
		text-align:left;
	}
}

/* .readme
--------------------------*/
.readmore {
	position:relative;
}
.readmore .ro-overlay {
	width:100%; height:100%;
	position:absolute; left:0; top:0;
	background:#000;
	opacity:0; filter:alpha(opacity=0);
}
.readmore .ro-inner {
	width:100%; height:100%;
	position:absolute; left:0; top:0;
	opacity:0; filter:alpha(opacity=0);
}
.readmore .ro-inner .l1,
.readmore .ro-inner .l2 {
	width:180px; height:1px;
	position:absolute; left:50%; top:50%;
	margin-left:-90px;
	background:#FFF;
	font:0; line-height:0;
}
.readmore .ro-inner .l1 {
	margin-top:-31px;/*margin-top:-21px; */
}
.readmore .ro-inner .l2 {
	margin-top:30px;/*margin-top:20px; */
}
.readmore .ro-inner .ar {
	width:10px; height:12px;
	position:absolute; left:50%; top:50%;
	background:url(../image/share/readme_ar.png) no-repeat;
	margin-top:-6px; margin-left:-59px;/*margin-left:-54px;*/
}
.readmore .ro-inner .t {
	width:96px; height:12px;
	position:absolute; left:50%; top:50%;
	background:url(../image/share/readme_t.png) no-repeat;
	margin-top:-6px; margin-left:-42px;
}
.readmore .S .ro-inner .l1,
.readmore .S .ro-inner .l2 {
	width:140px;
	margin-left:-70px;
}
.readmore .SS .ro-inner .l1,
.readmore .SS .ro-inner .l2 {
	width:110px;
	margin-left:-55px;
}

/* .page-nav
--------------------------*/
.page-nav {
	padding-bottom:60px;
}
.page-nav ul {
	width:100%;
	padding-bottom:20px;
	letter-spacing:-.40em; font-size:0;
	text-align:center;
}
.page-nav li {
	width:40px; height:40px;
	margin:0 5px;
	display:inline-block;
	font-size:14px; line-height:40px; text-align:center; color:#FFF;
	background:#929292;
}
.page-nav li a {
	width:38px; height:38px;
	line-height:38px;
	border:#929292 1px solid;
	background:#f7f7f7;
	display:block;
}
.page-nav li a:hover {
	color:#b2b2b2;
	border:#b2b2b2 1px solid;
}
.page-nav p {
	font-size:10px; line-height:10px; letter-spacing:0.2em; text-align:center;
}
@media only screen and (max-width: 767px) {
	.page-nav {
		padding-bottom:30px;
	}
}

/* .page_nav_thum
--------------------------*/
.page_nav_thum {
	width:100%; height:120px;
	margin-top:60px; padding-bottom:60px;
	border-bottom:#dbdbdb 2px solid;
}
.page_nav_thum .box {
	width:445px;
	float:left;
	display:table; vertical-align:top;
}
.page_nav_thum .box.next {
	float:right;
}
.page_nav_thum .box .marginL {
	width:40px;
	display:table-cell; vertical-align:middle;
	font-size:14px; line-height:500%;
}
.page_nav_thum .box .photo {
	width:120px;
	display:table-cell; vertical-align:top;
}
.page_nav_thum .box .photo img{
	width:100%;
	vertical-align:bottom;
}
.page_nav_thum .box .articleBox {
	width:200px;
	padding-left:30px;
	display:table-cell; vertical-align:top;
}
.page_nav_thum .box .title {
	font-size:12px; line-height:14px; letter-spacing:0.1em; color:#666;
}
.page_nav_thum .box h3 {
	padding-top:16px;
	font-size:11px; line-height:18px; letter-spacing:0.05em;
}
.page_nav_thum .foot {
	width:100%;
	padding:13px 0 7px 0;
	display:table;
	border-bottom:#dbdbdb 2px solid;
}
.page_nav_thum .foot .date {
	display:table-cell; vertical-align:top;
}
.page_nav_thum .foot .date {
	text-indent: -4px;
	font-size: 10px;
	line-height: 16px;
}
.page_nav_thum .foot .tags {
	width:121px;
	display:table-cell; vertical-align:top;
}
.page_nav_thum .box .marginR {
	width:55px;
	display:table-cell; vertical-align:middle; text-align:right;
	font-size:14px; line-height:500%;
}
.page_nav_thum .box .marginL a,
.page_nav_thum .box .marginR a {
	display:block;
}
.page_nav_thum .box.prev .marginR {
	width:54px;
	border-right:#dbdbdb 1px solid;
}
@media only screen and (max-width: 767px) {
	.page_nav_thum {
		height:auto;
		margin:15px auto; padding-bottom:0;
		border-bottom:none;
	}
	.page_nav_thum .box {
		width:100%;
		padding-top:15px;
		float:none;
		border-bottom:#dbdbdb 3px solid;
	}
	.page_nav_thum .box.next {
		float:none;
	}
	.page_nav_thum .box .marginL {
		width:6%;
		font-size:15px; font-size:4.6875vw; line-height:500%;
	}
	.page_nav_thum .box .photo {
		width:41%;
		padding-bottom:15px;
	}
	.page_nav_thum .box .articleBox {
		width:auto;
		padding-left:3.5%; padding-bottom:8px;
		display:table-cell; vertical-align:top;
	}
	.page_nav_thum .box .title {
		font-size:14px; font-size:4.375vw; line-height:100%;
	}
	.page_nav_thum .box h3 {
		padding-top:3px;
		font-size:12px; font-size:3.75vw; line-height:130%;
	}
	.page_nav_thum .foot {
		width:100%;
		padding:10px 0 0px 0;
		display:block;
		border-bottom:none;
	}
	.page_nav_thum .foot .date {
		display:block;
	}
	.page_nav_thum .foot .tags {
		width:100%;
		display:block;
	}
	.tags p {
		padding:7px 5px 10px 0;
	}
	.page_nav_thum .box .marginR {
		width:6%;
		font-size:15px; font-size:4.6875vw; line-height:500%;
	}
	.page_nav_thum .box.prev .marginR {
		width:5%;
		border-right:none;
	}
}

/* .more_sp_text
--------------------------*/
.more_sp_text {
	width:100%;
	margin:0 auto;
	border-bottom:#dbdbdb 3px solid;
	font-size:14px; font-size:4.375vw; line-height:220%; text-align:center;
}
.more_sp_text a {
	display:block;
}


/* font
--------------------------*/
.fs12 {font-size:12px;}
.fs13 {font-size:13px;}
.fs16 {font-size:16px;}
.fs18 {font-size:18px;}
.fs20 {font-size:20px;}

a:link, a:visited {color:#666; text-decoration:none;}
a:hover, a:active {color:#b2b2b2; text-decoration:none;}

.fw-b  {font-weight:bold;}

/* align
--------------------------*/
.alignC {text-align:center !important;}
.alignL {text-align:left !important;}
.alignR {text-align:right !important;}

/* float
--------------------------*/
.floatR {float:right;}
.floatL {float:left;}
.floatN {float:none;}
.clearR {clear:right;}
.clearL {clear:left;}

/* module
--------------------------*/
.clearfix:after {
	display: block;
	clear: both;
	content: "";
}

.indent1 {padding-left:1em; text-indent:-1em;}
.indent2 {padding-left:2em; text-indent:-2em;}
.indent3 {padding-left:3em; text-indent:-3em;}

.indent30px {position:relative; padding-left:30px;}
.indent30px dt {
	position: absolute;
	top: 1px;
	left: 0px;
	width: 30px;
}

ol.number    {margin-left:25px;}
ol.number li {list-style-type:decimal;}



@media only screen and (min-width: 767.01px) {
	.ro-opacity_group img:hover,
	.ro-opacity:hover{
		filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
		opacity: 0.7;
	}
}
@media only screen and (max-width: 767px) {
	#pagetop {
		display:none;
	}
}
.sp-only {display:none;}
@media only screen and (max-width: 767px) {
	.sp-only {display:block;}
	.pc-only {display:none;}
}


/* margin / padding
--------------------------*/
.mg0  {margin:0 !important;}
.mg5  {margin:5px !important;}
.mg10 {margin:10px !important;}
.mg15 {margin:15px !important;}
.mg20 {margin:20px !important;}
.mg25 {margin:25px !important;}
.mg30 {margin:30px !important;}
.mg35 {margin:35px !important;}
.mg40 {margin:40px !important;}
.mg45 {margin:45px !important;}
.mg50 {margin:50px !important;}

.pd0  {padding:0 !important;}
.pd5  {padding:5px !important;}
.pd10 {padding:10px !important;}
.pd15 {padding:15px !important;}
.pd20 {padding:20px !important;}
.pd25 {padding:25px !important;}
.pd30 {padding:30px !important;}
.pd35 {padding:35px !important;}
.pd40 {padding:40px !important;}
.pd45 {padding:45px !important;}
.pd50 {padding:50px !important;}

.mgL5  {margin-left:5px !important;}
.mgL10 {margin-left:10px !important;}
.mgL15 {margin-left:15px !important;}
.mgL20 {margin-left:20px !important;}
.mgL25 {margin-left:25px !important;}
.mgL30 {margin-left:30px !important;}
.mgL35 {margin-left:35px !important;}
.mgL40 {margin-left:40px !important;}
.mgL45 {margin-left:45px !important;}
.mgL50 {margin-left:50px !important;}
.mgR5  {margin-right:5px !important;}
.mgR10 {margin-right:10px !important;}
.mgR15 {margin-right:15px !important;}
.mgR20 {margin-right:20px !important;}
.mgR25 {margin-right:25px !important;}
.mgR30 {margin-right:30px !important;}
.mgR35 {margin-right:35px !important;}
.mgR40 {margin-right:40px !important;}
.mgR45 {margin-right:45px !important;}
.mgR50 {margin-right:50px !important;}
.mgT0  {margin-top:0px !important;}
.mgT5  {margin-top:5px !important;}
.mgT10 {margin-top:10px !important;}
.mgT15 {margin-top:15px !important;}
.mgT20 {margin-top:20px !important;}
.mgT25 {margin-top:25px !important;}
.mgT30 {margin-top:30px !important;}
.mgT35 {margin-top:35px !important;}
.mgT40 {margin-top:40px !important;}
.mgT45 {margin-top:45px !important;}
.mgT50 {margin-top:50px !important;}

.mgB0  {margin-bottom:0px !important;}
.mgB5  {margin-bottom:5px !important;}
.mgB10 {margin-bottom:10px !important;}
.mgB15 {margin-bottom:15px !important;}
.mgB20 {margin-bottom:20px !important;}
.mgB25 {margin-bottom:25px !important;}
.mgB30 {margin-bottom:30px !important;}
.mgB35 {margin-bottom:35px !important;}
.mgB40 {margin-bottom:40px !important;}
.mgB45 {margin-bottom:45px !important;}
.mgB50 {margin-bottom:50px !important;}

.pdL5  {padding-left:5px !important;}
.pdL10 {padding-left:10px !important;}
.pdL15 {padding-left:15px !important;}
.pdL20 {padding-left:20px !important;}
.pdL25 {padding-left:25px !important;}
.pdL30 {padding-left:30px !important;}
.pdL35 {padding-left:35px !important;}
.pdL40 {padding-left:40px !important;}
.pdL45 {padding-left:45px !important;}
.pdL50 {padding-left:50px !important;}
.pdR5  {padding-right:5px !important;}
.pdR10 {padding-right:10px !important;}
.pdR15 {padding-right:15px !important;}
.pdR20 {padding-right:20px !important;}
.pdR25 {padding-right:25px !important;}
.pdR30 {padding-right:30px !important;}
.pdR35 {padding-right:35px !important;}
.pdR40 {padding-right:40px !important;}
.pdR45 {padding-right:45px !important;}
.pdR50 {padding-right:50px !important;}
.pdT0  {padding-top:0px !important;}
.pdT5  {padding-top:5px !important;}
.pdT10 {padding-top:10px !important;}
.pdT15 {padding-top:15px !important;}
.pdT20 {padding-top:20px !important;}
.pdT25 {padding-top:25px !important;}
.pdT30 {padding-top:30px !important;}
.pdT35 {padding-top:35px !important;}
.pdT40 {padding-top:40px !important;}
.pdT45 {padding-top:45px !important;}
.pdT50 {padding-top:50px !important;}
.pdB0  {padding-bottom:0px !important;}
.pdB5  {padding-bottom:5px !important;}
.pdB10 {padding-bottom:10px !important;}
.pdB15 {padding-bottom:15px !important;}
.pdB20 {padding-bottom:20px !important;}
.pdB25 {padding-bottom:25px !important;}
.pdB30 {padding-bottom:30px !important;}
.pdB35 {padding-bottom:35px !important;}
.pdB40 {padding-bottom:40px !important;}
.pdB45 {padding-bottom:45px !important;}
.pdB50 {padding-bottom:50px !important;}

.spaceH30 {height:30px;}

/* ================================================
 for YNKs (added by past)
--------------------------------------------------- */
/* #side */
#ynks-side {
	padding-bottom: 30px;
}
#ynks-side div {
	margin-top: 4px;
}
#ynks-side div:first-child {
	margin-top: 0;
}
#ynks-side img {
	width: 100%;
}

@media only screen and (max-width: 767px) {
	#ynks-side {
		display: none;
	}
}

/* #ynks-top */
#ynks-top {
	padding-bottom: 45px;
}
#ynks-top div {
	margin-top: 8px;
}
#ynks-top div:first-child {
	margin-top: 0;
}
#ynks-top img {
	width: 100%;
}

@media only screen and (max-width: 767px) {
	#ynks-top {
		display: none;
	}
}

/* #ynks-sp */
#ynks-sp {
	margin: 0 auto 30px;
	padding: 0 4.6875% 10px;
	border-bottom: 1px solid #606060;
}
#slide + #ynks-sp {
	margin: 20px auto 0;
	padding-bottom: 0;
	border-bottom: none;
}
#ynks-sp div {
	margin-top: 8px;
}
#ynks-sp div:first-child {
	margin-top: 0;
}
#ynks-sp img {
	width: 100%;
}

#wrap > #ynks-sp:first-child {
	padding: 18px 4.6875% 10px;
	margin-bottom: 0;
	border-bottom: none;
}

#wrap > #ynks-sp:first-child + .title_visual + .title2,
#wrap > #ynks-sp:first-child + .title2 {
	background: none;
}
#wrap > #ynks-sp:first-child + .title_visual + .title2 h2,
#wrap > #ynks-sp:first-child + .title2 h2 {
	width: 100%;
}
#wrap > #ynks-sp:first-child + .title_visual + .title2 {
	padding-top: 0;
}

#headerSearch .searchArea > h3:first-child,
#headerSearch .searchArea > form,
#headerSearch .searchArea > .word {
	display: none;
}

#headerSearch .searchArea > h3 {
	padding-top: 35px;
}

#search_area {
	display: none;
}

@media only screen and (min-width: 768px) {
	#headerSearch .searchArea > h3 {
		padding-top: 12px;
	}

	#ynks-sp {
		display: none;
	}
}