@charset "UTF-8";
/*
*******************************************************************************************************
# サイト共通スタイル - compiled from common.scss
  ・base - サイトのベース
  ・bg-container - 背景処理用のボックス
  ・wrapper - コンテンツ枠
  ・site-header - サイトヘッダー
  ・content - メインコンテンツ
  ・site-footer - サイトフッター
  ・module - 各モジュール
  ・placeholder - 汎用extend
*******************************************************************************************************
*/
html, body, div,
h1, h2, h3, h4, h5, h6,
p, ul, ol, dl, dt, dd,
table, th, td,
form, fieldset,
header, section, article, aside, footer, figure,
figcaption, nav {
	margin: 0px;
	padding: 0px;
}



article, aside, canvas, details, figcaption, figure,
footer, header, menu, nav, section, summary {
	display: block;
}

html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: scroll;
}

ul, ol {
	list-style: none;
}

p, li, dt, dd, th, td, pre {
	-ms-line-break: strict;
	line-break: strict;
	-ms-word-break: break-strict;
	word-break: break-strict;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
}

img {
	border: none;
	vertical-align: middle;
}

input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* # normalize
----------------------------------- */
html, body, div,
h1, h2, h3, h4, h5, h6,
p, ul, ol, dl, dt, dd,
table, th, td,
form, fieldset,
header, section, article, aside, footer, figure,
figcaption, nav {
	margin: 0px;
	padding: 0px;
}

article, aside, canvas, details, figcaption, figure,
footer, header, menu, nav, section, summary {
	display: block;
}

html {
	overflow: scroll;
	overflow: -moz-scrollbars-vertical;
	overflow-x: scroll;
}

ul, ol {
	list-style: none;
}

p, li, dt, dd, th, td, pre {
	-ms-line-break: strict;
	line-break: strict;
	-ms-word-break: break-strict;
	word-break: break-strict;
}

table {
	border-collapse: collapse;
	border-spacing: 0px;
}

img {
	border: none;
	vertical-align: middle;
}

input, button, textarea, select {
	margin: 0;
	padding: 0;
	background: none;
	border: none;
	border-radius: 0;
	outline: none;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
}

/* # base
----------------------------------- */
body {
	background-color: #fff;
	color: #333;
	font-family: "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	font-size: 15px;
	letter-spacing: 0.05em;
	line-height: 1.7;
	-webkit-font-smoothing: antialiased;
}

html {
	overflow: auto;
}

body {
  /*overflow: hidden;*/
	width: auto;
	min-width: 1000px;
}

html, body {
	height: 100%;
}

html {
	-webkit-text-size-adjust: 100%;
}

img {
	vertical-align: middle;
}

address {
	font-style: normal;
}

a {
	-webkit-tap-highlight-color: rgba(0, 67, 162, 0.5);
}

a {
	color: #333;
	text-decoration: none;
	outline: none;
}

a:hover, a:active {
	color: #0e3b93;
	text-decoration: none;
}

a:hover p, a:hover span, a:active p, a:active span {
	color: #0e3b93;
}

input, textarea, select {
	margin: 0;
	padding: 0;
	font-size: 100%;
}

input {
	cursor: normal;
}

button {
	cursor: pointer;
}

@media only screen and (max-width: 767px) {
	body {
		width: 100%;
		min-width: 100%;
		font-size: 14px;
	}

	img {
		max-width: 100%;
		height: auto;
	}

	a:hover, a:active {
		color: #333;
		text-decoration: none;
	}

	a:hover p, a:hover span, a:active p, a:active span {
		color: #333;
	}
}

/* # clear fix
----------------------------------- */
.cfx {
	*zoom: 1;
}

.cfx:before, .cfx:after {
	content: "";
	display: table;
}

.cfx:after {
	clear: both;
}

/* # hover alpha
----------------------------------- */
a.hovr {
	-webkit-transition: opacity 0.2s, color 0.2s, background-color 0.2s;
	transition: opacity 0.2s, color 0.2s, background-color 0.2s;
}

a.hovr:hover {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);
	-webkit-transition: opacity 0.3s, color 0.3s, background-color 0.3s;
	transition: opacity 0.3s, color 0.3s, background-color 0.3s;
}

a:hover img.hovr {
	opacity: 0.7;
	filter: alpha(opacity=70);
	-ms-filter: alpha(opacity=70);
	-webkit-transition: opacity 0.3s, color 0.3s, background-color 0.3s;
	transition: opacity 0.3s, color 0.3s, background-color 0.3s;
}

a img.hovr {
	-webkit-transition: opacity 0.2s, color 0.2s, background-color 0.2s;
	transition: opacity 0.2s, color 0.2s, background-color 0.2s;
}

a.hovr img,
img.hovr {
	background-color: #fff;
	box-shadow: #000 0 0 0;
}

@media only screen and (max-width: 767px) {
	a.hovr:hover {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: alpha(opacity=100);
	}

	a:hover img.hovr {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: alpha(opacity=100);
	}
}

/* # border
----------------------------------- */
.bd-solid {
	margin: 40px 0;
	border: none;
	border-top: 1px solid #ddd;
	height: 1px;
}

@media only screen and (max-width: 767px) {
	.bd-solid {
		margin: 20px 0;
	}
}

/* # 登録商標の記号
----------------------------------- */
.reg {
	position: relative;
	top: -4px;
	font-size: 12px;
	margin: 0 1px;
}

.tm {
	position: relative;
	top: -2px;
	font-size: 14px;
}

/* # Window Width
----------------------------------- */
.pc-none {
	display: none;
}

@media only screen and (max-width: 767px) {
	.pc-none {
		display: block;
	}

	.sp-none {
		display: none;
	}
}

/* # background color
----------------------------------- */
.bg-gray {
	background-color: #efefef;
}

.bg-white {
	background-color: #fff;
}

/* # base-layout
----------------------------------- */
.wrapper .contents-area {
	position: relative;
	z-index: 9;
}

.wrp-cts-area {
	margin: 0 auto;
	width: 1000px;
}

@media only screen and (max-width: 767px) {
	.wrp-cts-area {
		box-sizing: border-box;
		padding: 0 10px;
		width: 100%;
	}
}

/* # wrp-main-area
----------------------------------- */
.wrp-main-visual {
	position: relative;
	overflow: hidden;
	max-width: 100%;
}

.wrp-main-visual .wrp-main-area .main-img {
	min-width: 1000px;
}

.wrp-main-visual .wrp-main-area .main-img img {
	width: 100%;
	height: auto;
}

@media only screen and (max-width: 767px) {
	.wrp-main-visual {
		position: relative;
		overflow: hidden;
		max-width: 100%;
	}

	.wrp-main-visual .wrp-main-area .main-img {
		min-width: 100%;
	}

	.wrp-main-visual .wrp-main-area .main-img img {
		width: 100%;
		height: auto;
	}
}

/* # breadcrumb
----------------------------------- */
.wrp-breadcrumb {
	background-color: #efefef;
}

.wrp-breadcrumb .breadcrumb-inner {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 6px 0;
	width: 1000px;
	line-height: 1.5;
}

.wrp-breadcrumb .breadcrumb-inner a {
	position: relative;
	padding-right: 20px;
	font-size: 12px;
}

.wrp-breadcrumb .breadcrumb-inner a:after {
	position: absolute;
	top: 48%;
	right: 2px;
	content: '>';
	font-size: 10px;
	line-height: 0;
}

.wrp-breadcrumb .breadcrumb-inner span {
	font-size: 12px;
}

@media only screen and (max-width: 767px) {
	.wrp-breadcrumb {
		box-sizing: border-box;
		overflow: hidden;
		padding: 0;
		background-color: #efefef;
		height: 44px;
		width: 100%;
	}

	.wrp-breadcrumb .breadcrumb-inner {
		margin: 0 auto;
		overflow-x: auto;
		box-sizing: border-box;
		white-space: nowrap;
		-webkit-overflow-scrolling: touch;
		padding: 0 10px;
		height: 100px;
		width: 100%;
		line-height: 44px;
	}

	.wrp-breadcrumb .breadcrumb-inner a {
		font-size: 10px;
	}

	.wrp-breadcrumb .breadcrumb-inner span {
		font-size: 10px;
	}
}

/* # wrp-head-sns-share
----------------------------------- */
.wrp-head-sns-share {
	margin: 0;
}

.wrp-head-sns-share .wrp-cts-area {
	border-bottom: 1px solid #ddd;
	padding: 15px 0;
}

.wrp-head-sns-share .wrp-cts-area .share-list {
	text-align: right;
}

.wrp-head-sns-share .wrp-cts-area .share-list dt {
	display: inline-block;
	color: #043985;
	font-size: 11px;
	font-weight: bold;
	line-height: 32px;
}

.wrp-head-sns-share .wrp-cts-area .share-list dd {
	display: inline-block;
	margin-left: 5px;
}

.wrp-head-sns-share .wrp-cts-area .share-list dd img {
	width: 33px;
	height: 32px;
}

.wrp-head-sns-share .wrp-cts-area .share-list dd.share-line {
	display: none;
}

@media only screen and (max-width: 767px) {
	.wrp-head-sns-share {
		display: none;
	}
}

/* # wrp-information-bnr
----------------------------------- */
.wrp-information-bnr {
	margin: 40px 0;
}

.wrp-information-bnr .link-bnr {
	*zoom: 1;
}

.wrp-information-bnr .link-bnr:before, .wrp-information-bnr .link-bnr:after {
	content: "";
	display: table;
}

.wrp-information-bnr .link-bnr:after {
	clear: both;
}

.wrp-information-bnr .link-bnr li {
	float: left;
	width: 230px;
	margin-left: 26px;
}

.wrp-information-bnr .link-bnr li:nth-child(4n-3) {
	margin-left: 0;
}

.wrp-information-bnr .link-bnr li:nth-child(n+5) {
	margin-top: 30px;
}

.wrp-information-bnr .link-bnr li .img img {
	width: 100%;
	height: auto;
}

.wrp-information-bnr .link-bnr li .txt {
	margin-top: 10px;
}

.wrp-information-bnr .link-bnr li a {
	text-decoration: none;
}

.wrp-information-bnr .link-bnr li a .txt {
	color: #333;
}

@media only screen and (max-width: 767px) {
	.wrp-information-bnr {
		margin: 20px 0;
	}

	.wrp-information-bnr .link-bnr li {
		float: left;
		box-sizing: border-box;
		margin: 15px 0 0;
		padding: 0 10px;
		width: 50%;
	}

	.wrp-information-bnr .link-bnr li:nth-child(odd) {
		clear: both;
	}

	.wrp-information-bnr .link-bnr li:nth-child(4n-3) {
		margin: 15px 0 0;
	}

	.wrp-information-bnr .link-bnr li:nth-child(n+3) {
		margin-top: 15px;
	}

	.wrp-information-bnr .link-bnr li .txt {
		margin-top: 5px;
		font-size: 12px;
	}
}

/* # wrp-foot-sns-share
----------------------------------- */
.wrp-foot-sns-share {
	margin: 30px 0 0;
}

.wrp-foot-sns-share .wrp-cts-area {
	border-top: 1px solid #ddd;
	padding: 40px 0;
}

.wrp-foot-sns-share .wrp-cts-area .share-list {
	text-align: center;
}

.wrp-foot-sns-share .wrp-cts-area .share-list dt {
	display: inline-block;
	color: #043985;
	font-size: 11px;
	font-weight: bold;
	line-height: 32px;
}

.wrp-foot-sns-share .wrp-cts-area .share-list dd {
	display: inline-block;
	margin-left: 8px;
}

.wrp-foot-sns-share .wrp-cts-area .share-list dd img {
	width: 33px;
	height: 32px;
}

.wrp-foot-sns-share .wrp-cts-area .share-list dd.share-line {
	display: none;
}

@media only screen and (max-width: 767px) {
	.wrp-foot-sns-share {
		margin: 30px 10px 0;
	}

	.wrp-foot-sns-share .wrp-cts-area {
		padding: 30px 10px;
	}

	.wrp-foot-sns-share .wrp-cts-area .share-list {
		text-align: center;
	}

	.wrp-foot-sns-share .wrp-cts-area .share-list dt {
		display: inline-block;
		margin-right: 0;
		color: #043985;
		font-weight: bold;
		line-height: 32px;
	}

	.wrp-foot-sns-share .wrp-cts-area .share-list dd {
		display: inline-block;
		margin-left: 8px;
	}

	.wrp-foot-sns-share .wrp-cts-area .share-list dd img {
		width: 33px;
		height: 32px;
	}

	.wrp-foot-sns-share .wrp-cts-area .share-list dd.share-line {
		display: inline-block;
	}
}

/* # Magnific Popup
----------------------------------- */
.mfp-bg {
	opacity: 0.6;
}

button.mfp-close {
	background-image: url(/rn17/img/common/btn/btn_close_top.png);
	background-position: 99% 0;
	background-repeat: no-repeat;
	background-size: 34px 34px;
	opacity: 1;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size: 0;
}

.mfp-title {
	position: absolute;
	bottom: -60px;
	left: 50%;
	margin-left: -55px;
	padding-right: 0;
	text-align: center;
}

.modal {
	position: relative;
}

.mfp-content {
	margin: 45px 0 75px;
}

.mfp-close {
	top: 0;
	right: calc(50% - 470px);
}

@media only screen and (min-width: 768px) {
	button.mfp-close:hover {
		opacity: 0.7;
	}

	.mfp-title a:hover {
		opacity: 0.7;
	}

	.mfp-title a img {
		width: 110px;
		height: 40px;
	}
}

@media only screen and (max-width: 767px) {
	.mfp-container {
		padding-left: 10px;
		padding-right: 10px;
	}

	.mfp-content {
		margin: 70px 0 45px;
	}

	.mfp-content .wrp-product-module {
		position: relative;
		z-index: 10;
	}

	button.mfp-close {
		top: -40px;
		right: 0;
		background-size: 26px 26px;
	}

	button.mfp-close:hover {
		top: -40px;
		right: 0;
	}

	.mfp-title a img {
		width: 110px;
		height: 40px;
	}
}

/* # wrp-product-area
----------------------------------- */
.wrp-product-area {
	padding: 0 0 30px;
}

.wrp-product-module {
	box-sizing: border-box;
	margin: 0 auto;
	padding: 20px;
	width: 840px;
	background-color: #efefef;
}

@media only screen and (max-width: 767px) {
	.wrp-product-area {
		padding: 0 0 15px;
	}

	.sp-btn-buy {
		margin-top: 20px;
		text-align: center;
	}

	.sp-btn-buy .btn-buy {
		display: inline-block;
		position: relative;
		margin: 0 auto;
		box-sizing: border-box;
		padding: 10px 10px 8px 40px;
		width: 170px;
		background-color: #d70820;
		color: #fff;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
	}

	.sp-btn-buy .btn-buy:after {
		position: absolute;
		content: '\e908';
		top: 50%;
		left: 20px;
		font-family: 'icn_font';
		font-size: 16px;
		font-weight: normal;
		line-height: 0;
	}

	.show-buy .sp-btn-buy {
		display: none;
	}

	.wrp-product-module {
		width: 100%;
		padding: 0 0 20px;
	}
}

/* # wrp-item-information
----------------------------------- */
.wrp-item-information {
	margin-bottom: 40px;
	background-color: #efefef;
}

.wrp-item-information {
	*zoom: 1;
}

.wrp-item-information:before, .wrp-item-information:after {
	content: "";
	display: table;
}

.wrp-item-information:after {
	clear: both;
}

.wrp-item-information .item-artist {
	display: none;
}

.wrp-item-information .item-artist a {
	position: relative;
	display: block;
	border-bottom: 1px solid #ddd;
	padding: 10px 10px 10px 0;
	font-weight: bold;
}

.wrp-item-information .item-artist a:after {
	position: absolute;
	content: '\e906';
	top: 50%;
	right: 0;
	color: #0043a2;
	font-family: 'icn_font';
	font-size: 20px;
	font-weight: normal;
	line-height: 0;
}

.wrp-item-information .item-img {
	float: left;
	width: 260px;
	padding-top: 25px;
}

.wrp-item-information .item-img .img-inner {
	display: table-cell;
	width: 260px;
	height: 260px;
	background-color: #fff;
	text-align: center;
	vertical-align: middle;
}

.wrp-item-information .item-img .img-inner img {
	max-width: 260px;
	max-height: 260px;
	width: auto;
	height: auto;
}

.wrp-item-information .item-detail {
	float: right;
	box-sizing: border-box;
	padding-right: 40px;
	width: 500px;
}

.wrp-item-information .item-detail .wrp-item-info1 {
	padding-top: 25px;
}

.wrp-item-information .item-detail .wrp-item-info1 .item-device {
	color: #0043a2;
	font-size: 13px;
	font-weight: bold;
}

.wrp-item-information .item-detail .wrp-item-info1 .item-date {
	font-size: 13px;
}

.wrp-item-information .item-detail .item-ttl {
	margin-bottom: 15px;
	font-size: 19px;
	font-weight: bold;
}

.wrp-item-information .item-detail .item-id {
	margin-bottom: 15px;
	font-size: 13px;
}

.wrp-item-information .item-detail .item-price {
	font-size: 13px;
	font-weight: bold;
}

.wrp-item-information .item-detail .item-txt {
	margin-bottom: 30px;
}

.wrp-item-information .item-detail .wrp-item-btn a {
	position: relative;
	display: inline-block;
	color: #fff;
	font-weight: bold;
}

.wrp-item-information .item-detail .wrp-item-btn a:after {
	position: absolute;
	top: 50%;
	font-family: 'icn_font';
	font-size: 16px;
	font-weight: normal;
	line-height: 0;
}

.wrp-item-information .item-detail .wrp-item-btn .btn-buy {
	margin-right: 25px;
	box-sizing: border-box;
	padding: 11px 15px 9px 50px;
	width: 210px;
	background-color: #d70820;
	text-align: center;
}

.wrp-item-information .item-detail .wrp-item-btn .btn-buy:after {
	content: '\e908';
	left: 25px;
	font-size: 18px;
}

.wrp-item-information .item-detail .wrp-item-btn .btn-try {
	margin-right: 25px;
	box-sizing: border-box;
	padding: 11px 20px 9px 35px;
	width: 210px;
	background-color: #222;
	text-align: center;
}

.wrp-item-information .item-detail .wrp-item-btn .btn-try:after {
	content: '\e91f';
	left: 55px;
	font-size: 18px;
}

.wrp-item-information .item-detail .wrp-item-btn .btn-etc {
	padding: 11px 35px 9px 20px;
	background-color: #ff8a00;
	font-size: 15px;
}

.wrp-item-information .item-detail .wrp-item-btn .btn-etc:after {
	content: '\e906';
	right: 10px;
	font-size: 15px;
}

.show-try .wrp-item-information .item-detail .wrp-item-btn .btn-try {
	display: none;
}

.show-try #buyContents {
	display: none;
}

.show-buy .wrp-item-information .item-detail .wrp-item-btn .btn-buy {
	display: none;
}

.show-buy #tryContents {
	display: none;
}

.mfp-content .wrp-item-information .item-artist {
	display: block;
}

@media only screen and (max-width: 767px) {
	.wrp-item-information {
		margin-bottom: 0;
		padding: 10px 20px 20px;
		background-color: #efefef;
	}

	.wrp-item-information {
		*zoom: 1;
	}

	.wrp-item-information:before, .wrp-item-information:after {
		content: "";
		display: table;
	}

	.wrp-item-information:after {
		clear: both;
	}

	.wrp-item-information .item-artist {
		text-align: center;
	}

	.wrp-item-information .item-artist a {
		padding: 20px 25px 10px 0;
	}

	.wrp-item-information .item-artist a:after {
		top: 60%;
	}

	.wrp-item-information .item-img {
		float: none;
		width: 190px;
		margin: 0 auto;
		text-align: center;
	}

	.wrp-item-information .item-img .img-inner {
		display: table-cell;
		width: 190px;
		height: 190px;
		background-color: #fff;
		text-align: center;
		vertical-align: middle;
	}

	.wrp-item-information .item-img .img-inner img {
		max-width: 190px;
		max-height: 190px;
		width: auto;
		height: auto;
	}

	.wrp-item-information .item-detail {
		float: none;
		padding-right: 0;
		width: 100%;
	}

	.wrp-item-information .item-detail .wrp-item-info1 {
		padding-top: 15px;
		text-align: center;
	}

	.wrp-item-information .item-detail .wrp-item-info1 .item-device {
		color: #0043a2;
		font-size: 13px;
		font-weight: bold;
	}

	.wrp-item-information .item-detail .wrp-item-info1 .item-date {
		font-size: 13px;
	}

	.wrp-item-information .item-detail .item-ttl {
		margin-bottom: 15px;
		font-size: 19px;
		font-weight: bold;
		text-align: center;
	}

	.wrp-item-information .item-detail .item-id {
		margin-bottom: 15px;
		font-size: 13px;
		text-align: center;
	}

	.wrp-item-information .item-detail .item-price {
		font-size: 13px;
		font-weight: bold;
	}

	.wrp-item-information .item-detail .item-txt {
		margin-bottom: 30px;
	}

	.wrp-item-information .item-detail .wrp-item-btn {
		text-align: center;
	}

	.wrp-item-information .item-detail .wrp-item-btn a {
		display: block;
		box-sizing: border-box;
		width: 170px;
	}

	.wrp-item-information .item-detail .wrp-item-btn .btn-buy {
		margin: 0 auto 25px;
		padding: 10px 10px 8px 40px;
		width: 170px;
		color: #fff;
		font-size: 12px;
		text-align: center;
	}

	.wrp-item-information .item-detail .wrp-item-btn .btn-buy:after {
		left: 20px;
		font-size: 16px;
	}

	.wrp-item-information .item-detail .wrp-item-btn .btn-try {
		margin: 0 auto 25px;
		padding: 10px 10px 8px 25px;
		width: 170px;
		color: #fff;
		font-size: 12px;
		text-align: center;
	}

	.wrp-item-information .item-detail .wrp-item-btn .btn-try:after {
		left: 45px;
		font-size: 16px;
	}

	.wrp-item-information .item-detail .wrp-item-btn .btn-etc {
		margin: 0 auto 25px;
		padding: 10px 15px 8px 10px;
		width: 170px;
		color: #fff;
		font-size: 12px;
		text-align: center;
	}

	.wrp-item-information .item-detail .wrp-item-btn .btn-etc:after {
		right: 10px;
		font-size: 12px;
	}
}

/* # item-contents
----------------------------------- */
.item-contents {
	background-color: #efefef;
}

/* # wrp-shop-list
----------------------------------- */
.wrp-shop-list {
	margin-top: 30px;
	padding: 30px 40px;
	background-color: #fff;
}

.wrp-shop-list {
	*zoom: 1;
}

.wrp-shop-list:before, .wrp-shop-list:after {
	content: "";
	display: table;
}

.wrp-shop-list:after {
	clear: both;
}

.wrp-shop-list .wrp-online-store {
	float: left;
	width: 360px;
}

.wrp-shop-list .wrp-download-list {
	float: right;
	width: 320px;
}

.wrp-shop-list .shop-ttl {
	margin-bottom: 5px;
	font-size: 15px;
	font-weight: bold;
}

.wrp-shop-list .download-list li {
	margin-bottom: 12px;
}

.wrp-shop-list .download-list li a {
	position: relative;
	display: block;
	background-color: #d70831;
	padding: 11px 35px 9px 20px;
	color: #fff;
	font-weight: bold;
}

.wrp-shop-list .download-list li a:after {
	position: absolute;
	content: '\e906';
	top: 50%;
	right: 10px;
	font-family: 'icn_font';
	font-size: 16px;
	font-weight: normal;
	line-height: 0;
}

.ua-android .wrp-shop-list .download-list li.btn-itunes a {
	background-color: #ddd;
	cursor: default;
	pointer-events: none;
}

.ua-android .wrp-shop-list .download-list li.btn-itunes a:after {
	content: '';
}

@media only screen and (max-width: 767px) {
	.wrp-shop-list {
		margin-top: 0;
		padding: 20px 20px;
	}

	.wrp-shop-list .wrp-online-store {
		float: none;
		width: 100%;
	}

	.wrp-shop-list .wrp-download-list {
		float: none;
		width: 100%;
		margin-top: 20px;
	}

	.wrp-shop-list .shop-ttl {
		font-size: 14px;
	}

	.wrp-shop-list .download-list li {
		margin-bottom: 12px;
	}

	.wrp-shop-list .download-list li a {
		padding: 10px 15px 8px 15px;
	}

	.wrp-shop-list .download-list li a:after {
		font-size: 12px;
	}
}

/* # wrp-stream-list
----------------------------------- */
.wrp-stream-list {
	margin-top: 30px;
	padding: 30px 40px;
	background-color: #fff;
}

.wrp-stream-list .stream-list-ttl {
	border-left: 4px solid #d0d0d0;
	padding: 6px 0 3px 15px;
	font-size: 21px;
	font-weight: bold;
	line-height: 1em;
}

.wrp-stream-list .stream-list {
	margin-top: 15px;
}

.wrp-stream-list .stream-list li {
	border-top: 1px solid #ddd;
	padding: 10px 0;
}

.wrp-stream-list .stream-list li .wrp-play-stream {
	display: table;
	padding: 5px 0;
}

.wrp-stream-list .stream-list li .wrp-play-stream .stream-ttl {
	display: table-cell;
	width: 520px;
	padding-right: 50px;
	text-align: left;
	vertical-align: middle;
}

.wrp-stream-list .stream-list li .wrp-play-stream .stream-ttl .sub-txt {
	color: #ee063c;
	font-size: 13px;
	font-weight: bold;
}

.wrp-stream-list .stream-list li .wrp-play-stream .wrp-play-btn {
	display: table-cell;
	width: 150px;
	vertical-align: middle;
}

.wrp-stream-list .stream-list li .wrp-play-stream .wrp-play-btn {
	*zoom: 1;
}

.wrp-stream-list .stream-list li .wrp-play-stream .wrp-play-btn:before, .wrp-stream-list .stream-list li .wrp-play-stream .wrp-play-btn:after {
	content: "";
	display: table;
}

.wrp-stream-list .stream-list li .wrp-play-stream .wrp-play-btn:after {
	clear: both;
}

.wrp-stream-list .stream-list li .wrp-play-stream .wrp-play-btn a {
	display: inline-block;
	box-sizing: border-box;
	border: 2px solid #333;
	border-radius: 20px;
	padding: 3px 0 1px;
	width: 70px;
	color: #333;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

.wrp-stream-list .stream-list li .wrp-play-stream .wrp-play-btn a.play-music {
	float: left;
}

.wrp-stream-list .stream-list li .wrp-play-stream .wrp-play-btn a.play-music.incompatible {
	opacity: 0.3;
	cursor: default;
}

.wrp-stream-list .stream-list li .wrp-play-stream .wrp-play-btn a.play-mv {
	float: right;
}

.wrp-stream-list .stream-list li .wrp-play-stream .wrp-play-btn a.act {
	background-color: #333;
	color: #fff;
}

.wrp-stream-list .stream-list li .wrp-embed-area {
	display: none;
	background-color: #000;
}

.wrp-stream-list .stream-list li.open-music .wrp-play-btn a.play-music {
	background-color: #333;
	color: #fff;
}

.wrp-stream-list .stream-list li.open-music .wrp-embed-area {
	height: 50px;
}

.wrp-stream-list .stream-list li.open-mv .wrp-play-btn a.play-mv {
	background-color: #333;
	color: #fff;
}

.wrp-stream-list .stream-list li.open-mv .wrp-embed-area {
	height: 413px;
}

@media only screen and (min-width: 768px) {
	.wrp-stream-list .stream-list li .wrp-play-stream .wrp-play-btn a:hover {
		background-color: #333;
		color: #fff;
	}

	.wrp-stream-list .stream-list li .wrp-play-stream .wrp-play-btn a.incompatible:hover {
		background-color: #fff;
		color: #333;
	}
}

@media only screen and (max-width: 767px) {
	.wrp-stream-list {
		margin: 0 10px 0;
		padding: 15px 10px;
	}

	.wrp-stream-list .stream-list-ttl {
		border-left: 4px solid #d0d0d0;
		padding: 6px 0 3px 15px;
		font-size: 15px;
		line-height: 1em;
	}

	.wrp-stream-list .stream-list {
		margin-top: 15px;
	}

	.wrp-stream-list .stream-list li {
		border-top: 1px solid #ddd;
		padding: 10px 0;
	}

	.wrp-stream-list .stream-list li .wrp-play-stream {
		display: table;
		padding: 4px 0;
	}

	.wrp-stream-list .stream-list li .wrp-play-stream .stream-ttl {
		display: table-cell;
		padding-right: 18px;
		text-align: left;
		vertical-align: middle;
	}

	.wrp-stream-list .stream-list li .wrp-play-stream .stream-ttl .sub-txt {
		color: #ee063c;
		font-size: 13px;
		font-weight: bold;
	}

	.wrp-stream-list .stream-list li .wrp-play-stream .wrp-play-btn {
		display: table-cell;
		width: 45px;
		vertical-align: middle;
	}

	.wrp-stream-list .stream-list li .wrp-play-stream .wrp-play-btn {
		*zoom: 1;
	}

	.wrp-stream-list .stream-list li .wrp-play-stream .wrp-play-btn:before, .wrp-stream-list .stream-list li .wrp-play-stream .wrp-play-btn:after {
		content: "";
		display: table;
	}

	.wrp-stream-list .stream-list li .wrp-play-stream .wrp-play-btn:after {
		clear: both;
	}

	.wrp-stream-list .stream-list li .wrp-play-stream .wrp-play-btn a {
		display: inline-block;
		box-sizing: border-box;
		margin: 7px 0;
		border: 2px solid #333;
		border-radius: 20px;
		padding: 3px 0 1px;
		width: 45px;
		color: #333;
		font-size: 12px;
		font-weight: bold;
		text-align: center;
	}

	.wrp-stream-list .stream-list li .wrp-play-stream .wrp-play-btn a.play-music {
		float: none;
	}

	.wrp-stream-list .stream-list li .wrp-play-stream .wrp-play-btn a.play-mv {
		float: none;
	}

	.wrp-stream-list .stream-list li .wrp-play-stream .wrp-play-btn a.act {
		background-color: #333;
		color: #fff;
	}

	.wrp-stream-list .stream-list li .wrp-embed-area {
		position: relative;
		width: 100%;
		overflow: hidden;
	}

	.wrp-stream-list .stream-list li.open-music .wrp-embed-area iframe {
		width: 100% !important;
		height: 50px;
	}

	.wrp-stream-list .stream-list li.open-mv .wrp-embed-area {
		height: auto;
		padding-top: 56.25%;
	}

	.wrp-stream-list .stream-list li.open-mv .wrp-embed-area iframe {
		position: absolute;
		top: 0;
		right: 0;
		width: 100% !important;
		height: 100% !important;
	}
}

/* # wrp-stream-notice
----------------------------------- */
.wrp-stream-notice {
	display: none;
	width: 800px;
	margin: 20px auto 0;
}

.wrp-stream-notice .txt-notice {
	color: #ee063c;
	font-size: 13px;
}

.wrp-stream-notice .link-notice {
	margin-top: 5px;
	font-size: 14px;
	font-weight: bold;
}

.incompati-player .wrp-stream-notice {
	display: block;
}

.mfp-content .wrp-stream-notice {
	margin: 20px 20px 0;
	padding-bottom: 20px;
}

@media only screen and (max-width: 767px) {
	.wrp-stream-notice {
		box-sizing: border-box;
		margin: 25px auto 0;
		width: 100%;
		padding: 0 10px;
	}

	.wrp-stream-notice .txt-notice {
		font-size: 11px;
	}

	.wrp-stream-notice .link-notice {
		margin-top: 10px;
		font-size: 12px;
	}

	.mfp-content .wrp-stream-notice {
		margin: 20px 20px 0;
		width: 92%;
		padding-bottom: 20px;
	}
}

/* # site-header
----------------------------------- */
.wrp-header-area {
	position: relative;
	z-index: 10;
}

.wrp-header-area .wrp-header-snav {
	position: relative;
	margin: 0 auto;
	padding-top: 20px;
	width: 1000px;
	height: 42px;
}

.wrp-header-area .wrp-header-snav .wrp-sp-header {
	display: none;
}

.wrp-header-area .wrp-header-snav .btn-snav-close {
	display: none;
}

.wrp-header-area .wrp-header-snav .logo {
	position: absolute;
	top: 20px;
	left: 0;
	background-image: url(/rn17/img/common/logo/site_logo.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 360px 42px;
}

.wrp-header-area .wrp-header-snav .logo a {
	display: block;
	width: 360px;
	height: 42px;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size: 0;
}

.wrp-header-area .wrp-header-snav .header-snav {
	*zoom: 1;
}

.wrp-header-area .wrp-header-snav .header-snav:before, .wrp-header-area .wrp-header-snav .header-snav:after {
	content: "";
	display: table;
}

.wrp-header-area .wrp-header-snav .header-snav:after {
	clear: both;
}

.wrp-header-area .wrp-header-snav .header-snav .wrp-search-box {
	position: relative;
	float: right;
	border-radius: 18px;
	background-color: #efefef;
	width: 370px;
	height: 36px;
}

.wrp-header-area .wrp-header-snav .header-snav .wrp-search-box:after {
	position: absolute;
	content: '\e900';
	top: 50%;
	right: 16px;
	font-size: 18px;
	font-family: 'icn_font';
	line-height: 0;
}

.wrp-header-area .wrp-header-snav .header-snav .wrp-search-box .search-form {
	position: relative;
	z-index: 10;
}

.wrp-header-area .wrp-header-snav .header-snav .wrp-search-box .search-input {
	position: relative;
	margin: 0 40px 0 20px;
	width: 310px;
	height: 36px;
	color: #333;
	font-size: 12px;
	line-height: 36px;
	z-index: 10;
}

.wrp-header-area .wrp-header-snav .header-snav .wrp-search-box .search-input:focus::-webkit-input-placeholder {
	color: transparent;
}

.wrp-header-area .wrp-header-snav .header-snav .wrp-search-box .search-input:focus::-moz-placeholder {
	color: transparent;
}

.wrp-header-area .wrp-header-snav .header-snav .wrp-search-box .search-input:-ms-input-placeholder {
	color: #888;
}

.wrp-header-area .wrp-header-snav .header-snav .wrp-search-box .placeholder {
	color: #888;
	font-size: 12px;
}

.wrp-header-area .wrp-header-snav .header-snav .wrp-search-box .search-submit {
	position: absolute;
	top: 0;
	right: 0;
	padding: 0;
	width: 40px;
	height: 36px;
	background-color: transparent;
	cursor: pointer;
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
	font-size: 0;
}

.wrp-header-area .wrp-header-snav .header-snav .snav {
	float: right;
	margin-right: 20px;
}

.wrp-header-area .wrp-header-snav .header-snav .snav .snav-list {
	height: 36px;
	line-height: 36px;
}

.wrp-header-area .wrp-header-snav .header-snav .snav .snav-list li {
	display: inline-block;
	position: relative;
	background-image: url(/rn17/img/common/bg/bg_gnav.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: 8px 12px;
	line-height: 1;
}

.wrp-header-area .wrp-header-snav .header-snav .snav .snav-list li:first-child {
	background-image: none;
}

.wrp-header-area .wrp-header-snav .header-snav .snav .snav-list li a {
	font-size: 13px;
	padding-left: 20px;
}

.wrp-header-area .wrp-header-gnav {
	position: relative;
	margin: 0 auto;
	width: 1000px;
	height: 68px;
}

.wrp-header-area .wrp-header-gnav .header-gnav .gnav {
	padding-top: 26px;
}

.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list {
	text-align: center;
}

.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li {
	position: relative;
	display: inline-block;
	background-image: url(/rn17/img/common/bg/bg_gnav.png);
	background-position: 0 50%;
	background-repeat: no-repeat;
	background-size: 10px 14px;
}

.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li:first-child {
	background-image: none;
}

.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li > a {
	padding: 0 9px 0 23px;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
	line-height: 2;
}

.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li > a.icn-more {
	position: relative;
	padding-right: 30px;
}

.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li > a.icn-more:after {
	position: absolute;
	content: '\e903';
	top: 50%;
	right: 8px;
	font-family: 'icn_font';
	font-size: 13px;
	line-height: 0;
}

.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li > a.icn-blank {
	padding-right: 30px;
}

.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li > a.icn-blank:after {
	position: absolute;
	content: '\e905';
	top: 50%;
	right: 8px;
	font-family: 'icn_font';
	font-size: 15px;
	line-height: 0;
}

.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li > a:hover {
	color: #0e3b93;
}

.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li.gnav-sitemap, .wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li.gnav-contact {
	display: none;
}

.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li.gnav-genre {
	position: relative;
}

.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li .gnav-list-lower {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	box-sizing: border-box;
	border-radius: 2px;
	box-shadow: 0px 0px 3px 0 #222;
	padding: 20px 20px 20px 30px;
	width: 220px;
	background-color: #222;
	z-index: 10;
}

.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li .gnav-list-lower.lower-open {
	display: block;
}

.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li .gnav-list-lower li {
	text-align: left;
}

.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li .gnav-list-lower li a {
	display: block;
	color: #fff;
	font-size: 15px;
	line-height: 2.2;
}

.wrp-header-area .wrp-header-gnav .btn-gnav-close {
	display: none;
}

@media only screen and (max-width: 767px) {
	.wrp-header-area {
		position: relative;
	}

	.wrp-header-area .wrp-header-snav {
		position: relative;
		margin: 0 auto;
		padding-top: 0;
		width: 100%;
		height: 50px;
	}

	.wrp-header-area .wrp-header-snav.snav-open .header-snav {
		height: 167px;
		-webkit-transition: height 0.5s ease-out;
		transition: height 0.5s ease-out;
	}

	.wrp-header-area .wrp-header-snav .wrp-sp-header {
		display: block;
	}

	.wrp-header-area .wrp-header-snav .wrp-sp-header .btn-menu {
		position: absolute;
		top: 7px;
		right: 7px;
	}

	.wrp-header-area .wrp-header-snav .wrp-sp-header .btn-menu a {
		display: block;
		width: 50px;
		height: 43px;
		background-image: url(/rn17/img/common/btn/btn_menu.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 50px 43px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		font-size: 0;
	}

	.wrp-header-area .wrp-header-snav .wrp-sp-header .btn-menu.btn-close a {
		background-image: url(/rn17/img/common/btn/btn_menu_close.png);
	}

	.wrp-header-area .wrp-header-snav .wrp-sp-header .btn-search {
		position: absolute;
		top: 7px;
		right: 67px;
	}

	.wrp-header-area .wrp-header-snav .wrp-sp-header .btn-search a {
		display: block;
		width: 35px;
		height: 43px;
		background-image: url(/rn17/img/common/btn/btn_search_sp.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 35px 43px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		font-size: 0;
	}

	.wrp-header-area .wrp-header-snav .wrp-sp-header .btn-search.btn-close {
		right: 60px;
	}

	.wrp-header-area .wrp-header-snav .wrp-sp-header .btn-search.btn-close a {
		width: 50px;
		height: 43px;
		background-image: url(/rn17/img/common/btn/btn_menu_close.png);
		background-size: 50px 43px;
	}

	.wrp-header-area .wrp-header-snav .logo {
		position: absolute;
		top: 15px;
		left: 15px;
		background-image: url(/rn17/img/common/logo/site_logo_sp.png);
		background-position: 0 0;
		background-repeat: no-repeat;
		background-size: 190px 22px;
	}

	.wrp-header-area .wrp-header-snav .logo a {
		display: block;
		width: 190px;
		height: 22px;
		text-indent: 100%;
		white-space: nowrap;
		overflow: hidden;
		font-size: 0;
	}

	.wrp-header-area .wrp-header-snav .header-snav {
		overflow: hidden;
		position: absolute;
		top: 50px;
		left: 0;
		box-sizing: border-box;
		width: 100%;
		height: 0;
		background-color: #222;
		z-index: 10;
		-webkit-transition: height 0.3s ease-out;
		transition: height 0.3s ease-out;
	}

	.wrp-header-area .wrp-header-snav .header-snav .wrp-search-box {
		position: relative;
		float: none;
		box-sizing: border-box;
		border-radius: 0;
		padding: 20px 10px;
		width: 100%;
		height: auto;
		background-color: #222;
	}

	.wrp-header-area .wrp-header-snav .header-snav .wrp-search-box:after {
		top: auto;
		bottom: 38px;
		right: 20px;
		z-index: 10;
	}

	.wrp-header-area .wrp-header-snav .header-snav .wrp-search-box .search-input {
		margin: 0;
		box-sizing: border-box;
		width: 100%;
		padding: 0 10px;
		background-color: #fff;
		color: #333;
		font-size: 11px;
		line-height: 36px;
	}

	.wrp-header-area .wrp-header-snav .header-snav .wrp-search-box .txt-placeholder {
		position: static;
		top: auto;
		left: auto;
		margin-bottom: 8px;
		color: #fff;
		font-size: 13px;
	}

	.wrp-header-area .wrp-header-snav .header-snav .wrp-search-box .search-submit {
		z-index: 10;
	}

	.wrp-header-area .wrp-header-snav .header-snav .snav {
		display: none;
	}

	.wrp-header-area .wrp-header-snav .btn-snav-close {
		display: block;
		background-color: #333;
	}

	.wrp-header-area .wrp-header-snav .btn-snav-close a {
		display: block;
		position: relative;
		padding: 18px 0;
		color: #fff;
		font-size: 15px;
		font-weight: bold;
		text-align: center;
	}

	.wrp-header-area .wrp-header-snav .btn-snav-close a:after {
		position: absolute;
		content: '\e904';
		top: 50%;
		left: 50%;
		margin-left: -50px;
		font-family: 'icn_font';
		font-size: 18px;
		line-height: 0;
	}

	.wrp-header-area .wrp-header-gnav {
		position: absolute;
		top: 50px;
		left: 0;
		width: 100%;
		height: 0;
		z-index: 100;
		overflow: hidden;
		-webkit-transition: height 0.4s ease-out;
		transition: height 0.4s ease-out;
	}

	.wrp-header-area .wrp-header-gnav.gnav-open {
		height: 942px;
		max-height: auto;
		-webkit-transition: height 0.9s ease-out;
		transition: height 0.9s ease-out;
	}

	.wrp-header-area .wrp-header-gnav.gnav-opened {
		height: auto !important;
	}

	.wrp-header-area .wrp-header-gnav .header-gnav .gnav {
		padding-top: 0;
	}

	.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list {
		text-align: left;
	}

	.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li {
		position: relative;
		display: block;
		border-bottom: 1px solid #333;
		background-image: none;
		background-color: #222;
		line-height: 1.2;
		width: 100%;
	}

	.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li > a {
		display: block;
		position: relative;
		padding: 15px;
		color: #fff;
		font-size: 14px;
		font-weight: bold;
		text-decoration: none;
	}

	.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li > a:after {
		position: absolute;
		content: '\e906';
		top: 50%;
		right: 18px;
		font-family: 'icn_font';
		font-size: 18px;
		line-height: 0;
	}

	.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li > a.icn-more:after {
		content: '\e913';
		right: 18px;
		font-size: 18px;
	}

	.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li > a.icn-blank:after {
		content: '\e905';
		right: 18px;
		font-size: 18px;
	}

	.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li > a:hover {
		color: #fff;
	}

	.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li.gnav-sitemap, .wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li.gnav-contact {
		display: block;
	}

	.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li .gnav-list-lower {
		position: relative;
		top: auto;
		left: auto;
		border-radius: 0;
		box-shadow: none;
		padding: 15px 0 20px;
		width: auto;
		background-color: #111;
	}

	.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li .gnav-list-lower {
		*zoom: 1;
	}

	.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li .gnav-list-lower:before, .wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li .gnav-list-lower:after {
		content: "";
		display: table;
	}

	.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li .gnav-list-lower:after {
		clear: both;
	}

	.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li .gnav-list-lower li {
		float: left;
		width: 50%;
		background-color: #111;
		line-height: 1.4;
	}

	.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li .gnav-list-lower li a {
		display: table-cell;
		box-sizing: border-box;
		width: 300px;
		height: 36px;
		padding: 0 15px 0 25px;
		color: #fff;
		font-size: 13px;
		font-weight: normal;
		text-decoration: none;
		vertical-align: middle;
	}

	.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li.lower-open .gnav-list-lower {
		display: block;
	}

	.wrp-header-area .wrp-header-gnav .header-gnav .gnav .gnav-list > li.lower-open > .icn-more:after {
		content: '\e914';
	}

	.wrp-header-area .wrp-header-gnav .btn-gnav-close {
		display: block;
		background-color: #333;
	}

	.wrp-header-area .wrp-header-gnav .btn-gnav-close a {
		display: block;
		position: relative;
		padding: 18px 0;
		color: #fff;
		font-size: 15px;
		font-weight: bold;
		text-align: center;
	}

	.wrp-header-area .wrp-header-gnav .btn-gnav-close a:after {
		position: absolute;
		content: '\e904';
		top: 50%;
		left: 50%;
		margin-left: -50px;
		font-family: 'icn_font';
		font-size: 18px;
		line-height: 0;
	}
}

/* # wrp-footer
----------------------------------- */
.wrp-footer {
	background-color: #efefef;
}

.wrp-footer .footer-inner {
	position: relative;
	margin: 0 auto;
	border-top: 1px solid #ddd;
	padding-top: 35px;
	width: 1000px;
}

.wrp-footer .footer-inner .btn-pagetop {
	position: absolute;
	top: 0;
	right: 0;
	width: 66px;
}

.wrp-footer .footer-inner .btn-pagetop img {
	width: 100%;
	height: auto;
	background-color: transparent;
}

.wrp-footer .footer-inner .wrp-footer-cts {
	position: relative;
	padding-bottom: 35px;
}

.wrp-footer .footer-inner .wrp-footer-cts {
	*zoom: 1;
}

.wrp-footer .footer-inner .wrp-footer-cts:before, .wrp-footer .footer-inner .wrp-footer-cts:after {
	content: "";
	display: table;
}

.wrp-footer .footer-inner .wrp-footer-cts:after {
	clear: both;
}

.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns {
	float: left;
	width: 380px;
}

.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .logo-columbia {
	position: absolute;
	display: block;
	top: 0;
	left: 10px;
	width: 80px;
	height: 80px;
}

.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .logo-columbia img {
	width: 100%;
	height: auto;
}

.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .logo-colochan {
	position: absolute;
	display: block;
	bottom: 30px;
	left: 30px;
	width: 80px;
	height: 80px;
}

.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .logo-colochan img {
	width: 100%;
	height: auto;
}

.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .sns-ttl {
	margin-left: 160px;
	font-size: 13px;
	font-weight: bold;
}

.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .sns-txt {
	margin-left: 160px;
	color: #777;
	font-size: 13px;
}

.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .sns-list {
	margin-top: 20px;
	margin-left: 160px;
}

.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .sns-list {
	*zoom: 1;
}

.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .sns-list:before, .wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .sns-list:after {
	content: "";
	display: table;
}

.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .sns-list:after {
	clear: both;
}

.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .sns-list li {
	float: left;
	margin-left: 15px;
	width: 28px;
}

.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .sns-list li:first-child {
	margin-left: 0;
}

.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .sns-list li img {
	width: 28px;
	height: 28px;
	background-color: #efefef;
}

.wrp-footer .footer-inner .wrp-footer-cts .wrp-fnav {
	float: right;
	width: 570px;
}

.wrp-footer .footer-inner .wrp-footer-cts .wrp-fnav {
	*zoom: 1;
}

.wrp-footer .footer-inner .wrp-footer-cts .wrp-fnav:before, .wrp-footer .footer-inner .wrp-footer-cts .wrp-fnav:after {
	content: "";
	display: table;
}

.wrp-footer .footer-inner .wrp-footer-cts .wrp-fnav:after {
	clear: both;
}

.wrp-footer .footer-inner .wrp-footer-cts .wrp-fnav .fnav-clm {
	float: left;
	width: 180px;
}

.wrp-footer .footer-inner .wrp-footer-cts .wrp-fnav .fnav-clm.fnav-clm-news {
	width: 140px;
}

.wrp-footer .footer-inner .wrp-footer-cts .wrp-fnav .fnav-clm .fnav-list li a {
	line-height: 2;
}

.wrp-footer .footer-inner .wrp-footer-btm {
	border-top: 1px solid #ddd;
	padding: 10px 0;
}

.wrp-footer .footer-inner .wrp-footer-btm .fnav-sub-list {
	display: table-cell;
	width: 600px;
}

.wrp-footer .footer-inner .wrp-footer-btm .fnav-sub-list li {
	position: relative;
	display: inline-block;
	padding-left: 25px;
	background-image: url(/rn17/img/common/bg/bg_snav.png);
	background-position: 5px 50%;
	background-repeat: no-repeat;
	background-size: 12px 12px;
	line-height: 1;
}

.wrp-footer .footer-inner .wrp-footer-btm .fnav-sub-list li:first-child {
	padding-left: 0;
	background-image: none;
}

.wrp-footer .footer-inner .wrp-footer-btm .fnav-sub-list li a {
	font-size: 12px;
}

.wrp-footer .footer-inner .wrp-footer-btm .txt-copyright {
	display: table-cell;
	width: 400px;
	font-size: 12px;
	text-align: right;
}

@media only screen and (max-width: 767px) {
	.wrp-footer .footer-inner {
		margin: 0;
		padding-top: 20px;
		width: 100%;
	}

	.wrp-footer .footer-inner .btn-pagetop {
		top: 0;
		right: 10px;
		width: 50px;
	}

	.wrp-footer .footer-inner .wrp-footer-cts {
		padding: 0 20px 15px;
	}

	.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns {
		position: relative;
		float: none;
		width: 100%;
	}

	.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .logo-columbia {
		display: none;
	}

	.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .logo-colochan {
		top: 0;
		bottom: auto;
		left: 0;
		width: 45px;
		height: 45px;
	}

	.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .sns-ttl {
		margin-left: 60px;
		font-size: 12px;
	}

	.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .sns-txt {
		display: none;
	}

	.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .sns-list {
		margin-top: 10px;
		margin-left: 60px;
	}

	.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .sns-list {
		*zoom: 1;
	}

	.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .sns-list:before, .wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .sns-list:after {
		content: "";
		display: table;
	}

	.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .sns-list:after {
		clear: both;
	}

	.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .sns-list li {
		margin-left: 14px;
		width: 24px;
	}

	.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .sns-list li:first-child {
		margin-left: 0;
	}

	.wrp-footer .footer-inner .wrp-footer-cts .wrp-foot-sns .sns-list li img {
		width: 24px;
		height: 24px;
	}

	.wrp-footer .footer-inner .wrp-footer-cts .wrp-fnav {
		float: none;
		margin-top: 30px;
		width: 100%;
	}

	.wrp-footer .footer-inner .wrp-footer-cts .wrp-fnav {
		*zoom: 1;
	}

	.wrp-footer .footer-inner .wrp-footer-cts .wrp-fnav:before, .wrp-footer .footer-inner .wrp-footer-cts .wrp-fnav:after {
		content: "";
		display: table;
	}

	.wrp-footer .footer-inner .wrp-footer-cts .wrp-fnav:after {
		clear: both;
	}

	.wrp-footer .footer-inner .wrp-footer-cts .wrp-fnav .fnav-clm {
		float: left;
		width: 55%;
	}

	.wrp-footer .footer-inner .wrp-footer-cts .wrp-fnav .fnav-clm.fnav-clm-news, .wrp-footer .footer-inner .wrp-footer-cts .wrp-fnav .fnav-clm.fnav-clm-other {
		width: 45%;
	}

	.wrp-footer .footer-inner .wrp-footer-cts .wrp-fnav .fnav-clm .fnav-list li a {
		font-size: 12px;
	}

	.wrp-footer .footer-inner .wrp-footer-btm {
		padding: 15px 0;
	}

	.wrp-footer .footer-inner .wrp-footer-btm .fnav-sub-list {
		display: block;
		width: 100%;
		text-align: center;
	}

	.wrp-footer .footer-inner .wrp-footer-btm .fnav-sub-list li {
		position: relative;
		background-size: 10px 10px;
	}

	.wrp-footer .footer-inner .wrp-footer-btm .fnav-sub-list li:first-child {
		padding-left: 0;
	}

	.wrp-footer .footer-inner .wrp-footer-btm .fnav-sub-list li a {
		font-size: 10px;
	}

	.wrp-footer .footer-inner .wrp-footer-btm .txt-copyright {
		display: block;
		margin-top: 5px;
		width: 100%;
		color: #777;
		font-size: 10px;
		text-align: center;
	}
}

.mod-link {
	position: relative;
	padding-right: 20px;
}

.mod-link:after {
	position: absolute;
	content: '\e906';
	top: 50%;
	right: 0;
	font-family: 'icn_font';
	line-height: 0;
}

.mod-link.icn-blank:after {
	content: '\e905';
}

.mod-link.icn-pdf:after {
	content: '\e915';
}

.mod-link.icn-more:after {
	content: '\e903';
}

.mod-link.icn-less:after {
	content: '\e904';
}

.wrp-free-area a.mod-item-btn-01 {
	box-sizing: border-box;
	padding: 5px 10px 3px 30px;
	background-color: #d70820;
	text-align: center;
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 12px;
	text-decoration: none;
}
.wrp-free-area a.mod-item-btn-01:after {
	content: '\e908';
	left: 10px;
	position: absolute;
	top: 50%;
  font-family: 'icn_font';
  font-size: 15px;
  font-weight: normal;
  line-height: 0;
}
.wrp-free-area a.mod-item-btn-02 {
	box-sizing: border-box;
	padding: 10px 17px 7px 45px;
	background-color: #d70820;
	text-align: center;
	position: relative;
	display: inline-block;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
	text-decoration: none;
}
.wrp-free-area a.mod-item-btn-02:after {
	content: '\e908';
	left: 17px;
	position: absolute;
	top: 50%;
  font-family: 'icn_font';
  font-size: 17px;
  font-weight: normal;
  line-height: 0;
}

.mod-tag {
	display: inline-block;
	padding: 2px 4px;
	background-color: #ee063c;
	color: #fff !important;
	font-size: 13px;
	font-weight: bold;
}

.mod-tag.bg-gray {
	background-color: #d0d0d0;
}

@media only screen and (max-width: 767px) {
	.item-tag {
		font-size: 10px;
		word-wrap: break-word;
		white-space: normal;
	}
}

.mod-tag-s {
	display: inline-block;
	margin-top: 5px;
	padding: 3px 4px 2px;
	color: #fff !important;
	font-size: 13px;
	font-weight: bold;
	line-height: 1;
}

.mod-tag-s.tag-info {
	background-color: #1357b8;
}

.mod-tag-s.tag-media {
	background-color: #0ab288;
}

.mod-tag-s.tag-live {
	background-color: #ffa200;
}

@media only screen and (max-width: 767px) {
	.mod-tag-s {
		font-size: 10px;
	}
}

.wrp-free-area a {
	text-decoration: underline;
	color: #043985;
}

.red {
	color: #ee063c;
}

.reds {
	color: #ee063c;
	font-size: 13px;
}

.mid {
	color: #777;
}

.small {
	color: #777;
	font-size: 13px;
}

.mm-sm {
	font-size: 13px;
}

.bold {
	font-weight: bold;
}

.mod-item-box .item-img {
	display: table-cell;
	background-color: #efefef;
	width: 200px;
	height: 200px;
	text-align: center;
	vertical-align: middle;
}

.mod-item-box .item-img img {
	display: inline;
	max-width: 200px;
	max-height: 200px;
	width: auto;
	height: auto;
}

.mod-item-box .wrp-action {
	display: table;
	margin-bottom: 10px;
	width: 200px;
}

.mod-item-box .wrp-action .action-try {
	display: table-cell;
	width: 100px;
	height: 40px;
	background-color: #222;
	text-align: center;
	vertical-align: middle;
}

.mod-item-box .wrp-action .action-try a {
	display: block;
	line-height: 40px;
	color: #fff;
	font-weight: bold;
}

.mod-item-box .wrp-action .action-try a.inactive, .mod-item-box .wrp-action .action-try a.incompatible {
	color: #656565;
	cursor: default;
}

.mod-item-box .wrp-action .action-try .icn-try {
	position: relative;
	padding-left: 25px;
}

.mod-item-box .wrp-action .action-try .icn-try:after {
	position: absolute;
	content: '\e907';
	top: 50%;
	left: 0;
	font-family: 'icn_font';
	font-size: 16px;
	font-weight: normal;
	line-height: 0;
}

.mod-item-box .wrp-action .action-buy {
	display: table-cell;
	width: 100px;
	height: 40px;
	background-color: #0043a2;
	text-align: center;
	vertical-align: middle;
}

.mod-item-box .wrp-action .action-buy a {
	display: block;
	line-height: 40px;
	color: #fff;
	font-weight: bold;
}

.mod-item-box .wrp-action .action-buy a.inactive, .mod-item-box .wrp-action .action-buy a.incompatible {
	color: #4d7cbe;
	cursor: default;
}

.mod-item-box .wrp-action .action-buy .icn-buy {
	position: relative;
	padding-left: 25px;
}

.mod-item-box .wrp-action .action-buy .icn-buy:after {
	position: absolute;
	content: '\e908';
	top: 50%;
	left: 0;
	font-family: 'icn_font';
	font-size: 16px;
	font-weight: normal;
	line-height: 0;
}

.mod-item-box .wrp-action-goods {
	display: table;
	margin-bottom: 10px;
	width: 200px;
}

.mod-item-box .wrp-action-goods .action-buy {
	display: table-cell;
	width: 200px;
	height: 40px;
	background-color: #0043a2;
	text-align: center;
	vertical-align: middle;
}

.mod-item-box .wrp-action-goods .action-buy a {
	display: block;
	line-height: 40px;
	color: #fff;
	font-weight: bold;
}

.mod-item-box .wrp-action-goods .action-buy a.inactive, .mod-item-box .wrp-action-goods .action-buy a.incompatible {
	color: #4d7cbe;
}

.mod-item-box .wrp-action-goods .action-buy .inactive {
	color: #4d7cbe;
}

.mod-item-box .wrp-action-goods .action-buy .icn-buy {
	position: relative;
	padding-left: 25px;
}

.mod-item-box .wrp-action-goods .action-buy .icn-buy:after {
	position: absolute;
	content: '\e908';
	top: 50%;
	left: 0;
	font-family: 'icn_font';
	font-size: 16px;
	font-weight: normal;
	line-height: 0;
}

.mod-item-box .wrp-item-info1 {
	width: 200px;
}

.mod-item-box .wrp-item-info1 .item-device {
	color: #0043a2;
	font-size: 13px;
	font-weight: bold;
}

.mod-item-box .wrp-item-info1 .item-date {
	font-size: 13px;
}

.mod-item-box .wrp-item-info2 {
	display: block;
	width: 200px;
}

.mod-item-box .wrp-item-info2 .item-ttl {
	margin: 5px 0;
	font-size: 15px;
	font-weight: bold;
}

.mod-item-box .wrp-item-info2 .item-ttl .sub-txt {
	display: block;
	color: #777;
	font-weight: normal;
}

.mod-item-box .wrp-item-info3 {
	width: 200px;
}

.mod-item-box .wrp-item-info3 .item-subdtl {
	font-size: 13px;
	margin-bottom: 5px;
}

.mod-item-box .wrp-item-info3 .item-tieup {
	color: #0043a2;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 5px;
}

.mod-item-box .wrp-item-info3 .item-price {
	font-size: 13px;
}

.mod-item-box .wrp-item-info3 .item-price .item-code {
	display: inline-block;
	padding-right: 10px;
}

.mod-item-box .wrp-item-info3 .item-disc {
	font-size: 13px;
	margin-bottom: 5px;
}

.mod-item-box .wrp-item-info3 .item-tag {
	display: inline-block;
	padding: 2px 4px;
	background-color: #ee063c;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
}

.mod-item-box .wrp-item-info3 .item-tag.tag-soldout {
	background-color: #aaa;
}

@media only screen and (min-width: 768px) {
	.mod-item-box .wrp-action .action-try a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: alpha(opacity=70);
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.mod-item-box .wrp-action .action-try a:hover span {
		color: #fff;
	}

	.mod-item-box .wrp-action .action-try a.inactive, .mod-item-box .wrp-action .action-try a.incompatible {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: alpha(opacity=100);
	}

	.mod-item-box .wrp-action .action-try a.inactive:hover span, .mod-item-box .wrp-action .action-try a.incompatible:hover span {
		color: #656565;
	}

	.mod-item-box .wrp-action .action-buy a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: alpha(opacity=70);
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.mod-item-box .wrp-action .action-buy a:hover span {
		color: #fff;
	}

	.mod-item-box .wrp-action .action-buy a.inactive, .mod-item-box .wrp-action .action-buy a.incompatible {
		opacity: 1;
		filter: alpha(opacity=100);
		-ms-filter: alpha(opacity=100);
		color: #4d7cbe;
		cursor: default;
	}

	.mod-item-box .wrp-action .action-buy a.inactive:hover span, .mod-item-box .wrp-action .action-buy a.incompatible:hover span {
		color: #4d7cbe;
	}

	.mod-item-box .wrp-action-goods .action-buy a:hover {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: alpha(opacity=70);
		-webkit-transition: all .3s;
		transition: all .3s;
	}

	.mod-item-box .wrp-action-goods .action-buy a:hover span {
		color: #fff;
	}

	.mod-item-box .wrp-action-goods .action-buy a.inactive, .mod-item-box .wrp-action-goods .action-buy a.incompatible {
		opacity: 0.7;
		filter: alpha(opacity=70);
		-ms-filter: alpha(opacity=70);
		cursor: default;
	}

	.mod-item-box .wrp-action-goods .action-buy a.inactive:hover span, .mod-item-box .wrp-action-goods .action-buy a.incompatible:hover span {
		color: #4d7cbe;
	}
}

@media only screen and (max-width: 767px) {
	.mod-item-box .item-img {
		width: 120px;
		height: 120px;
	}

	.mod-item-box .item-img img {
		max-width: 120px;
		max-height: 120px;
	}

	.mod-item-box .wrp-action {
		display: table;
		margin-bottom: 10px;
		width: 120px;
	}

	.mod-item-box .wrp-action .action-try {
		display: table-cell;
		width: 60px;
		font-size: 12px;
	}

	.mod-item-box .wrp-action .action-try a {
		line-height: 30px;
	}

	.mod-item-box .wrp-action .action-try .icn-try {
		padding-left: 16px;
	}

	.mod-item-box .wrp-action .action-try .icn-try:after {
		font-size: 12px;
	}

	.mod-item-box .wrp-action .action-buy {
		display: table-cell;
		width: 60px;
		font-size: 12px;
	}

	.mod-item-box .wrp-action .action-buy a {
		line-height: 30px;
	}

	.mod-item-box .wrp-action .action-buy .icn-buy {
		padding-left: 16px;
	}

	.mod-item-box .wrp-action .action-buy .icn-buy:after {
		font-size: 12px;
	}

	.mod-item-box .wrp-action-goods {
		display: table;
		width: 120px;
	}

	.mod-item-box .wrp-action-goods .action-buy {
		display: table-cell;
		width: 120px;
		height: 40px;
		background-color: #0043a2;
		font-size: 12px;
		text-align: center;
		vertical-align: middle;
	}

	.mod-item-box .wrp-action-goods .action-buy a {
		display: block;
		line-height: 40px;
		color: #fff;
	}

	.mod-item-box .wrp-action-goods .action-buy .inactive {
		color: #4d7cbe;
	}

	.mod-item-box .wrp-item-info1 {
		width: 120px;
	}

	.mod-item-box .wrp-item-info1 .item-device {
		font-size: 9px;
		letter-spacing: -0.05em;
	}

	.mod-item-box .wrp-item-info1 .item-date {
		font-size: 9px;
		letter-spacing: -0.05em;
		white-space: normal;
	}

	.mod-item-box .wrp-item-info2 {
		display: block;
		margin-top: 5px;
		width: 120px;
	}

	.mod-item-box .wrp-item-info2 .item-ttl {
		margin: 0 0 5px;
		font-size: 12px;
		word-wrap: break-word;
		white-space: normal;
	}

	.mod-item-box .wrp-item-info3 {
		width: 120px;
	}

	.mod-item-box .wrp-item-info3 .item-subdtl {
		font-size: 10px;
		margin-bottom: 5px;
	}

	.mod-item-box .wrp-item-info3 .item-tieup {
		color: #0043a2;
		font-size: 10px;
		font-weight: bold;
		margin-bottom: 5px;
	}

	.mod-item-box .wrp-item-info3 .item-price {
		font-size: 10px;
	}

	.mod-item-box .wrp-item-info3 .item-price .item-code {
		display: inline-block;
		padding-right: 5px;
	}

	.mod-item-box .wrp-item-info3 .item-disc {
		font-size: 10px;
		margin-bottom: 5px;
	}

	.mod-item-box .wrp-item-info3 .item-tag {
		font-size: 10px;
		word-wrap: break-word;
		white-space: normal;
	}
}

.wrp-mod-table-a {
	margin: 20px 0;
	padding: 0 20px;
}

.wrp-mod-table-a .mod-table-a {
	border-top: 1px solid #ddd;
	border-left: 1px solid #ddd;
	width: 100%;
	max-width: 100%;
}

.wrp-mod-table-a .mod-table-a th, .wrp-mod-table-a .mod-table-a td {
	border-bottom: 1px solid #ddd;
	border-right: 1px solid #ddd;
	padding: 15px 18px;
	text-align: left;
}

.wrp-mod-table-a .mod-table-a th {
	background-color: #efefef;
	color: #043985;
	font-size: 15px;
	font-weight: bold;
	vertical-align: middle;
}

.wrp-mod-table-a .mod-table-a td {
	vertical-align: top;
}

@media only screen and (max-width: 767px) {
	.wrp-mod-table-a {
		margin: 20px 0;
		padding: 0;
	}

	.wrp-mod-table-a .mod-table-a {
		border-top: 1px solid #ddd;
		border-left: 1px solid #ddd;
		width: 100%;
		max-width: 100%;
	}

	.wrp-mod-table-a .mod-table-a th, .wrp-mod-table-a .mod-table-a td {
		padding: 7px 8px;
		font-size: 13px;
	}
}

.mod-btn-base {
	position: relative;
	display: inline-block;
	border: 2px solid #043985;
	padding: 0 30px 0 15px;
	font-size: 14px;
	font-weight: bold;
	line-height: 32px;
}

.mod-btn-base:after {
	position: absolute;
	content: '\e906';
	top: 50%;
	right: 8px;
	font-family: 'icn_font';
	line-height: 0;
}

.mod-btn-base.icn-blank:after {
	content: '\e905';
}

.mod-btn-base.icn-pdf:after {
	content: '\e915';
}

.mod-btn-base.icn-calendar:after {
	content: '\e912';
	top: 51%;
}

.mod-btn-base:hover {
	background-color: #043985;
	color: #fff;
	text-decoration: none;
}

a.mod-btn-base {
	color: #043985;
}

.wrp-free-area a.mod-btn-base {
	text-decoration: none;
}

@media only screen and (max-width: 767px) {
	.mod-btn-base {
		padding: 2px 23px 0 12px;
		font-size: 12px;
		color: #043985;
		line-height: 1.8;
	}

	.mod-btn-base:after {
		right: 5px;
	}

	.mod-btn-base:hover {
		background-color: #fff;
		color: #043985;
		text-decoration: none;
	}
}

.mod-btn-base02 {
	display: block;
	position: relative;
	border: 2px solid #222;
	padding: 10px 20px;
	color: #333;
	font-size: 15px;
}

.mod-btn-base02:after {
	position: absolute;
	content: '\e906';
	top: 50%;
	right: 15px;
	font-family: 'icn_font';
	line-height: 0;
}

.mod-btn-base02.w-auto {
	display: inline-block;
	padding: 10px 40px 10px 20px;
}

.mod-btn-base02.icn-blank:after {
	content: '\e905';
	right: 18px;
	font-size: 16px;
}

.mod-btn-base02.icn-twitter:after {
	content: '\e90d';
	font-size: 20px;
}

.mod-btn-base02.icn-facebook:after {
	content: '\e90e';
	font-size: 20px;
}

.mod-btn-base02.icn-instagram:after {
	content: '\e910';
	font-size: 20px;
}

.mod-btn-base02.icn-youtube:after {
	content: '\e90f';
	font-size: 20px;
}

@media only screen and (min-width: 768px) {
	.mod-btn-base02:hover {
		border: 2px solid #222;
		background-color: #222;
		color: #fff;
		text-decoration: none;
	}
}

@media only screen and (max-width: 767px) {
	.mod-btn-base02 {
		display: block;
		border: 2px solid #222;
		padding: 10px 20px;
		font-size: 12px;
	}

	.mod-btn-base02:hover {
		text-decoration: none;
	}
}

.mod-btn-base03 {
	display: block;
	position: relative;
	border: 2px solid #222;
	padding: 10px 20px;
	background-color: #222;
	color: #fff;
	font-size: 15px;
	font-weight: bold;
}

.mod-btn-base03:after {
	position: absolute;
	content: '\e906';
	top: 50%;
	right: 15px;
	font-family: 'icn_font';
	font-weight: normal;
	line-height: 0;
}

.mod-btn-base03.w-auto {
	display: inline-block;
	padding: 10px 40px 10px 20px;
}

.mod-btn-base03.icn-blank:after {
	content: '\e905';
	right: 18px;
	font-size: 16px;
}

@media only screen and (min-width: 768px) {
	.mod-btn-base03:hover {
		opacity: 0.7;
		color: #fff;
		text-decoration: none;
	}
}

@media only screen and (max-width: 767px) {
	.mod-btn-base03 {
		display: block;
		border: 1px solid #222;
		padding: 10px 20px;
		color: #fff;
		font-size: 12px;
	}

	.mod-btn-base03:hover {
		text-decoration: none;
	}
}

.mod-btn-radius {
	display: block;
	border-radius: 18px;
	padding: 0 20px;
	background-color: #d0d0d0;
	color: #fff;
	font-size: 13px;
	font-weight: bold;
	line-height: 36px;
}

.mod-btn-radius.act {
	background-color: #333;
	color: #fff;
}

.mod-btn-radius.w-auto {
	display: inline-block;
}

@media only screen and (min-width: 768px) {
	.mod-btn-radius:hover {
		background-color: #333;
		color: #fff;
	}
}

@media only screen and (max-width: 767px) {
	.mod-btn-radius {
		display: block;
		border-radius: 12px;
		padding: 0 12px;
		font-size: 12px;
		line-height: 24px;
	}
}

.mod-btn-radius02 {
	position: relative;
	display: inline-block;
	border-radius: 18px;
	padding: 0 18px 0 42px;
	background-color: #efefef;
	color: #043985;
	font-size: 14px;
	font-weight: bold;
	line-height: 36px;
}

.mod-btn-radius02:after {
	position: absolute;
	content: '\e906';
	top: 50%;
	left: 18px;
	font-family: 'icn_font';
	line-height: 0;
}

.mod-btn-radius02.icn-sort:after {
	content: '\e920';
	font-size: 16px;
}

@media only screen and (min-width: 768px) {
	.mod-btn-radius02:hover {
		background-color: #043985;
		color: #fff;
	}
}

@media only screen and (max-width: 767px) {
	.mod-btn-radius02 {
		display: inline-block;
		border-radius: 12px;
		padding: 0 12px 0 35px;
		font-size: 12px;
		line-height: 24px;
	}

	.mod-btn-radius02:after {
		left: 15px;
	}

	.mod-btn-radius02.icn-sort:after {
		font-size: 14px;
	}
}

.mod-select-box {
	position: relative;
	overflow: hidden;
}

.mod-select-box select {
	width: 130%;
	height: 36px;
	font-size: 15px;
	color: #333;
	line-height: 36px;
	font-weight: bold;
	background-color: #efefef;
	background-image: url(/rn17/img/common/btn/btn_arrow_down_off.png);
	background-position: 172px center;
	background-repeat: no-repeat;
	background-size: 13px 7px;
	padding: 0 20px;
	box-sizing: border-box;
	font-family: "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	-webkit-transition: color .2s;
	transition: color .2s;
}

.mod-select-box select:hover {
	color: #043985;
	background-image: url(/rn17/img/common/btn/btn_arrow_down_on.png);
}

@media only screen and (max-width: 767px) {
	.mod-select-box {
		position: relative;
		overflow: hidden;
	}

	.mod-select-box select {
		width: 100%;
		height: 35px;
		font-size: 16px;
		color: #333;
		line-height: 35px;
		font-weight: bold;
		background-position: 167px center;
		background-size: 13px 7px;
		padding: 0 20px;
		box-sizing: border-box;
	}

	.mod-select-box select:hover {
		color: #333;
		background-image: url(/rn17/img/common/btn/btn_arrow_down_off.png);
	}
}

.mod-ttl-page {
	margin: 25px 0;
	color: #043985;
	font-family: 'Montserrat', sans-serif;
	font-size: 42px;
	line-height: 1;
	letter-spacing: 0;
}

.mod-ttl-page .sub-txt {
	display: block;
	margin-top: 5px;
	color: #333;
	font-size: 16px;
	font-weight: normal;
	font-family: "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.05em;
}

@media only screen and (max-width: 767px) {
	.mod-ttl-page {
		margin: 25px 0 15px;
		font-size: 25px;
	}

	.mod-ttl-page .sub-txt {
		font-size: 11px;
	}
}

.mod-ttl-cat {
	color: #043985;
	font-family: 'Montserrat', sans-serif;
	font-size: 36px;
	line-height: 1;
	letter-spacing: 0;
}

.mod-ttl-cat .sub-txt {
	display: block;
	margin-top: 5px;
	color: #333;
	font-size: 16px;
	font-weight: normal;
	font-family: "メイリオ", "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN","ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	letter-spacing: 0.05em;
}

@media only screen and (max-width: 767px) {
	.mod-ttl-cat {
		font-size: 21px;
	}

	.mod-ttl-cat .sub-txt {
		font-size: 11px;
	}
}

.mod-ttl-main {
	padding: 10px 0 9px;
	background-color: #043985;
	color: #fff;
	font-size: 20px;
	font-weight: bold;
	line-height: 1.3;
	text-align: center;
}

.mod-ttl-main .ttl-main-inner {
	display: block;
	margin: 0 auto;
	width: 1000px;
}

.mod-ttl-main .sub-txt {
	font-size: 15px;
}

@media only screen and (max-width: 767px) {
	.mod-ttl-main {
		padding: 10px 0 9px;
		font-size: 14px;
		font-weight: bold;
		line-height: 1.3;
		text-align: center;
	}

	.mod-ttl-main .ttl-main-inner {
		display: block;
		padding: 0 10px;
		width: auto;
	}

	.mod-ttl-main .sub-txt {
		font-size: 9px;
	}
}

.mod-ttl-a {
	color: #043985;
	font-size: 33px;
	font-weight: bold;
	line-height: 1.3;
}

@media only screen and (max-width: 767px) {
	.mod-ttl-a {
		font-size: 22px;
	}
}

.wrp-free-area .mod-ttl-a {
	margin: 25px 0 40px;
}

.mod-ttl-b {
	border-bottom: 1px solid #333;
	padding-bottom: 5px;
	color: #333;
	font-size: 25px;
	font-weight: bold;
	line-height: 1.3;
}

@media only screen and (max-width: 767px) {
	.mod-ttl-b {
		font-size: 18px;
	}
}

.wrp-free-area .mod-ttl-b {
	margin: 25px 0 30px;
}

.mod-ttl-c {
	border-left: 3px solid #d0d0d0;
	padding-left: 15px;
	color: #333;
	font-size: 21px;
	font-weight: bold;
	line-height: 1.33;
}

@media only screen and (max-width: 767px) {
	.mod-ttl-c {
		padding-left: 10px;
		font-size: 16px;
	}
}

.wrp-free-area .mod-ttl-c {
	margin: 15px 0;
}

.mod-ttl-d {
	color: #999;
	font-size: 15px;
	font-weight: bold;
	line-height: 1.3;
}

@media only screen and (max-width: 767px) {
	.mod-ttl-d {
		font-size: 13px;
	}
}

.wrp-free-area .mod-ttl-d {
	margin: 15px 0;
}

.mod-layout-2clm {
	*zoom: 1;
}

.mod-layout-2clm:before, .mod-layout-2clm:after {
	content: "";
	display: table;
}

.mod-layout-2clm:after {
	clear: both;
}

.mod-layout-2clm .mod-layout-clm {
	float: left;
	width: 480px;
	margin-left: 40px;
}

.mod-layout-2clm .mod-layout-clm:nth-child(odd) {
	clear: both;
	margin-left: 0;
}

.mod-layout-2clm .mod-layout-clm:nth-child(n+3) {
	margin-top: 20px;
}

@media only screen and (max-width: 767px) {
	.mod-layout-2clm .mod-layout-clm {
		float: none;
		margin: 0 0 10px;
		width: 100%;
	}

	.mod-layout-2clm .mod-layout-clm:nth-child(odd) {
		clear: both;
		margin-right: 0;
	}

	.mod-layout-2clm .mod-layout-clm:nth-child(n+3) {
		margin-top: 0;
	}
}

.mod-layout-3clm {
	*zoom: 1;
}

.mod-layout-3clm:before, .mod-layout-3clm:after {
	content: "";
	display: table;
}

.mod-layout-3clm:after {
	clear: both;
}

.mod-layout-3clm .mod-layout-clm {
	float: left;
	width: 300px;
	margin-left: 50px;
}

.mod-layout-3clm .mod-layout-clm:nth-child(3n-2) {
	clear: both;
	margin-left: 0;
}

.mod-layout-3clm .mod-layout-clm:nth-child(n+4) {
	margin-top: 20px;
}

@media only screen and (max-width: 767px) {
	.mod-layout-3clm .mod-layout-clm {
		float: none;
		margin: 0;
		width: 100%;
	}

	.mod-layout-3clm .mod-layout-clm:nth-child(n+2) {
		margin-top: 20px;
	}
}

.mod-layout-4clm {
	*zoom: 1;
}

.mod-layout-4clm:before, .mod-layout-4clm:after {
	content: "";
	display: table;
}

.mod-layout-4clm:after {
	clear: both;
}

.mod-layout-4clm .mod-layout-clm {
	float: left;
	width: 230px;
	margin-left: 26px;
}

.mod-layout-4clm .mod-layout-clm:nth-child(4n-3) {
	clear: both;
	margin-left: 0;
}

.mod-layout-4clm .mod-layout-clm:nth-child(4n-1) {
	margin-left: 28px;
}

.mod-layout-4clm .mod-layout-clm:nth-child(n+5) {
	margin-top: 20px;
}

@media only screen and (max-width: 767px) {
	.mod-layout-4clm .mod-layout-clm {
		float: left;
		box-sizing: border-box;
		width: 50%;
		margin-left: 0;
	}

	.mod-layout-4clm .mod-layout-clm:nth-child(odd) {
		clear: both;
		padding-right: 10px;
	}

	.mod-layout-4clm .mod-layout-clm:nth-child(even) {
		padding-left: 10px;
	}

	.mod-layout-4clm .mod-layout-clm:nth-child(4n-1) {
		margin-left: 0;
	}

	.mod-layout-4clm .mod-layout-clm:nth-child(n+3) {
		margin-top: 10px;
	}
}

.mod-layout-center {
	margin: 0 auto;
	width: 480px;
}

@media only screen and (max-width: 767px) {
	.mod-layout-center {
		box-sizing: border-box;
		padding: 0 30px;
		width: 100%;
	}
}

.mod-layout-indent {
	margin-left: 20px;
}

.mod-layout-indent .txt {
	margin: 0 0 25px;
}

@media only screen and (max-width: 767px) {
	.mod-layout-indent {
		margin-left: 0;
	}

	.mod-layout-indent .txt {
		margin: 0 0 30px;
	}
}

.wrp-mod-list-a {
	margin: 20px 0 40px;
}

.wrp-mod-list-a .mod-list-a li {
	border-bottom: 1px solid #ddd;
}

.wrp-mod-list-a .mod-list-a li:first-child {
	border-top: 1px solid #ddd;
}

.wrp-mod-list-a .mod-list-a li .wrp-detail {
	display: block;
	padding: 20px;
}

.wrp-mod-list-a .mod-list-a li .wrp-detail .ttl {
	color: #043985;
	font-weight: bold;
	text-decoration: none;
}

.wrp-mod-list-a .mod-list-a li .wrp-detail .date {
	color: #333;
	font-size: 13px;
	text-decoration: none;
}

.wrp-mod-list-a .mod-list-a li a {
	text-decoration: none;
}

.wrp-mod-list-a .mod-list-a li a .txt {
	color: #333;
}

@media only screen and (min-width: 768px) {
	.wrp-mod-list-a .mod-list-a li a {
		-webkit-transition: opacity 0.2, color 0.2, background-color 0.2;
		transition: opacity 0.2, color 0.2, background-color 0.2;
	}

	.wrp-mod-list-a .mod-list-a li a:hover {
		-webkit-transition: opacity 0.3s, color 0.3s, background-color 0.3s;
		transition: opacity 0.3s, color 0.3s, background-color 0.3s;
		background-color: #f5f5f5;
	}
}

@media only screen and (max-width: 767px) {
	.wrp-mod-list-a .mod-list-a li .wrp-detail {
		padding: 12px 0;
	}
}

.wrp-mod-list-b {
	margin: 20px 0 40px;
}

.wrp-mod-list-b .mod-list-b li {
	border-bottom: 1px solid #ddd;
}

.wrp-mod-list-b .mod-list-b li:first-child {
	border-top: 1px solid #ddd;
}

.wrp-mod-list-b .mod-list-b li .wrp-detail {
	display: block;
	padding: 20px;
}

.wrp-mod-list-b .mod-list-b li .wrp-detail {
	*zoom: 1;
}

.wrp-mod-list-b .mod-list-b li .wrp-detail:before, .wrp-mod-list-b .mod-list-b li .wrp-detail:after {
	content: "";
	display: table;
}

.wrp-mod-list-b .mod-list-b li .wrp-detail:after {
	clear: both;
}

.wrp-mod-list-b .mod-list-b li .wrp-detail .ttl {
	margin-left: 105px;
	color: #043985;
	font-weight: bold;
	text-decoration: none;
}

.wrp-mod-list-b .mod-list-b li .wrp-detail .img {
	float: left;
	width: 80px;
}

.wrp-mod-list-b .mod-list-b li .wrp-detail .img img {
	width: 100%;
	height: auto;
}

.wrp-mod-list-b .mod-list-b li .wrp-detail .date {
	margin-left: 105px;
	color: #333;
	font-size: 13px;
	text-decoration: none;
}

.wrp-mod-list-b .mod-list-b li .wrp-detail .txt {
	margin-left: 105px;
	text-decoration: none;
}

.wrp-mod-list-b .mod-list-b li a {
	text-decoration: none;
}

.wrp-mod-list-b .mod-list-b li a .txt {
	color: #333;
}

@media only screen and (min-width: 768px) {
	.wrp-mod-list-b .mod-list-b li a:hover {
		background-color: #f5f5f5;
	}
}

@media only screen and (max-width: 767px) {
	.wrp-mod-list-b .mod-list-b li .wrp-detail {
		padding: 12px 0;
	}

	.wrp-mod-list-b .mod-list-b li .wrp-detail .ttl {
		margin-left: 75px;
	}

	.wrp-mod-list-b .mod-list-b li .wrp-detail .img {
		width: 60px;
	}

	.wrp-mod-list-b .mod-list-b li .wrp-detail .date {
		margin-left: 75px;
	}

	.wrp-mod-list-b .mod-list-b li .wrp-detail .txt {
		margin-left: 75px;
	}
}

/* general
----------------------------------- */
.mt0 {
	margin-top: 0 !important;
}

.mt5 {
	margin-top: 5px !important;
}

.mt10 {
	margin-top: 10px !important;
}

.mt15 {
	margin-top: 15px !important;
}

.mt20 {
	margin-top: 20px !important;
}

.mt30 {
	margin-top: 30px !important;
}

.mt40 {
	margin-top: 40px !important;
}

.mt50 {
	margin-top: 50px !important;
}

.mt60 {
	margin-top: 60px !important;
}

.mt70 {
	margin-top: 70px !important;
}

.mb0 {
	margin-bottom: 0 !important;
}

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

.mb10 {
	margin-bottom: 10px !important;
}

.mb15 {
	margin-bottom: 15px !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.mb25 {
	margin-bottom: 25px !important;
}

.mb30 {
	margin-bottom: 30px !important;
}

.mb35 {
	margin-bottom: 35px !important;
}

.mb40 {
	margin-bottom: 40px !important;
}

.mb45 {
	margin-bottom: 45px !important;
}

.mb50 {
	margin-bottom: 50px !important;
}

.mb55 {
	margin-bottom: 55px !important;
}

.mb60 {
	margin-bottom: 60px !important;
}

.mb65 {
	margin-bottom: 65px !important;
}

.mb70 {
	margin-bottom: 70px !important;
}

.mb75 {
	margin-bottom: 75px !important;
}

.ml0 {
	margin-left: 0 !important;
}

.ml5 {
	margin-left: 5px !important;
}

.ml10 {
	margin-left: 10px !important;
}

.ml15 {
	margin-left: 15px !important;
}

.ml20 {
	margin-left: 20px !important;
}

.ml30 {
	margin-left: 30px !important;
}

.ml40 {
	margin-left: 40px !important;
}

.ml50 {
	margin-left: 50px !important;
}

.ml60 {
	margin-left: 60px !important;
}

.ml70 {
	margin-left: 70px !important;
}

.mr0 {
	margin-right: 0 !important;
}

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

.mr10 {
	margin-right: 10px !important;
}

.mr15 {
	margin-right: 15px !important;
}

.mr20 {
	margin-right: 20px !important;
}

.mr30 {
	margin-right: 30px !important;
}

.mr40 {
	margin-right: 40px !important;
}

.mr50 {
	margin-right: 50px !important;
}

.mr60 {
	margin-right: 60px !important;
}

.mr70 {
	margin-right: 70px !important;
}


.ta-c {
	text-align: center;
}

.ta-l {
	text-align: left;
}

.ta-r {
	text-align: right;
}

.pos-r {
	position: relative;
}

.pos-a {
	position: absolute;
}

.va-t {
	vertical-align: top;
}

.va-m {
	vertical-align: middle;
}

.va-b {
	vertical-align: bottom;
}

.wrp-unit-a {
	*zoom: 1;
}

.wrp-unit-a:before, .wrp-unit-a:after {
	content: "";
	display: table;
}

.wrp-unit-a:after {
	clear: both;
}

.wrp-unit-a .ttl {
	margin: 15px 0;
	font-size: 19px;
	font-weight: bold;
}

.wrp-unit-a .img {
	margin: 15px 0;
	text-align: center;
}

.wrp-unit-a .txt {
	margin: 15px 0;
}

.wrp-unit-a .btn {
	margin: 15px 0;
}

.wrp-unit-a .btn a {
	float: right;
}

@media only screen and (max-width: 767px) {
	.wrp-unit-a .ttl {
		margin: 10px 0;
		font-size: 16px;
	}

	.wrp-unit-a .img {
		margin: 10px 0;
	}

	.wrp-unit-a .txt {
		margin: 10px 0;
	}

	.wrp-unit-a .btn {
		margin: 10px 0;
		text-align: center;
	}

	.wrp-unit-a .btn a {
		float: none;
	}
}

.wrp-unit-b .wrp-detail {
	display: block;
}

.wrp-unit-b .wrp-detail .ttl {
	margin: 12px 0;
	font-size: 15px;
	font-weight: bold;
}

.wrp-unit-b .wrp-detail .img {
	margin: 12px 0;
	text-align: center;
}

.wrp-unit-b .wrp-detail .txt {
	margin: 12px 0;
}

.wrp-unit-b a {
	text-decoration: none;
}

.wrp-unit-b a .ttl {
	color: #043985;
}

.wrp-unit-b a .txt {
	color: #333;
}

@media only screen and (max-width: 767px) {
	.wrp-unit-b .wrp-detail .ttl {
		margin: 10px 0;
		font-size: 13px;
	}

	.wrp-unit-b .wrp-detail .img {
		margin: 10px 0;
	}

	.wrp-unit-b .wrp-detail .txt {
		margin: 10px 0;
	}
}

.wrp-unit-c .ttl {
	margin: 10px 0;
	font-size: 19px;
	font-weight: bold;
}

.wrp-unit-c .img {
	float: right;
	margin: 5px 0 0;
	width: 160px;
	text-align: center;
}

.wrp-unit-c .txt {
	margin: 10px 180px 10px 0;
}

.wrp-unit-c .btn {
	margin: 15px 0;
}

@media only screen and (max-width: 767px) {
	.wrp-unit-c {
		*zoom: 1;
	}

	.wrp-unit-c:before, .wrp-unit-c:after {
		content: "";
		display: table;
	}

	.wrp-unit-c:after {
		clear: both;
	}

	.wrp-unit-c .ttl {
		margin: 10px 0;
		font-size: 16px;
		font-weight: bold;
	}

	.wrp-unit-c .img {
		float: right;
		margin: 5px 0 0;
		width: 100px;
		text-align: center;
	}

	.wrp-unit-c .img img {
		max-width: 100px;
	}

	.wrp-unit-c .txt {
		margin: 10px 120px 10px 0;
	}

	.wrp-unit-c .btn {
		margin: 15px 0;
	}
}

.mod-layout-2clm .mod-layout-clm .wrp-unit-c {
	margin-bottom: 10px;
}

.wrp-unit-d .ttl {
	margin: 10px 0;
	font-size: 19px;
	font-weight: bold;
}

.wrp-unit-d .img {
	float: left;
	margin: 5px 0 0;
	width: 160px;
	text-align: center;
}

.wrp-unit-d .txt {
	margin: 10px 0 10px 180px;
}

.wrp-unit-d .btn {
	margin: 15px 0 0 180px;
	text-align: right;
}

@media only screen and (max-width: 767px) {
	.wrp-unit-d {
		*zoom: 1;
	}

	.wrp-unit-d:before, .wrp-unit-d:after {
		content: "";
		display: table;
	}

	.wrp-unit-d:after {
		clear: both;
	}

	.wrp-unit-d .ttl {
		margin: 10px 0;
		font-size: 16px;
	}

	.wrp-unit-d .img {
		margin: 5px 0 0;
		width: 100px;
		text-align: center;
	}

	.wrp-unit-d .img img {
		max-width: 100px;
	}

	.wrp-unit-d .txt {
		margin: 10px 0 10px 120px;
	}

	.wrp-unit-d .btn {
		margin: 15px 0 0;
	}
}

.wrp-unit-e {
	padding: 0 20px;
	text-align: center;
}

.wrp-unit-e {
	*zoom: 1;
}

.wrp-unit-e:before, .wrp-unit-e:after {
	content: "";
	display: table;
}

.wrp-unit-e:after {
	clear: both;
}

.wrp-unit-e .ttl {
	margin: 15px 0;
	font-size: 19px;
	font-weight: bold;
}

.wrp-unit-e .img {
	margin: 15px 0;
	text-align: center;
}

.wrp-unit-e .img img {
	max-width: 330px;
	height: auto;
}

.wrp-unit-e .txt {
	margin: 15px 0;
}

.wrp-unit-e .btn {
	margin: 15px 0;
}

@media only screen and (max-width: 767px) {
	.wrp-unit-e {
		padding: 0;
		text-align: center;
	}

	.wrp-unit-e {
		*zoom: 1;
	}

	.wrp-unit-e:before, .wrp-unit-e:after {
		content: "";
		display: table;
	}

	.wrp-unit-e:after {
		clear: both;
	}

	.wrp-unit-e .ttl {
		margin: 10px 0;
		font-size: 16px;
	}

	.wrp-unit-e .img {
		margin: 10px 0;
		text-align: center;
	}

	.wrp-unit-e .img img {
		max-width: 250px;
		height: auto;
	}

	.wrp-unit-e .txt {
		margin: 15px 0;
	}

	.wrp-unit-e .btn {
		margin: 15px 0;
	}
}

.wrp-unit-f {
	*zoom: 1;
}

.wrp-unit-f:before, .wrp-unit-f:after {
	content: "";
	display: table;
}

.wrp-unit-f:after {
	clear: both;
}

.wrp-unit-f .ttl {
	margin: 15px 0;
	font-size: 19px;
	font-weight: bold;
}

.wrp-unit-f .img {
	margin: 15px 0;
	text-align: center;
}

.wrp-unit-f .img img {
	max-width: 300px;
	height: auto;
}

.wrp-unit-f .txt {
	margin: 15px 0;
}

.wrp-unit-f .btn {
	margin: 15px 0;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.wrp-unit-f {
		*zoom: 1;
	}

	.wrp-unit-f:before, .wrp-unit-f:after {
		content: "";
		display: table;
	}

	.wrp-unit-f:after {
		clear: both;
	}

	.wrp-unit-f .ttl {
		font-size: 16px;
	}

	.wrp-unit-f .img {
		float: left;
		margin: 0 0 10px;
		width: 150px;
		text-align: center;
	}

	.wrp-unit-f .img img {
		max-width: 150px;
		height: auto;
	}

	.wrp-unit-f .txt {
		margin: 10px 0 10px 170px;
	}

	.wrp-unit-f .btn {
		clear: both;
		margin: 10px 0;
		text-align: center;
	}
}

.wrp-unit-g {
	*zoom: 1;
}

.wrp-unit-g:before, .wrp-unit-g:after {
	content: "";
	display: table;
}

.wrp-unit-g:after {
	clear: both;
}

.wrp-unit-g .wrp-img {
	float: left;
	width: 360px;
}

.wrp-unit-g .wrp-img .img {
	margin-bottom: 15px;
}

.wrp-unit-g .wrp-img .img img {
	max-width: 360px;
	height: auto;
}

.wrp-unit-g .ttl {
	margin: 0 0 15px 410px;
	font-weight: bold;
}

.wrp-unit-g .txt {
	margin: 15px 0 15px 410px;
}

.wrp-unit-g .btn {
	margin: 15px 0 15px 410px;
	text-align: right;
}

@media only screen and (max-width: 767px) {
	.wrp-unit-g .wrp-img {
		float: none;
		width: 100%;
	}

	.wrp-unit-g .wrp-img .img {
		margin-bottom: 15px;
		text-align: center;
	}

	.wrp-unit-g .wrp-img .img img {
		max-width: 100%;
		height: auto;
	}

	.wrp-unit-g .ttl {
		margin: 10px 0 10px;
		font-size: 16px;
	}

	.wrp-unit-g .txt {
		margin: 10px 0;
	}

	.wrp-unit-g .btn {
		margin: 10px 0;
		text-align: center;
	}
}

.wrp-unit-h {
	*zoom: 1;
}

.wrp-unit-h:before, .wrp-unit-h:after {
	content: "";
	display: table;
}

.wrp-unit-h:after {
	clear: both;
}

.wrp-unit-h .wrp-img {
	float: right;
	width: 360px;
}

.wrp-unit-h .wrp-img .img {
	margin-bottom: 15px;
}

.wrp-unit-h .wrp-img .img img {
	max-width: 360px;
	height: auto;
}

.wrp-unit-h .ttl {
	margin: 0 410px 15px 0;
	font-size: 21px;
	font-weight: bold;
}

.wrp-unit-h .txt {
	margin: 15px 410px 15px 0;
}

.wrp-unit-h .btn {
	margin: 15px 410px 15px 0;
	text-align: right;
}

@media only screen and (max-width: 767px) {
	.wrp-unit-h {
		*zoom: 1;
	}

	.wrp-unit-h:before, .wrp-unit-h:after {
		content: "";
		display: table;
	}

	.wrp-unit-h:after {
		clear: both;
	}

	.wrp-unit-h .wrp-img {
		float: none;
		width: 100%;
	}

	.wrp-unit-h .wrp-img .img {
		margin-bottom: 15px;
		text-align: center;
	}

	.wrp-unit-h .wrp-img .img img {
		max-width: 100%;
		height: auto;
	}

	.wrp-unit-h .ttl {
		margin: 0 0 10px 0;
		font-size: 16px;
	}

	.wrp-unit-h .txt {
		margin: 10px 0;
	}

	.wrp-unit-h .btn {
		margin: 10px 0;
		text-align: center;
	}
}

.wrp-unit-i .img {
	margin: 15px 0;
	text-align: center;
}

.wrp-unit-i .img img {
	max-width: 100%;
	height: auto;
}

.wrp-unit-i .ttl {
	margin: 15px 0;
	font-size: 21px;
	font-weight: bold;
	text-align: center;
}

.wrp-unit-i .txt {
	margin: 15px 0;
	text-align: center;
}

.wrp-unit-i .btn {
	margin: 15px 0;
	text-align: center;
}

@media only screen and (max-width: 767px) {
	.wrp-unit-i .img {
		margin: 10px 0;
	}

	.wrp-unit-i .img img {
		max-width: 100%;
		height: auto;
	}

	.wrp-unit-i .ttl {
		font-size: 16px;
	}

	.wrp-unit-i .txt {
		margin: 10px 0;
	}

	.wrp-unit-i .btn {
		margin: 10px 0;
	}
}

.wrp-unit-movie .mov {
	position: relative;
	margin: 10px 0;
	background-color: #000;
}

.wrp-unit-movie .mov:after {
	position: absolute;
	content: '';
	top: 50%;
	left: 50%;
	margin-top: -54px;
	margin-left: -40px;
	width: 80px;
	height: 108px;
	background-image: url(/rn17/img/common/icn/icn_movie_play.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	background-size: 80px 108px;
}

.wrp-unit-movie .mov img {
	width: 100%;
	height: auto;
	opacity: 0.8;
}

.wrp-unit-movie .ttl {
	margin: 10px 0;
	font-size: 15px;
	font-weight: bold;
}

.wrp-unit-movie .txt {
	margin: 10px 0;
}

.wrp-unit-movie a {
	text-decoration: none;
}

.wrp-unit-movie a .txt {
	color: #333;
}

.mod-layout-4clm .wrp-unit-movie .mov:after {
	margin-top: -40px;
	margin-left: -30px;
	width: 60px;
	height: 81px;
	background-size: 60px 81px;
}

@media only screen and (max-width: 767px) {
	.wrp-unit-movie .mov {
		position: relative;
		margin: 5px 0;
	}

	.wrp-unit-movie .mov:after {
		margin-top: -27px;
		margin-left: -20px;
		width: 40px;
		height: 54px;
		background-size: 40px 54px;
	}

	.wrp-unit-movie .ttl {
		margin: 5px 0;
		font-size: 12px;
	}

	.wrp-unit-movie .txt {
		margin: 5px 0;
	}

	.mod-layout-4clm .wrp-unit-movie .mov:after {
		margin-top: -27px;
		margin-left: -20px;
		width: 40px;
		height: 54px;
		background-size: 40px 54px;
	}
}