@charset "utf-8";

/* =============================================================

　 Parts Setting

============================================================= */
/*  Overall Setting
--------------------------------------------- */

body {
  font-family: "微软雅黑","宋体","Dotum","돋움","Segoe UI","SegoeUI","Microsoft YaHei","YuGothic", "游ゴシック体", "Yu Gothic", "游ゴシック", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Verdana, sans-serif;
}

/*  Container Settings
--------------------------------------------- */

#container-ck {
	width: 1200px;
	margin: 0 auto;
	text-align: left;
}

/*  Header Settings
--------------------------------------------- */

#container-ck #header {
	padding-top: 24px;
}

#container-ck #logo {
  position: absolute;
  top: 0;
  left: 0;
  width: 300px;
	text-align: left;
}

#logo a {
    display: inherit;
    padding: 0;
    background: none;
}

#usernav .inner {
	margin-top: 50px;
}

#sitemenu #menu {
	height: 40px;
}


/*  Content Settings
--------------------------------------------- */

#container-ck #content-main {
	padding-top: 0;
}

#container-ck #content-main ul {
	padding-left: 0;
}

/*  Content Top
----------------------------------- */

/*  タブ */

ul.tablist {
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #ccc;
}

ul.tablist li {
	float: left;
	list-style-type: none;
	width: 592px;
	margin-bottom: -1px;
}

ul.tablist li:first-child {
	margin-right: 16px;
}
 
ul.tablist li a {
	display: block;
	width: 100%;
	height: 100%;
	padding: 1em 0;
	font-size: 1.5em;
	font-weight: bold;
	text-align: center;
	background: #f6f6f6;
	border: 1px solid #ccc;
	border-bottom: none;
}
ul.tablist li a:hover{
	background:#fff;
	color: #b80000;
	text-decoration: none;
}
 
ul.tablist li a.current {
	background: #fff;
	border-top: 2px solid #b80000;
}
 
#tab-contents {
	clear:both;
}
 
#tab-contents .box-tab {
	padding-top: 32px;
}
 
/*  Content Main
----------------------------------- */

#content-main .box-mainimg {
	margin-bottom: 2.5em;
}

#content-main h2 {
	font-size: 2em;
	font-weight: normal;
	text-align: center;
}

/*  シリーズリンク */

ul.link-series {
	display: table;
	width: 100%;
}

ul.link-series li {
	display: table-cell;
	width: 20%;
	margin: 0;
	font-weight: bold;
	color: #fff;
	text-align: center;
}

ul.link-series li a {
	display: block;
	width: 100%;
	height: 100% !important;
	padding: 0.82em 0;
}

ul.link-series li a:hover {
	opacity: 0.6;
	text-decoration: none;
}

.series-a {
	background-color:  #e4081a;
}

.series-b {
	background-color:  #32348f;
}

.series-c {
	background-color:  #cba133;
}

.series-prom {
	background-color:  #1a6900;
}

.series-special {
	background-color:  #000000;
}

/*  シリーズ詳細 */

.section-series {
	margin-bottom: 4em;
}

.section-series h3 {
	margin-bottom: 0;
	padding: 12px 16px;
	color: #fff;
}

.section-series .box-detailwrap {
	display: flex;
	flex-direction: row;
	flex-wrap: nowrap;
	flex-wrap: wrap;
}

.section-series .box-detailwrap .box-detail {
	width: 50%;
	margin-bottom: -1px;
	padding: 42px;
	border: 1px solid #ccc;
}

.section-series .box-detailwrap .box-detail:nth-child(odd) {
	margin-right: -1px;
}


/*  About（Tab02） */

.box-about h2 {
	font-weight: bold;
	margin-bottom: 2em;
}

.box-about {
	padding-bottom: 7em;
}

.box-about p {
	margin-bottom: 1.5em;
	font-size: 1.1em;
	line-height: 1.8em;
}



/*  Footer Setting
----------------------------------- */

#footer {
	padding-top: 3em;
	background-color: #000;
}

#footer p  img {
	max-width: 170px;
	height: auto;
}

#footer-bottom {
	color: #fff;
	background-color: #000;
}

  .br-pc { display:block; }
  .br-sp { display:none; }

@media screen and (max-width: 768px){	
  .br-pc { display:none; }
  .br-sp { display:block; }
}