@charset "utf-8";

@import url(contents.css);

iframe {
	width: 100%;
	height: 407px;
}
body {
	font-family: "メイリオ", Meiryo, Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka,
		"ＭＳ Ｐゴシック", sans-serif !important;
}
h2 .ttl,
h3 .ttl {
}

#indexWrap {
	background: url(/images/common/head_bg.png) left top repeat-x;
}
#slideWrap {
	position: relative;
	height: 400px;
}
#slickWrapSp {
	display: none;
}
.mainSlideAll {
	height: 407px;
	overflow: hidden;
}
.bnSelect:hover {
	opacity: 0.8;
}
.inner {
	width: 1000px;
	margin: 0px auto;
}

/* バナーの設置 */
#wrapper {
	width: auto;
}
#topcontents {
	width: auto;
}

#bnZone {
	background-color: #ccc;
	padding: 16px 0 20px;
	clear: both;
}
#bnZone > div {
	width: 1000px;
	margin: 0px auto;
}
#bnZone ul {
	margin-right: -12px;
	text-align: center;
	display: flex;
	justify-content: center;
}
#bnZone ul.slick-slider {
	margin-bottom: 0px;
}
#bnZone li {
	margin-right: 12px;
	line-height: 0;
	display: inline-block;
	flex-shrink: 0;
}
@media screen and (max-width: 767px) {
	#bnZone {
		margin-bottom: 15px;
	}
	#bnZone ul {
		justify-content: flex-start;
		overflow-x: scroll;
	}

	#bnZone li {
		width: 40%;
	}
}
#bnZone li.bnTxt a {
	background: url(/topimg/icn_bn.jpg) left center no-repeat #fff;
	display: block;
	width: 128px; /* 130-2 */
	height: 57px; /* 59-2 */
	color: #449999;
	font-size: 14px;
	line-height: 1.4;
	border: 1px solid #ccc;
}
#bnZone li.bnTxt a .txt {
	display: inline-block;
	padding: 12px 0 0 33px;
	text-align: center;
}
#bnZone li.bnTxt2 a .txt {
	padding-left: 20px;
}
#bnZone li a:hover {
	opacity: 0.5;
}

#bnZone .slick-track {
	text-align: center;
}
/*  \ */
#newarrival li {
	display: block;
}
/*   */

#newarrival li:after {
	content: "";
	display: block;
	clear: both;
	visibility: hidden;
	height: 1px;
}

#topnavi {
	margin: 0 0 15px 0;
	width: 231px;
	height: 262px;
	float: left;
}

#topnaviswf {
	width: 217px;
}

#topsearch {
	margin: 0 0 15px 0;
	width: 460px;
	height: 265px;
	float: left;
}

#topbnr {
	margin: 0 0 15px 0;
	width: 224px;
	float: left;
}

#topbnr li {
	margin: 0 0 2px 0;
}

#topbnr li img {
	/* display:block; */
}

.saiyoBn {
	position: fixed;
	right: 20px;
	bottom: 20px;
	width: 350px;
	height: 150px;
}
.saiyoBnInner {
	position: relative;
	width: 350px;
	height: 150px;
}
.saiyoBnInner .closeBtn {
	position: absolute;
	right: -10px;
	top: -10px;
	display: block;
	text-decoration: none;
	width: 30px;
	font-size: 20px;
	line-height: 30px;
	background: #353535;
	text-align: center;
	color: #ffffff;
	border-radius: 30px;
}
.saiyoBnInner .closeBtn:hover {
	opacity: 0.8;
}

h3 .ttl em {
	font-size: 14px;
	display: inline-block;
	margin-left: 10px;
}

/* 新着情報 */
#newInfo {
	padding: 10px 0 5px 0;
}
#newInfo a {
	color: #333333;
	text-decoration: none;
}
#newInfo a:hover {
	text-decoration: underline;
	color: #006465;
}
#newInfo .inner {
	padding: 21px 0 0px;
	display: flex;
	justify-content: space-between;
}

#newInfo .colR {
	padding: 0 0 31px;
}
#newInfo h3 {
	padding: 6px 0 5px;
	border-bottom: 1px solid #bbb;
}
#newInfo h3 > * {
	display: block;
}
#newInfo h3 .ttl {
	font-size: 13px;
	float: left;
}
#newInfo h3 .btn {
	background: url(/topimg/arw_r_grn.png) 9px center no-repeat #fff;
	margin-top: 1px;
	padding: 0px 9px 0px 19px !important;
	color: #333;
	font-size: 12px;
	line-height: 1;
	text-align: left !important;
	float: right;
	border-radius: 10px;
	text-decoration: none;
	border: 1px solid #fff;
}
#newInfo h3 .btn:hover {
	color: #999;
}
#newInfo .infoList {
	display: table;
	width: 100%;
	padding: 8px 0 12px;
	font-size: 13px;
	line-height: 1.7;
	text-align: left;
	border-bottom: 1px dotted #ccc;
}
#newInfo .infoList:first-child {
	padding-top: 11px;
	border-top: 1px solid #fff;
}
#newInfo .infoList > * {
	display: table-cell;
}
#newInfo .infoList dt {
	width: 120px;
}
#newInfo .colL {
	width: 100%;
}
#newInfo .colR dt {
	background: url(/topimg/merumaga_hd.png) left top no-repeat;
	height: 32px; /* 54-13-9 */
	padding: 14px 0 2px 77px;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3125;
}
#newInfo .colR dd {
	background: #fff;
	padding: 11px 14px 14px 11px;
	font-size: 13px;
	line-height: 1.5;
}
#newInfo .colR dd .yellow {
	color: #ff9600;
}
#newInfo .colR a.btnKantan {
	display: block;
}
#newInfo .colR a.btnKantan:hover {
	opacity: 0.8;
	text-decoration: none;
}
#newInfo .colR .btnArubaito {
	display: block;
	background: url(/topimg/arw_r_grn.png) 65px center no-repeat #fff;
	height: 31px;
	margin-top: 13px;
	padding: 0 0 0 75px;
	color: #333;
	font-size: 14px;
	line-height: 32px;
	text-decoration: none;
	border: 1px solid #ccc;
	border-radius: 3px;
}
#newInfo .colR .btnCode {
	color: #fff;
	display: block;
	background: url(/topimg/arw_r_wht_s.png) 65px center no-repeat #828282;
	height: 31px;
	margin-top: 13px;
	padding: 0 0 0 75px;
	font-size: 14px;
	line-height: 32px;
	text-decoration: none;
	border: 1px solid #828282;
	border-radius: 3px;
}

#newInfo .colR .btnArubaito:hover {
	background-color: #eee;
}
#newInfo .colR .btnOa {
	display: block;
	background: #fff;
	color: #449999;
	font-size: 14px;
	text-decoration: none;
	border: 1px solid #449999;
	border-radius: 5px;
	margin-top: 10px;
	text-align: center;
}
#newInfo .colR .btnOa em {
	background: url(/topimg/icon_deachan.png) no-repeat left 2px;
	padding: 9px 10px 2px 45px;
	margin-left: -10px;
	display: inline-block;
}
#newInfo .colR .btnOa:hover {
	background-color: #eee;
}

/* デアゴニュース */
#deagoNews {
	background-color: #eee;
}
#deagoNews .inner {
	padding: 30px 0 5px 0;
}
#deagoNews h3 {
	margin-bottom: 10px;
}
#deagoNews h3 .ttl {
	font-size: 25px;
	font-weight: bold;
	line-height: 1;
	color: #006465;
	float: left;
}

#deagoNews a {
	text-align: left;
}

#deagoNews h3 p {
	float: right;
}
#deagoNews p a {
	font-size: 1.1em;
	display: inline-block;
	background-color: #fff;
	height: 30px;
	margin: 0;
	padding: 0px 18px;
	color: #47b6b6;
	text-align: center;
	line-height: 30px;
	margin-left: 10px;
	margin-top: -5px;
	vertical-align: top;
	text-decoration: none;
	border: 1px solid #47b6b6;
	border-radius: 50px;
}
#deagoNews p span {
	background: url(/common_resp/img/icn_bln.png) left center no-repeat;
	background-size: 23px auto;
	padding-left: 30px;
}
.deagoNewsList {
	margin: 0 -7px;
}
.deagoNewsList a {
	display: block;
	background-color: #fff;
	margin: 0 5px;
	padding: 10px;
	color: #333;
	text-decoration: none;
}
.deagoNewsList a .img {
	margin-bottom: 10px;
}
.deagoNewsList a .img img {
	width: 100%;
	max-width: 220px;
	margin: 0 auto;
}
.deagoNewsList a .txts1 {
	margin-bottom: 5px;
}
.deagoNewsList a .txts1 small {
	padding-top: 3px;
	color: #026068;
	font-size: 11px;
	float: left;
}
.deagoNewsList .cateBox {
	float: right;
}
.deagoNewsList a .txts1 em {
	background-color: #fff;
	padding: 3px;
	line-height: 1;
	font-size: 10px;
	display: inline-block;
	margin-left: 2px;
}
.deagoNewsList a .txts1 em.tagColor1 {
	color: #ffa800;
	border: 1px solid #ffa800;
}
.deagoNewsList a .txts1 em.tagColor2 {
	color: #33aeae;
	border: 1px solid #33aeae;
}
.deagoNewsList a .txts1 em.tagColor3 {
	color: #33ae50;
	border: 1px solid #33ae50;
}
.deagoNewsList a .txts1 em.tagColor4 {
	color: #fb6a6a;
	border: 1px solid #fb6a6a;
}
.deagoNewsList a .txts1 em.tagColor5 {
	color: #a674bc;
	border: 1px solid #a674bc;
}

.deagoNewsList a p {
	font-size: 12px;
	height: 35px;
}
.deagoNewsList .slick-prev {
	background: #000 url(../img/slide_prev.png) no-repeat left center;
	background-size: 40px;
	width: 40px;
	height: 40px;
	opacity: 0.7;
}
.deagoNewsList .slick-next {
	background: #000 url(../img/slide_next.png) no-repeat left center;
	background-size: 40px;
	width: 40px;
	height: 40px;
	opacity: 0.7;
}
.deagoNewsList.recomList li .img {
	width: 100%;
}

/* 新しいタイトルのご案内 (flowpackリスト含む）*/
#newTtl {
	padding: 40px 0 22px;
	/*background: #F5F5F5;*/
}
#newTtl h3 {
	margin-bottom: 38px;
}
#newTtl h3 > * {
	display: block;
}
#newTtl h3 .ttl {
	padding-top: 11px;
	color: #006465;
	font-size: 25px;
	font-weight: bold;
	line-height: 1;
	float: left;
}
#newTtl h3 .btn {
	display: block;
	background: url(/topimg/arw_r_grn.png) 127px 14px no-repeat #f0f0f0;
	padding: 14px 28px 12px 22px !important;
	text-align: left !important;
	color: #449999;
	font-size: 13px;
	line-height: 1;
	text-decoration: none;
	border-radius: 5px;
	border: 1px solid #f0f0f0;
	float: right;
}
#newTtl h3 .btn:hover {
	background-color: #fff;
}
#newTtl .newTtlList,
#flowPackBlock .newTtlList {
	margin-right: -20px;
}
#newTtl .newTtlList li,
#flowPackBlock .newTtlList li {
	width: 318px; /* 320-2 */
	margin: 0 15px 18px 0;
	padding: 0px;
	float: left;
	border: 1px solid #ccc;
	background: #fff;
}

#newTtl .newTtlList li:nth-child(3),
#newTtl .newTtlList li:nth-child(6),
#flowPackBlock .newTtlList li:nth-child(3),
#flowPackBlock .newTtlList li:nth-child(6) {
	margin-right: 0px;
}
#newTtl .newTtlList li a.bdlink,
#flowPackBlock .newTtlList li a.bdlink {
	display: block;
	position: relative;
}

/*
#newTtl .newTtlList li a.bdlink:after{
	
	animation-name: animation01;
	animation-duration: 3s;
	animation-timing-function: ease-in;
	animation-delay: 1s;
	animation-fill-mode: both;
	content:"";
	box-sizing:border-box;
	border:0px solid #449999;
	width:100%;
	height:100%;
	display:block;
	position:absolute;
	left:0px;
	top:0px;
  transition: all .3s ease;
  -webkit-transition: all .3s ease;
}

#newTtl .newTtlList li a.bdlink:hover:after{
	border:10px solid #449999;
}
*/

#newTtl .newTtlList li .bdlink,
#flowPackBlock .newTtlList li .bdlink {
	display: block;
	position: relative;
}

#newTtl .newTtlList li .bdlink:after,
#flowPackBlock .newTtlList li .bdlink:after {
	animation-name: animation01;
	animation-duration: 3s;
	animation-timing-function: ease-in;
	animation-delay: 1s;
	animation-fill-mode: both;
	content: "";
	box-sizing: border-box;
	border: 0px solid #449999;
	width: 100%;
	height: 100%;
	display: block;
	position: absolute;
	left: 0px;
	top: 0px;
	transition: all 0.3s ease;
	-webkit-transition: all 0.3s ease;
}

#newTtl .newTtlList li:hover .bdlink:after,
#flowPackBlock .newTtlList li:hover .bdlink:after {
	border: 10px solid #449999;
}

#newTtl .newTtlList li:hover a.bdlink,
#flowPackBlock .newTtlList li:hover a.bdlink {
	opacity: 0.7;
}

#newTtl .newTtlList li .img:hover,
#flowPackBlock .newTtlList li .img:hover {
	box-shadow: inset 5px 5px 5px #000;
}
#newTtl .newTtlList li .txtBox,
#flowPackBlock .newTtlList li .txtBox {
	padding: 15px;
}
#newTtl .newTtlList li .txtBox > *,
#flowPackBlock .newTtlList li .txtBox > * {
	display: block;
}
#newTtl .newTtlList li .txtBoxInner,
#flowPackBlock .newTtlList li .txtBoxInner {
	height: 100px;
}
#newTtl .newTtlList li .ttl,
#flowPackBlock .newTtlList li .ttl {
	font-size: 16px;
	line-height: 1.4;
	display: block;
	margin-bottom: 8px;
}
#newTtl .newTtlList li .txt,
#flowPackBlock .newTtlList li .txt {
	font-size: 13px;
	line-height: 1.615;
	display: block;
}
#newTtl .newTtlList li .clearfix a,
#flowPackBlock .newTtlList li .clearfix a {
	display: inline-block;
	background: url(/topimg/arw_r_wht_s.png) 29px 13px no-repeat #449999;
	padding: 13px 38px 12px 43px;
	border: 1px solid #449999;
	color: #fff;
	font-size: 14px;
	text-align: left;
	line-height: 1;
	text-decoration: none;
}
#newTtl .newTtlList li .clearfix a.btnIssue,
#flowPackBlock .newTtlList li .clearfix a.btnIssue {
	padding: 13px 45px 12px 50px;
}
#newTtl .newTtlList li .clearfix a:hover,
#flowPackBlock .newTtlList li .clearfix a:hover {
	opacity: 0.8;
}
#newTtl .newTtlList li .clearfix a.btnInfo,
#flowPackBlock .newTtlList li .clearfix a.btnInfo {
	float: left;
	border: 1px solid #449999;
	background: url(/topimg/arw_r_grn.png) 29px 13px no-repeat #ffffff;
	color: #449999;
}
#newTtl .newTtlList li .clearfix a.btnSubscription,
#flowPackBlock .newTtlList li .clearfix a.btnSubscription {
	float: right;
}
#newTtl .newTtlList li .clearfix a.btnIssue,
#flowPackBlock .newTtlList li .clearfix a.btnIssue {
	float: right;
}

/* * ジャンルから探す * */
#genreBlock {
	position: relative;
	padding: 0px 0px 15px;
}
#genreBlock.genleSp {
	padding: 0;
}
#genreBlock h3 {
	padding-bottom: 0;
	border-bottom: none;
	display: inline-block;
}
#genreBlock h3 .ttl {
	font-size: 25px;
	font-weight: bold;
	line-height: 1;

	color: #006465;
}
#genreBlock ul {
	margin-left: -5px;
	margin-bottom: 30px;
}
#genreBlock li.col3 {
	width: 325px;
	font-size: 16px;
}
#genreBlock li {
	display: inline-block;
	width: 190px;
	background: #ffffff;
	text-align: center;
	border-radius: 50px;
	margin: 5px 0px 5px 5px;
	font-size: 14px;
}

#genreBlock li a {
	text-decoration: none;
	display: block;
	background: #eee;
	color: #449999;
	border-radius: 50px;
	line-height: 16px;
	padding: 15px 0px;
}
#genreBlock li img {
	vertical-align: middle;
	margin: 0 10px 0 0;
}

.searchBox2 {
	background: #009a9a;
	border-radius: 8px;
	padding: 15px;
}
.searchBox2 form {
	position: relative;
}
.searchBox2 input[type="search"] {
	width: 95%;
	padding: 8px;
	border-radius: 8px 0px 0 8px;
	border: 1px solid #ccc;
}

.searchBox2 input[type="submit"] {
	position: absolute;
	right: 0px;
	top: 0px;
	width: 80px;
	text-align: right;
	border-radius: 0 8px 8px 0;
	padding: 8px;
	font-size: 16px;
	line-height: 18px;
	background: #333 url(../img/icon_search_w.png) no-repeat 10px center;
	color: #ffffff;
	border: 0px;
	border: 1px solid #ccc;
	cursor: pointer;
}

/* 刊行中タイトルのご案内 */
#publication {
	background: #fff;
	padding: 40px 0px 53px;
}
#publication h3 {
	margin-bottom: 21px;
}
#publication h3 > * {
	display: block;
}
#publication h3 .ttl {
	padding-top: 14px;
	font-size: 25px;
	font-weight: bold;
	line-height: 1;
	float: left;
	color: #006465;
}
#publication h3 .btn {
	display: block;
	background: url(/topimg/arw_b_grn.png) 127px center no-repeat #fff;
	margin-left: 12px;
	padding: 13px 23px 12px 16px !important;
	text-align: left !important;
	color: #449999;
	font-size: 13px;
	line-height: 1;
	text-decoration: none;
	border-radius: 5px;
	float: right;
}
#publication h3 .btn:hover {
	opacity: 0.8;
}
#publication h3 .btn.opn {
	background-image: url(/topimg/arw_t_wht.png);
	background-color: #333;
	color: #fff;
}
#publication h3 form {
	display: table;
	float: right;
	border-radius: 5px;
	position: relative;
	border-collapse: collapse;
}
#publication h3 form > * {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	display: table-cell;
	height: 38px;
	line-height: 38px;
	border: none;
	box-sizing: content-box;
}
#publication h3 .searchBox {
	border: 1px solid #d6d6d6;
	background: #fff;
	width: 197px; /* 225-28 */
	padding: 0 14px;
	font-size: 13px;
	border-radius: 5px;
}
#publication h3 .btnSubmit {
	background: url(/topimg/icn_search.png) 7px center no-repeat #449999;
	width: 26px; /* 61-9-26 */
	padding: 0px 9px 0px 26px;
	color: #fff;
	font-size: 13px;
	border-radius: 0px 5px 5px 0px;
	cursor: pointer;
	position: absolute;
	right: 0px;
	top: 1px;
}
#publication h3 .btnSubmit:hover {
	opacity: 0.8;
}
#publication .genreBox {
	background: #eaeaea;
	margin: 0 0px 10px;
	padding-top: 10px;
	border-radius: 5px;
}
#publication .inBox {
}
#publication .genreBox ul {
	padding: 0 0px;
	text-align: left;
}
#publication .genreBox li {
	display: inline-block;
	margin: 0 0px 8px 7px;
}
#publication .genreBox a {
	display: block;
	background: url(/topimg/genre_bg.png) 3px 2px no-repeat #fff;
	width: 130px; /* 148-2 */
	height: 33px; /* 33-2 */
	color: #000;
	text-align: center;
	line-height: 36px;
	text-decoration: none;
	border-radius: 5px;
	border: 1px solid #449999;
	letter-spacing: -1px;
}
#publication .genreBox a:hover {
	opacity: 0.7;
}
#publication .genreBox a.select {
	background: url(/topimg/genre_bg_slct.png) 3px 2px no-repeat #499;
	color: #fff;
}
#publication .genreBox a.select:hover {
	opacity: 1;
}

#publication .pubList {
	margin: 0px 0px 14px;
	padding-top: 10px;
}
#publication .pubList ul {
	margin-right: -10px;
}
#publication .pubList li {
	margin: 0 10px 10px 0;
	text-align: center;
	float: left;
	display: block;
	background: #fff;
	width: 166px; /* 192-24-2 */
	height: 240px; /* 230-32 */
	padding: 12px 12px 20px 12px;
	color: #000;
	text-decoration: none;
	border: 1px solid #fff;
}
#publication .pubList li p {
	padding-bottom: 5px;
}
#publication .pubList a:hover {
	opacity: 0.8;
}
#publication .pubList a.btnInfo,
#publication .pubList a.btnTeiki {
	height: 14px;
	line-height: 14px;
	padding: 5px 0;
	display: inline-block;
	width: 75px;
	text-decoration: none;
}
#publication .pubList a.btnInfo {
	border: 1px solid #ccc;
	color: #449999;
}
#publication .pubList a.btnTeiki {
	border: 1px solid #449999;
	color: #fff;
	background: #449999;
}

#publication .pubList a.btnInfo:before {
	content: url(../../topimg/arw_r_grn.png);
	margin-right: 5px;
}
#publication .pubList a.btnTeiki:before {
	content: url(../../topimg/arw_r_wht.png);
	margin-right: 5px;
}

#publication .pubList a:hover {
	border-color: #449999;
}
#publication .pubList li.yoko a {
	/* imgが横長 */
	height: 180px; /* 230-50 */
	padding: 30px 12px 20px 12px;
}
#publication .pubList .txt {
	display: block;
	height: 40px;
	margin-top: 10px;
	font-size: 12px;
	line-height: 1.4;
}
#publication .pubList .yoko .txt {
	margin-top: 25px;
}
#publication .btnMore {
	text-align: center;
}
#publication .btnMore a {
	display: inline-block;
	background: url(/topimg/btn_more.png) left center no-repeat;
	padding: 5px 0px 5px 38px;
	color: #449999;
	font-size: 18px;
	text-decoration: none;
}
#publication .btnMore a:hover {
	opacity: 0.5;
}

#publication .hideRow {
	display: none;
}

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

top20160606.Css

======================================== */
/*  メインスライド(iframe)  */
#mainSlide {
	height: 407px;
}

/*  新しいタイトルのご案内 (flowpackリスト含む）  */
#newTtl {
	padding-top: 10px;
}
#newTtl h3 {
	margin-bottom: 24px;
}
#newTtl h3 .bn {
	float: right;
}
#newTtl h3 .bn:hover {
	opacity: 0.8;
}
#newTtl h3 .bn .sp {
	display: none;
}
#newTtl h3 .ttl {
	padding-top: 35px;
}
#newTtl .newTtlList li > a,
#flowPackBlock .newTtlList li > a {
	display: block;
	position: relative;
	text-decoration: none;
	color: #000000;
}
#newTtl .newTtlList li .icn,
#flowPackBlock .newTtlList li .icn {
	position: absolute;
	bottom: 0;
	right: 0;
}

/*  バナーゾーン  */

#bnZone li.bnTxt a .sp {
	display: none;
}

/*  刊行中タイトルの最新号  */
#publication h3 .ttl {
	padding-top: 8px;
}
#publication h3 .btn {
	background: #666 !important;
	margin-left: 0;
	padding: 0px 29px 0px 23px !important;
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	text-align: center !important;
	line-height: 37px;
	border-radius: 50px;
}
#publication h3 .btn span {
	display: inline-block;
	background: url(/topimg/pub_icn_srch.png) left center no-repeat;
	padding-left: 30px;
}

#publication .genreBox {
	background: none;
}

/*  おすすめグッズ  */
#recomGds {
	padding: 37px 0 0;
}
#recomGds h2 {
	margin-bottom: 30px;
}
#recomGds h2 .ttl {
	color: #006465;
	font-size: 30px;
	font-weight: bold;
}

#recomGds .listWrap .recomSlick {
	margin: 0 -32px 0 0;
	padding-bottom: 10px;
}
#recomGds .listWrap .slick-list {
	margin: 0;
}
#recomGds .listWrap li {
	width: 140px;
	margin-right: 32px;
	padding-bottom: 10px;
	float: left;
}

#recomGds .listWrap .slick-list li a {
	display: inline-block;
	width: 140px;
	text-decoration: none;
}
#recomGds .listWrap .slick-list li .startrekParts {
	position: absolute;
	left: 0px;
	top: 115px;
	z-index: 9999;
	opacity: 0.8;
}
#recomGds .listWrap .slick-list li .startrekParts img {
	width: 70%;
	height: auto;
}
#recomGds .listWrap .slick-list li .img {
	margin-bottom: 27px;
	position: relative;
}
#recomGds .listWrap .slick-list li.new .img:before,
#recomGds .listWrap .slick-list li.recom .img:after {
	content: "";
	display: block;
	background-position: left top;
	background-repeat: no-repeat;
	width: 42px;
	height: 42px;
	position: absolute;
}
#recomGds .listWrap .slick-list li.new .img:before {
	background-image: url(/topimg/icn_new.png);
	top: 0;
	right: 0;
}
#recomGds .listWrap .slick-list li img {
	width: 140px;
	height: auto;
}
#recomGds .listWrap .slick-list li a p {
	height: 100px;
}
#recomGds .listWrap .slick-list li span {
	margin-bottom: 5px;
	font-size: 13px;
	text-decoration: underline;
}
#recomGds .listWrap .slick-list li a:hover span {
	text-decoration: none;
}
#recomGds .listWrap .slick-list li em {
	display: block;
	color: #cc0000;
	font-style: normal;
	font-size: 12px;
}

#recomGds .listWrap .slick-dots {
	bottom: 0px;
}
#recomGds .listWrap .slick-dots li {
	width: 10px;
	height: 10px;
	margin: 0 5px;
	float: none;
}
#recomGds .listWrap .slick-dots li button {
	background-color: #ccc;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
#recomGds .listWrap .slick-dots li.slick-active button {
	background-color: #009a9a;
}
#recomGds .listWrap .slick-dots li button:before {
	content: normal;
}

/*  新着情報  */

#newInfo .infoList {
	border-bottom: none;
}
#newInfo .infoList:nth-child(3) {
	/*display: none;*/
}
#newInfo .infoList:nth-child(4) {
	display: none;
}
#newInfo .infoList + .infoList {
	border-top: 1px dotted #ccc;
}
#newInfo .colR {
	margin-left: 20px;
}
#newInfo .colR a {
	display: block;
}
#newInfo .colR a:hover {
	opacity: 0.8;
}
#newInfo .colR a + a {
	margin-top: 13px;
}

/*  フッター  */
#footerBlock {
	margin-top: 0;
}
@media screen and (max-width: 1041px) {
	.mainSlideAll {
		height: 310px;
	}
}
@media screen and (max-width: 1000px) {
	.inner {
		width: auto;
		margin: 0px auto;
	}
	#genreBlock h3 {
		text-align: center;
	}
	#publication h3 {
		text-align: center;
	}
	#publication h3 .ttl {
		float: none;
	}
	#newTtl h3 .bn {
		float: none;
	}
	#newTtl h3 {
		text-align: center;
	}
	#newTtl .newTtlList {
		text-align: center;
	}
	#newTtl h3 .ttl {
		margin-left: 15px;
	}
}
@media screen and (max-width: 1024px) {
	.deagoNewsList .slick-next {
		right: 0px;
		opacity: 0;
	}
	.deagoNewsList .slick-prev {
		left: 0px;
		z-index: 999;
		opacity: 0;
	}

	.mainSlideAll {
		background: #ccc;
		height: auto;
	}
	#newTtl .newTtlList,
	#flowPackBlock .newTtlList {
		margin-right: 0px;
	}
	#bnZone {
	}
	.mainSlideWrap {
		height: 310px;
		overflow: hidden;
	}
	#newTtl h3 .ttl {
		float: none;
	}
	#bnZone,
	#recomGds {
		padding: 3% 1%;
		overflow: hidden;
	}
	#bnZone > div {
		width: auto;
	}
	#bnZone ul {
		margin: 0px;
	}
	#recomGds .listWrap .recomSlick {
		margin: 0px;
	}
	#newTtl .newTtlList li .clearfix a,
	#flowPackBlock .newTtlList li .clearfix a {
		padding: 13px 0px 12px 0px;
		background-position: 8px 13px;
		text-align: center;
		width: 47%;
	}
	#newTtl .newTtlList li .clearfix a.btnIssue,
	#flowPackBlock .newTtlList li .clearfix a.btnIssue {
		padding: 13px 0px 12px 0px;
		background-position: 8px 13px;
		text-align: center;
		width: 47%;
	}
	#newTtl .newTtlList li .clearfix a.btnInfo,
	#flowPackBlock .newTtlList li .clearfix a.btnInfo {
		background-position: 8px 13px;
	}

	#newTtl .newTtlList li,
	#flowPackBlock .newTtlList li {
		display: inline-block;
		float: none;
		width: 30%;
	}
	#newTtl .newTtlList li img.img,
	#flowPackBlock .newTtlList li img.img {
		width: 100%;
		height: auto;
	}
	#publication {
		padding-left: 15px;
	}
	#publication .pubList ul {
		margin-right: 0px;
	}
	#publication .pubList li {
		width: 20%;
	}
	#newTtl .newTtlList li .txt,
	#flowPackBlock .newTtlList li .txt {
		font-size: 12px;
	}
	#publication .pubList a {
		width: 85%;
		margin: 0 auto;
	}
	#genreBlock ul {
		text-align: center;
	}
	#publication .pubList a img {
		width: 150px;
	}
	#newInfo .inner {
		width: 95%;
		margin: 0 auto;
	}
	#publication .pubList a.btnInfo,
	#publication .pubList a.btnTeiki {
		width: 70px;
	}
}

@media screen and (max-width: 800px) {
	.mainSlideWrap {
		width: 100%;
		margin: 0 auto;
		overflow: hidden;
		height: 310px;
	}
	#mainSlide {
		height: 310px;
		overflow: hidden;
		margin: 0 auto;
	}
	#genreBlock {
		text-align: center;
		margin: 0 0px;
	}

	#newInfo.spOnly .bn {
		padding: 0 10px 10px 10px;
		display: block;
	}
	#newInfo.spOnly .bn img {
		width: 100%;
		height: auto;
	}
	#newInfo.spOnly h2 .ttl {
		padding-top: 11px;
		color: #006465;
		font-size: 15px;
		font-weight: bold;
		line-height: 1;
	}
	#newInfo.spOnly h2 a {
		display: inline-block;
		color: #006465;
	}

	#newTtl h3 .ttl,
	#genreBlock h3 .ttl,
	#publication h3 .ttl {
		text-align: center !important;
		display: block !important;
		float: none !important;
	}
	#genreBlock li.col3 {
		width: 240px;
	}
	#genreBlock li {
		width: 180px;
	}
	.mainSlideWrap {
		width: 768px;
		margin: 0 auto;
		overflow: hidden;
	}
	#mainSlide {
		width: 768px;
		height: 310px;
		overflow: hidden;
		margin: 0 auto;
	}
	#newInfo .inner {
		display: block;
	}
	#newInfo {
		padding: 0;
	}

	#newInfo .colR {
		padding: 10px 5px 0px 5px;
		margin: 0px;
		display: flex;
		justify-content: space-around;
		float: none;
	}
	#newInfo .colR a {
		display: block;
		margin: 0 5px;
	}
	#newInfo .colR a:hover {
		opacity: 1;
	}
	#newInfo .colR a + a {
		margin-top: 10px;
	}
}
@media screen and (max-width: 767px) {
	body {
		-webkit-text-size-adjust: 100%;
	}
	#genreBlock h3 {
		margin-bottom: 0px;
	}
	#wrapper {
		padding-top: 0px !important;
		width: 100%;
		overflow: hidden;
	}
	#recomSeries.recomList {
		padding: 35px 0px 15px !important;
	}
	.mainSlideAll {
		background: #ccc;
		height: 195px;
	}
	.mainSlideWrap {
	}
	#slickWrapSp {
		display: block;
	}
	#wrapper {
		padding-top: 55px;
	}
	#genreBlock {
		padding: 0px 0px 0px;
	}
	#genreBlock ul {
		margin: 0 0 10px 0;
	}
	#genreBlock li,
	#genreBlock li.col3 {
		display: block;
		width: 48%;
		background: #ffffff;
		border: 0;
		text-align: center;
		border-radius: 0px;
		margin: 1%;
		float: left;
		font-size: 12px;
	}
	#genreBlock li a {
		background: url(../img/sp_genre.png) no-repeat right bottom #eeeeee;
		background-size: 10px;
		border-radius: 0px;
	}
	#genreBlock li img {
		width: 17px;
		height: 17px;
	}
	#genreBlock h3 .ttl {
		padding: 35px 0 20px;
		font-size: 15px;
		float: none;
	}
	.recomList h2 .ttl {
		font-size: 15px !important;
	}
	.searchBox2 {
		border-radius: 0px;
		padding: 10px;
	}
	.searchBox2.spOnly {
		border-radius: 0px;
	}
	.searchBox2 input[type="search"] {
		width: 100%;
		height: 45px;
		padding: 6px 0 6px 12px;
		border-radius: 5px;
		border: 1px solid #ccc;
		-webkit-appearance: none;
		box-shadow: inset 2px 2px 3px rgba(0, 0, 0, 0.2);
		line-height: 35px;
		background: #fff url(../img/icn_search2.png) no-repeat 96% center;
		background-size: 20px;
	}
	.searchBox2 input[type="submit"] {
		opacity: 0;
		width: 50px;
		height: 45px;
	}

	.mainSlideWrap {
		width: auto;
		margin: 0 auto;
		overflow: hidden;
	}
	#mainSlide {
		width: 100%;
		height: auto;
		overflow: none;
		margin: 0 auto;
	}
	#bnZone,
	#recomGds {
		width: auto;
	}
	#topcontents #copyrightBlock img,
	#topcontents #footerBlock img {
		width: auto;
	}

	#newInfo .colR .btnArubaito {
		padding: 0px;
		text-align: center;
	}
	/*  メインスライド(iframe)  */
	#mainSlide {
		height: 235px;
	}
	.mainSlideWrap {
		height: 235px;
	}

	/* 共通 */
	.inner {
		width: auto;
		margin: 0 7.5px;
	}
	#topcontents img {
		width: 100%;
		height: auto;
	}
	#topcontents h2 {
		text-align: center;
	}

	/*  新しいタイトルのご案内(flowpackリスト含む）  */
	#newTtl {
		padding: 35px 0 0;
	}
	#newTtl h3 {
		margin-bottom: 20px;
	}
	#newTtl h3 .bn {
		float: none;
	}
	#newTtl h3 .bn .pc {
		display: none;
	}
	#newTtl h3 .bn .sp {
		display: block;
	}
	#newTtl h3 .ttl {
		padding-top: 0px;
		margin-left: 0px;
		font-size: 15px;
		float: none;
	}
	#newTtl .newTtlList,
	#flowPackBlock .newTtlList {
		margin: 0 -7.5px;
		border-bottom: 1px solid #ccc;
		position: relative;
	}
	#newTtl .newTtlList:before,
	#flowPackBlock .newTtlList:before {
		content: "";
		display: block;
		width: 0;
		margin: 0px auto;
		border-left: 1px solid #ccc;
		position: absolute;
		top: 0;
		bottom: 0;
		left: 0;
		right: 0;
	}
	#newTtl .newTtlList li,
	#flowPackBlock .newTtlList li {
		width: 50%;
		margin: 0;
		padding: 5px;
		border-width: 1px 0 0;
		box-sizing: border-box;
		display: block;
		float: left;
		background: #fff;
	}
	#newTtl .newTtlList li .icn,
	#flowPackBlock .newTtlList li .icn {
		display: none;
		width: auto;
		height: 19px;
	}
	#newTtl .newTtlList li .txtBox,
	#flowPackBlock .newTtlList li .txtBox {
		padding: 7px 0 0;
	}
	#newTtl .newTtlList li .txtBoxInner,
	#flowPackBlock .newTtlList li .txtBoxInner {
		height: 30px;
	}
	#newTtl .newTtlList li .ttl,
	#flowPackBlock .newTtlList li .ttl {
		font-size: 10px;
		text-align: center;
	}
	#newTtl .newTtlList li .txt,
	#flowPackBlock .newTtlList li .txt {
		display: none;
	}
	#newTtl .newTtlList li .txtBox > .clearfix,
	#flowPackBlock .newTtlList li .txtBox > .clearfix {
		display: none;
	}

	/*  バナーゾーン  */
	#bnZone {
	}
	#bnZone > div {
		width: auto;
	}
	#bnZone ul {
		margin: 0;
		padding-bottom: 0px;
	}
	#bnZone ul .slick-arrow {
		background-position: left top;
		background-repeat: no-repeat;
		background-size: contain;
		width: 8px;
		height: 13px;
	}
	#bnZone ul .slick-prev {
		background-image: url(/topimg/arw1_wht_l.png);
		left: 10px;
	}
	#bnZone ul .slick-next {
		background-image: url(/topimg/arw1_wht_r.png);
		right: 10px;
	}
	#bnZone ul .slick-arrow:before {
		content: normal;
	}
	#bnZone ul .slick-list {
		margin: 0 25px;
	}

	#bnZone li {
		margin-right: 0px;
		padding: 0 4px;
	}

	#bnZone li img {
		width: 100%;
	}
	#bnZone img {
	}
	#bnZone li.bnTxt a {
		background: none;
		width: auto;
		height: auto;
	}
	#bnZone li.bnTxt a .txt {
		display: none;
		padding: 0px;
	}
	#bnZone li.bnTxt a .sp {
		display: block;
	}

	/*  刊行中タイトルの最新号  */
	#publication {
		padding: 23px 0 0;
	}
	#publication .inner {
		margin: 0;
	}
	#publication h3 .ttl {
		padding: 0;
		font-size: 15px;
		float: none;
	}
	#publication h3 .btn {
		width: 135px;
		margin: 0px auto;
		padding: 0px !important;
		font-size: 10px;
		line-height: 22px;
		float: none;
	}
	#publication h3 .btn span {
		background-size: 12px auto;
		padding-left: 17px;
	}

	#publication .inBox {
		padding: 0 2.5px 0 7.5px;
	}

	#publication .pubList a img {
		width: 100%;
	}
	#publication .pubList {
		margin: 0;
		padding: 0 0 8px;
	}
	#publication .pubList ul {
		margin: 0;
		padding: 0 5px 0 5.5px;
		text-align: center;
	}
	#publication .pubList li {
		display: inline-block;
		width: 49%;
		margin: 0;
		height: auto;
		padding: 0 2.5px 5px 2.5px;
		text-align: center;
		margin-bottom: 5px;
		vertical-align: middle;
		box-sizing: border-box;
		float: none;
	}
	#publication .pubList li p {
		display: table-cell;
		vertical-align: middle;
		font-size: 11px;
	}
	#publication .pubList a {
		display: table-cell;
		width: 50%;
		height: auto;
		padding: 0;
		border: none;
		vertical-align: top;
	}
	#publication .pubList a.btnInfo,
	#publication .pubList a.btnTeiki {
		display: none;
	}
	#publication .pubList a > * {
		display: table-cell !important;
		vertical-align: middle;
		box-sizing: border-box;
	}

	#publication .pubList .img {
		width: auto;
		display: block;
		text-align: center;
		padding: 8px 0 8px 5px;
	}
	#publication .pubList a > p {
		height: auto;
		padding: 5px;
		font-size: 9px;
		line-height: 1.55;
	}
	#publication .pubList .txt {
		height: auto;
		margin-top: 0px;
		font-size: inherit;
		line-height: inherit;
	}

	#publication .btnMore {
		padding-bottom: 10px;
	}

	/*  おすすめグッズ  */
	#recomGds {
		padding: 15px 0 0;
		background: #eeeeee;
	}
	#recomGds h2 {
		margin-bottom: 13px;
	}
	#recomGds h2 .ttl {
		font-size: 15px;
	}

	#recomGds .listWrap .recomSlick {
		height: auto;
		margin: 0;
		padding-bottom: 25px;
	}
	#recomGds .listWrap .slick-list li {
		width: auto;
		margin-right: 0;
		padding: 0 7.5px;
	}
	#recomGds .listWrap .slick-list li a {
		display: block;
		width: auto;
	}
	#recomGds .listWrap .slick-list li .img {
		margin-bottom: 10px;
	}
	#recomGds .listWrap .slick-list li img {
		width: 100%;
	}
	#recomGds .listWrap .slick-list li a p {
		height: 60px;
		text-align: center;
		line-height: 1.55;
	}
	#recomGds .listWrap .slick-list li span {
		display: block;
		margin-bottom: 0px;
		color: #000;
		font-size: 9px;
		text-decoration: none;
	}
	#recomGds .listWrap .slick-list li em {
		color: #8d0000;
		font-size: 9px;
	}
	#recomGds .listWrap .slick-dots {
		bottom: 12px;
	}

	/*  新着情報  */
	#newInfo .inner {
		padding: 0;
	}
	#newInfo h3 {
		padding: 0;
		position: relative;
	}
	#newInfo h3 .btn {
		margin-top: 0px;
		color: #3f3f3f;
		font-size: 9px;
		float: none;
		position: absolute;
		right: 0;
		top: 0px;
	}
	#newInfo h3 .ttl {
		font-size: 25px;
		float: none;
	}
	#newInfo .colL {
		width: auto;
		float: none;
	}
	#newInfo .infoList {
		display: block;
		box-sizing: border-box;
		padding: 7px 4%;
	}
	#newInfo .infoList > * {
		display: block;
	}
	#newInfo .infoList dt {
		width: auto;
		font-size: 8px;
	}
	#newInfo .infoList dd {
		font-size: 9px;
	}
	#newInfo .infoList dd strong {
		font-size: 10px;
	}

	.blockAllSres {
		padding: 15px 0;
		display: inline-block;
		position: absolute;
		right: 100px;
	}
	.blockAllSres .sresTag a {
		width: auto;
		margin: 1%;
		padding: 2px 0 !important;
		font-size: 12px;
		float: left;
	}
	.blockAllSres .sresTag.BTGrey2 a {
		width: 31%;
	}
	.blockAllSres .sresTag a img {
		width: 12px;
		height: auto;
	}
	.recomList .slick-dots {
		bottom: -20px;
	}
	#recomGoods.recomList {
		padding: 35px 0 20px 0;
	}
}

@media screen and (max-width: 460px) {
	.saiyoBn {
		display: none;
	}
}

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

mainslide.Css

========================================*/
* {
	margin: 0;
	padding: 0;
	font-family: "メイリオ", Meiryo, Arial, Helvetica, Verdana, "ヒラギノ角ゴPro W3", "Hiragino Kaku Gothic Pro", Osaka,
		"ＭＳ Ｐゴシック", sans-serif !important;
	list-style: none;
	border: none;
}
html {
}

#slickWrap {
	background-color: #999;
	height: 404px;
	padding: 3px 0 0px;
	overflow: hidden;
}
#slickWrapSp {
	display: none;
}
.slickBox {
	width: auto;
	margin: 0px auto;
}
.slickBox .slider {
	margin: 0;
}
#slickWrap .slick-next {
	right: 25px;
}
#slickWrap .slick-next:before {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background: url(../img/slide_next.png) no-repeat center;
}
#slickWrap .slick-prev {
	left: 0px;
	z-index: 99 !important;
}
#slickWrap .slick-prev:before {
	content: "";
	display: block;
	width: 50px;
	height: 50px;
	background: url(../img/slide_prev.png) no-repeat center;
}
/*li*/
.slickBox .slick-list li {
	width: 1000px;
	height: 400px;
	margin-right: 5px;
	padding-bottom: 4px;
	position: relative;
}
.slickBox .slick-list li:after {
	/*左右の画像もclick出来る様にする時はaタグにafterを付ける*/
	content: "";
	display: block;
	background-color: rgba(255, 255, 255, 0.5);
	position: absolute;
	top: 0;
	bottom: 4px;
	left: 0;
	right: 0;
}
.slickBox .slick-list li.slick-current:after {
	content: normal;
}

/*○●○○○*/
.slickBox .dotsWrap {
	display: block;
	width: 300px;
	margin: auto;
	padding: 0;
	text-align: center;
	position: absolute;
	bottom: 13px;
	left: 0;
	right: 0;
}
.slickBox .slick-dots {
	display: inline-block !important;
	background-color: rgba(0, 0, 0, 0.8);
	width: auto;
	padding: 5px 7px;
	line-height: 1px;
	border-radius: 50px;
	position: static;
}
.slickBox .slick-dots li {
	width: 11px;
	height: 11px;
	margin: 0 6px;
	border-radius: 50%;
}
.slickBox .slick-dots li button {
	background-color: #fff;
	width: 100%;
	height: 100%;
	border-radius: 50%;
}
.slickBox .slick-dots li.slick-active button {
	background-color: #009a9a;
}
.slickBox .slick-dots li button:before {
	content: normal;
}

.slickBox .slick-list li > .img {
	display: block;
	height: inherit;
}
.slickBox .slick-list li > .img:hover {
	opacity: 0.8;
}

.btnBox {
	display: none;
	background: #fff;
	padding: 7px 0 4px 0;
	border-radius: 5px 5px 0 0;
	position: absolute;
	bottom: 7px;
	right: 15px;
	z-index: 10000;
	overflow: hidden;
}
li.slick-current .btnBox {
	display: table;
}
.btnBox a {
	display: table-cell;
	background: url(http://deagostini.jp/topimg/arw_r_grn.png) 15px center no-repeat;
	padding: 2px 20px 0 25px;
	height: 23px;
	color: #000;
	font-size: 14px;
	line-height: 23px;
	text-decoration: none;
	position: relative;
	z-index: 10000;
}
.btnBox a.btnApply {
	font-size: 16px;
	color: #449999;
}
.btnBox a.btnApply span {
	display: inline-block;
	padding: 4px 10px;
	margin-left: 5px;
	font-weight: normal;
	font-size: 12px;
	line-height: 12px;
	color: #ffffff;
	background: #449999;
	border-radius: 50px;
	vertical-align: top;
}
.btnBox a:hover {
	opacity: 0.5;
}
.btnBox .btnDetail {
	border-right: 1px dotted #000;
}

@media screen and (max-width: 767px) {
	#categoryBox {
		padding: 5px;
		width: 100%;
		margin: 0 auto;
		font-size: 16px;
		border-radius: 5px;
		background: #ffffff;
		-webkit-appearance: none;
		border: 1px solid #ccc;
		position: relative;
	}
	.searchBox2.spOnly {
		position: relative;
	}
	.searchBox2.spOnly:after {
		content: "▼";
		position: absolute;
		right: 5%;
		top: 37%;
		color: #009a9a;
	}
	.slickBox {
		width: 100%;
	}
	.seriesBtn {
		border: 1px solid #009a9a;
		display: block;
		border-radius: 50px;
		text-align: center;
		padding: 10px 0;
		color: #009a9a !important;
		text-decoration: none !important;
		font-size: 16px;
		margin: 5px auto 15px auto;
		width: 97%;
		background-color: #ffffff;
	}
	.seriesBtn:before {
		content: "";
		display: inline-block;
		margin-top: -2px;
		width: 5px;
		height: 10px;
		background: url(../../topimg/arw_r_grn.png);
		vertical-align: middle;
		margin-right: 5px;
	}
	.slickBox .slick-list li {
		margin-right: auto;
		padding-bottom: auto;
		position: relative;
		text-align: center;
	}
	.slickBox li img {
		width: 100%;
		height: auto;
	}

	#slickWrap {
		display: none;
	}
	#slickWrapSp {
		display: block;
		overflow: hidden;
	}
	.slickBox {
	}
	.slickBox .slider {
	}

	/*li*/
	.slickBox .slick-list li {
		width: auto;
		height: auto;
		margin-right: 0px;
		padding-bottom: 0px;
	}
	.slickBox .slick-list li:after {
		content: normal;
	}

	/*○●○○○*/
	.slickBox .dotsWrap {
		width: auto;
		bottom: 0px;
	}
	.slickBox .slick-dots {
		display: block !important;
		background-color: rgba(0, 0, 0, 0.5);
		padding: 5px 0px 6px;
		border-radius: 0px;
		position: absolute;
		bottom: 0px;
		width: 100%;
		text-align: center;
	}
	.slickBox .slick-dots li {
		border-radius: 0%;
	}
	.slickBox .slick-dots li button {
		background-color: #ccc;
	}

	.slickBox .slick-list li > .img {
	}
	.slickBox .slick-list li > .img:hover {
		opacity: 1;
	}
}

@media screen and (max-width: 320px) {
	#slickWrapSp {
		height: 235px;
		width: 320px;
	}
	.slickBox .slick-list li {
		width: 320px;
		height: 235px;
		margin-right: 5px;
		padding-bottom: 4px;
		position: relative;
	}
	.slickBox li img {
		width: 320px;
		height: 235px;
	}
	.slickBox .dotsWrap {
		bottom: 3px;
	}

	.slickBox .slick-dots li {
		margin-bottom: 5px;
	}
}

/**
 * BxSlider v4.1.2 - Fully loaded, responsive content slider
 * http://bxslider.com
 *
 * Written by: Steven Wanderski, 2014
 * http://stevenwanderski.com
 * (while drinking Belgian ales and listening to jazz)
 *
 * CEO and founder of bxCreative, LTD
 * http://bxcreative.com
 */

/** RESET AND LAYOUT
===================================*/

.bx-wrapper {
	position: relative;
	width: 100%;
	margin: 0 auto 40px;
	padding: 0;
	*zoom: 1;
}
.bx-controls {
	text-align: center;
}

/** THEME
===================================*/

.bx-wrapper .bx-viewport {
	overflow: visible !important;

	/*fix other elements on the page moving (on Chrome)*/
	-webkit-transform: translatez(0);
	-moz-transform: translatez(0);
	-ms-transform: translatez(0);
	-o-transform: translatez(0);
	transform: translatez(0);
	text-align: center;
}

.bx-wrapper .bx-pager,
.bx-wrapper .bx-controls-auto {
	bottom: 8px;
	display: inline-block;
	margin-top: -20px;
	position: relative;
	display: inline-block;
}

/* LOADER */

.bx-wrapper .bx-loading {
	min-height: 50px;
	background: url(images/bx_loader.gif) center center no-repeat #fff;
	height: 100%;
	width: 100%;
	position: absolute;
	top: 0;
	left: 0;
	z-index: 2000;
}

/* PAGER */

.bx-wrapper .bx-pager {
	text-align: center;
	font-size: 0.85em;
	font-family: Arial;
	font-weight: bold;
	color: #666;
	padding: 7px;
	border-radius: 50px;
}

.bx-wrapper .bx-pager .bx-pager-item,
.bx-wrapper .bx-controls-auto .bx-controls-auto-item {
	display: inline-block;
	*zoom: 1;
	*display: inline;
	text-align: left;
}

.bx-wrapper .bx-pager.bx-default-pager a {
	background: #b5b5b5;
	text-indent: -9999px;
	display: block;
	width: 11px;
	height: 11px;
	margin: 0 5px;
	outline: 0;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	border-radius: 6px;
}
.bx-wrapper .btnBox {
	display: block;
	bottom: 0px;
	padding-top: 5px;
}
.bx-wrapper .btnBox a {
	font-size: 12px;
}

.bx-wrapper .bx-pager.bx-default-pager a:hover,
.bx-wrapper .bx-pager.bx-default-pager a.active {
	background: #009a9a;
}

/* DIRECTION CONTROLS (NEXT / PREV) */

.bx-wrapper .bx-prev {
	left: auto;
}

.bx-wrapper .bx-next {
	right: auto;
}

.bx-wrapper .bx-prev:hover {
	background-position: 0 0;
}

.bx-wrapper .bx-next:hover {
	background-position: -43px 0;
}

.bx-wrapper .bx-controls-direction a {
	position: absolute;
	top: -240px;
	outline: 0;
	width: auto;
	height: auto;
	text-indent: -9999px;
	z-index: 9999;
}

.bx-wrapper .bx-controls-direction a.disabled {
	display: none;
}

/* AUTO CONTROLS (START / STOP) */

.bx-wrapper .bx-controls-auto {
	text-align: center;
}

.bx-wrapper .bx-controls-auto .bx-start {
	display: block;
	text-indent: -9999px;
	width: 10px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -11px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-start:hover,
.bx-wrapper .bx-controls-auto .bx-start.active {
	background-position: -86px 0;
}

.bx-wrapper .bx-controls-auto .bx-stop {
	display: block;
	text-indent: -9999px;
	width: 9px;
	height: 11px;
	outline: 0;
	background: url(images/controls.png) -86px -44px no-repeat;
	margin: 0 3px;
}

.bx-wrapper .bx-controls-auto .bx-stop:hover,
.bx-wrapper .bx-controls-auto .bx-stop.active {
	background-position: -86px -33px;
}

/* PAGER WITH AUTO-CONTROLS HYBRID LAYOUT */

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-pager {
	text-align: left;
	width: 80%;
}

.bx-wrapper .bx-controls.bx-has-controls-auto.bx-has-pager .bx-controls-auto {
	right: 0;
	width: 35px;
}

/* IMAGE CAPTIONS */

.bx-wrapper .bx-caption {
	position: absolute;
	bottom: 0;
	left: 0;
	background: #666\9;
	background: rgba(80, 80, 80, 0.75);
	width: 100%;
}

.bx-wrapper .bx-caption span {
	color: #fff;
	font-family: Arial;
	display: block;
	font-size: 0.85em;
	padding: 10px;
}

.blockAllSres {
	position: absolute;
	right: 200px;
	top: 0px;
}
.blockAllSres .sresTag {
	margin-top: 1px;
	text-align: right;
	display: inline-block;
}
.blockAllSres .sresTag > * {
	display: inline-block;
	vertical-align: middle;
}
.blockAllSres .sresTag .sresTtl {
	color: #666;
	font-size: 16px;
	font-weight: bold;
}
.blockAllSres .sresTag a {
	font-size: 0.9em;
	display: inline-block;
	background-color: #ccc;
	height: 25px;
	margin: 0 0 0 5px;
	padding: 3px 18px 4px 18px;
	color: #000 !important;
	text-align: center;
	line-height: 25px;
	text-decoration: none;
	border-radius: 50px;
}
.blockAllSres .sresTag a:hover {
	background: #e0e0e0;
}
.blockAllSres .sresTag a > * {
	display: inline-block;
	vertical-align: middle;
}
.blockAllSres .sresTag a img {
	margin-right: 5px;
}
.blockAllSres .sresTag a span {
	padding-top: 1px;
}
.blockAllSres .sresTag a.show {
	background-color: #499;
	color: #fff !important;
}
.genre-box {
	top: 1px;
	text-align: right;
	position: absolute;
	right: 0px;
	z-index: 999;
}

.tagAll {
	background-color: #fff;
	color: #47b6b6 !important;
	border: 1px solid #47b6b6;
	display: inline-block;
	padding: 7px 35px;
	border-radius: 50px;
	cursor: pointer;
	transition: 0.1s;
}
.tagAll.open {
	background: #47b6b6;
	color: #ffffff;
	border-radius: 10px 10px 0 0;
}
.tagAll span {
	background: url(../img/icn_search2.png) left center no-repeat;
	background-size: 14px auto;
	padding-left: 20px;
}
.tagAll.open span {
	background: url(../img/icn_close.png) left center no-repeat;
	background-size: contain;
	color: #fff;
}
.deagoNewsList .slick-prev:before,
.deagoNewsList .slick-next:before {
	font-size: 0px;
}
.genreBox {
	margin-top: 10px;
}
.genre-box dd {
	background: #47b6b6;
	border-radius: 10px 0 10px 10px;
	text-align: left;
	padding: 10px;
}
#deagoNews h3 {
	position: relative;
}
.genre-box dd a {
	display: inline-block;
	margin: 3px;
	background: #fff;
	padding: 5px 8px;
	border-radius: 10px;
}

.sns-btn-list.pcOnly {
	position: absolute;
	top: -16px;
	right: 135px;
}

.sns-btn-list li {
	display: inline-block;
	padding: 0 3px;
}
.sns-btn-list.pcOnly li img {
	max-width: 30px;
	height: auto;
}
/*
.sns-btn-list{
	position: fixed;
	top: 40%;
	background: rgba(255,255,255,1);
	box-shadow: 0px 0px 3px  rgba(0,0,0,0.5);
	border-radius: 0 5px 5px 0;
	padding: 5px;
  animation: snsbox 1s ease;
}
.sns-btn-list li {
	padding: 5px ;
}

@keyframes snsbox {
	0%{
		left: -100px;
	}
	100%{
		left: -1px;
	}
	
}
*/
@media screen and (max-width: 800px) {
	.sns-btn-list.spOnly {
		position: static;
		display: flex;
		justify-content: space-between;
		box-shadow: 0px 0px 3px rgba(0, 0, 0, 0);
		text-align: center;
		background: none;
		padding: 0px 10% 15px 10%;
	}
	.deagoNewsList a .img {
		margin-bottom: 5px;
	}
	.deagoNewsList a .txts1 {
		margin-bottom: 5px;
	}
	.deagoNewsList a .txts1 em {
		display: none;
	}
	.deagoNewsList a .txts1 em {
		padding: 3px;
		font-size: 10px;
	}
	.deagoNewsList a p {
		height: 45px;
	}
	#deagoNews h3 .ttl {
		padding-left: 5px;
	}
	#genreBlock h3 {
		display: none;
	}
	#genreBlock h3.spOnly {
		display: block;
	}
	#genreBlock h3.spOnly span {
	}
	#deagoNews .inner {
		padding: 20px 0 5px 0;
	}
	.deagoNewsList .slick-slider {
		margin-bottom: 0px;
	}
	.blockAllSres {
		position: static;
		display: inline-block;
		padding: 0px;
	}
	.blockAllSres .sresTag {
		display: none;
	}
	.genre-box {
		display: none;
	}
	.genreBox {
		margin-top: 0px;
	}
	.blockAllSres .sresTag.BTGrey2 {
		display: flex;
		flex-wrap: wrap;
		justify-content: space-between;
	}
	.blockAllSres .sresTag a {
		float: none;
		margin-bottom: 5px;
	}
	.blockAllSres .sresTag a span {
		padding: 0 10px;
	}
	#newInfo .inner {
		width: auto;
	}
	.deagoNewsList a {
		margin: 0 5px;
	}
	.slick-dots {
		opacity: 0;
	}
}
#topnavi img,
#topnavi a img,
#topsearch a img {
	border: none;
}

#topnavi {
	float: left;
	height: 262px;
	margin: 0 0 15px;
	width: 231px;
}

#productSearch {
	background: transparent url(img/bg_productsearch.png) no-repeat left top;
	width: 209px;
	padding: 3px 4px 4px;
	height: 255px;
	overflow: hidden;
}

#productSearch h2,
#productSearch h3 {
	margin: 0;
	padding: 0;
	overflow: hidden;
}

#productSearch h2 {
	height: 21px;
}

#productSearch h3 {
	height: 25px;
}

#productSearch .accordionBody {
	background: #fff url(img/bg_productsearch_item.png) repeat-x left top;
	overflow: hidden;
	height: 139px;
	padding: 10px;
}

#productSearch .accordionBody p {
	margin: 0;
	padding: 0;
}

#productSearch .fl {
	float: left;
	display: inline;
	margin: 0 10px 10px 0;
}

#productSearch .fs12 {
	font-size: 12px;
}

#productSearch .fs10 {
	font-size: 10px;
}

#productSearch .block {
	display: block;
}

#productSearch .cleared {
	clear: both;
}

#productSearch .mr5 {
	margin-right: 5px !important;
}

#productSearch .mb5 {
	margin-bottom: 5px !important;
}

#productSearch .ar {
	text-align: right !important;
}

#productSearch .ml68 {
	margin-left: 68px !important;
}

#topsearch {
	float: left;
	height: 265px;
	margin: 0 0 15px;
	width: 460px;
}

#contentFlow {
	background: transparent url(img/bg_contentflow.png) no-repeat left top;
	width: 439px;
	height: 255px !important;
	overflow: hidden;
	position: relative;
	padding: 3px 4px 4px;
}

#contentFlow h2 {
	/*margin-bottom: 20px;*/
	margin-bottom: 30px;
}

#contentFlow .direction {
	position: absolute;
	left: 120px;
	bottom: 55px;
	color: #265452;
	font-weight: bold;
	cursor: default;
}

#contentFlow .flow {
	cursor: default;
	height: 148px;
	/*z-index: 99999px!important;*/
}

#contentFlow .item {
	cursor: pointer;
}

#contentFlow .globalCaption {
	color: black;
	font-size: 12px;
	font-weight: normal;
	height: 20px;
	margin: 0;
	position: absolute;
	text-align: center;
	z-index: 1;
	width: 446px;
	left: 0;
	bottom: 20px;
	background: url(img/bg_globalcaption.png) no-repeat center top;
	line-height: 20px;
	cursor: default;
}

#contentFlow .scrollbar {
	/*position: absolute;
	left: 22px;
	top: 90px;*/
	position: relative;
	margin: 0;
	width: 90%;
	/*cursor: pointer;*/
	zoom: 1;
}

#contentFlow .preButton {
	position: absolute;
	left: 10px;
	top: 30px;
	float: left;
	width: 20px;
	height: 20px;
	display: inline;
	background: transparent url(img/ico_prev.png) no-repeat left top;
	cursor: pointer;
	zoom: 1;
}

#contentFlow .preButton:hover {
	background-image: url(img/ico_prev_on.png);
}

#contentFlow .nextButton {
	position: absolute;
	right: 10px;
	top: 30px;
	float: right;
	width: 20px;
	height: 20px;
	display: inline;
	background: transparent url(img/ico_next.png) no-repeat left top;
	cursor: pointer;
}

#contentFlow .nextButton:hover {
	background-image: url(img/ico_next_on.png);
}

#footer .copyright p {
	font-size: 0;
	color: #fff;
}
.spSlides {
	display: none;
}
.spSlides img {
	width: 100%;
	height: auto;
}
.spSlides .slick-dots {
	position: absolute;
	bottom: -30px;
	display: block;
	width: 100%;
	padding: 5px;
}
#newInfo.spOnly {
	padding-top: 35px;
	background: #eee;
}

@media screen and (max-width: 767px) {
	#deagoNews p a {
		display: block;
		margin: 10px 5px;
		box-sizing: border-box;
		height: auto;
		padding: 1% 0;
	}

	#deagoNews h3 .ttl {
		text-align: center;
		display: block;
		float: none;
		font-size: 16px;
		margin-bottom: 10px;
	}
	#deagoNews p {
		text-align: center;
		margin-top: 5px;
	}
	#deagoNews li p {
		text-align: left;
		line-height: 1.2;
		font-size: 12px;
		height: 45px;
		margin-top: 0px;
	}
}
@media screen and (max-width: 320px) {
	.deagoNewsList a p {
		height: 60px !important;
	}
}

#flowPackBlock {
	background: #eee;
	padding: 40px 0;
}

#flowPackBlock .fpBox {
	display: flex;
	background-color: #fff;
	border: 1px solid #ccc;
	align-items: center;
	text-decoration: none;
	position: relative;
	margin-bottom: 40px;
}
#flowPackBlock .fpBox::before {
	content: "";
	position: absolute;
	right: 0px;
	bottom: 0px;
	width: 30px;
	height: 30px;
	background-color: #006465;
}
#flowPackBlock .fpBox::after {
	content: "";
	position: absolute;
	border-top: 2px solid #fff;
	border-right: 2px solid #fff;
	right: 11px;
	bottom: 9px;
	width: 10px;
	height: 10px;
	transform: rotate(45deg);
}
#flowPackBlock h3 {
	font-size: 25px;
	font-weight: bold;
	line-height: 1;
	color: #006465;
	margin-bottom: 0.8em;
}
#flowPackBlock p {
	font-size: 16px;
	color: #222;
	line-height: 1.8;
}
#flowPackBlock .img {
	flex-shrink: 0;
}
#flowPackBlock .spTtl {
	display: none;
}
#flowPackBlock .main_txt {
	padding: auto;
	padding: 25px 35px;
}
@media screen and (max-width: 767px) {
	#flowPackBlock .fpBox::before{
		display: none;
	}
	#flowPackBlock {
		background-color: #fff;
		padding: 35px 0 0 0;
		border-bottom: 1px solid #ccc;
		margin-bottom: 0px;
	}

	#flowPackBlock .spTtl {
		display: block;
	}
	#flowPackBlock .fpBox {
		display: block;
		border: 0px;
		margin-bottom:0 ;
	}
	#flowPackBlock .main_txt {
		padding: 0px;
	}
	#flowPackBlock h3 {
		font-size: 15px;
		text-align: center;
		margin-bottom: 20px;
	}
	
#flowPackBlock .pcTtl{
	display: none;
}
#flowPackBlock p {
	font-size: 12px;
	padding: 5px 15px 15px 15px;
}
}