@charset "utf-8";

/*------------------------------------------------------------------------------
Date: 2014-0X-XX
Copyright (C) XXX. All Rights Reserved.
------------------------------------------------------------------------------*/

/* ----------------------------------------

再定義

---------------------------------------- */
html {
	/*display: table;*/
	width: 100%;
}
body {
	font-family: -apple-system, 'blinkMacSystemFont', /* Macの欧文はSan Francisco (OS X 10.11以降) */
               'Helvetica Neue', /* Macの欧文 (OS X 10.10以前) */
               'Segoe UI',       /* Windowsの欧文 */
               "YuGothicM",        /* Windows8.1以上は游ゴシック */
               "YuGothic",         /* Macの游ゴシック */
               "Meiryo",           /* 游ゴシックが入っていないWindows */
               sans-serif;
	color: #333;
}
a:link {
	color:#00c;
	text-decoration: none;
}
a:visited {
	color:#609;
	text-decoration: none;
}
a:hover {
	color: #f00;
	text-decoration: underline;
}
img {
	vertical-align: bottom;
	max-width: 100%;
	width:auto\9; /* IE8用 */
	height: auto;
}
.telVoid {
	color: #333 !important;
	text-decoration: none !important;
	cursor: text !important;
	pointer-events : none;
}


@media screen and (max-width:1024px){
	html {
		display: block;
	}
	.btnPrint {
		display: none;
	}
}
@media screen and (min-width:1025px){
	.fb-like-box,
	.fb-like-box span,
	.fb-like-box iframe[style]{
		width: 100% !important;
		background: #fff;
	}
}

/* ----------------------------------------

container

---------------------------------------- */
#container {
	margin: 0 auto;
	font-size: 110%; /* fontsize 14px */
	line-height: 1.4;
	background:#FFFFFF;
}

/*
**
子要素のフォントサイズ指定は以下を参照
http://aloestudios.com/tools/emchart/
例)
基準フォントサイズが13pxで、
特定の要素を12pxにしたい時は92.4%と指定
**
*/

/* ----------------------------------------

header

---------------------------------------- */
#header {
	margin-bottom: 8px;
}
#header p.skip {
	height: 0;
	width: 0;
	overflow: hidden;
	margin: 0;
}

/*hdrSec01*/
.hdrSec01 {
	background: #1e1e1e;
	color: #fff;
	height: 43px;
}
.hdrSec01 .inWrap {
	width: 970px;
	margin: 0 auto;
	padding: 10px 0 11px;
}
.hdrSec01 a {
	color: #fff;
}
.hdrSec01 .inName {
	font-weight: 700;
	float: left;
	margin-top: 2px;
}
.hdrSec01 .inSns {
	/*
	width: 50%;
	*/
	float: right;
	text-align: right;
	height: 25px;
}
.hdrSec01 .language {
	padding: 0 0 1px 25px;
	float: left;
	margin-right:30px;
}
.hdrSec01 .language {
	color: #999999;
	margin-top: 2px;
}
.hdrSec01 .inSns div {
	display: inline-block;
}
.hdrSec01 .fb_iframe_widget {
	float: left;
	position: relative;
	top: 1px;
}
.hdrSec01 .fb_iframe_widget,
.hdrSec01 .twitter-share-button {
	vertical-align: middle;
	margin-left: 10px;
}
.hdrSec01 .inSns iframe {
	z-index: 1000;
}

.hdrSec01 .twitter-share-button {
	width: 76px !important;
	margin-top: 1px;
}
.hdrSec01 .facebook {
	background: url(../../images/common/hdr_facebook.png) no-repeat 0 50%;
	padding: 0 0 1px 25px;
	display: inline-block;
}
.hdrSec01 .inSns .snsicon li.magazinelink {
	background:#eb090a;
	padding:4px;
	width:110px;
	vertical-align: top;
	font-size: 12px;
}
.magazinelink a{
	color:#fff;
	
}
.hdrSec01 .inSns .snsicon {
  font-size: 0;
  float: right;
}
.hdrSec01 .inSns .snsicon li {
  background-color: #222222;
  display: inline-block;
  width: 25px;
} 

.hdrSec01 .inSns .snsicon li:first-child  { 
margin:0px 8px;
}
.hdrSec01 .inSns .snsicon li:nth-child(2) ,
.hdrSec01 .inSns .snsicon li:nth-child(3) {
margin-right:8px;
}


@media screen and (max-width:1024px){
	#header {
		margin-bottom: 0;
		border-bottom: 2px solid #d4d4d4;
	}
	.hdrSec01 {
		display: none;
	}
	.hdrSec02 {
		padding-bottom: 5px;
	}
}

/*hdrSec02*/
.hdrSec02 {
	background: #fff;
	border-bottom: 2px solid #d4d4d4;
	position: relative;
}
.hdrSec02 .inWrap {
	width: 970px;
	margin: 0 auto;
	/*position: relative;*/
}
#siteID,#globalNav > li,#hdrSrch {
	float: left;
}

/*en.ktc.jpと共通で使用 _en.png*/
.hdrSprite {
	background: url(../../images/common/hdr_sprite_nlogo.jpg?200701) no-repeat;
}
#siteID a{
	text-indent: -9999px;

}
#siteID {
	width: 200px;
}
#siteID a,
#siteID span {
	display: block;
	height: 88px;
}
/*#globalNav {
	position: relative;
}*/
#globalNav > li {
	width: 113px;
	overflow: hidden;
	position: static;
}
#globalNav > li.gn6 { width: 111px;}
#globalNav > li > a {
	display: block;
	height: 88px;
	outline: none;
	z-index: 100;
	position: relative;
	text-align:center;
}
#globalNav > li > a span {
	position: absolute;
	top: 20%;left: 50%;
	-ms-transform: translate(-50%,-50%);
	-webkit-transform : translate(-50%,-50%);
	transform : translate(-50%,-50%);
	text-align: center;
	font-weight: bold;
	width: 113px;
}
/*en.ktc.jpと共通使用*/
#globalNav li.gn1 > a { background-position: -200px 0; 	color:#000;}
#globalNav li.gn2 > a { background-position: -313px 0; 	color:#000;}
#globalNav li.gn3 > a { background-position: -426px 0; 	color:#000;}
#globalNav li.gn4 > a { background-position: -539px 0; 	color:#000;}
#globalNav li.gn5 > a { background-position: -652px 0; 	color:#000;}
#globalNav li.gn6 > a { width: 111px;background-position: -765px 0; color:#000;}
#globalNav li.gn1 > a:hover,
#globalNav li.gn1 > a.active { background-position: -200px -88px; color:#fff;}
#globalNav li.gn2 > a:hover,
#globalNav li.gn2 > a.active { background-position: -313px -88px; color:#fff;}
#globalNav li.gn3 > a:hover,
#globalNav li.gn3 > a.active { background-position: -426px -88px; color:#fff;}
#globalNav li.gn4 > a:hover,
#globalNav li.gn4 > a.active { background-position: -539px -88px; color:#fff;}
#globalNav li.gn5 > a:hover,
#globalNav li.gn5 > a.active { background-position: -652px -88px; color:#fff;}
#globalNav li.gn6 > a:hover,
#globalNav li.gn6 > a.active { background-position: -765px -88px; color:#fff;}

/* .doropDownMenu */
.doropDownMenu {
	position: absolute;
	left: 50%;
	margin-left: -360px;
	z-index: 1000;
	background: #fff;
	display: none;
	border-top: 1px solid #ececec;
	width: 833px;
	-webkit-box-shadow: 0 5px 7px rgba(0,0,0,.3);
	box-shadow: 0 5px 7px rgba(0,0,0,.3);
	padding-top: 13px;
}
#globalNav li:hover .doropDownMenu {
	display: block;
	opacity: 1 !important;
	/*top: 88px;*/
}
.doropList{
	overflow:hidden;
	margin: 10px 0 6px;
}
.doropList li{
	display:inline;
	float:left;
	width: 145px;
	margin: 0 0 10px 5px;
}
.doropList li a{
	display:block;
	width:100%;
	height:100%;
	background-position:left top;
	background-repeat:no-repeat;
	position:relative;
	overflow:hidden;
}
.doropList li a:hover{
	text-decoration:none;
}
.doropList li a:hover .thumb{
	top:-80px;
}
.doropList.doropInline li {
	width: 190px;
}
.doropList .thumb{
	/*height: 50px;*/
	overflow: hidden;
}
.doropList .thumb img {
	position: relative;
	/*top: -14px;*/
}
.doropList .catName{
	background: url(../../images/common/icon_arrw_01.png) no-repeat 0 .4em;
	padding:0 8px 0 12px;
	position:relative;
	z-index:1;
	margin-top: 2px;
}
.dropWrap1 {
	width: 602px;
	float: left;
	padding: 0 0 5px 15px;
	margin-right: 15px;
}
.dropWrap3 {
	width: 800px;
	float: left;
	padding: 0 0 5px 15px;
	margin-right: 15px;
}
.dropWrap2 {
	width: 179px;
	float: left;
	border: 1px solid #d3d3d3;
	border-bottom: none;
}
.dropWrap2 li a {
	background: url(../../images/common/icon_arrw_01.png) no-repeat 15px 50%;
	color: #111;
	font-weight: 700;
	padding: 9px 10px 9px 30px;
	display: block;
	border-bottom: 1px solid #d3d3d3;
}
.dropWrap2 li a:hover {
	text-decoration: none;
	background-color: #ffefef;
}
.dropMenuBtn {
	margin-left: 5px;
}
.dropMenuBtn a {
	background: #333;
	text-align: left;
	display: block;
	font-size: 123.1%;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	height: 47px;
	line-height: 47px;
	padding: 0 15px;
}
.dropMenuBtn a span {
	background: url(../../images/common/icon_arrw_01.png) no-repeat 0 50%;
	padding-left: 14px;
}
.doropDownMenu a:hover {
	text-decoration: underline;
}




/* .dropDownMenu02 */
.dropDownMenu02 {
	position: absolute;
	left: 50%;
	margin-left: -360px;
	z-index: 1000;
	background: #fff;
	display: none;
	border-top: 1px solid #ececec;
	width: 833px;
	-webkit-box-shadow: 0 5px 7px rgba(0,0,0,.3);
	box-shadow: 0 5px 7px rgba(0,0,0,.3);
	padding-top: 13px;
}
#globalNav li:hover .dropDownMenu02 {
	display: block;
	opacity: 1 !important;
	/*top: 88px;*/
}
.dropDownMenu02 p.introTxt{
	text-align: center;
	margin:10px 0 15px 0;
}
/*
.dropDownMenu02 p.catName{
	height:60px;
}
*/
.dropDownMenu02 .dropMenuBtn {
	background: #333;
	text-align: left;
	display: block;
	font-size: 123.1%;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	height: 47px;
	line-height: 47px;
	padding: 0 15px;
}
.dropDownMenu02 .dropMenuBtn span {
	background: url(../../images/common/icon_arrw_01.png) no-repeat 0 50%;
	padding-left: 14px;
}
.dropDownMenu02 p.heights01{
	height:40px;
}
.dropDownMenu02 p.heights02{
	height:58px;
}


/* .dropDownMenu03 */
.dropDownMenu03 {
	position: absolute;
	left: 50%;
	margin-left: -360px;
	z-index: 1000;
	background: #fff;
	display: none;
	border-top: 1px solid #ececec;
	width: 833px;
	-webkit-box-shadow: 0 5px 7px rgba(0,0,0,.3);
	box-shadow: 0 5px 7px rgba(0,0,0,.3);
	padding-top: 13px;
}
#globalNav li:hover .dropDownMenu03 {
	display: block;
	opacity: 1 !important;
	/*top: 88px;*/
}
.dropDownMenu03 p.introTxt{
	text-align: center;
	margin:10px 0 15px 0;
}
/*
.dropDownMenu03 p.catName{
	height:60px;
}
*/
.dropDownMenu03 .dropMenuBtn {
	background: #333;
	text-align: left;
	display: block;
	font-size: 123.1%;
	font-weight: 700;
	color: #fff;
	text-decoration: none;
	height: 47px;
	line-height: 47px;
	padding: 0 15px;
}
.dropDownMenu03 .dropMenuBtn span {
	background: url(../../images/common/icon_arrw_01.png) no-repeat 0 50%;
	padding-left: 14px;
}
.dropDownMenu03 p.heights01{
	height:40px;
}
.dropDownMenu03 p.heights02{
	height:58px;
}
.dropDownMenu03 .dropWrap0{
	width:803px;
	padding: 0 0 5px 15px;
    margin-right: 15px;
}
/*.dropDownMenu03 .dropWrap2 {
    width: 179px;
    float: left;
    border: none;
    border-bottom: none;
}
.dropDownMenu03 .dropWrap2 li{
	margin-bottom:15px;
}
.dropDownMenu03 .dropWrap2 li a {
    font-weight: 100;
    padding:0;
    display: block;
    border-bottom: none; 
}
.dropDownMenu03 .dropWrap2 li a .catName{
    background: url(../../images/common/icon_arrw_01.png) no-repeat 0 .4em;
    padding: 0 8px 0 12px;
    position: relative;
    z-index: 1;
    margin-top: 2px;
}

.dropDownMenu03 .dropWrap2 li a:link {
    color: #00c;
    text-decoration: none;
}
.dropDownMenu03 .dropWrap2 li a:hover {
    text-decoration: inherit;
    background-color: #fff;
    color: #f00;
}
.dropDownMenu03 .dropWrap2 li a:visited {
    color: #609;
    text-decoration: none;
}*/


#hdrSrch a {
	display: block;
	width: 94px;
	height: 88px;
	background-position: -876px 0;
	text-indent: -9999px;	
}

/* textSize */
.inSns .textSize{
	float:left;
	margin-top: 2px;
}
.inSns .textSize p.title,
.inSns .textSize ul#fontSizeChange{
	float: left;
}
.inSns .textSize p.title{
	background-color: #1e1e1e;
	margin-right: 10px;
}
.inSns .textSize ul#fontSizeChange{
	margin-right:15px;
}
.inSns #fontSizeChange li{
	display: table-cell;
	vertical-align: middle;
}
.inSns #fontSizeChange li#sizeReset span{
	padding:5px 5px;
	cursor: pointer;
}
.inSns #fontSizeChange li#sizeBig span{
	padding:5px 7px;
	cursor: pointer;
}
.inSns #fontSizeChange li#sizeReset { background-color:#737373; color:#fff;}
.inSns #fontSizeChange li#sizeReset .active {background-color: #fff; color:#4d4d4d;}
.inSns #fontSizeChange li#sizeBig { background-color:#737373; color:#fff;}
.inSns #fontSizeChange li#sizeBig .active {background-color: #fff; color:#4d4d4d;}

/*
#fontSizeChange dt {
	width: 92px;
	height: 43px;
	background-position: 100% 0;
}
#fontSizeChange dd {
	width: 45px;
	height: 45px;
	float: left;
}
#fontSizeChange dd span {
	display: block;
	height: 45px;
	cursor: pointer;
}

#sizeReset span { background-position: -878px -43px;}
#sizeReset span.active { background-position: -878px 100%;}
#sizeBig span { background-position: 100% -43px;}
#sizeBig span.active { background-position: 100% 100%;}

*/
#openMenu { display: none;}

/* layerSearch */
#layerSearch {
	display:none;
	position: absolute;
	top: 0;
	left: 50%;
	margin-left: 485px;
}
#layerSearch h6{
	margin: 10px 0 0px;
    border-left: 4px solid #eb090a;
    font-size: 108%;
    font-weight: bold;
    padding: 0 0 0 5px;
    line-height: 1;
    text-align:left!important;
}
#innerlayer{
	position:absolute;
	width: 440px;
	right: -92px;
	top: 93px;
	padding: 17px 15px 17px;
	z-index:99999;
	background:#ffffff;
	border-radius:6px;
	-webkit-box-shadow: 0 0 3px rgba(0,0,0,.4);
	box-shadow: 0 0 3px rgba(0,0,0,.4);
	text-align: center;
}
.btnForm {
	display: inline;
}
.iconSearch{
	position:absolute;
	top:-53px;
	right:45px;
}
.layerSearchArrow{
	position:absolute;
	top:-10px;
	right:130px;
	z-index:99999;
}
#closeSearch,
#closeMenu {
	display: block;
	width: 94px;
	height: 88px;
	background-position: -876px 100%;
	cursor: pointer;
	position: absolute;
	right: 0;
}
#keywords {
	padding: 10px;
	width: 165px;
	margin-bottom: 2px;
}
.listWrap .searchBtn,
#innerlayer .searchBtn,
.content-search .search-submit{
	background: #1e1e1e;
	color: #fff;
	padding: 6px 10px;
}
/* layerMenu */
#layerMenu{
	display:none;
}

@media screen and (max-width:1024px){
	.hdrSec02 {
		border-bottom: none;
	}
	.hdrSec02 .inWrap {
		width: auto;
		padding: 5px 5px 0;
	}
	#siteID {
		width: 134px;
		height: 50px;
	}
	#siteID a,#siteID span {
		/*-webkit-background-size: 745px auto;
		background-size: 745px auto;
		background-position: -28px -8px;*/
		-webkit-background-size: 588px auto;
		background-size: 588px auto;
		background-position: 0px 0px;

		height: 50px;
	}
	#globalNav {
		display: none;
	}
	#fontSizeChange {
		display: none !important;
	}
	#hdrSrch {
		float: none;
		position: absolute;
		right: 55px;
		height: 50px;
	}
	#hdrSrch a {
		width: 50px;
		-webkit-background-size: 684px auto;
		background-size: 684px auto;
		background-position: -627px -5px;
		height: 50px;
	}
	#bgSrch {
		display: block;
		width: 100%;
		height: 100%;
		background-color:rgba( 0, 0, 0, 0.4 );
		position: absolute;
		top: 0;
		left: 0;
		z-index: 1000;
	}
	#openMenu {
		display: block;
		width: 50px;
		height: 50px;
		position: absolute;
		right: 5px;
	}
	#closeSearch,
	#closeMenu {
		margin: 0;
		width: 48px;
		height: 48px;
		-webkit-background-size: 551px auto;
		background-size: 551px auto;
		background-position: -499px 100%;
		border: 1px solid  #ddd;
	}
	#closeSearch {
		width: 48px;
		height: 48px;
		z-index: 10000;
	}
	#layerSearch {
		left: inherit;
		right: 55px;
		top: 5px;
		margin-left: 0;
	}
	#innerlayer {
		right: -40px;
		top: 55px;
		padding: 13px 15px;
		width: 270px;
	}
	#layerSearch .layerSearchArrow {
		right: 55px;
		top: -10px;
	}
	#layerMenu .layerSearchArrow {
		right: 20px;
		top: 50px;
	}
	#keywords {
		margin-bottom: 8px;
		width: 166px;
	}
	.btnForm {
		text-align: center;
		display: block;
	}
	.content-search .btnForm {
	display: inline;
}
	#closeMenu {
		right: 5px;
		top: 5px;
		position: absolute;
	}
	/* layerMenu */
	#layerMenu{
		position:absolute;
		left:0;
		top:0;
		width:100%;
		height:100%;
		padding: 0 0 5px;
		background-color:rgba( 0, 0, 0, 0.4 );
		z-index:9999;
	}
	.layerMenuInner{
		width:300px;
		margin-right:0;
		position:relative;
		float: right;
	}
	.iconMenu{
		position:absolute;
		top:0;
		right:0;
	}
	.layerMenuArrow{
		position:absolute;
		top:42px;
		right:11px;
		z-index:99999;
	}
	#layerMenu ul{
		margin: 60px 5px 0 0;
		border-radius:6px;
		position:relative;
		-webkit-box-shadow: 0 0 3px rgba(0,0,0,.4);
		box-shadow: 0 0 3px rgba(0,0,0,.4);
		background: #fff;
	}
	#layerMenu ul li {
		border-bottom: 1px solid #ccc;
		position: relative;
	}
	#layerMenu ul li:last-child {
		border-bottom: none;
	}
	#layerMenu ul a{
		display: block;
		padding:10px 10px 10px 27px;
		color:#262626;
		background: url(../../images/common/icon_arrw_01.png) no-repeat 15px 50%;
	}

}

/* noscript
------------------------------- */
#noscript {
	width: 936px;
	margin: 0 auto 15px;
	padding: 10px 15px;
	border: 2px solid #ccc;
	color: #333;
	background: #fff;
}

#wrapper {
	padding-right: 180px;
}
@media screen and (max-width:1024px){
	#wrapper {
		padding-top: 23.4666666667vw;
		padding-right: 0;
	}
}
/* ----------------------------------------

content

---------------------------------------- */
#content {
	width: 970px;
	margin: 0 auto;
}

@media screen and (max-width:1024px){
	#content {
		width: auto;
	}
}

.whiteBox > a{
	color:#111!important;
}
.whiteBox > a:hover{
	color:#444!important;
}
/* topicPath
------------------------------- */
#content #topicPath {
	margin-bottom: 8px;
	font-size: 92.3%;
}
#content #topicPath li {
	display: inline;
	padding: 0 8px 0 0;
}
#content #topicPath li:before {
	content: "＞";
	color: #999;
	font-size: 10px;
	margin-right: 5px;
}
#content #topicPath li#topPage {
	padding-left: 0;
	background: none;
	text-transform: uppercase;
}
#content #topicPath li#topPage:before {
	content: "";
	margin-right: 0;
}
@media screen and (max-width:1024px){
	#content #topicPath {
		display: none;
		margin: 5px 5px 6px 5px;
		font-size: 10px;
	}
}

/* ----------------------------------------

content - main

---------------------------------------- */
#main {
	width: 710px;
	float: right;
}
@media screen and (max-width:1024px){
	#main {
		width: auto;
		float: none;
		margin: 0 7px 25px;
	}
	#singleCol {
		padding: 0 5px;
	}
}


/* ----------------------------------------

content - sub

---------------------------------------- */
#sub {
	width: 220px;
	float: left;
}
.sideMenu .sideTit {
	background: #eb090a;
	font-size: 107.7%;
	font-weight: 700;
	color: #fff;
	padding: 10px 15px;
}
.sideMenu .sideTit a{
	color: #fff!important;
}
.sideMenu .sideTit a:hover{
	text-decoration:underline;
}

.sideMenu .menuList {
	border: 1px solid  #ccc;
	border-top: none;
	background:#ffffff;
}
.sideMenu .menuList li {
	border-bottom: 1px solid  #ccc;
}
.sideMenu .menuList li.cu {
	background:#ffefef;
}
.sideMenu .menuList li:last-child {
	border-bottom: none;
}
.sideMenu .menuList a {
	display: block;
	padding: 10px 10px 10px 28px;
	background: url(../../images/common/icon_arrw_01.png) no-repeat 15px 50%;
	font-weight: 700;
	color: #333;
}
.sideMenu .menuList > li > a:hover{
	background-color:#ffefef;
	text-decoration:none;
}
.sideMenu .menuList .nolink {
	display: block;
	padding: 10px 10px 10px 28px;
	background: url(../../images/common/icon_arrw_01.png) no-repeat 15px 50%;
	font-weight: 700;
}

.sideMenu .menuListChild {
	border:none;
	background:#ffffff;
	padding-right:8px;
	padding-bottom:15px;
	border-bottom: 1px solid  #ccc;
}
.sideMenu ul.bdNone {
    border: none;
}
.sideMenu .menuList li.cu .menuListChild{
	padding-top:15px;
	padding-bottom:15px;
	border-bottom: none;
}
.sideMenu .menuListChild li {
	border-bottom:none;
}
.sideMenu .menuListChild a {
	display: block;
	padding: 0 0 0 35px;
	background: url(../../images/common/icon_arrw_03.png) no-repeat 25px .45em;
	font-weight: normal;
}
.sideMenu .menuList.menu02{
	border-top:1px solid #ccc;
}
.sideMenu .sideTit{
	padding:10px 12px;
}
.sideMenu .sideSubTit {
	margin:20px 0 10px;
	border-left: 3px solid #777777;
	font-size:108%;
	font-weight:bold;
	padding-left: 8px;
	line-height:1;
	text-align:left!important;
}
.siteBnrList {
	margin-top:20px;
}
.siteBnrList li{
	margin:0 auto 10px;
	width:220px;
	height:80px;
}
.siteBnrList li a{
	display:block;
	height:100%;
}
.siteBnrList li a:hover img{
	display:block;
	height:100%;
}

/*****************検索970***************/
#top_search {
background:#ffffff;
	text-align:center;
}
#top_search h5 {
	font-size:18px;
	font-weight:bold;
}
#top_search .btnForm {
	margin:8px 0 0;
}
#top_search input.searchBtn {
	background:#333;
	color:#ffffff;
	padding:4px;
}
	@media screen and (min-width:1025px){
		#top_search {
			width: 970px;
			margin:10px auto;
			padding:20px 0;
		}
	#top_search li {
		display: inline-block;
		width: 250px;
	    text-align: left;}
	}

#top_search li span {
    color: #111;
    display: block;
    font-weight: 700;
    line-height: 34px;
    width: 100%;
}

#top_search li a span{
    width: 100%;
    border:solid 1px #d3d3d3;
    box-sizing:border-box;
}
#top_search a span{
    background: url(../../images/common/icon_arrw_01.png) no-repeat 0 50%;
    padding-left: 12px;
}
#top_search li:hover{
    background: #ffefef;
    text-decoration: none!important;
}
	#top_search li {
		margin-top:10px;}

@media screen and (max-width:1024px){

	#top_search {
		padding:20px;
		margin:0 0 20px;
	}


	#sub {
		width: auto;
		float: none;
		margin-bottom: 0;
	}
	.sideMenu {
		margin: 0 7px;
	}
}

/*****************2ブロック***************/
#top_search_movie {
	text-align:center;
}

#top_search_movie h5 {
	font-size:18px;
	font-weight:bold;
}
#top_search_movie .btnForm {
	margin:8px 0 0;
}
#top_search_movie input.searchBtn {
	background:#333;
	color:#ffffff;
	padding:4px;
}
	@media screen and (min-width:1025px){
#top_search_movie > div {
	margin:0 10px;
}
		#top_search_movie {
			width: 970px;
			margin:10px auto;
			padding:20px 0;
		}
	.rightbox_free {
		padding:10px;
	} 
.leftbox_free {
	padding:10px;
	min-height:188px;
} 

	#top_search_movie li {
		display: inline-block;
		width: 250px;
	    text-align: left;}
	}
	#top_search_movie li {
		margin-top:10px;}
#top_search_movie li span {
    color: #111;
    display: block;
    font-weight: 700;
    line-height: 34px;
    width: 100%;
}

#top_search_movie li a span{
    width: 100%;
    border:solid 1px #d3d3d3;

    box-sizing:border-box;
}
#top_search_movie a span{
    background: url(../../images/common/icon_arrw_01.png) no-repeat 0 50%;
    padding-left: 12px;
}
#top_search_movie li:hover{
    background: #ffefef;
    text-decoration: none!important;
}
@media screen and (max-width:1024px){

	#top_search_movie {
		padding:20px;
		margin:0 0 20px;
		background:#fff;
	}
	.rightbox {float:none;	width:100%;} 
.leftbox_free {float:none;	width:100%; margin-top:20px; padding-top:20px;border-top:4px solid #ececec;} 

}

#top_search_movie .rightbox_free {
	background:#fff;

}
#top_search_movie .leftbox_free {
	background:#fff;
}

/*serch*/
#cse {
	width:970px!important;
	margin:0 auto;
}
@media screen and (max-width:1024px){
	#cse {
		width: auto!important;
		float: none;
		margin: 0 7px 25px;
	}
}

/* ----------------------------------------



footer



---------------------------------------- */
#article_sns {
	text-align:right;
	margin-bottom:4px;
	display: none;
}
#article_sns iframe {
		vertical-align:top;
}
#article_sns iframe {
	width:72px;
	height:22px;
}

#footer   { 

	margin-top: 50px;

}

#footer_pagetop {
	text-align: right;
	width: 970px;
	margin:0 auto 15px;
}
#footer_pagetop a {
	background: url(../../images/common/icon_arrw_02.png) no-repeat 0 .4em;
	padding-left: 10px;
	margin-bottom: 8px;
	font-weight: 700;
	color: #333;
}
/*ftrSec*/
.ftrSec01 { background: #1e1e1e;}
.ftrSec02 { background: #151515;}
.ftrSec01,
.ftrSec01 a,
.ftrSec02 a {
	color: #d7d7d7;
	text-decoration: none;
}
.ftrSec01 a:hover,
.ftrSec02 a:hover {
	text-decoration: underline;
}
.ftrSec01 .inWrap,
.ftrSec02 .inWrap,
.ftrBottom .inWrap,
#copy {
	width: 970px;
	margin: 0 auto;
}
/*trTit*/
.ftrTit01 {
	font-size: 115.4%;
	font-weight: 700;
	background: url(../../images/common/icon_arrw_01.png) no-repeat 0 .5em;
	padding-left: 11px;
	border-bottom: 1px solid  #333;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
.ftrTit02 {
	background: url(../../images/common/icon_arrw_02.png) no-repeat 0 .4em;
	padding-left: 10px;
	margin-bottom: 8px;
	font-weight: 700;
}
.ftrBlank {
	background: url(../../images/common/ftr_blank.png) no-repeat 100% .2em;
	padding-right: 18px;
}
/*ftrSitemap*/
.ftrSitemap ul {
	margin-bottom: 25px;
}
.ftrSitemap ul.lv3 {
	padding-left: 14px;
	font-size: 92.3%;
	margin-top: -3px;
}
.ftrSitemap ul.lv3 li {
	margin-bottom: 3px;
	clear: both;
}
.ftrSitemap ul.lv3 li > span {
	float: left;
	width: 1em;
}
.ftrRow {
	margin-bottom: 10px;
}
.ftrCol {
	width: 302px;
	float: left;
	margin-right: 32px;
}
.ftrCol.last {
	margin-right: 0;
}
.ftrRow.top .ftrCol.nth2 {
	padding-top: 29px;
}
/*ftrSec*/
.ftrSec01 .inWrap {
	padding: 30px 0 20px;
}
.ftrSec02 .inWrap {
	padding: 15px 0 18px;
}
.ftrSec02 ul li {
	float: left;
	color: #333;
	font-size: 92.3%;
}
.ftrSec02 ul li a {
	padding: 0 14px;
}

/*ftrBottom*/
.ftrBottom {
	padding: 20px 0;
	background: #f5f5f5;
	border-bottom: 1px solid #ddd;
	position: relative;
}
#pageTop {
	position: absolute;
	width: 74px;
	height: 74px;
	left: 50%;
	margin-left: 498px;
	top: 15px;
}
.ftrBottom .inBnr {
	width: 500px;
	float: left;
}

.ftrBottom .inBnr h4{
	padding-bottom:2px;
	padding-right:6px;
	margin-bottom:4px;
	font-weight:bold;
}

.ftrBottom ul {
	padding-bottom: 5px;
}
.ftrBottom ul li {
	width: 160px;
	float: left;
	margin: 0 0.4em 10px 0;
	text-align: center;
	font-size: 84.6%;
}
.ftrBottom ul li img {
	margin-bottom: 5px;
	display: block;
}
.ftrBottom ul li span {
	margin-left: -8px;
}
.ftrBottom .fb {
	width: 465px;
	float: right;
}

.ftrBottom .ft_mailmagazine {
	border:1px solid #ddd;
	font-weight:bold;
	font-size:200%;
}
.ftrBottom .ft_mailmagazine img{
	margin:0 10px 10px 10px;
}
.ftrBottom .ft_mailmagazine a {
	color:#000!important;
}
#copy {
	font-family: Arial;
	color: #999;
	font-size: 92.3%;
}
.special_mailmagazine img.mailicon {margin:0 10px 4px 10px;}

.special_mailmagazine img,
.special_mailmagazine p {
	text-align:center;
}
@media screen and (max-width:1024px){
	#footer {
		margin-top: 15px;
	}
	#pagetop,#footer_pagetop {
		display: none;
	}
	.ftrSec01 {
		display: none;
	}
	.ftrBottom {
		padding: 0;
	}
	.ftrSec02 .inWrap,
	.ftrBottom .inWrap,
	#copy {
		width: auto;
	}
	.ftrSec02 .inWrap {
		padding: 10px 0 7px;
	}
	.ftrSec02 ul {
		text-align: center;
	}
	.ftrSec02 ul li {
		display: inline-block;
		float: none;
		margin-bottom: 5px;
	}
	.ftrSec02 ul li a {
		padding: 0 7px 0 2px;
	}
	#pageTop {
		position: static !important;
		width: auto;
		height: auto;
		vertical-align: middle;
		text-align: right;
		margin-left: 0;
	}
	#pageTop a {
		display: block;
		background-color: #fff;
		text-align: center;
		color: #fff;
		line-height: 40px;
		height: 40px;
		vertical-align: middle;
		border-bottom: 1px solid #ddd;
	}
	#pageTop a:after {
		content:'ページトップへ';
		font-size: 12px;
		color: #333;
		font-weight: 700;
	}
	#pageTop img {
		display: none;
	}
	.ftrBottom .inWrap {
		padding: 15px 0 5px;
	}
	.ftrBottom .inBnr,
	.ftrBottom .fb {
		width: auto;
		float: none;
	}
	.ftrBottom .inBnr h4 {
		margin-left:8px;
	}
	.ftrBottom ul {
		margin-right: 0;
		/*text-align: center;*/
	}
	.ftrBottom ul li {
		display: inline-block;
		margin: 0 2px 8px;
		float: none;
		width: 47%;
		font-size: 12px;
	}
	.ftrBottom ul li img {
		margin: 0 auto 3px;
		display: block;
	}
	.ftrBottom ul li span {
		margin-left: 0;
	}
	#copy {
		font-size: 10px;
		text-align: center;
		margin: 5px 10px 10px;
	}
	.ftrBottom .fb {
		display: none;
	}
}

/*en.ktc.jpで非表示*/
.en_none {display:none;}
/* ----------------------------------------

opacity rollover

---------------------------------------- */
#hdrSrch a,
#sizeReset span,
#sizeBig span,
.doropDownMenu img,
.dropDownMenu02 img,
.itemList li .inItem img,
.doropList li img,
.dropWrap2 li img,
.bnrSec01 li img,
.ftrBottom li img,
.siteBnrList li img {
	-webkit-transition: opacity .2s ease-out;
	-o-transition: opacity .2s ease-out;
	transition: opacity .2s ease-out;
	background-color: #fff;
}
#sizeReset span,
#sizeBig span{
	background-color: #737373;
}
#hdrSrch a:hover,
#sizeReset:hover,
#sizeBig:hover,
.doropDownMenu a:hover img,
.dropDownMenu02 a:hover img,
.doropList li a:hover img,
.dropWrap2 li a:hover img,
.itemList li .inItem a:hover img,
.bnrSec01 li a:hover img,
.ftrBottom li a:hover img,
.siteBnrList li a:hover img,
.snsicon ul li a:hover img  {
	-ms-filter: "alpha(opacity=75)"; /* IE 8 */
	opacity: .75;
}


/* ----------------------------------------

clearfix (必要なければ消す)

---------------------------------------- */

/* Modern Browsers
------------------------------- */
#header .hdrSec01 .inWrap:after,
.doropDownMenu ul:after,
.hdrSec02 .inWrap:after,
#content:after,
.ftrSitemap:after,
.ftrRow:after,
.ftrSec02 ul:after,
.ftrBottom .inWrap:after,
.ftrBottom ul:after {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	content: ".";
	line-height: 0;
}

/* Legacy IE
------------------------------- */
#header .hdrSec01 .inWrap,
.doropDownMenu ul,
.hdrSec02 .inWrap,,
#content,
.ftrSitemap,
.ftrRow,
.ftrBottom .inWrap,
.ftrSec02 ul,
.ftrBottom ul {
	*zoom: 1;
}

/* ----------------------------------------

print

---------------------------------------- */
.print {
	display: none;
}
@media print {
	.print {
		display: block;
	}
	/* 必要のない場所を印刷時に消す*/
	#header,
	.title01,
	.innerTit span,
	.innerRead,
	#topicPath,
	#topicPath,
	#article_sns,
	.next_prev_navi,
	#footer,
	#sub,
	.shop_print #header,
	.shop_print #topicPath,
	.shop_print #footer,
	#top_mailmagazine,
	.noprint {
		display: none;
	}
	#main {
		width: auto;
		float: none;
	}
	.news .title01 .innerTit span{
		font-size:130%;
	}
	/* IE6,7印刷対応
	------------------------------- */
	* html body {
		zoom: 0.8;
	}
	*:first-child+html {
		zoom: 0.8;
	}
}


/* ----------------------------------------

KTC アプリ用

---------------------------------------- */
/* 非表示 */
html.app #header,
html.app #content #article_sns,
html.app #content #topicPath,
html.app #sub,
html.app #footer {
	display: none;
}
/* 背景色微調整 */
html.app #content:after {
	display: none;
}
html.app #container {
	padding-bottom: 1px;
}
/* 個別設定 */
/*
http://ktc.jp/support/unit-cal
http://ktc.jp/support/unit-screw
2ヵ所非表示
 */
html.app #KTC_Apri_Hide_Support_01,
html.app #KTC_Apri_Hide_Support_02 {
	display: none;
}

/*:::::*/

.special_mailmagazine {
	background:#ffffff;
	margin:10px 0px;
	padding:10px 20px 20px;
}

.special_mailmagazine h4 {
	font-size: 153.8%!important;
	font-weight: 700!important;
	font-family: "ヒラギノ角ゴ Pro W6","メイリオ",Meiryo, Osaka;
	border-left: 3px solid #777777;
	line-height: 1;
	padding-left: 8px;
	margin-bottom: 20px;
	text-align: left;
}