@charset "utf-8";
/*
コンテンツページ共通スタイル設定
*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝

■1.共通コンテンツ
■2.動画一覧ページ　検索結果＆一覧
■3.ランキングページ
■4.出演モデル一覧ページ
■5.作品詳細ページ
■6.ショッピングカート
■7.ログインページ
■8.トピックス
■9.お問い合わせフォーム
■10.特設ページ

＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■1.共通コンテンツ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
画像置換指定
------------------------------------*/
#head_src .src_box a.btn_close{
	overflow:hidden;display:block;text-decoration:none;border:none;	background-repeat: no-repeat;background-position: left top;
}

/*
レイアウト
------------------------------------*/
#Contents h3{
	margin: 0px 0px 30px 0px;
	padding:15px 20px 15px 20px;
	line-height:1.3;
	font-size:18px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:0.15em;
	background-color:#0C547D;
}

#Contents h4{
	margin: 0px auto 25px auto;
	padding:0px 0px 8px 5px;
	line-height:1.2;
	font-size:16px;
	letter-spacing:0.15em;
	border-bottom:2px solid #CCC;
}

/* テキストボックス
-------------------------------- */
.textbox01{
	margin: 0px 30px 20px 30px;
	padding:0px 0px 0px 0px;
}

.textbox01 p{
	margin:0 0 0 0;
	padding: 0 0 8px 0;
	font-size: 13px;
	line-height: 1.5;
}

.textbox01 p strong{
	margin:0 0 0 0;
	padding: 0 0 0px 0;
	font-size:13px;
	font-weight:bold;
}

.textbox01 .alert{
	color:#F00;
}

.textbox01 p.error{
	margin:0px 0px 0px 0px;
	padding: 0 0 8px 0;
	font-size:15px;
	font-weight:bold;
	color:#F00;
}

.textbox01 p.error:before{
	margin: 0px 6px 0px 0px;
	display: inline-block;
	content: "\f071";
	font-family: FontAwesome;
	font-size:17px;
	font-weight:normal;
	position: relative;
	top: 1px;
	color:#F00;
}

.textbox01 p.finish{
	margin:40px 0 0 0;
	padding: 0 0 10px 0;
	font-size:22px;
	font-weight:bold;
	color:#F60;
}

.textbox01 p.sub{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	font-size:11px;
}

.textbox01 strong.name{
	margin:0px 2px 0px 0px;
	padding:0px 0px 0px 0;
	font-size:14px;
	font-weight:bold;
}

.textbox01 span.point{
	margin:0px 4px 0px 7px;
	padding:0px 0px 0px 0;
	font-size:18px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:500;
	color:#16A085;
}

.textbox01 span.point strong{
	margin:0px 4px 0px 0;
	padding:0px 0px 0px 0;
	font-size:22px;
	font-weight:500;
	vertical-align:-1px;
}

.textbox01 ul.mypage_sublink{
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
	letter-spacing:-0.4em;
}

.textbox01 ul.mypage_sublink li{
	margin:0px 15px 0px 0px;
	padding:0px 0px 0px 0px;
	display:inline-block;
	letter-spacing:normal;
	position: relative;
}

.textbox01 ul.mypage_sublink li a{
	margin: 0px 0px 0px 0px;
	padding:0px 25px 0px 30px;
	display:block;
	height:36px;
	line-height:32px;
	color:#FFF;
	background-color:#5487A4;
	text-align:center;
	text-decoration:none;
	position:relative;
	font-size:12px;
	font-weight:bold;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
}

.textbox01 ul.mypage_sublink li a:after {
	margin:0px 0px 0 10px;
	content: "\f105";
	font-family: FontAwesome;
	font-size:19px;
	font-weight:normal;
	position: relative;
	display:inline-block;
	color:#FFF;
	top:1px;
}

.textbox01 ul.mypage_sublink li a:hover,
.textbox01 ul.mypage_sublink li a:active {
	color:#FFF;
	background-color:#14AACA;
}

/*
エラーメッセージ
------------------------------------*/
input[type="text"].input_error,
input[type="email"].input_error,
input[type="number"].input_error,
input[type="password"].input_error,
textarea.input_error{
	background-color:#F9E79F !important;
	border:1px solid #F00;
}

.error_msg {
	display:block;
	position: relative;
	margin:0 0 3px 0px;
	padding: 0px 0px 0px 0px;
	top:0px;
	font-size:13px;
	font-weight:bold;
	color:#F00;
}

.error_msg:before{
	margin: 0px 4px 0px 0px;
	display: inline-block;
	content: "\f071";
	font-family: FontAwesome;
	font-size:14px;
	color:#F00;
	font-weight:normal;
	position: relative;
	top: 1px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■2.動画一覧ページ　検索結果＆一覧
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/*
現在の検索条件
------------------------------------*/
.list_page .current_condtion{
	width: 100%;
	margin: 0px auto 35px auto;
	padding:30px 30px 30px 30px;
	background-color:#EBEBEB;
	position:relative;
}

.list_page .current_condtion:before {
	margin: 0px 0px 0px -14px;
	content: '';
	position: absolute;
	top: 100%;
	left:50%;
	border: solid transparent;
	border-top: 15px solid #EBEBEB;
	border-right: 14px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 14px solid transparent;
}

.list_page .current_condtion .inbox{
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:table;
	table-layout:fixed;
}

.list_page .current_condtion .inbox .title,
.list_page .current_condtion .inbox .condition,
.list_page .current_condtion .inbox .btn {
	display:table-cell;
	vertical-align:top;
}

.list_page .current_condtion .inbox .title{
	width:120px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.list_page .current_condtion .inbox .title h5{
	margin: 0px 0px 3px 0px;
	padding:0px 0px 0px 0px;
	font-size:15px;
	color:#333;
	line-height:1.2;
	font-weight:normal;
}

.list_page .current_condtion .inbox .title p{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:13px;
	font-weight:bold;
	color:#333;
	line-height:1.1;
}

.list_page .current_condtion .inbox .title p strong{
	margin: 0px 5px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	color:#149F85;
	font-size:28px;
	vertical-align:-2px;
}

.list_page .current_condtion .inbox .condition{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.list_page .current_condtion .inbox .condition .item{
	margin: 1px 20px 1px 0px;
	padding:0px 0px 0px 0px;
	display:inline-block;
	font-size:11px;
	line-height:1.2;
}

x.list_page .current_condtion .inbox .condition .item:last-of-type{
	margin: 3px 0px 3px 0px;
}

.list_page .current_condtion .inbox .condition .item strong{
	min-width:80px;
	margin: 2px 7px 2px 0px;
	padding:0px 8px 0px 8px;
	display:inline-block;
	text-align:center;
	height:20px;
	line-height:20px;
	background-color:#5D6D7E;
	font-size:10px;
	font-weight:normal;
	color:#FFF;
}

.list_page .current_condtion .inbox .btn{
	width:190px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	vertical-align:middle;
	text-align:right;
	border-left:1px solid #CCC;
}

.list_page .current_condtion .inbox .btn a[class*=btn_]{
	width:160px;
	margin: 0px 0px 0px auto;
	padding:0px 10px 0px 0px;
	display:block;
	height:40px;
	line-height:40px;
	color:#FFF;
	background-color:#34495E;
	text-align:center;
	text-decoration:none;
	position:relative;
	font-size:12px;
	font-weight:bold;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.list_page .current_condtion .inbox .btn a[class*=btn_]:before{
	margin: 0px 6px 0px 0px;
	display: inline-block;
	content: "\f002";
	font-family: FontAwesome;
	font-size:14px;
	font-weight:normal;
	position: relative;
	top: 0;
	right: 0px;
}

.list_page .current_condtion .inbox .btn a[class*=btn_]:after {
	margin:0px 0px 0 0;
	content: "\f105";
	font-family: FontAwesome;
	font-size:20px;
	font-weight:normal;
	position: absolute;
	display:block;
	color:#FFF;
	right:12px;
	top:calc(50% - 20px);
}

.list_page .current_condtion .inbox .btn a[class*=btn_]:hover,
.list_page .current_condtion .inbox .btn a[class*=btn_]:active {
	color:#FFF;
	background-color:#14AACA;
}

/*
現在の検索条件（定額サービス対象一覧用調整）
------------------------------------*/
.list_page .current_condtion.flat{
	margin: 40px auto 25px auto;
	padding:22px 30px 30px 30px;
}

.list_page .current_condtion.flat p.lead{
	margin: 0px 0px 13px 0px;
	padding:0px 0px 0px 0px;
	font-size:14px;
	font-weight:bold;
	color:#333;
	line-height:1.2;
	position:relative;
}

.list_page .current_condtion.flat p.lead:before {
	margin:0px 8px 0px 0px;
	display:inline-block;
	position: relative;
	content: "\f0b0";
	font-family: FontAwesome;
	font-size:18px;
	font-weight:normal;
	color:#16A085;
	top:2px;
}

.list_page .current_condtion.flat .inbox .title h5{
	margin: 0px 0px 0px 0px;
	font-size:13px;
}

.list_page .current_condtion.flat .inbox .title p strong{
	color:#F30;
}

.list_page .current_condtion.flat .inbox .condition .item strong{
	background-color:#447168;
}

.list_page .current_condtion.flat .inbox .btn a.btn_flat_research{
	background-color:#16A085;
}
.list_page .current_condtion.flat .inbox .btn a.btn_flat_research:hover,
.list_page .current_condtion.flat .inbox .btn a.btn_flat_research:active {
	background-color:#0F705D;
}

/*
検索結果
------------------------------------*/
.result_head {
	margin: 0px auto 25px auto;
	padding:0px 0px 0px 0px;
}

.result_head:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.result_head .sum{
	margin: 0px 0 10px 0;
	padding: 0px 0px 0px 0px;
	font-weight:normal;
	font-size:14px;
	line-height:1.0;
}

/*
pagenation
------------------------------------*/
ul#pagenation{
	width:480px;
	margin:0px 0 0px 0;
	text-align:left;
	float:left;
	letter-spacing:-0.4em;
}

.result_head.foot ul#pagenation{
	width:100%;
	text-align:center;
	float:none;
}

ul#pagenation li{
	display:inline-block;
	margin:0 5px 5px 0px;
	text-align:center;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	font-size:13px;
	letter-spacing:normal;
	height:34px;
	line-height:32px;
	vertical-align:middle;
}

ul#pagenation li a{
	border:1px solid #CCC;
	padding:0px 13px 0px 13px ;
	text-decoration:none;
	color: #333;
	display:block;
	height:34px;
	line-height:32px;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-transition: 0.3s;
	-moz-transition: 0.3s;
	-ms-transition: 0.3s;
	-o-transition: 0.3s;
	transition: 0.3s;
}

ul#pagenation li a:hover{
	background-color:#0C547D;
	border:1px solid #0C547D;
	color: #FFF;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-webkit-transition: 0s;
	-moz-transition: 0s;
	-ms-transition: 0s;
	-o-transition: 0s;
	transition: 0s;
}

ul#pagenation li.current{
	padding:0px 13px 0px 13px ;
	background-color:#0C547D;
	border:1px solid #0C547D;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	color: #FFF;
	height:34px;
	line-height:32px;
}

ul#pagenation li:empty{
	padding:0px 0px 0px 0px ;
	text-decoration:none;
	height:34px;
	line-height:32px;
	width:26px;
}

ul#pagenation li:empty:after{
	margin:0 0px 0 0px;
	content:"...";
	position: relative;
	top: -2px;
	font-size:20px;
	color:#333;
}

/*
sort
------------------------------------*/
.result_head .view_sort{
	width:350px;
	float:right;
	margin: 0px 0 0px 0;
	padding: 0px 0px 0px 0px;
	text-align:right;
	font-size:12px;
}

.result_head .view_sort .prod_sort,
.result_head .view_sort .prod_numb {
	width: 160px;
	margin: 0px 15px 0px 5px;
	padding: 7px 15px 6px 7px;
	font-size: 12px;
	cursor: pointer;
	text-align: left !important;
	background-image: url(../images/common/icon_sort.png);
	background-repeat: no-repeat;
	background-position: calc(100% - 8px) center;
	border:1px solid #CCC;
}

.result_head .view_sort .prod_numb {
	margin: 0px 0px 0px 5px;
	width: 60px;
}

.result_head .view_sort option {
	padding: 2px 15px 2px 5px;
	font-size: 12px;
}

/*
一覧表示
------------------------------------*/
ul.title_list {
	margin: 0 0px 20px 0;
	clear:both;
}

ul.title_list:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

ul.title_list > li {
	width: calc(20% - 12px);
	margin: 0px 0px 25px 15px;
	padding: 0px 0px 0px 0px;
	float:left;
	display:block;
}

ul.title_list > li:nth-child(5n+1) {
	clear: left;
	margin-left:0px;
}

ul.title_list > li a {
	font-weight: normal;
	text-decoration: none;
	display:block;
	position:relative;
}

ul.title_list > li > a:hover{
	opacity: 0.8; 
	filter: alpha(opacity=80); 
	-ms-filter: "alpha(opacity=80)"; 
	-khtml-opacity: 0.8; 
	-moz-opacity: 0.8; 
}

ul.title_list > li a .slideshow { 
	margin:0 0px 0px 0;
	display: block;
	overflow:hidden;
 }

ul.title_list > li a .slideshow:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

ul.title_list > li a .slideshow .photo:not(:first-child) { display: none }

ul.title_list li .photo {
	width:100%;
	margin:0 0px 0px 0;
	padding:0 0px 0 0;
	text-align:center;
	position:relative;
	background-color:#EEEEEE;
	overflow:hidden;
	display: block;
}

xxxul.title_list li .photo:before {
    content:"";
    display: block;
	padding-top: 56.25%; /* 16:9 */
}
ul.title_list li .photo:before {
    content:"";
    display: block;
	padding-top: 66.7%; /* ジャケット（下帯ナシ）比率 */
}

ul.title_list li .photo .photo_in {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align:center;
}

ul.title_list li .photo .photo_in:before{
	content:"";
    position: absolute;
	width:100%;
	height:100%;
	left:0;
    top: 0px;
	background:url(../images/common/img_mask.png); 
	background-repeat: no-repeat;
	background-size: cover;
	z-index:10;
}

ul.title_list li .photo .photo_in img{
	position: absolute;
	max-width: 101%;
	max-height: 101%;
	width: auto;
	height: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	display: block
}

ul.title_list li .status{
	margin: 6px 0px -3px 0px;
	padding:0px 0px 0px 0px;
	line-height:1.2;
}

ul.title_list li .status span{
	min-width:20px;
	margin: 2px 4px 1px 0px;
	padding:0px 4px 0px 4px;
	display:inline-block;
	text-align:center;
	height:17px;
	line-height:15px;
	border:1px solid #CCC;
	font-size:9px;
	font-weight:normal;
	color:#444;
}
ul.title_list li .status span.new{
	width:36px;
	border:1px solid #E74C3C;
	background-color:#E74C3C;
	font-weight:bold;
	color:#FFF;
}

ul.title_list li .status span:last-of-type{
	margin-right: 0px;
}

#Contents ul.title_list li h4{
	width:auto;
	margin: 7px 0 0px 0;
	padding: 0px 0 0px 0px;
	font-size:11px;
	line-height:14px;
	letter-spacing:0;
	font-weight:normal;
	border:none;
	color:#555;
	max-height:28px;
	height:28px;
	overflow:hidden;
	word-break : break-all;
	text-align:left;
}

ul.title_list li .ftData{
	margin: 1px 0 0 0;
	padding: 0px 0px 0px 0px;
	font-size:11px;
	line-height:1.2;
}

ul.title_list li .ftData:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

ul.title_list li .ftData .date {
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 0px;
	float:left;
	color:#33485E;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	white-space:nowrap;
}

ul.title_list li .ftData .price {
	margin: 0;
	padding: 0px 0px 0px 5px;
	float:right;
	text-align:right;
	font-weight:bold;
	font-size:10px;
	white-space:nowrap;
}

ul.title_list li .ftData .price strong{
	margin: 0px 1px 0px 0px;
	padding: 0px 0px;
	font-family: 'Ubuntu', sans-serif;
	font-size:13px;
	font-weight:500;
	vertical-align:-1px;
}

ul.title_list li .ftData .price span.through {
    margin: 0px 5px 0 0px;
	padding: 0px 0px 0px 0px;
    font-size: 11px;
    color: #555;
    text-decoration: line-through;
    white-space: nowrap;
	font-weight:normal;
	vertical-align:-1px;
}

/*
定額サービス対象商品一覧用
------------------------------------*/
#Contents.list_page h3.flat{
	margin: 0px 0 30px 0;
	padding:15px 20px 15px 20px;
	line-height:1.3;
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.15em;
	background-color:#16A085;
	word-break: break-all;
	position:relative;
}

.flat_head{
	margin: 0px 20px 30px 20px;
	padding:0px 0px 0px 0px;
}

.flat_head p{
	margin: 0px 0px 12px 0px;
	padding:0px 0px 0px 0px;
	font-size:13px;
	line-height:1.5;
}

.flat_head p strong {
    margin: 0px 2px 0px 0px;
    padding: 0px 0px 0px 0;
    font-size: 14px;
    font-weight: bold;
}

.flat_head p strong.due {
    margin: 0px 2px 0px 2px;
	color:#C00;
}

.flat_head ul{
	width:100%;
	margin:15px 0 0px 0px;
	line-height:1.3;
	text-align:center;
}

.flat_head ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.flat_head ul li{
	width:33.3%;
	float:left;
	font-weight:normal;
	letter-spacing:normal;
	margin:0px 0 0 0;
	text-align:center;
	font-size:12px;
}

.flat_head ul li a{
	display:block;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	color: #333;
	height:50px;
	line-height:50px;
	text-align:center;
	vertical-align:middle;
	position:relative;
	border:1px solid #99A3A4;
	border-right:none;
	font-size:12px;
}

.flat_head ul li:first-child a{
	-moz-border-radius:5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
	border-radius:5px 0px 0px 5px;
}

.flat_head ul li:last-child a{
	border-right:1px solid #99A3A4;
	-moz-border-radius:0px 5px 5px 0px;
	-webkit-border-radius:0px 5px 5px 0px;
	border-radius:0px 5px 5px 0px;
}

.flat_head ul li a:hover{
	background-color:#F0F0F0;
}

.flat_head ul li.active a{
	padding:0px 10px 0px 0px;
	background-color:#99A3A4;
	font-size:12px;
	font-weight:bold;
	color: #FFF;
	cursor:default;
}

.flat_head ul li.active a:before {
	margin:-2px 7px 0px 0;
	display:inline-block;
	position: relative;
	content: "\f00c";
	font-family: FontAwesome;
	font-size:17px;
	font-weight:normal;
	color:#FC0;
	top:2px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■2_1.定額対象商品　絞込み検索
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.flat_src_box{
	display:none;
	position: fixed;
	top:0px;
	width:100%;
	margin:0px auto 0px auto;
	padding:0px 0px 0px 0px;
	color:#000;
	background-color: rgba( 255, 255, 255, 1.00 );
	z-index:99;
	border-top:1px solid #666;
	height: 100%;
	overflow-y: scroll;
	-webkit-overflow-scrolling:touch;
}

.flat_src_box_in {
	width: 100%;
	height: 100%;
	padding:35px 30px 40px 40px;
	overflow-y: auto;
//	overflow-x: hidden;
	position:relative;
//	min-width:1200px;
}

.flat_src_box_in::after {
  display: block;
  height: 40px;
  width:100%;
  background-color:transparent;
  content: '';
}

/*
検索ボタン
------------------------------------*/
.flat_src_box .main_search{
	width:100%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 5px;
	border-bottom:1px solid #BBB;
	height:120px;
}

.flat_src_box .main_search:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.flat_src_box .main_search .left{
	width:calc(100% - 50px);
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}

.flat_src_box .main_search .left h3{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:1.3;
	font-size:24px;
	font-weight:normal;
	letter-spacing:0.03em;
}

.flat_src_box .main_search .left p{
	margin: 0px 30px 10px 0px;
	padding:8px 0px 0px 0px;
	font-size:12px;
	display:inline-block;
	line-height:1.4;
	float:left;
}

.flat_src_box .main_search .left ul.search_action{
//	width:50%; 
	display:table;
//	table-layout:fixed;
	margin:0px 0px 0px 0px;
	padding:0;
	float:left;
}

.flat_src_box .main_search .left ul.search_action li {
	display:table-cell; 
	width:50%;
	margin:0 0px 0 0;
	padding:0 0px 0 0;
	vertical-align:middle;
}

.flat_src_box .main_search .left ul.search_action li:last-child {
	width:50%;
	padding-left:20px;
}

.flat_src_box .main_search .left ul.search_action li a{
	display:block;
	margin: 0px 0 0px 0;
	padding: 0px 30px 0px 30px;
	font-weight:normal;
	font-size:12px;
	height:50px;
	line-height:48px;
	text-align:center;
	color:#333;
	letter-spacing:0.04em;
	background-color:#F5F5F5;
	border:1px solid #CCC;
	text-decoration:none;
	position:relative;
	border-radius: 5px;         /* CSS3 */
	-moz-border-radius: 5px;    /* Firefox */
	-webkit-border-radius: 5px; /* Safari,Chrome */
}

.flat_src_box .main_search .left ul.search_action li a.search{
	padding: 0px 40px 0px 30px;
	font-size:16px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:0.05em;
	background-color:#16A085;
	border:1px solid #16A085;
}

.flat_src_box .main_search .left ul.search_action li a.search:before{
	margin: 0px 6px 0px 0px;
	display: inline-block;
	content: "\f002";
	font-family: FontAwesome;
	font-size:17px;
	font-weight:normal;
	position: relative;
	top: 0;
}

.flat_src_box .main_search .left ul.search_action li a:hover{
	background-color:#0F705D;
	border:1px solid #0F705D;
	color:#FFF;
}

.flat_src_box .main_search .btn_head_search.close{
	width:50px;
	height:50px;
	margin:-15px 0 0px 0;
	padding:0px 0 0px 0;
	float:right;
}

.flat_src_box .main_search .btn_head_search.close:hover {
	opacity: 0.65;
	filter: alpha(opacity=65);
	-ms-filter: "alpha(opacity=65)";
	-khtml-opacity: 0.65;
	-moz-opacity: 0.65;
}

.flat_src_box .main_search .btn_head_search.close img{
	width:50px;
	height:50px;
}

/*
検索条件　共通設定
------------------------------------*/
.flat_src_box .cond_wrap{
	width:100%;
	margin:30px 0px 0px 0px;
	padding:0px 30px 0px 0px;
	height:calc(100% - 150px);
	overflow:auto;
	position:relative;
	clear:both;
}

.flat_src_box .flt_box{
	width:100%;
	margin:0px auto 0px auto;
	padding:12px 0px 5px 0px;
	border-bottom:4px solid #EEEEEE;
}

.flat_src_box .flt_box h4 {
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	line-height:44px;
	font-size:13px;
	font-weight:bold;
	position:relative;
	color:#666;
}

.flat_src_box .flt_box h4 span {
	display:block; 
	padding:0px 0px 0px 5px;
	line-height:44px;
	height:44px;
	cursor:pointer;
	position:relative;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	z-index:10;
}

.flat_src_box .flt_box h4 span:after {
	margin:0px 0px 0 0;
	content: "\f105";
	font-family: FontAwesome;
	font-size:36px;
	font-weight:bold;
	position: absolute;
	display:block;
	color:#16A085;
	right:20px;
	top:calc(50% - 20px);
	transition: .4s;
	transform: rotate(90deg);
	-webkit-transform: rotate(90deg);
}
.flat_src_box .flt_box h4 span.open:after{
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
}

.flat_src_box .flt_box h4 strong{
	margin:0px 15px 0 0px;
	padding:0px;
	white-space:nowrap;
	font-family: 'Montserrat', sans-serif;
	font-weight:300;
	font-size:28px;
	color:#16A085;
	position:relative;
	vertical-align:-2px;
}

.flat_src_box .flt_box h4 strong:before{
	margin: 0px 8px 0px 0px;
	display: inline-block;
	content: "\f002";
	font-family: FontAwesome;
	font-size:19px;
	font-weight:normal;
	color:#999;
	position: relative;
	top: -3px;
}

.flat_src_box .flt_box h4 span .cond_on{
	display:inline-block; 
	margin: 0px 0px 0px 20px;
	padding:0px 10px 0px 12px;
	line-height:26px;
	height:26px;
	font-size:12px;
	font-weight:normal;
	color:#FFF;
	background-color:#E74C3C;
	position:relative;
	top:-5px;
}

.flat_src_box .flt_box h4 span .cond_on:before {
	margin: -4px 0px 0px 0px;
	content: '';
	position: absolute;
	top: 50%;
	left:-10px;
	border: solid transparent;
	border-top: 4px solid transparent;
	border-right: 10px solid #E74C3C;
	border-bottom: 4px solid transparent;
	border-left: 0px solid transparent;
}

.flat_src_box .flt_box .inbox{
	width: 100%;
	margin: 0px auto 0px auto;
	padding: 0px 0px 20px 0px;
	display:none;
}

.flat_src_box .flt_box .option{
	width:410px;
	margin:5px 0px 0px 5px;
	display:inline-block;
	vertical-align:top;
	color:#333;
}

.flat_src_box .flt_box .option ul {
	width:310px;
	margin: 0 0px 0px 8px;
	padding:0px 0px 0px 0px;
	display:table;
	display:inline-block;
	letter-spacing:-0.4em;
}

.flat_src_box .flt_box .option ul li {
	width:50%;
	margin: 0px 0 0 0px;
	padding: 0px 0px 0px 0px;
	color: #333;
	letter-spacing:normal;
	display:inline-block;
}

.flat_src_box .flt_box .option ul li input[type=radio] {
	display: none;
}

.flat_src_box .flt_box .option ul li label {
	width:100%;
	display:block;
	margin: 0px 0px 0px 0;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	text-align:center;
	font-size:11px;
	height:36px;
	line-height:35px;
	font-weight:normal;
	color:#666;
	background-color:#F5F5F5;
	border:1px solid #CCC;
	border-right:none;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	-moz-border-radius:5px 0px 0px 5px ;
	-webkit-border-radius:5px 0px 0px 5px ;
	border-radius:5px 0px 0px 5px ;
}

.flat_src_box .flt_box .option ul li:nth-child(2) label {
	border:1px solid #CCC;
	border-left:none;
	-moz-border-radius:0px 5px 5px 0px ;
	-webkit-border-radius:0px 5px 5px 0px ;
	border-radius:0px 5px 5px 0px ;
}

.flat_src_box .flt_box .option ul li label:hover {
	color:#FFF;
	background-color:#99A3A4;
	border-color:#99A3A4;
}

.flat_src_box .flt_box .option ul li input[type=radio]:checked + label {
	color:#FFF;
	background-color:#99A3A4;
	border-color:#99A3A4;
	font-weight:bold;
}

.flat_src_box .flt_box a.btn_clear{
	margin: 6px 0 0px 5px;
	padding:0px 25px 0px 20px;
	display:inline-block;
	border:1px solid #CCC;
	height:34px;
	line-height:29px;
	color:#333;
	text-align:center;
	text-decoration:none;
	font-size:11px;
	-moz-border-radius:20px;
	-webkit-border-radius:20px;
	border-radius:20px;
	position:relative;
}

.flat_src_box .flt_box a.btn_clear:before{
	margin: 0px 6px 0px 0px;
	display: inline-block;
	content: "\f00d";
	font-family: FontAwesome;
	font-size:16px;
	color:#999;
	font-weight:normal;
	position: relative;
	top: 1px;
}

.flat_src_box .flt_box a.btn_clear:hover {
	color:#FFF;
	background-color:#99A3A4;
	border-color:#99A3A4;
}

.flat_src_box .flt_box a.btn_clear:hover:before{
	color:#EEE;
}

/*
キーワード検索
------------------------------------*/
.flat_src_box .flt_box.keyword{
	width:100%;
	margin:0px auto 0px auto;
	padding:5px 0px 20px 0px;
}

.flat_src_box .flt_box.keyword .key_wrap{
	width:calc(100% - 420px);
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 0px;
	display:inline-block;
}

.flat_src_box .flt_box.keyword .key_wrap input[type=text]{
	width: 100%;
	margin:0px 0px 10px 0 ;
	padding: 0px 10px;
	height:42px;
	line-height:42px;
	font-size: 12px;
	-webkit-appearance: none;
	text-align:left;
	outline:0;
	border:1px solid #CCC;
}

.flat_src_box .flt_box.keyword .key_wrap input[type=text]:focus{
	outline:0;
	border:1px solid #16A085;
}

.flat_src_box .flt_box.keyword .key_wrap input[type=checkbox] {
	display: none;
}

.flat_src_box .flt_box.keyword .key_wrap input[type=checkbox] + label {
	width:auto;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 3px 0px 0px 25px;
	cursor: pointer;
	position:relative;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	vertical-align:top;
	font-size:12px;
}

.flat_src_box .flt_box.keyword .key_wrap input[type=checkbox] + label::before,
.flat_src_box .flt_box.keyword .key_wrap input[type=checkbox] + label::after {
	content:" ";
	position: absolute;
	-webkit-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

.flat_src_box .flt_box.keyword .key_wrap input[type=checkbox] + label::before{
	left: 0;
	top: 0px;
	width: 16px;
	height: 16px;
	background: #FFF;
	border: 1px solid #CCC;
}

.flat_src_box .flt_box.keyword .key_wrap input[type=checkbox] + label::after{
	top: 2px;
	left: 2px;
	width:18px;
	height:13px;
	background-image:url(../images/common/icon_check.png); 
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	opacity: 0;
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}

.flat_src_box .flt_box.keyword .key_wrap input[type=checkbox]:checked + label::after{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/*
特徴・プレイ・モデル・DVD収録年選択
------------------------------------*/
.flat_src_box .flt_box .inbox .check_list {
	margin: 0px 0px 0px 0;
	padding: 20px 0px 0px 0;
	clear:both;
}

.flat_src_box .flt_box .inbox .check_list:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.flat_src_box .flt_box .inbox .check_list h5{
	margin:0px 0px 7px 0px;
	padding:0px 0px 0px 0px;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
}

.flat_src_box .flt_box .inbox .check_list input[type=checkbox] {
	display: none;
}

.flat_src_box .flt_box .inbox .check_list > label {
	width : 160px ; 
	margin: 0px 5px 10px 5px;
	padding: 0px 5px 0px 5px;
	display: block;
	float:left;
	text-align:center;
	vertical-align: middle;
	font-size:12px;
	font-weight:normal;
	cursor: pointer;
	color:#555;
	height:46px;
	line-height:46px;
	border:1px solid #DDD;
	background-color:#F5F5F5;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.flat_src_box .flt_box .inbox .check_list input[type=checkbox]:checked + label {
	border:1px solid #447168;
	background-color: #447168;
	color:#FFF;
	font-weight:bold;
}

/*
レーベル選択
------------------------------------*/
.flat_src_box .flt_box.label .inbox{
	padding: 0px 5px 8px 5px;
}

.flat_src_box .flt_box .inbox .label_list {
	margin: 0px 0px 0px 0;
	padding: 20px 0px 0px 0;
	clear:both;
}

.flat_src_box .flt_box .inbox .label_list:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.flat_src_box .flt_box .inbox .label_list dl {
	width:100%;
	margin: 0px 0px 17px 0px;
	padding: 0px 0px 0px 0;
	float:left;
	display:inline-block;
}

.flat_src_box .flt_box .inbox .label_list dl.one {
	width:160px;
}
.flat_src_box .flt_box .inbox .label_list dl.two {
	width:320px;
}

.flat_src_box .flt_box .inbox .label_list dl dt{  
	padding: 4px 10px 3px 12px;
	color:#FFF;
	font-size:11px;
	position: relative;
	background-color:#ACB4B5;
}

.flat_src_box .flt_box .inbox .label_list dl dt:before,
.flat_src_box .flt_box .inbox .label_list dl dt:after {
	content: '';
	position: absolute;
	top: 0%;
	left:0px;
	width:5px;
	height:100%;
	background-color:#FFF;
}

.flat_src_box .flt_box .inbox .label_list dl dt:before {
	left:auto;
	right:0px;
}


.flat_src_box .flt_box .inbox .label_list dl dd{    
	padding: 10px 0px 0px 0px;
}

.flat_src_box .flt_box .inbox .label_list dl dd:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.flat_src_box .flt_box .inbox .label_list dl dd input[type=checkbox] {
	display: none;
}

.flat_src_box .flt_box .inbox .label_list dl dd label {
	width : 150px ; 
	margin: 0px 5px 10px 5px;
	padding: 0px 5px 0px 5px;
	display: block;
	float:left;
	text-align:center;
	vertical-align: middle;
	font-size:11px;
	cursor: pointer;
	color:#444;
	height:46px;
	line-height:46px;
	border:1px solid #DDD;
	background-color:#F5F5F5;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.flat_src_box .flt_box .inbox .label_list dl dd input[type=checkbox]:checked + label {
	border:1px solid #447168;
	background-color: #447168;
	color:#FFF;
	font-weight:bold;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■3.ランキングページ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#Contents.list_page h3.ranking{
	margin: 0px 0 20px 0;
}

#Contents.list_page h3.ranking:before{
	margin: 0px 8px 0px 0px;
	display: inline-block;
	content: "\f091";
	font-family: FontAwesome;
	font-size:20px;
	color:#FC0;
	font-weight:normal;
	position: relative;
	top: 0px;
}

.list_page .rank_update{
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size:13px;
	color:#34495E;
	color:#FFF;
	text-align:right;
	position:absolute;
	right:50px;
	top:18px;
}

.list_page a.btn_other_rank{
	display:inline-block;
	margin: 0px 20px 25px auto;
	padding:0px 32px 0px 20px;
	text-decoration:none;
	color: #777;
	height:36px;
	line-height:35px;
	border:1px solid #CCC;
	background-color: #F5F5F5;
	text-align:center;
	white-space:nowrap;
	text-decoration:none;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	position:relative;
	float:right;
}

.list_page a.btn_other_rank:after {
	margin:0px 0px 0 0;
	content: "\f105";
	font-family: FontAwesome;
	font-size:18px;
	font-weight:bold;
	position: absolute;
	display:block;
	color:#15AACA;
	right:12px;
	top:calc(50% - 18px);
}

.list_page a.btn_other_rank:hover,
.list_page a.btn_other_rank:active {
	color:#FFF;
	border:1px solid #14AACA;
	background-color:#14AACA;
}
.list_page a.btn_other_rank:hover:after {
	color:#FFF;
}

.list_page .rank_head{
	margin: 0px auto 30px auto;
	padding:0px 0px 0px 0px;
}

.list_page ul.title_list.ranking + .rank_head{
	margin-top: 0px;
}

.list_page .rank_head:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.list_page .rank_head ul.main_rank{
	width:800px;
	margin:0px auto 0px auto;
	line-height:1.3;
	text-align:center;
}

.list_page .rank_head ul.main_rank:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.list_page .rank_head ul.main_rank li{
	width:260px;
	float:left;
	font-weight:normal;
	letter-spacing:normal;
	margin:0px 8px 8px 0;
	text-align:center;
	font-size:12px;
}
.list_page .rank_head ul.main_rank li:nth-child(3n){
	margin-right:0px;
}

.list_page .rank_head ul.main_rank li a{
	display:block;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	color: #777;
	height:36px;
	line-height:35px;
	border:1px solid #CCC;
	background-color: #F5F5F5;
	text-align:center;
	vertical-align:middle;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	position:relative;
}

.list_page .rank_head ul.main_rank li a:after {
	margin:0px 0px 0 0;
	content: "\f105";
	font-family: FontAwesome;
	font-size:18px;
	font-weight:bold;
	position: absolute;
	display:block;
	color:#15AACA;
	right:12px;
	top:calc(50% - 18px);
}

.list_page .rank_head ul.main_rank li a.active,
.list_page .rank_head ul.main_rank li a:hover,
.list_page .rank_head ul.main_rank li a:active {
	color:#FFF;
	border:1px solid #14AACA;
	background-color:#14AACA;
}
.list_page .rank_head ul.main_rank li a.active:after,
.list_page .rank_head ul.main_rank li a:hover:after {
	color:#FFF;
}

.list_page .rank_head a.btn_other_rank{
	width:450px;
	display:block;
	margin: 5px auto 0px auto;
	float:none;
}

/*
ランキング一覧
------------------------------------*/
.list_page .rank_index{
	margin: 30px 20px 30px 20px;
	padding:0px 0px 0px 0px;
}

.list_page ul.title_list + .rank_index{
	margin-top: 50px;
}

.list_page .rank_index:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

#Contents.list_page .rank_index h4{
	margin: 0px auto 13px auto;
	padding:10px 0px 10px 5px;
	line-height:1.2;
	font-size:16px;
	font-weight:normal;
	letter-spacing:0.10em;
	color:#333;
	text-indent:0px;
	border-bottom:2px solid #CCC;
}

.list_page .rank_index ul{
	margin:0px 0px 30px 0px;
	line-height:1.3;
}

.list_page .rank_index ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.list_page .rank_index ul li{
	width:150px;
	float:left;
	font-weight:normal;
	letter-spacing:normal;
	margin:0px 4px 8px 4px;
	text-align:center;
	font-size:12px;
}

.list_page .rank_index ul.total li{
	width:236px;
}

.list_page .rank_index ul li a{
	display:block;
	padding:0px 15px 0px 12px;
	text-decoration:none;
	color: #777;
	height:36px;
	line-height:35px;
	border:1px solid #CCC;
	background-color: #F5F5F5;
	text-align:left;
	vertical-align:middle;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	position:relative;
}

.list_page .rank_index ul li a:after {
	margin:0px 0px 0 0;
	content: "\f105";
	font-family: FontAwesome;
	font-size:17px;
	font-weight:bold;
	position: absolute;
	display:block;
	color:#15AACA;
	right:12px;
	top:calc(50% - 18px);
}

.list_page .rank_index ul li a.active,
.list_page .rank_index ul li a:hover,
.list_page .rank_index ul li a:active {
	color:#FFF;
	border:1px solid #14AACA;
	background-color:#14AACA;
}
.list_page .rank_index ul li a.active:after,
.list_page .rank_index ul li a:hover:after {
	color:#FFF;
}

.list_page .rank_index .label_list {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 5px;
	clear:both;
}

.list_page .rank_index .label_list:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.list_page .rank_index .label_list dl {
	margin: 0px 0px 0px 0;
	padding: 0px 0px 5px 0;
	float:left;
	display:inline-block;
}

.list_page .rank_index .label_list dl dt{  
	padding: 4px 10px 4px 7px;
	color:#FFF;
	font-size:11px;
	position: relative;
	background-color:#ACB4B5;
}

.list_page .rank_index .label_list dl dt:before{
	margin: 0px 4px 0px 0px;
	display: inline-block;
	content: "\f0d7";
	font-family: FontAwesome;
	font-size:12px;
	color:#EEE;
	font-weight:normal;
	position: relative;
	top: 0px;
}

.list_page .rank_index .label_list dl dt:after{
	content: '';
	position: absolute;
	top: 0%;
	right:0px;
	width:7px;
	height:100%;
	background-color:#FFF;
}

.list_page .rank_index .label_list dl dd{    
	padding: 7px 0px 9px 0px;
}

.list_page .rank_index .label_list dl dd:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.list_page .rank_index .label_list dl dd a {
	width:150px;
	display: block;
	float:left;
	margin: 0px 8px 8px 0px;
	padding:0px 20px 0px 11px;
	text-align:left;
	vertical-align: middle;
	text-decoration:none;
	font-size:11px;
	color: #777;
	height:36px;
	line-height:35px;
	border:1px solid #CCC;
	background-color: #F5F5F5;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	position:relative;
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

.list_page .rank_index .label_list dl dd a:after {
	margin:0px 0px 0 0;
	content: "\f105";
	font-family: FontAwesome;
	font-size:17px;
	font-weight:bold;
	position: absolute;
	display:block;
	color:#15AACA;
	right:12px;
	top:calc(50% - 18px);
}

.list_page .rank_index .label_list dl dd a.active,
.list_page .rank_index .label_list dl dd a:hover,
.list_page .rank_index .label_list dl dd a:active {
	color:#FFF;
	border:1px solid #14AACA;
	background-color:#14AACA;
}
.list_page .rank_index .label_list dl dd a.active:after,
.list_page .rank_index .label_list dl dd a:hover:after {
	color:#FFF;
}

/*
ランキング商品一覧
------------------------------------*/
.list_page ul.title_list.ranking {
	margin: 0 20px 10px 20px;
	clear:both;
}

.list_page ul.title_list.ranking > li {
	width: calc(25% - 12px);
	margin: 0px 0px 25px 16px;
	padding: 0px 0px 0px 0px;
	float:left;
	display:block;
}

.list_page ul.title_list.ranking > li:nth-child(5n+1) {
	clear: none;
	margin: 0px 0px 25px 16px;
}

.list_page ul.title_list.ranking > li:nth-child(4n+3) {
	clear: left;
	margin-left: 0px;
}

.list_page ul.title_list.ranking > li:nth-child(-n+6) {
	width: calc(33.3% - 12px);
	margin: 0px 0px 25px 18px;
}
.list_page ul.title_list.ranking > li:nth-child(1),
.list_page ul.title_list.ranking > li:nth-child(4) {
	clear: left;
	margin-left: 0px;
}

.list_page ul.title_list.ranking > li:nth-child(3) {
	clear: none;
	margin-left: 18px;
}

.list_page ul.title_list.ranking > li a{
	position: relative;
}

.list_page ul.title_list.ranking > li a:before{
	content:" ";
	position: absolute;
	z-index:10;
	top: 3%;
	left:3%;
	width:30px;
	height:30px;
	text-align:center;
	background-color:#0C687D; 
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.list_page ul.title_list.ranking > li a:after{
	margin:0 0px 0 0px;
	content:"";
	position: absolute;
	z-index:11;
	top: 3%;
	left:3%;
	width:30px;
	height:30px;
	line-height:29px;
	font-size:18px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:700;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	letter-spacing:-0.05em;
	text-indent:-0.08em;
}

.list_page ul.title_list.ranking > li:nth-child(1) a:after{ content:"01";}
.list_page ul.title_list.ranking > li:nth-child(2) a:after{ content:"02";}
.list_page ul.title_list.ranking > li:nth-child(3) a:after{ content:"03";}
.list_page ul.title_list.ranking > li:nth-child(4) a:after{ content:"04";}
.list_page ul.title_list.ranking > li:nth-child(5) a:after{ content:"05";}
.list_page ul.title_list.ranking > li:nth-child(6) a:after{ content:"06";}
.list_page ul.title_list.ranking > li:nth-child(7) a:after{ content:"07";}
.list_page ul.title_list.ranking > li:nth-child(8) a:after{ content:"08";}
.list_page ul.title_list.ranking > li:nth-child(9) a:after{ content:"09";}
.list_page ul.title_list.ranking > li:nth-child(10) a:after{ content:"10";}
.list_page ul.title_list.ranking > li:nth-child(11) a:after{ content:"11";}
.list_page ul.title_list.ranking > li:nth-child(12) a:after{ content:"12";}
.list_page ul.title_list.ranking > li:nth-child(13) a:after{ content:"13";}
.list_page ul.title_list.ranking > li:nth-child(14) a:after{ content:"14";}
.list_page ul.title_list.ranking > li:nth-child(15) a:after{ content:"15";}
.list_page ul.title_list.ranking > li:nth-child(16) a:after{ content:"16";}
.list_page ul.title_list.ranking > li:nth-child(17) a:after{ content:"17";}
.list_page ul.title_list.ranking > li:nth-child(18) a:after{ content:"18";}
.list_page ul.title_list.ranking > li:nth-child(19) a:after{ content:"19";}
.list_page ul.title_list.ranking > li:nth-child(20) a:after{ content:"20";}
.list_page ul.title_list.ranking > li:nth-child(21) a:after{ content:"21";}
.list_page ul.title_list.ranking > li:nth-child(22) a:after{ content:"22";}
.list_page ul.title_list.ranking > li:nth-child(23) a:after{ content:"23";}
.list_page ul.title_list.ranking > li:nth-child(24) a:after{ content:"24";}
.list_page ul.title_list.ranking > li:nth-child(25) a:after{ content:"25";}
.list_page ul.title_list.ranking > li:nth-child(26) a:after{ content:"26";}
.list_page ul.title_list.ranking > li:nth-child(27) a:after{ content:"27";}
.list_page ul.title_list.ranking > li:nth-child(28) a:after{ content:"28";}
.list_page ul.title_list.ranking > li:nth-child(29) a:after{ content:"29";}
.list_page ul.title_list.ranking > li:nth-child(30) a:after{ content:"30";}
.list_page ul.title_list.ranking > li:nth-child(31) a:after{ content:"31";}
.list_page ul.title_list.ranking > li:nth-child(32) a:after{ content:"32";}
.list_page ul.title_list.ranking > li:nth-child(33) a:after{ content:"33";}
.list_page ul.title_list.ranking > li:nth-child(34) a:after{ content:"34";}
.list_page ul.title_list.ranking > li:nth-child(35) a:after{ content:"35";}
.list_page ul.title_list.ranking > li:nth-child(36) a:after{ content:"36";}
.list_page ul.title_list.ranking > li:nth-child(37) a:after{ content:"37";}
.list_page ul.title_list.ranking > li:nth-child(38) a:after{ content:"38";}
.list_page ul.title_list.ranking > li:nth-child(39) a:after{ content:"39";}
.list_page ul.title_list.ranking > li:nth-child(40) a:after{ content:"40";}
.list_page ul.title_list.ranking > li:nth-child(41) a:after{ content:"41";}
.list_page ul.title_list.ranking > li:nth-child(42) a:after{ content:"42";}
.list_page ul.title_list.ranking > li:nth-child(43) a:after{ content:"43";}
.list_page ul.title_list.ranking > li:nth-child(44) a:after{ content:"44";}
.list_page ul.title_list.ranking > li:nth-child(45) a:after{ content:"45";}
.list_page ul.title_list.ranking > li:nth-child(46) a:after{ content:"46";}
.list_page ul.title_list.ranking > li:nth-child(47) a:after{ content:"47";}
.list_page ul.title_list.ranking > li:nth-child(48) a:after{ content:"48";}
.list_page ul.title_list.ranking > li:nth-child(49) a:after{ content:"49";}
.list_page ul.title_list.ranking > li:nth-child(50) a:after{ content:"50";}

.list_page ul.title_list.ranking > li .photo:before {
    content:"";
    display: block;
	padding-top: 56.25%; /* 16:9 */
}

.list_page ul.title_list.ranking.set > li .photo:before {
    content:"";
    display: block;
	padding-top: 66.7%; /* ジャケット（下帯ナシ）比率 */
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■4.出演モデル一覧ページ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.list_page .model_head{
	margin: 0px 20px -20px 20px;
	padding:0px 0px 0px 0px;
}

.list_page .model_head:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.list_page .model_head ul{
	width:100%;
	margin:0px 0 0px 0px;
	line-height:1.3;
	text-align:center;
	display:table;
	table-layout:fixed;
}

.list_page .model_head ul li{
	font-weight:normal;
	letter-spacing:normal;
	margin:0px 0 0 0;
	text-align:center;
	font-size:12px;
	display:table-cell;
	vertical-align:middle;
}

.list_page .model_head ul li a{
	display:block;
	padding:0px 0px 0px 0px;
	text-decoration:none;
	color: #333;
	height:46px;
	line-height:44px;
	text-align:center;
	vertical-align:middle;
	position:relative;
	border:1px solid #CCC;
	border-right:none;
}

.list_page .model_head ul li:first-child a{
	-moz-border-radius:5px 0px 0px 5px;
	-webkit-border-radius:5px 0px 0px 5px;
	border-radius:5px 0px 0px 5px;
}
.list_page .model_head ul li:last-child a{
	border-right:1px solid #CCC;
	-moz-border-radius:0px 5px 5px 0px;
	-webkit-border-radius:0px 5px 5px 0px;
	border-radius:0px 5px 5px 0px;
}

.list_page .model_head ul li a:hover{
	background-color:#E7F6FA;
}

/*
一覧表示
------------------------------------*/

.list_page .model_list{
	margin: 0px 20px 0px 20px;
	padding:0px 0px 0px 0px;
}

#Contents.list_page .model_list h4{
	margin: 0px auto 15px auto;
	padding:10px 0px 8px 5px;
	line-height:1.2;
	font-size:16px;
	letter-spacing:0.15em;
	border-bottom:2px solid #CCC;
}

#Contents.list_page .model_list#a h4{
	padding-top:50px;
}

.list_page .model_list ul {
	margin: 0 3px 10px 3px;
	clear:both;
}

.list_page .model_list ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.list_page .model_list ul > li {
	width: calc(12.5% - 7px);
	margin: 0px 0px 20px 8px;
	padding: 0px 0px 0px 0px;
	float:left;
	display:block;
}

.list_page .model_list ul > li:nth-child(8n+1) {
	clear: left;
	margin-left:0px;
}

.list_page .model_list ul > li a {
	font-weight: normal;
	text-decoration: none;
	display:block;
	position:relative;
}

.list_page .model_list ul > li > a:hover{
	opacity: 0.6; 
	filter: alpha(opacity=60); 
	-ms-filter: "alpha(opacity=60)"; 
	-khtml-opacity: 0.6; 
	-moz-opacity: 0.6; 
}

.list_page .model_list ul li .photo {
	width:100%;
	margin:0 0px 0px 0;
	padding:0 0px 0 0;
	text-align:center;
	position:relative;
	overflow:hidden;
	display: block;
}

.list_page .model_list ul li .photo:before {
    content:"";
    display: block;
	padding-top: 100.0%; 
}

.list_page .model_list ul li .photo .photo_in {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align:center;
}

.list_page .model_list ul li .photo .photo_in:before{
	content:"";
    position: absolute;
	width:100%;
	height:100%;
	left:0;
    top: 0px;
	background:url(../images/common/img_mask.png); 
	background-repeat: no-repeat;
	background-size: cover;
	z-index:10;
}

.list_page .model_list ul li .photo .photo_in img{
	position: absolute;
	width: auto;
	height: 101%;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	display: block
}

.list_page .model_list ul li h5{
	width:auto;
	margin: 8px 0 0px 0;
	padding: 0px 10px 0px 10px;
	font-size:12px;
	line-height:1.2;
	font-weight:normal;
	color:#444;
	overflow:hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
	text-align:center;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■5.作品詳細ページ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#Contents.detail_page h3{
	margin: 0px 0 30px 0;
	padding:15px 20px 15px 20px;
	line-height:1.3;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0em;
	background-color:#0C547D;
	word-break: break-all;
}

#Contents.detail_page h4{
	margin: 0px 0px 7px 0px;
	padding:0px 0px 0px 0px;
	line-height:1.2;
	font-size:14px;
	letter-spacing:0.05em;
	color:#333;
	border:none;
}

.detail_page .base_data{
	margin: 0px 0 40px 0;
	padding:0px 15px 0px 15px;
}

.detail_page .base_data:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.detail_page .base_data .intro_text{
	margin:0px 0px 30px 0px;
	padding:0px 0px 0px 0px;
}

.detail_page .base_data .data .intro_text{
	margin:0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
}

.detail_page .base_data .intro_text p{
	margin:0px 0px 0px 0px;
	padding:0px 0px 10px 0px;
	font-size:13px;
	color:#333;
	line-height:1.6;
	display:block;
}

.detail_page .base_data .intro_text p.pick{
	margin:0px 0px 10px 0px;
	padding:8px 15px 6px 14px;
	font-size:15px;
	color:#FFF;
	font-weight:bold;
	line-height:1.4;
	background-color: #E74C3C;
	display:inline-block;
	-moz-border-radius:4px ;
	-webkit-border-radius:4px;
	border-radius:4px ;
}

/*
商品情報
------------------------------------*/
.detail_page .base_data .data{
	width:280px;
	width:calc(100% - 530px);
	margin: 0px 0 0px 0;
	padding:0px 0px 0px 0px;
	float:left;
	color:#333;
}

.detail_page .base_data .add_info{
	margin: 0px 0 15px 0;
	padding: 0px 0 0px 0;
}

.detail_page .base_data .add_info:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.detail_page .base_data .add_info .status{
	width:calc(100% - 100px);
	margin: 0px 0 0px 0;
	padding: 0px 0 0px 0;
	float:left;
}

.detail_page .base_data .add_info .status span{
	min-width:50px;
	margin: 0px 6px 5px 0px;
	padding:0px 10px 0px 10px;
	display:inline-block;
	text-align:center;
	height:23px;
	line-height:21px;
	border:1px solid #CCC;
	white-space:nowrap;
	font-size:11px;
	font-weight:normal;
	color:#444;
}
.detail_page .base_data .add_info .status span.new{
	border:1px solid #E74C3C;
	background-color:#E74C3C;
	font-weight:bold;
	color:#FFF;
}

.detail_page .base_data .add_info .status span:last-of-type{
	margin-right: 0px;
}

.detail_page .base_data .add_info .date{
	width:100px;
	float:right;
	text-align:right;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:21px;
	white-space:nowrap;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size:13px;
}

.detail_page .base_data .data .already_mess{
	margin:0px 0px 10px 0;
	padding:9px 9px 9px 9px;
	font-size:13px;
	font-weight:bold;
	color:#F00;
	border:2px solid #F00;
	line-height:1.2;
	background-color:#FFF7DF;
	display:inline-block;
	position:relative;
}

.detail_page .base_data .data .already_mess:before{
	margin: 0px 4px 0px 5px;
	display: inline-block;
	content: "\f02c";
	font-family: FontAwesome;
	font-size:14px;
	font-weight:normal;
	position: relative;
	top: 1px;
	color:#F00;
}

/*価格、カート・お気に入りボタン*/
.detail_page .base_data .data .price_box{
	margin:0px 0px 15px 0;
	padding:0px 0px 0px 0px;
}

.detail_page .base_data .price_box p.alert{
	margin:0px 0px 0px 0px;
	padding: 0 0 10px 0;
	font-size:12px;
	font-weight:bold;
	color:#F00;
}

.detail_page .base_data .price_box p.alert:before{
	margin: 0px 3px 0px 0px;
	display: inline-block;
	content: "\f06a";
	font-family: FontAwesome;
	font-size:15px;
	font-weight:normal;
	position: relative;
	top: 1px;
	color:#F00;
}

.detail_page .base_data .data .price_box .price{
	margin:0px 25px 15px 0;
	padding:18px 0px 0px 0px;
	display:inline-block;
	font-size:15px;
	font-weight:bold;
	vertical-align:top;
	clear:both;
}

.detail_page .base_data .data .price_box .price span{
	margin:0 7px 0 0px;
	font-size:12px;
	font-weight:normal;
	vertical-align:1px;
}

.detail_page .base_data .data .price_box .price span.through {
	margin:0 7px 0 0px;
	font-size:14px;
	color:#666;
	text-decoration: line-through;
	white-space:nowrap;
}

.detail_page .base_data .data .price_box .price strong{
	margin:0 3px 0 0px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size:28px;
	vertical-align:-1px;
	line-height:1.0;
}

.detail_page .base_data .data .price_box .price span.tax{
	margin:0 0px 0 0px;
	font-size:12px;
	font-weight:normal;
	vertical-align:1px;
}

.detail_page .base_data .data .price_box .str_price{
	margin:0px 0px 5px 0;
	padding:0px 0px 0px 0px;
}

.detail_page .base_data .data .price_box .str_price:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.detail_page .base_data .data .price_box .str_price p{
	margin:0px 0px 10px 0px;
	padding: 0 0 0px 0;
	font-size:13px;
	font-weight:bold;
	color:#F30;
}

.detail_page .base_data .data .price_box .str_price p a{
	margin:0px 0px 0px 0px;
	padding: 0 0 0px 0;
	color:#333;
	text-decoration:underline;
	font-weight:normal;
}

.detail_page .base_data .data .price_box .str_price p a:before{
	margin: 0px 4px 0px 5px;
	display: inline-block;
	content: "\f059";
	font-family: FontAwesome;
	font-size:15px;
	font-weight:normal;
	position: relative;
	top: 0px;
	color:#F30;
}

.detail_page .base_data .data .price_box .str_price dl {
	margin: 0px 15px 5px 0px;
	padding: 0px 0px 0px 0;
	float:left;
	display:inline-block;
}

.detail_page .base_data .data .price_box .str_price dl:last-of-type {
	margin-right: 0px;
}

.detail_page .base_data .data .price_box .str_price dl dt{  
	padding: 0px 0px 0px 0px;
	font-size:12px;
	font-weight:bold;
}

.detail_page .base_data .data .price_box .str_price dl dd{    
	padding: 3px 0px 0px 0px;
	letter-spacing:-0.4em;
}

.detail_page .base_data .data .price_box .str_price dl dd:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.detail_page .base_data .data .price_box .str_price dl dd input[type="radio"] {
	display: none;
}

.detail_page .base_data .data .price_box .str_price dl dd input[type="radio"] + label {
	display: inline-block;
	margin:0px 8px 7px 0;
	padding: 10px 13px 12px 13px;
	font-size:12px;
	letter-spacing:normal;
	border:1px solid #BBB;
	-moz-border-radius:4px ;
	-webkit-border-radius:4px;
	border-radius:4px ;
	line-height:1.2;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.detail_page .base_data .data .price_box .str_price dl dd input[type="radio"] + label:last-of-type {
	margin-right: 0px;
}

.detail_page .base_data .data .price_box .str_price dl dd input[type="radio"] + label:hover,
.detail_page .base_data .data .price_box .str_price dl dd input[type="radio"]:checked + label {
	color:#FFF;
	border:1px solid #F60;
	background-color:#F60;
}

.detail_page .base_data .data .price_box .str_price dl dd input[type="radio"] + label .term{
	margin: 0px 0px 0px 0px;
	padding:0px 7px 0px 0px;
}

.detail_page .base_data .data .price_box .str_price dl dd input[type="radio"] + label .in_price{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:11px;
	font-weight:bold;
}

.detail_page .base_data .data .price_box .str_price dl dd input[type="radio"] + label .in_price span.through {
	margin:0 7px 0 0px;
	font-size:14px;
	font-weight:normal;
	text-decoration: line-through;
	white-space:nowrap;
}

.detail_page .base_data .data .price_box .str_price dl dd input[type="radio"] + label .in_price strong{
	margin:0 2px 0 0px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size:20px;
	vertical-align:-1px;
	line-height:1.0;
	letter-spacing:-0.03em;
}

.detail_page .base_data .price_box .sale_green{
	color:#fff;
	background:#080;
	display:inline-block;
	padding:1px 10px;
	font-weight:normal;
}

.detail_page .base_data .price_box .blink{
	animation:BLINK 0.5s ease-in-out infinite alternate;
}
@keyframes BLINK{
	0%{opacity:1.0;}100%{opacity:0;}
}

.detail_page .base_data .price_box .saleto_txt{
	font-size: 11px;
	color: #333;
	padding: 0;
	text-align: center;
	font-weight:normal;
}

.detail_page .base_data .data .btn{
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	display:inline-block;
	letter-spacing:-0.4em;
}

.detail_page .base_data .data a.btn_cart,
.detail_page .base_data .data label.btn_cart{
	width:170px;
	margin: 0px 10px 0px 0px;
	padding:0px 8px 0px 0px;
	display:inline-block;
	background-color:#1588CA;
	height:52px;
	line-height:52px;
	text-align:center;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:0em;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	vertical-align:top;
}

.detail_page .base_data .data a.btn_cart:hover,
.detail_page .base_data .data label.btn_cart:hover{
	background-color:#0C547D;
}

.detail_page .base_data .data a.btn_cart:before,
.detail_page .base_data .data label.btn_cart:before {
	margin:0px 6px 0px 0;
	display:inline-block;
	position: relative;
	content: "\f291";
	font-family: FontAwesome;
	font-size:16px;
	font-weight:normal;
	color:#FFF;
	top:0px;
}

.detail_page .base_data .data a.btn_dl{
	width:170px;
	margin: 0px 10px 0px 0px;
	padding:0px 8px 0px 0px;
	display:inline-block;
	background-color:#E67168;
	height:52px;
	line-height:52px;
	text-align:center;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:0em;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	vertical-align:top;
}

.detail_page .base_data .data a.btn_dl:hover{
	background-color:#CE363E;
}

.detail_page .base_data .data a.btn_dl:before {
	margin:0px 6px 0px 0;
	display:inline-block;
	position: relative;
	content: "\f019";
	font-family: FontAwesome;
	font-size:16px;
	font-weight:normal;
	color:#FFF;
	top:0px;
}

.detail_page .base_data .data a.btn_stplay{
	width:180px;
	margin: 0px 10px 0px 0px;
	padding:0px 5px 0px 0px;
	display:inline-block;
	background-color:#E67168;
	height:52px;
	line-height:50px;
	text-align:center;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:0em;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	vertical-align:top;
}

.detail_page .base_data .data a.btn_stplay:hover{
	background-color:#CE363E;
}

.detail_page .base_data .data a.btn_stplay:before {
	margin:0px 5px 0px 0;
	display:inline-block;
	position: relative;
	content: "\f110";
	font-family: FontAwesome;
	font-size:17px;
	font-weight:normal;
	color:#FFF;
	top:2px;
}

.detail_page .base_data .data a.btn_fav{
	width:150px;
	margin: 0px 0px 0px 0px;
	padding:0px 4px 0px 0px;
	display:inline-block;
	height:52px;
	line-height:50px;
	text-align:center;
	text-decoration:none;
	color:#333;
	font-size:11px;
	font-weight:normal;
	background-color:#E0E0E0;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	vertical-align:top;
	letter-spacing:normal;
}

.detail_page .base_data .data a.btn_fav:hover{
	background-color:#666;
	color:#FFF;
}

.detail_page .base_data .data .btn_fav:before {
	margin:0px 4px 0px 0;
	display:inline-block;
	position: relative;
	content: "\f005";
	font-family: FontAwesome;
	font-size:15px;
	font-weight:normal;
	color:#1588CA;
	top:2px;
}

.detail_page .base_data .data .btn_fav:hover:before {
	color:#EEE;
}

.detail_page .base_data .data a.favon{
	width:150px;
	margin: 0px 0px 0px 0px;
	padding:0px 4px 0px 0px;
	display:inline-block;
	height:52px;
	line-height:50px;
	text-align:center;
	text-decoration:none;
	color:#777;
	font-size:11px;
	font-weight:normal;
	background-color:#CCC;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	vertical-align:top;
	letter-spacing:normal;
	cursor:default;
}

.detail_page .base_data .data .favon:before {
	margin:0px 4px 0px 0;
	display:inline-block;
	position: relative;
	content: "\f005";
	font-family: FontAwesome;
	font-size:15px;
	font-weight:normal;
	color:#999;
	top:2px;
}

/*商品カテゴリー*/
.detail_page .base_data .data .prod_category{
	margin: 15px 0px 20px 0px;
	padding:15px 18px 10px 18px;
	background-color:#EBEBEB;
	clear:both;
}

.detail_page .base_data .data .prod_category ul{
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.detail_page .base_data .data .prod_category ul li{
	margin: 0px 0px 5px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}

.detail_page .base_data .data .prod_category ul li:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.detail_page .base_data .data .prod_category ul li strong{
	min-width:90px;
	margin: 0px 8px 0px 0px;
	padding:0px 8px 0px 8px;
	display:inline-block;
	text-align:center;
	height:22px;
	line-height:23px;
	background-color:#5D6D7E;
	font-size:11px;
	font-weight:normal;
	white-space:nowrap;
	color:#FFF;
	top:-1px;
	position:relative;
	float:left;
}

.detail_page .base_data .data .prod_category .item{
	margin: 0px 0px 0px 0px;
	padding:3px 0px 0px 0px;
	display:block;
	font-size:12px;
	line-height:1.3;
}

.detail_page .base_data .data .prod_category .item a{
	text-decoration:none;
}

.detail_page .base_data .data .prod_category .item a:hover{
	text-decoration:underline;
}

/*商品情報*/
#Contents.detail_page .base_data .data h4.prod_info{
	margin: 0px 0px 7px 0px;
	padding:0px 0px 0px 0px;
	line-height:1.2;
	font-size:14px;
	letter-spacing:0.05em;
	color:#333;
	border-bottom:none;
	position: relative;
}

#Contents.detail_page .base_data .data h4.prod_info:before {
	content: "\f008";
	font-family: FontAwesome;
	font-size:15px;
	font-weight:normal;
	position: relative;
	margin:0 5px 0 0;
	display:inline-block;
	color:#0C547D;
	top:0px;
}

.detail_page .base_data .data table.prod_data{
	width:100%;
	margin:0px 0 20px 0;
	padding:0px;
	line-height:1.4;
	border-collapse:collapse;
	border-spacing:0;
	border:0;
	font-size:12px;
	table-layout:fixed;
}

.detail_page .base_data .data table.prod_data th,
.detail_page .base_data .data table.prod_data td{
	text-align:left;
	vertical-align:middle;
	border:1px solid #BBB;
}

.detail_page .base_data .data table.prod_data th{
	padding:8px 5px 7px 5px ;
	white-space:nowrap;
	width:90px;
	color:#111;
	font-weight:normal;
	text-align:center;
	font-size:10px;
	background-color:#EBEBEB;
}

.detail_page .base_data .data table.prod_data td{
	padding:10px 10px 9px 10px ;
}

/*セット商品へのリンク*/
.detail_page .base_data .data .to_setbox{
	width:100%;
	margin: 40px auto 30px auto;
	padding: 0px 19px 19px 19px;
	border:1px solid #BBB;
}

#Contents.detail_page .base_data .data .to_setbox h4{
	margin: -1px -20px 20px -20px;
	padding:13px 15px 13px 15px;
	line-height:1.2;
	font-size:14px;
	color:#FFF;
	font-weight:bold;
	letter-spacing:0.05em;
	text-indent:0.05em;
	background-color:#0C547D;
	border:none;
	position:relative;
	text-align:center;
}

#Contents.detail_page .base_data .data .to_setbox h4:before {
	margin: 0px 0px 0px -10px;
	content: '';
	position: absolute;
	top: 100%;
	left:50%;
	border: solid transparent;
	border-top: 10px solid #0C547D;
	border-right: 10px solid transparent;
	border-bottom: 0px solid transparent;
	border-left: 10px solid transparent;
}

.detail_page .base_data .data .to_setbox a.jacket{
	width:37%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
	position:relative;
	overflow:hidden;
	text-align:center;
}

.detail_page .base_data .data .to_setbox a.jacket:before{
	content:"";
    position: absolute;
	width:100%;
	height:100%;
	left:0;
    top: 0px;
	z-index:10;
	background:url(../images/common/img_mask.png); 
	background-repeat: no-repeat;
	background-size: cover;
}

.detail_page .base_data .data .to_setbox a.jacket img{
	width:100%;
	height:auto;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

.detail_page .base_data .data .to_setbox a.jacket:hover img{
	opacity: 0.7; 
	filter: alpha(opacity=70); 
	-ms-filter: "alpha(opacity=70)"; 
	-khtml-opacity: 0.7; 
	-moz-opacity: 0.7;
}

.detail_page .base_data .data .to_setbox .right{
	width:63%;
	margin: 0px 0 0px 0;
	padding:0px 0px 0px 3%;
	float:right;
}

.detail_page .base_data .data .to_setbox .right .status{
	margin: 0px 0 5px 0;
	padding: 0px 0 0px 0;
}

.detail_page .base_data .data .to_setbox .right .status span{
	min-width:40px;
	margin: 0px 4px 4px 0px;
	padding:0px 10px 0px 10px;
	display:inline-block;
	text-align:center;
	height:21px;
	line-height:20px;
	border:1px solid #CCC;
	white-space:nowrap;
	font-size:11px;
	font-weight:normal;
	color:#444;
}
.detail_page .base_data .data .to_setbox .right .status span.new{
	border:1px solid #E74C3C;
	background-color:#E74C3C;
	font-weight:bold;
	color:#FFF;
}

.detail_page .base_data .data .to_setbox .right .status span:last-of-type{
	margin-right: 0px;
}

.detail_page .base_data .data .to_setbox .right .date{
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	line-height:1.2;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size:12px;
}

.detail_page .base_data .data .to_setbox .right h5{
	margin: 0px 0px 10px 0px;
	padding:0px 0px 0px 0px;
	line-height:1.4;
	font-size:13px;
	font-weight:bold;
	word-break: break-all;
}

.detail_page .base_data .data .to_setbox .right .price{
	margin:0px 0px 0px 0;
	padding:0px 0px 0px 0px;
	font-size:14px;
	font-weight:bold;
	vertical-align:top;
}

.detail_page .base_data .data .to_setbox .right .price span{
	margin:0 5px 0 0px;
	font-size:11px;
	font-weight:normal;
	vertical-align:1px;
}

.detail_page .base_data .data .to_setbox .right .price span.through {
	margin:0 7px 0 0px;
	font-size:13px;
	color:#666;
	text-decoration: line-through;
	white-space:nowrap;
}

.detail_page .base_data .data .to_setbox .right .price strong{
	margin:0 3px 0 0px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size:24px;
	vertical-align:-1px;
	line-height:1.0;
}

.detail_page .base_data .data .to_setbox .right .price span.tax{
	margin:0 0px 0 0px;
	font-size:11px;
	font-weight:normal;
	vertical-align:1px;
}

.detail_page .base_data .data .to_setbox .right p.price_biko{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:11px;
	color:#FFBF00;
	line-height:1.4;
}

.detail_page .base_data .data .to_setbox .right a.btn_to_set{
	min-width:180px;
	margin: 15px 5px 0px auto;
	padding:0px 35px 0px 20px;
	display:inline-block;
	background-color:#0C547D;
	height:46px;
	line-height:46px;
	text-align:center;
	text-decoration:none;
	font-size:13px;
	font-weight:bold;
	color:#FFF;
	position:relative;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
}

.detail_page .base_data .data .to_setbox .right a.btn_to_set:hover{
	background-color:#14AACA;
}

.detail_page .base_data .data .to_setbox .right a.btn_to_set:after {
	margin:0px 0px 0 0;
	content: "\f105";
	font-family: FontAwesome;
	font-size:24px;
	font-weight:bold;
	position: absolute;
	display:block;
	color:#FFF;
	right:14px;
	top:calc(50% - 24px);
}

@media screen and (max-width: 1260px) {
.detail_page .base_data .data .to_setbox a.jacket{
	width:100%;
	float:none;
}

.detail_page .base_data .data .to_setbox .right{
	width:100%;
	margin: 15px 0 0px 0;
	padding:0px 0px 0px 0px;
	float:none;
}

}

#Contents.detail_page .base_data .data .to_setbox.honpen h4{
	background-color: #909BA7;
}

#Contents.detail_page .base_data .data .to_setbox.honpen h4:before {
	border-top: 10px solid #909BA7;
}

.detail_page .base_data .data .to_setbox.honpen .right a.btn_to_set{
	background-color: #909BA7;
}
.detail_page .base_data .data .to_setbox.honpen .right a.btn_to_set:hover{
	background-color:#14AACA;
}


/*
作品写真＆サンプル動画
------------------------------------*/
.detail_page .base_data .gallery{
	width:480px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
	position:relative;
}

.detail_page .base_data .gallery .title_photo{
	width:480px;
	margin:0px 0px 40px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
}

.detail_page .base_data .gallery .title_photo .photo_flexslider:before{
	content:"";
    position: absolute;
	width:480px;
	height:270px;
	left:0;
    top: 0px;
	z-index:10;
	background:url(../images/common/img_mask.png); 
	background-repeat: no-repeat;
	background-size: cover;
}

.detail_page .base_data .gallery .title_photo p.guide{
	margin: 10px 0 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:11px;
	line-height:1.4;
}

.detail_page .base_data .gallery .sample_box{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

/*
セット商品スタイル
------------------------------------*/
.detail_page .set_photo{
	width:100%;
	margin:15px auto 30px auto;
	padding:0px 0px 0px 0px;
	clear:both;
}

.detail_page .set_photo .inbox{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	background-color:#EBEBEB;
	text-align:center;
}

.detail_page .set_photo .inbox:before{
	content:"";
    position: absolute;
	width:100%;
	height:100%;
	left:0;
    top: 0px;
	z-index:10;
	background:url(../images/common/img_mask.png); 
	background-repeat: no-repeat;
	background-size: cover;
}

.detail_page .set_photo .inbox img{
	max-width:100%;
	height:auto;
}

.detail_page .set_photo p{
	margin: 10px 0 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size:11px;
	color:#666;
	line-height:1.4;
	text-align:right;
}

/*
収録作品
------------------------------------*/
.detail_page #include_title{
	margin: 0px auto 30px auto;
	padding: 0px 15px 0px 15px;
}

.detail_page #include_title h4{
	margin: 0px 0 3px 0;
	padding:0px 0px 0px 0px;
	line-height:1.3;
	font-size:17px;
	font-weight:bold;
	color:#BF392B;
	letter-spacing:0.03em;
}

.detail_page #include_title p{
	margin: 0px 0 0px 0;
	padding: 0px 0px 0px 0px;
	font-size:12px;
	line-height:1.4;
	font-weight:normal;
}

.detail_page #include_title ul{
	margin: 15px auto 0px auto;
	padding: 0px 0px 0px 0px;
}

.detail_page #include_title ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.detail_page #include_title ul > li {
	margin: 0px 0 20px 0px;
	padding: 0px 0px 0px 0px;
	border:1px solid #BBB;
	border-top:none;
}

.detail_page #include_title ul > li a {
	font-weight: normal;
	text-decoration: none;
	padding:0px 0px 0px 0px;
	position:relative;
}

.detail_page #include_title ul li a h5{
	margin: 0px -1px 0px -1px;
	padding:15px 35px 14px 88px;
	line-height:1.3;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:0em;
	background-color:#3D7697;
	position:relative;
	word-break: break-all;
}

.detail_page #include_title ul li a:hover h5{
	background-color:#14AACA;
}

.detail_page #include_title ul li a h5:before{
	margin:0 0px 0 0px;
	content:"";
	position: absolute;
	top: 12px;
	left: 12px;
	width:60px;
	height:21px;
	line-height:21px;
	font-size:12px;
	font-family: 'Montserrat', sans-serif;
	font-weight:400;
	color:#FFF;
	text-align:center;
	vertical-align:middle;
	border:1px solid #9EBBCB;
}
.detail_page #include_title ul li a:hover h5:before{
	border:1px solid #B9E6EF;
}

.detail_page #include_title ul li:nth-child(1) a h5:before{
	content:"FILE 01";
}
.detail_page #include_title ul li:nth-child(2) a h5:before{
	content:"FILE 02";
}
.detail_page #include_title ul li:nth-child(3) a h5:before{
	content:"FILE 03";
}
.detail_page #include_title ul li:nth-child(4) a h5:before{
	content:"FILE 04";
}
.detail_page #include_title ul li:nth-child(5) a h5:before{
	content:"FILE 05";
}
.detail_page #include_title ul li:nth-child(6) a h5:before{
	content:"FILE 06";
}
.detail_page #include_title ul li:nth-child(7) a h5:before{
	content:"FILE 07";
}
.detail_page #include_title ul li:nth-child(8) a h5:before{
	content:"FILE 08";
}
.detail_page #include_title ul li:nth-child(9) a h5:before{
	content:"FILE 09";
}
.detail_page #include_title ul li:nth-child(10) a h5:before{
	content:"FILE 10";
}
.detail_page #include_title ul li:nth-child(11) a h5:before{
	content:"FILE 11";
}
.detail_page #include_title ul li:nth-child(12) a h5:before{
	content:"FILE 12";
}
.detail_page #include_title ul li:nth-child(13) a h5:before{
	content:"FILE 13";
}
.detail_page #include_title ul li:nth-child(14) a h5:before{
	content:"FILE 14";
}
.detail_page #include_title ul li:nth-child(15) a h5:before{
	content:"FILE 15";
}
.detail_page #include_title ul li:nth-child(16) a h5:before{
	content:"FILE 16";
}
.detail_page #include_title ul li:nth-child(17) a h5:before{
	content:"FILE 17";
}
.detail_page #include_title ul li:nth-child(18) a h5:before{
	content:"FILE 18";
}
.detail_page #include_title ul li:nth-child(19) a h5:before{
	content:"FILE 19";
}
.detail_page #include_title ul li:nth-child(20) a h5:before{
	content:"FILE 20";
}
.detail_page #include_title ul li:nth-child(21) a h5:before{
	content:"FILE 21";
}
.detail_page #include_title ul li:nth-child(22) a h5:before{
	content:"FILE 22";
}
.detail_page #include_title ul li:nth-child(23) a h5:before{
	content:"FILE 23";
}
.detail_page #include_title ul li:nth-child(24) a h5:before{
	content:"FILE 24";
}
.detail_page #include_title ul li:nth-child(25) a h5:before{
	content:"FILE 25";
}
.detail_page #include_title ul li:nth-child(26) a h5:before{
	content:"FILE 26";
}
.detail_page #include_title ul li:nth-child(27) a h5:before{
	content:"FILE 27";
}
.detail_page #include_title ul li:nth-child(28) a h5:before{
	content:"FILE 28";
}
.detail_page #include_title ul li:nth-child(29) a h5:before{
	content:"FILE 29";
}
.detail_page #include_title ul li:nth-child(30) a h5:before{
	content:"FILE 30";
}
.detail_page #include_title ul li:nth-child(31) a h5:before{
	content:"FILE 31";
}
.detail_page #include_title ul li:nth-child(32) a h5:before{
	content:"FILE 32";
}
.detail_page #include_title ul li:nth-child(33) a h5:before{
	content:"FILE 33";
}
.detail_page #include_title ul li:nth-child(34) a h5:before{
	content:"FILE 34";
}
.detail_page #include_title ul li:nth-child(35) a h5:before{
	content:"FILE 35";
}
.detail_page #include_title ul li:nth-child(36) a h5:before{
	content:"FILE 36";
}
.detail_page #include_title ul li:nth-child(37) a h5:before{
	content:"FILE 37";
}
.detail_page #include_title ul li:nth-child(38) a h5:before{
	content:"FILE 38";
}
.detail_page #include_title ul li:nth-child(39) a h5:before{
	content:"FILE 39";
}
.detail_page #include_title ul li:nth-child(40) a h5:before{
	content:"FILE 40";
}
.detail_page #include_title ul li:nth-child(41) a h5:before{
	content:"FILE 41";
}
.detail_page #include_title ul li:nth-child(42) a h5:before{
	content:"FILE 42";
}
.detail_page #include_title ul li:nth-child(43) a h5:before{
	content:"FILE 43";
}
.detail_page #include_title ul li:nth-child(44) a h5:before{
	content:"FILE 44";
}
.detail_page #include_title ul li:nth-child(45) a h5:before{
	content:"FILE 45";
}
.detail_page #include_title ul li:nth-child(46) a h5:before{
	content:"FILE 46";
}
.detail_page #include_title ul li:nth-child(47) a h5:before{
	content:"FILE 47";
}
.detail_page #include_title ul li:nth-child(48) a h5:before{
	content:"FILE 48";
}
.detail_page #include_title ul li:nth-child(49) a h5:before{
	content:"FILE 49";
}
.detail_page #include_title ul li:nth-child(50) a h5:before{
	content:"FILE 50";
}

.detail_page #include_title ul li a h5:after {
	margin:0px 0px 0 0;
	content: "\f105";
	font-family: FontAwesome;
	font-size:24px;
	font-weight:bold;
	position: absolute;
	display:block;
	color:#FFF;
	right:14px;
	top:calc(50% - 16px);
	z-index:10;
}

.detail_page #include_title ul li .sub_data{
	margin: 0px 0 12px 0;
	padding:7px 13px 7px 10px;
	background-color:#EBEBEB;
	text-align:right;
	font-size:11px;
}

.detail_page #include_title ul li .sub_data span.through {
    margin: 0px 5px 0 0px;
	padding: 0px 0px 0px 0px;
    font-size: 12px;
    color: #555;
    text-decoration: line-through;
    white-space: nowrap;
	font-weight:normal;
}

.detail_page #include_title ul li .sub_data strong{
	font-size:12px;
}

.detail_page #include_title ul li p{
	margin: 0px 0 0px 0;
	padding: 0px 15px 0px 15px;
	font-size:11px;
	line-height:1.4;
	font-weight:normal;
	color:#444;
}

.detail_page #include_title ul li a:hover p{
	color:#999;
}

.detail_page #include_title ul li a ol {
	margin: 12px 13px 11px 15px;
	position:relative;
}

.detail_page #include_title ul li a ol:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.detail_page #include_title ul li a ol li {
	width: calc(14.28% - 4px);
	margin: 0px 0px 4px 4px;
	padding: 0px 0px 0px 0px;
	float:left;
	display:block;
}

.detail_page #include_title ul li a ol li:nth-child(7n+1) {
	clear: left;
	margin-left:0;
}

.detail_page #include_title ul li a ol li .photo {
	width:100%;
	margin:0 0px 0px 0;
	padding:0 0px 0 0;
	text-align:center;
	position:relative;
	background-color:#EEEEEE;
	overflow:hidden;
	display: block;
}

.detail_page #include_title ul li a ol li .photo:before {
    content:"";
    display: block;
	padding-top: 56.25%; /* 16:9 */
}

.detail_page #include_title ul li a ol li .photo .photo_in {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
	text-align:center;
}

.detail_page #include_title ul li a ol li .photo .photo_in:before{
	content:"";
    position: absolute;
	width:100%;
	height:100%;
	left:0;
    top: 0px;
	background:url(../images/common/img_mask.png); 
	background-repeat: no-repeat;
	background-size: cover;
	z-index:10;
}

.detail_page #include_title ul li a ol li .photo .photo_in img{
	position: absolute;
	max-width: 101%;
	max-height: 101%;
	width: auto;
	height: auto;
	top: 50%;
	left: 50%;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
	touch-callout:none;
	user-select:none;
	-webkit-touch-callout:none;
	-webkit-user-select:none;
	-moz-touch-callout:none;
	-moz-user-select:none;
	display: block
}

.detail_page #include_title ul li a:hover ol li .photo{
	opacity: 0.75; 
	filter: alpha(opacity=75); 
	-ms-filter: "alpha(opacity=75)"; 
	-khtml-opacity: 0.75; 
	-moz-opacity: 0.75; 
}

.detail_page #include_title ul li a h5,
.detail_page #include_title ul li a h5:before,
.detail_page #include_title ul li a ol li .photo{
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

/*
関連作品
------------------------------------*/
#related {
	margin: 40px auto 40px auto;
	padding:0px 0px 0px 0px;
}

#related h5{
	margin: 0px 0px 17px 0px;
	padding:0px 10px 10px 5px;
	line-height:1.3;
	font-size:15px;
	font-weight:bold;
	letter-spacing:0.05em;
	position:relative;
	border-bottom:3px solid #CCCCCC;
}

#related h5:before {
	content: '';
	position: absolute;
	bottom: -3px;
	left:0;
	background-color:#15AACA;
	width:200px;
	height:3px;
}

#related ul.title_list {
	margin: 0 0px 0px 0px;
}

#related ul.title_list li .photo:before {
    content:"";
    display: block;
	padding-top: 56.25%; /* 16:9 */
}

#related ul.title_list.set li .photo:before {
    content:"";
    display: block;
	padding-top: 66.7%; /* ジャケット（下帯ナシ）比率 */
}

/*
カートインモーダル
------------------------------------*/
section#cart-in {
	width: 600px;
	position: relative;
	margin: 0px auto 0 auto;
	padding: 35px 25px 35px 25px;
	background-color:#FFF;
}

section#cart-in a.close {
	position:absolute;
	top:12px;
	right:12px;
	display:block;
	width: 30px;
	height:30px;
	margin:0;
	padding:0px 0 0;
    background-color: #CCC;
	-moz-border-radius:50%;
	-webkit-border-radius:50%;
	border-radius:50%;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
}

section#cart-in a.close:after {
	margin:0px 0px 0 0;
	content: "\f00d";
	font-family: FontAwesome;
	font-size:20px;
	font-weight:normal;
	position: absolute;
	display:block;
	color:#FFF;
	right:7px;
	top:0px;
	z-index:10;
}

section#cart-in a.close:hover{
    background-color: #999;
}

section#cart-in h4{
	margin: 0px auto 15px auto;
	padding:0px 0px 0px 0px;
	line-height:1.3;
	font-size:15px;
	font-weight:bold;
	letter-spacing:0em;
	border:none;
}

section#cart-in .textbox01{
	margin: 0px auto 15px auto;
	padding:0px 0px 0px 0px;
}

section#cart-in .textbox01 p{
	margin:0 0 0 0;
	padding: 0 0 5px 0;
	font-size: 12px;
	line-height: 1.5;
	text-align:left;
}

section#cart-in .textbox01 p.attent{
	font-size:13px;
	font-weight:bold;
	color:#F00;
}

section#cart-in ul.title_list {
	width: 100%;
	margin: 0 auto 0px auto;
}

section#cart-in ul.title_list > li {
	width: 100%;
	margin: 0px 0 0px 0px;
	padding: 10px 0px 10px 0px;
	border-top:1px solid #CCC;
	display:table;
	table-layout:fixed;
}

section#cart-in ul.title_list li .left {
	width:30%;
	margin:0px 0px 0 0;
	padding:0 0px 0 5px;
	position: relative;
	display:table-cell;
	vertical-align:middle;
}

section#cart-in ul.title_list li .left .photo:before {
    content:"";
    display: block;
	padding-top: 56.25%; /* 16:9 */
}

section#cart-in ul.title_list.set li .left .photo:before {
    content:"";
    display: block;
	padding-top: 66.7%; /* ジャケット（下帯ナシ）比率 */
}

section#cart-in ul.title_list li .wrapDetail {
	width:70%;
	margin:0 0px 0px 0;
	padding:5px 10px 0 20px;
	display:table-cell;
	vertical-align:middle;
}

section#cart-in ul.title_list li .wrapDetail h5{
	margin: 0px 0 5px 0;
	padding: 0px 0 0px 0px;
	font-size:12px;
	line-height:1.4;
	font-weight:bold;
	text-align:left;
	word-break: break-all;
}

section#cart-in ul.title_list li .wrapDetail .price{
	margin:0px 0px 0px 0;
	padding:0px 0px 0px 0px;
	font-size:13px;
	font-weight:bold;
	vertical-align:top;
	text-align:right;
}

section#cart-in ul.title_list li .wrapDetail .price span{
	margin:0 5px 0 0px;
	font-size:11px;
	font-weight:normal;
}

section#cart-in ul.title_list li .wrapDetail .price span.through {
	margin:0 10px 0 0px;
	font-size:13px;
	color:#666;
	text-decoration: line-through;
	white-space:nowrap;
}

section#cart-in ul.title_list li .wrapDetail .price span.tax{
	margin:0 0px 0 0px;
	font-size:11px;
	font-weight:normal;
}

section#cart-in ul.title_list li .wrapDetail .price strong{
	margin:0 3px 0 0px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size:22px;
	vertical-align:-1px;
	line-height:1.0;
}

section#cart-in .sum {
	width: 550px;
	margin: 0 auto 10px auto;
    padding: 5px 10px 0px 0px;
	border-top:1px solid #CCC;
	text-align:right;
	font-size:13px;
	font-weight:bold;
}

section#cart-in .sum strong{
	margin:0 3px 0 10px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size:22px;
	vertical-align:-1px;
	letter-spacing:0em;
}

section#cart-in .sum span.tax{
	margin:0 0px 0 0px;
	font-size:11px;
	font-weight:normal;
}

section#cart-in .btn_navi {
	margin: 20px 0 0px 0;
	text-align:center;
	letter-spacing:-0.4em;
}

section#cart-in .btn_navi input:active {
	position:relative;
	top:1px;
	left:1px;
}

section#cart-in .btn_navi input[type=button]{
	width:220px;
	display:inline-block;
	margin: 0px 0px 0px 20px;
	padding: 0px 20px 0px 20px;
	font-size:14px;
	height:44px;
	line-height:45px;
	font-weight: bold;
	letter-spacing:0.05em;
	text-indent:0.05em;
	background-color:#0C547D;
	text-align:center;
	color:#FFF;
	cursor:pointer;
	border:none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
   -webkit-appearance: none;
	-webkit-transition: 0.4s;
	-moz-transition: 0.4s;
	-ms-transition: 0.4s;
	-o-transition: 0.4s;
	transition: 0.4s;
	vertical-align:top;
}
section#cart-in .btn_navi input[type=button]:hover{
	background-color:#14AACA;
}

section#cart-in .btn_navi input[type=button].back{
	width:160px;
	margin: 0px 0px 0px 0px;
	padding: 0px 20px 0px 20px;
	font-size:13px;
	height:44px;
	line-height:44px;
	font-weight: normal;
	letter-spacing:0em;
	text-indent:0em;
	color:#333;
	background-color:#F5F5F5;
	border:1px solid #CCC;
}
section#cart-in .btn_navi input[type=button].back:hover{
	background-color:#EEE;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■5_2.作品詳細ページ（定額コース対応）
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#Contents.detail_page.flat_type h3{
	margin: 0px 0 20px 0;
	padding:15px 20px 15px 20px;
	line-height:1.3;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0em;
	background-color:#16A085;
	word-break: break-all;
	position:relative;
}

#Contents.detail_page.flat_type h3 span.flat{
	min-width:50px;
	margin: 0px 14px 0px 0px;
	padding:0px 12px 0px 12px;
	display:inline-block;
	text-align:center;
	height:25px;
	line-height:23px;
	border:1px solid #DCF114;
	white-space:nowrap;
	font-size:11px;
	font-weight:bold;
	color:#FFF;
	color:#FF0;
	vertical-align:2px;
}

.detail_page.flat_type .flat_play {
	margin: 0px 15px 20px 15px;
	padding:0px 0px 0px 0px;
}

.detail_page.flat_type .flat_play a.btn_back{
	display:inline-block;
	margin: 0px 0px 0px 0px;
	padding: 0px 25px 0px 35px;
	font-size:12px;
	height:40px;
	line-height:38px;
	background-color:#F5F5F5;
	border:1px solid #CCC;
	text-align:center;
	color:#333;
	text-decoration:none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
   -webkit-appearance: none;
	vertical-align:top;
	position:relative;
}

.detail_page.flat_type .flat_play a.btn_back:before {
	margin:-20px 0px 0 0;
	content: "\f104";
	font-family: FontAwesome;
	font-size:22px;
	font-weight:normal;
	position: absolute;
	display:block;
	color:#16A085;
	left:15px;
	top:50%;
}

.detail_page.flat_type .flat_play a.btn_back:hover{
	background-color:#EEE;
}

.detail_page.flat_type .flat_play .watch_area {
	margin: 20px auto 50px auto;
	padding:0px 0px 0px 0px;
	text-align:center;
}

.detail_page.flat_type .flat_play .watch_area img{
	max-width: 100%;
}

.detail_page.flat_type .base_data .data a.btn_purchase_page{
//	width:170px;
	margin: 0px 0px 0px 0px;
	padding:0px 50px 0px 30px;
	display:inline-block;
	background-color:#16A085;
	height:54px;
	line-height:54px;
	text-align:center;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	color:#FFF;
	letter-spacing:0em;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	vertical-align:top;
	position:relative;
}

.detail_page.flat_type .base_data .data a.btn_purchase_page:hover{
	background-color:#0F705D;
}

.detail_page.flat_type .base_data .data a.btn_purchase_page:before {
	margin:0px 7px 0px 0;
	display:inline-block;
	position: relative;
	content: "\f291";
	font-family: FontAwesome;
	font-size:17px;
	font-weight:normal;
	color:#FFF;
	top:0px;
}

.detail_page.flat_type .base_data .data a.btn_purchase_page:after {
	margin:0px 0px 0 0;
	content: "\f105";
	font-family: FontAwesome;
	font-size:24px;
	font-weight:bold;
	position: absolute;
	display:block;
	color:#FFF;
	right:14px;
	top:calc(50% - 27px);
}

#Contents.detail_page.flat_type .base_data .data .to_setbox.flat_set h4{
	background-color:#16A085;
}

#Contents.detail_page.flat_type .base_data .data .to_setbox.flat_set h4:before {
	border-top: 10px solid #16A085;
}

.detail_page.flat_type .base_data .data .to_setbox.flat_set .right a.btn_to_set{
	background-color:#16A085;
}

.detail_page.flat_type .base_data .data .to_setbox.flat_set .right a.btn_to_set:hover{
	background-color:#0F705D;
}

.detail_page.flat_type #include_title ul li a h5{
	background-color:#16A085;
}

.detail_page.flat_type #include_title ul li a:hover h5{
	background-color:#0F705D;
}

.detail_page.flat_type #include_title ul li a h5:before{
	border:1px solid #8BD0C2;
}
.detail_page.flat_type #include_title ul li a:hover h5:before{
	border:1px solid #87B8AE;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■6.ショッピングカート
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#Contents.cart_page h3{
	margin: 0px 0px 30px 0px;
	position:relative;
}

#Contents.cart_page h3:before {
	margin:0px 6px 0px 0;
	display:inline-block;
	position: relative;
	content: "\f291";
	font-family: FontAwesome;
	font-size:17px;
	font-weight:normal;
	color:#FFF;
	top:-1px;
	opacity: 0.95; 
}

/* フロー
-------------------------------- */
.cart_page .step_flow{
	margin:0px auto 25px auto;
	padding:0px 30px 0px 30px;
}

.cart_page .step_flow ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

.cart_page .step_flow ul:after {
	content: ".";
	height: 0;
	clear: both;
	display: block;
	visibility: hidden;
}

.cart_page .step_flow ul li{
	width:33.3%;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 12px;
	display:block;
	text-align:center;
	line-height:45px;
	height:46px;
	float:left;
	color:#666;
	border:1px solid #CCC;
	border-left:none;
	border-right:none;
	background-color:#F5F5F5;
	font-size:14px;
	position: relative;
}

.cart_page .step_flow ul li.active{
	background-color:#FAE3E1;
	font-size:14px;
	color:#000;
}

.cart_page .step_flow ul li:first-child{
	border-left:1px solid #CCC;
		-moz-border-radius:4px 0px 0px 4px ;
	-webkit-border-radius:4px 0px 0px 4px ;
	border-radius:4px 0px 0px 4px ;
}

.cart_page .step_flow ul li:last-child{
	border-right:1px solid #CCC;
		-moz-border-radius:0px 4px 4px 0px ;
	-webkit-border-radius:0px 4px 4px 0px ;
	border-radius:0px 4px 4px 0px ;
}

.cart_page .step_flow ul li:not(:last-child):before{
	content: "";
	position: absolute;
	top: 50%;
	right: -44px;
 	margin-top: -22px;
	border: 22px solid transparent;
	border-left: 22px solid #F5F5F5;
 	z-index: 2;
}

.cart_page .step_flow ul li:not(:last-child):after{
	content: "";
	position: absolute;
	top: 50%;
	right: -46px;
 	margin-top: -23px;
	border: 23px solid transparent;
	border-left: 23px solid #BBB;
 	z-index: 1;
}

.cart_page .step_flow ul li.active:not(:last-child):before{
	border-left: 22px solid #FAE3E1;
}

/*
カート内商品一覧表示
------------------------------------*/
.cart_page ul.title_list {
	margin: 0 30px 0px 30px;
}

.cart_page ul.title_list > li {
	width: 100%;
	margin: 0px 0 0px 0px;
	padding: 15px 20px 15px 10px;
	border-top:1px solid #CCC;
	display:table;
	table-layout:fixed;
}

.cart_page ul.title_list li .left {
	width:25%;
	margin:0px 0px 0 0;
	padding:0 0px 0 0px;
	position: relative;
	display:table-cell;
	vertical-align:middle;
}

.cart_page ul.title_list li .left .photo:before {
    content:"";
    display: block;
	padding-top: 56.25%; /* 16:9 */
}

.cart_page ul.title_list li.set .left .photo:before {
    content:"";
    display: block;
	padding-top: 66.7%; /* ジャケット（下帯ナシ）比率 */
}

.cart_page ul.title_list li .wrapDetail {
	width:75%;
	margin:0 0px 0px 0;
	padding:5px 0px 0 25px;
	display:table-cell;
	vertical-align:middle;
}

.cart_page ul.title_list li .wrapDetail h5{
	margin: 0px 0 5px 0;
	padding: 0px 0 0px 0px;
	font-size:13px;
	line-height:1.4;
	color: #333;
	font-weight:normal;
	text-align:left;
	word-break: break-all;
}

.cart_page ul.title_list li .wrapDetail h5 a,
.cart_page ul.title_list li .wrapDetail h5 a:link,
.cart_page ul.title_list li .wrapDetail h5 a:visited {
	color: #333;
	text-decoration:underline;
}

.cart_page ul.title_list li .wrapDetail h5 a:hover,
.cart_page ul.title_list li .wrapDetail h5 a:active {
	text-decoration:none;
}

.cart_page ul.title_list li .wrapDetail .price{
	margin:0px 0px 0px 0;
	padding:0px 0px 0px 0px;
	font-size:14px;
	font-weight:bold;
	vertical-align:top;
	text-align:right;
}

.cart_page ul.title_list li .wrapDetail .price span{
	margin:0 8px 0 0px;
	font-size:12px;
	font-weight:normal;
}

.cart_page ul.title_list li .wrapDetail .price span.through {
	margin:0 10px 0 0px;
	font-size:13px;
	color:#666;
	text-decoration: line-through;
	white-space:nowrap;
}

.cart_page ul.title_list li .wrapDetail .price strong{
	margin:0 4px 0 0px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size:25px;
	vertical-align:-2px;
	line-height:1.0;
}

.cart_page ul.title_list li .wrapDetail .price span.tax{
	margin:0 0px 0 0px;
	font-size:12px;
	font-weight:normal;
}

.cart_page ul.title_list li .wrapDetail a.btn_remove{
	width:120px;
	margin: 5px 0px 0px 0px;
	padding:0px 13px 0px 10px;
	display:block;
	background-color:#BBB;
	color:#FFF;
	height:26px;
	line-height:24px;
	text-align:center;
	text-decoration:none;
	font-size:11px;
	font-weight:normal;
	letter-spacing:0em;
	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	position:relative;
}

.cart_page ul.title_list li .wrapDetail a.btn_remove:hover{
	background-color:#666;
}

.cart_page ul.title_list li .wrapDetail a.btn_remove:before {
	margin:0px 4px 0px 0;
	display:inline-block;
	position: relative;
	content: "\f014";
	font-family: FontAwesome;
	font-size:15px;
	font-weight:normal;
	color:#FFF;
	top:1px;
	opacity: 0.95; 
}

/*
合計表示
------------------------------------*/
.cart_page .sum {
	margin: 5px 30px 40px 30px;
    padding: 14px 19px 17px 17px;
	border:1px solid #CCC;
	text-align:right;
	font-size:14px;
	font-weight:bold;
	background-color:#F5F5F5;
}

.cart_page .sum span.price{
	color:#900;
}

.cart_page .sum span.price strong{
	margin:0 4px 0 5px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size:25px;
	vertical-align:-2px;
	line-height:1.0;
}

.cart_page .sum span.tax{
	margin:0 0px 0 0px;
	font-size:12px;
	font-weight:normal;
}

/*
ボタン
------------------------------------*/
.cart_page .btn_navi {
	margin: 40px 0 40px 0;
	text-align:center;
	letter-spacing:-0.4em;
}

.cart_page .btn_navi input:active {
	position:relative;
	top:1px;
	left:1px;
}

.cart_page .btn_navi input[type=button]{
	min-width:300px;
	display:inline-block;
	margin: 0px 10px 0px 10px;
	padding: 0px 25px 0px 25px;
	font-size:15px;
	height:60px;
	line-height:62px;
	font-weight: bold;
	letter-spacing:0.05em;
	text-indent:0.05em;
	background-color:#14AACA;
	text-align:center;
	color:#FFF;
	cursor:pointer;
	border:none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
   -webkit-appearance: none;
	vertical-align:top;
}
.cart_page .btn_navi input[type=button]:hover{
	background-color:#0C547D;
}

.cart_page .btn_navi input[type=button].back{
	min-width:180px;
	margin: 0px 10px 0px 10px;
	padding: 0px 25px 0px 25px;
	font-size:13px;
	height:60px;
	line-height:60px;
	font-weight: normal;
	letter-spacing:0.05em;
	text-indent:0.05em;
	color:#333;
	background-color:#F5F5F5;
	border:1px solid #CCC;
}
.cart_page .btn_navi input[type=button].back:hover{
	background-color:#EEE;
}

/*
お支払い方法選択
------------------------------------*/
.cart_page .pay_box {
	margin: 50px 15px 50px 15px;
    padding: 0px 0px 0px 0px;
}

.cart_page .pay_box p{
	margin:0 15px 0 15px;
	padding: 0 0 0px 0;
	font-size: 14px;
	line-height: 1.4;
}

.cart_page .pay_box .inbox{
	width:100%;
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:table;
	table-layout:fixed;
	border-collapse: separate;  
	border-spacing: 15px 0; 
}

.cart_page .pay_box .inbox input[type=radio] {
	display: none;
}

.cart_page .pay_box .inbox > label {
	margin: 0px 0px 0px 0px;
	padding: 50px 15px 20px 15px;
	display: block;
	text-align:center;
	vertical-align: middle;
	font-size:12px;
	font-weight:normal;
	cursor: pointer;
	border:2px solid #CCC;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	border-radius:7px;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	display:table-cell;
	vertical-align:top;
	position:relative;
}

.cart_page .pay_box .inbox input[type=radio]:checked + label {
	border:2px solid #F60;
	background-color:#FFF7D9;
}

.cart_page .pay_box .inbox input[type=radio] + label::before,
.cart_page .pay_box .inbox input[type=radio] + label::after {
	content:" ";
	position: absolute;
	-webkit-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

.cart_page .pay_box .inbox input[type=radio] + label::before{
	left: calc(50% - 10px);
	top: 15px;
	width: 20px;
	height: 20px;
	background: #FFF;
	border: 1px solid #CCC;
}

.cart_page .pay_box .inbox input[type=radio] + label::after{
	top: 17px;
	left: calc(50% - 11px);
	width:24px;
	height:18px;
	background-image:url(../images/common/icon_check.png); 
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	opacity: 0;
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}

.cart_page .pay_box .inbox input[type=radio]:checked + label::after{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.cart_page .pay_box .inbox > label h5{
	margin:0px 0px 7px 0px;
	padding:0px 0px 0px 0px;
	font-size:13px;
	font-weight:bold;
}

.cart_page .pay_box .inbox > label p{
	margin:10px 0px 4px 0px;
	padding: 0 0 0px 0;
	font-size: 11px;
	line-height: 1.4;
	text-align:left;
}

.cart_page .pay_box .inbox > label input[type="text"]{
	width:100%;
	margin:0px 0px;
	padding:5px 6px 4px 6px ;
	font-size: 12px;
	line-height: 1.4;
	background-color:#FFF;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■7.ログインページ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.login_page .login_box {
	width: 890px;
	margin: 0 auto 30px auto;
    padding: 30px 0px 30px 0px;
	background-color:#F0F0F0;
	display:table;
	table-layout:fixed;
//    border-collapse: separate;
//    border-spacing: 15px 0px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
}

.login_page .login_box .inbox{
	width: 50%;
	display:table-cell;
	padding:15px 45px 20px 45px ;
	vertical-align:top;
}

.login_page .login_box .inbox:first-child{
	width: 55%;
	border-right:1px solid #CCC;
}

#Contents.login_page .login_box .inbox h4{
	width:100%;
	margin: 0px 0 15px 0;
	padding:0px 0px 0px 0px;
	line-height:1.2;
	font-size:15px;
	font-weight:bold;
	letter-spacing:0.05em;
	border-bottom:none;
}

.login_page .login_box .inbox .leadbox{
	margin: 0px auto 10px auto;
}

.login_page .login_box .inbox .leadbox p{
	margin:0 0 0 0;
	padding: 0 0 10px 0;
	font-size: 12px;
	line-height: 1.6;
}

.login_page .login_box .inbox .leadbox p strong{
	margin:0px 0 0 0;
	padding: 0 0 0px 0;
	font-size:13px;
	font-weight:bold;
	color:#F00;
}

.login_page .login_box .inbox .leadbox p.error{
	font-size:14px;
	font-weight:bold;
	color:#F00;
}

.login_page .login_box .inbox dl.form {
	margin: 0px 0px 0px 0;
	padding: 0px 0px 0px 0;
}

.login_page .login_box .inbox dl.form dt{  
	padding: 0px 0px 0px 0px;
	position: relative;
}

.login_page .login_box .inbox dl.form dt:before{
	margin: 0px 6px 0px 0px;
	display: inline-block;
	content: "\f023";
	font-family: FontAwesome;
	font-size:14px;
	color:#777;
	font-weight:normal;
	position: relative;
	top: 1px;
}
.login_page .login_box .inbox dl.form dt:first-child:before{
	content: "\f2bd";
	font-size:13px;
	top: 0px;
}

.login_page .login_box .inbox dl.form dd{    
	padding: 2px 0px 10px 0px;
}

.login_page .login_box .inbox dl.form dd input[type=text],
.login_page .login_box .inbox dl.form dd input[type=password]{
	width:100%;
	margin:0px 0px;
	padding: 12px 7px 11px 10px;
	font-size: 13px;
	border:1px solid #BBB;
	line-height:1.0;
}

.login_page .login_box .inbox dl.form dd input[type=checkbox] {
	display: none;
}

.login_page .login_box .inbox dl.form dd input[type=checkbox] + label {
	width:auto;
	display: inline-block;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 0px 24px;
	cursor: pointer;
	position:relative;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	vertical-align:top;
	float:right;
}

.login_page .login_box .inbox dl.form dd input[type=checkbox] + label::before,
.login_page .login_box .inbox dl.form dd input[type=checkbox] + label::after {
	content:" ";
	position: absolute;
	-webkit-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

.login_page .login_box .inbox dl.form dd input[type=checkbox] + label::before{
	left: 0;
	top: 0px;
	width: 16px;
	height: 16px;
	background: #FFF;
	border: 1px solid #CCC;
}

.login_page .login_box .inbox dl.form dd input[type=checkbox] + label::after{
	top: 2px;
	left: 2px;
	width:18px;
	height:13px;
	background-image:url(../images/common/icon_check.png); 
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	opacity: 0;
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}

.login_page .login_box .inbox dl.form dd input[type=checkbox]:checked + label::after{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/*
ボタン
------------------------------------*/
.login_page .login_box .inbox .btn_login {
	margin: 30px 0 0px 0;
	letter-spacing:-0.4em;
}

.login_page .login_box .inbox .btn_login p{
	margin:0px 0 0 0;
	padding: 3px 0 3px 0;
	font-size: 11px;
	line-height: 1.3;
	letter-spacing:normal;
}

.login_page .login_box .inbox .btn_login input[type=button]{
	width:180px;
	display:block;
	margin: 0px 20px 0px 0px;
	padding: 0px 10px 0px 10px;
	font-size:14px;
	height:58px;
	line-height:56px;
	font-weight: bold;
	letter-spacing:0.2em;
	text-indent:0.2em;
	background-color:#14AACA;
	text-align:center;
	color:#FFF;
	cursor:pointer;
	border:1px solid #14AACA;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
   -webkit-appearance: none;
	vertical-align:top;
	float:left;
}

.login_page .login_box .inbox .btn_login input[type=button].new_regist{
	width:280px;
	margin: 0px auto 0px auto;
	font-size:13px;
	height:54px;
	line-height:52px;
	font-weight: normal;
	letter-spacing:0.05em;
	text-indent:0.05em;
	color:#333;
	background-color:#FFF;
	border:1px solid #999;
	border-radius: 30px;
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	float:none;
}

.login_page .login_box .inbox .btn_login input[type=button]:hover{
	background-color:#0C547D;
	border:1px solid #0C547D;
	color:#FFF;
}

/*
新規会員登録
------------------------------------*/
.login_page .sign_up{
	margin: 0px 20px 20px 20px;
	padding:0px 0px 0px 0px;
}

.login_page .sign_up p.lead{
	margin: 0px 10px 0px 10px;
	padding: 0 0 15px 0;
	font-size: 22px;
	font-weight: bold;
	color: #F60;
	letter-spacing:0.05em;
}

#Contents.login_page .sign_up h4{
	width:100%;
	margin: 30px 10px 30px 10px;
	padding:17px 20px 17px 20px;
	line-height:1.2;
	font-size:17px;
	font-weight:bold;
	letter-spacing:0.15em;
	border:1px solid #CCC;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	position:relative;
}

#Contents.login_page .sign_up h4.lead{
	margin: 0px 10px 0px 10px;
	padding:15px 20px 17px 20px;
	letter-spacing:0.08em;
}

.login_page .sign_up h4.lead:before{
	margin: 0px 7px 0px 0px;
	display: inline-block;
	content: "\f06a";
	font-family: FontAwesome;
	font-size:21px;
	font-weight:normal;
	position: relative;
	top: 1px;
	color:#F30;
}

.login_page .sign_up h5{
	margin: 25px 30px 7px 30px;
	padding:0px 0px 0px 0px;
	line-height:1.2;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.08em;
	color:#333;
	border-bottom:none;
}

.login_page .sign_up .textbox01 p strong{
	margin:0px 0 0 0;
	padding: 0 0 0px 0;
	font-size:13px;
	font-weight:bold;
	color:#F00;
}

.login_page .sign_up .textbox01 p.attent{
	margin:0px 0 0 0;
	padding: 0 0 5px 0;
	font-size:15px;
	font-weight:bold;
	color:#F30;
	position:relative;
	text-align:center;
}

.login_page .sign_up .textbox01 p.attent:before{
	margin: 0px 7px 0px 0px;
	display: inline-block;
	content: "\f06a";
	font-family: FontAwesome;
	font-size:21px;
	font-weight:normal;
	position: relative;
	top: 2px;
	color:#F30;
}

.login_page table.signup01{
	width:calc(100% + 14px);
	margin:0px -7px 7px -7px;
	padding:0px;
	line-height:1.3;
	border-collapse:separate;
	border-spacing:7px;
	border:0;
	font-size:13px;
	table-layout:fixed;
}

.login_page table.signup01 thead th {
	color: #FFF;
	font-size:15px;
	padding: 9px 9px;
	background-color: #5487A4;
	font-weight: bold;
	text-align: center;
	white-space:nowrap;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.login_page table.signup01 thead th:first-child {
	width:180px;
	background: none;
}

.login_page table.signup01 tbody th,
.login_page table.signup01 tbody td{
	text-align:center;
	vertical-align:middle;
	background-clip: padding-box;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.login_page table.signup01 tbody th{
	width:180px;
	padding:15px 5px 15px 5px ;
//	white-space:nowrap;
	font-weight:normal;
	font-size:12px;
	position:relative;
	background-color:#F0F0F0;
	background-color:#E0E0E0;
}

.login_page table.signup01 tbody td{
	padding:15px 10px 15px 10px ;
	line-height:1.5;
	font-size: 14px;
	background-color:#F0F0F0;
}

.login_page table.signup01 tbody td .fa-check{
	color:#14AACA;
	color:#E74C3C;
	font-size: 1.4em
}

.login_page table.signup02{
	width:100%;
	margin:10px 0px 25px 0px;
	padding:0px;
	line-height:1.3;
	border-collapse:collapse;
	border-spacing:0;
	border:0;
	font-size:12px;
	table-layout:fixed;
}

.login_page table.signup02 th,
.login_page table.signup02 td{
	text-align:left;
	vertical-align:top;
	border:1px solid #999;
	background-clip: padding-box;
}

.login_page table.signup02 th{
	padding:10px 10px 10px 10px ;
	font-weight:normal;
	text-align:center;
	vertical-align:middle;
	position:relative;
	background-color:#F0F0F0;
}

.login_page table.signup02 th strong{
	margin:0px 0px 0px 0px ;
	padding:0px 0px 0px 0px ;
	display:block;
}

.login_page table.signup02 td{
	padding:12px 15px 15px 15px ;
	line-height:1.5;
}

.login_page table.signup02 td span{
	width:110px;
	margin:0px 0px 4px 0px;
	padding:0px 10px 0 10px;
	display:block;
	white-space:nowrap;
	font-size:11px;
	color:#FFF;
    height: 20px;
    line-height: 21px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
    text-align: center;
	background-color:#A1A8A9;
}

.login_page .sign_up .textbox01 ul.sign_nav{
	margin:10px 0px 50px 0;
	padding:0;
	text-align:center;
	letter-spacing:-0.4em;
	clear:both;
}

.login_page .sign_up .textbox01 ul.sign_nav li {
	display:inline-block;
	letter-spacing:normal;
	margin:0 15px 0 15px;
}

.login_page .sign_up .textbox01 ul.sign_nav li a{
	width:340px;
	margin: 0px 0px 0px 0px;
	padding:0px 10px 0px 0px;
	display:block;
	background-color:#14AACA;
	height:54px;
	line-height:54px;
	text-align:center;
	-moz-border-radius:30px;
	-webkit-border-radius:30px;
	border-radius:30px;
	text-decoration:none;
	font-weight:bold;
	font-size:15px;
	color:#FFF;
	position:relative;
}

.login_page .sign_up .textbox01 ul.sign_nav li a:after {
	margin:0px 0px 0 0;
	content: "\f105";
	font-family: FontAwesome;
	font-size:24px;
	font-weight:bold;
	position: absolute;
	display:block;
	color:#FFF;
	right:18px;
	top:calc(50% - 27px);
}

.login_page .sign_up .textbox01 ul.sign_nav li a:hover,
.login_page .sign_up .textbox01 ul.sign_nav li a:active {
	background-color:#0C547D;
}

.login_page table.form{
	width:calc(100% - 60px);
	margin:20px 30px 30px 30px;
	padding:0px;
	line-height:1.3;
	border-collapse:collapse;
	border-spacing:0;
	border:0;
	font-size:12px;
}

.login_page table.form th,
.login_page table.form td{
	text-align:left;
	vertical-align:middle;
	border:1px solid #999;
	background-clip: padding-box;
}

.login_page table.form th{
	width:230px;
	padding:15px 15px 15px 15px ;
	white-space:nowrap;
	font-weight:normal;
	font-size:12px;
	position:relative;
	background-color:#F0F0F0;
}

.login_page table.form th .sub{
	margin:0px 0px 0px 10px;
	font-weight:normal;
	font-size:12px;
	color:#CCC;
}

.login_page table.form td{
	padding:15px 15px 15px 15px ;
	line-height:1.5;
	font-size: 13px;
}

.login_page table.form td .ex{
	color:#06C;
	font-size:11px;
	padding:0 0 0 12px;
	line-height:1.3;
}

.login_page table.form td div.ex{
	padding:3px 0 0 0px;
}

.login_page table.form td .description{
	margin:8px 0px 0px 0px ;
	padding:0px 0px 0px 0px ;
	font-size:12px;
	line-height:1.4;
}

.login_page table.form td input[type=button].key_send {
    margin: 2px 0 0 5px;
    padding: 0 15px 0 15px;
	display:inline-block;
    color: #fff;
    cursor: pointer;
    font-size: 12px;
    font-weight: bold;
    height: 30px;
    line-height: 32px;
	background-color:#E74C3C;
    border-radius: 3px;
	border:none;
   -webkit-appearance: none;
   vertical-align:top;
}

.login_page table.form td input.key_send:hover {
	background-color:#8F2327;
}

.login_page table.form td input[type=radio] {
	display: none;
}

.login_page table.form td input[type="radio"] + label {
	position: relative;
	display: block;
	display: inline-block;
	margin:2px 0px 2px 0;
	padding: 1px 0px 0px 21px;
	cursor: pointer;
	font-size:13px;
	text-align:left;
	vertical-align:middle;
}

.login_page table.form td input[type=radio] + label + input[type=radio] + label{
	margin-left:15px;
}

.login_page table.form td input[type="radio"] + label::before,
.login_page table.form td input[type="radio"] + label::after {
	position: absolute;
	content: '';
	top: 50%;
	border-radius: 100%;
	-webkit-transition: all .2s;
	transition: all .2s;
}

.login_page table.form td input[type="radio"] + label::before {
	left: 0;
	width: 14px;
	height: 14px;
	margin-top: -8px;
	background: #FFF;
	border: 1px solid #999;
}

.login_page table.form td input[type="radio"] + label:hover::before {
	background: #fff;
}

.login_page table.form td input[type="radio"] + label::after {
	opacity: 0;
	left: 4px;
	width: 8px;
	height: 8px;
	margin-top: -4px;
	background: #E74C3C;
	-webkit-transform: scale(2);
	transform: scale(2);
}

.login_page table.form td input[type="radio"]:checked + label::before {
	background: #fff;
	border: 1px solid #E74C3C;
}

.login_page table.form td input[type="radio"]:checked + label::after {
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

.login_page table.form td input[type=text],
.login_page table.form td input[type=email],
.login_page table.form td input[type=password]{
	width:260px;
}

.login_page table.form td input[type=number]#birth1,
.login_page table.form td input[type=number]#birth2,
.login_page table.form td input[type=number]#birth3{
	width:60px;
	margin-right:5px;
	margin-left:10px;
}
.login_page table.form td input[type=number]#birth1{
	width:80px;
}

/*
規約同意
------------------------------------*/
.login_page .rule_box {
	margin: 30px 30px 30px 30px;
    padding: 0px 0px 0px 0px;
}

.login_page .rule_box h5{
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 0px;
	font-size:15px;
	font-weight:bold;
}

.login_page .rule_box p{
	margin:0px 0px 0px 0px;
	padding: 0 0 0px 0;
	font-size: 12px;
	line-height: 1.4;
	text-align:left;
}

.login_page .rule_box .inbox{
	margin:10px 0px 0px 0px;
	padding:20px 20px 20px 20px;
	border:1px solid #CCC;
	height:360px;
	overflow-y: scroll;
	position:relative;
	line-height:1.4;
}

.login_page .rule_box .inbox::after {
	display: block;
	height: 20px;
	width:100%;
	background-color:transparent;
	content: '';
}

.login_page .rule_box .inbox p.lead {
	margin: 0px 0px 0px 0px;
	padding: 0 0 10px 0;
	font-size: 12px;
	font-weight: normal;
	color: #222;
	letter-spacing:0em;
}

.login_page .rule_box .inbox dl {
	margin:10px 0 0px 0;
	padding:0;
}

.login_page .rule_box .inbox dl dt {
	margin:0;
	padding:0;
}

.login_page .rule_box .inbox dl dt h6 {
	margin:0 0 4px 0;
	padding:0;
	font-size:13px;
}

.login_page .rule_box .inbox dl dd {
	margin:0 0px 0 0px;
	padding:0 0px 10px 0px;
	font-size:12px;
}

.login_page .rule_box .inbox dl dd p {
	margin:0 0 10px 0;
	padding:0;
	font-size:12px;
	line-height:1.4;
}

.login_page .rule_box .inbox dl dd p.tar {
	margin:0 0 0px 0;
	text-align:right;
}

.login_page .rule_box .inbox dl dd em {
	font-style:normal;
}

.login_page .rule_box .inbox dl dd ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	line-height:1.3;
}

.login_page .rule_box .inbox dl dd li{
	margin:0px 0px 3px 0px;
	padding:0px 0px 0px 0px;
}

.login_page .rule_box .inbox .agree_gray {
	margin:15px 0 10px 0;
    padding: 15px 20px 10px 20px;
    background-color: #F0F0F0;
}

.login_page .rule_box .agree_check{
	margin:15px 0px 0px 0px;
	padding:23px 20px 20px 10px;
	background-color:#F0F0F0;
	text-align:center;
	font-size:13px;
}

.login_page .rule_box .agree_check input[type=checkbox] {
	display: none;
}

.login_page .rule_box .agree_check input[type=checkbox] + label {
	width:auto;
	display: inline-block;
	margin: -4px 0px 0px 10px;
	padding: 2px 0px 0px 30px;
	cursor: pointer;
	position:relative;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
	vertical-align:top;
	font-size:15px;
	font-weight:bold;
}

.login_page .rule_box .agree_check input[type=checkbox] + label::before,
.login_page .rule_box .agree_check input[type=checkbox] + label::after {
	content:" ";
	position: absolute;
	-webkit-transition: all 0.1s linear;
	transition: all 0.1s linear;
}

.login_page .rule_box .agree_check input[type=checkbox] + label::before{
	left: 0;
	top: 0px;
	width: 20px;
	height: 20px;
	background: #FFF;
	border: 1px solid #CCC;
}

.login_page .rule_box .agree_check input[type=checkbox] + label::after{
	top: 2px;
	left: 2px;
	width:24px;
	height:18px;
	background-image:url(../images/common/icon_check.png); 
	background-repeat: no-repeat;
	background-size: contain;
	background-position: left top;
	opacity: 0;
	-webkit-transform: scale(1.4);
	transform: scale(1.4);
}

.login_page .rule_box .agree_check input[type=checkbox]:checked + label::after{
	opacity: 1;
	-webkit-transform: scale(1);
	transform: scale(1);
}

/*
ボタン
------------------------------------*/
.login_page .btn_navi {
	margin: 30px 0 30px 0;
	text-align:center;
	letter-spacing:-0.4em;
}

.login_page .btn_navi input[type=button]{
	min-width:300px;
	display:inline-block;
	margin: 0px 10px 0px 10px;
	padding: 0px 25px 0px 25px;
	font-size:15px;
	height:60px;
	line-height:62px;
	font-weight: bold;
	letter-spacing:0.05em;
	text-indent:0.05em;
	background-color:#14AACA;
	text-align:center;
	color:#FFF;
	cursor:pointer;
	border:none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
   -webkit-appearance: none;
	vertical-align:top;
}
.login_page .btn_navi input[type=button]:hover{
	background-color:#0C547D;
}

.login_page .btn_navi input[type=button].back{
	min-width:180px;
	margin: 0px 10px 0px 10px;
	padding: 0px 25px 0px 25px;
	font-size:13px;
	height:60px;
	line-height:60px;
	font-weight: normal;
	letter-spacing:0.04em;
	text-indent:0.04em;
	color:#333;
	background-color:#F5F5F5;
	border:1px solid #CCC;
}

.login_page .btn_navi input[type=button].back:hover{
	background-color:#EEE;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■8.トピックス
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
/* トピックス一覧
-------------------------------- */
.topics_page .result_head {
	margin: 20px 20px 20px 20px;
	padding:0px 0px 0px 0px;
}

.topics_page .result_head ul#pagenation{
	width: 460px;
	text-align:right;
	float:right;
}

.topics_page .result_head.foot ul#pagenation{
	width:100%;
	text-align:center;
	float:none;
}

.topics_page .result_head .option{
	width:400px;
	margin:0px 0px 0px 0px;
	vertical-align:top;
	color:#333;
	display:block;
	float:left;
}

.topics_page .result_head .option ul {
	width:400px;
	margin: 0 0px 0px 0px;
	padding:0px 0px 0px 0px;
	display:inline-block;
	letter-spacing:-0.4em;
}

.topics_page .result_head .option ul li {
	width:125px;
	margin: 0px 0 0 0px;
	padding: 0px 0px 0px 0px;
	color: #333;
	letter-spacing:normal;
	display:inline-block;
}
.topics_page .result_head .option ul li:first-child {
	width:150px;
}

.topics_page .result_head .option ul li input[type=radio] {
	display: none;
}

.topics_page .result_head .option ul li label {
	width:100%;
	display:block;
	margin: 0px 0px 0px 0;
	padding: 0px 0px 0px 0px;
	vertical-align: middle;
	text-align:center;
	font-size:12px;
	height:35px;
	line-height:35px;
	font-weight:normal;
	color:#444;
	background-color:#F5F5F5;
	border:1px solid #99A3A4;
	cursor: pointer;
	-webkit-transition: all 0.2s linear;
	transition: all 0.2s linear;
}

.topics_page .result_head .option ul li:nth-child(1) label {
	border:1px solid #99A3A4;
	border-right:none;
	-moz-border-radius:5px 0px 0px 5px ;
	-webkit-border-radius:5px 0px 0px 5px ;
	border-radius:5px 0px 0px 5px ;
}
.topics_page .result_head .option ul li:nth-child(3) label {
	border:1px solid #99A3A4;
	border-left:none;
	-moz-border-radius:0px 5px 5px 0px ;
	-webkit-border-radius:0px 5px 5px 0px ;
	border-radius:0px 5px 5px 0px ;
}

.topics_page .result_head .option ul li label:hover {
	color:#FFF;
	background-color:#99A3A4;
	border-color:#99A3A4;
}

.topics_page .result_head .option ul li input[type=radio]:checked + label {
	color:#FFF;
	background-color:#99A3A4;
	border-color:#99A3A4;
}

.topics_page ul.list{
	padding:0px;
	margin:0px 20px 30px 20px;
	font-size:12px;
}

.topics_page ul.list li{
	width:100%;
	margin:0px 0px 0px 0px;
	padding:10px 5px 10px 5px;
	line-height:1.4;
	font-size:12px;
	border-bottom:1px dotted #CCC;
}

.topics_page ul.list li:first-child {
	border-top:1px dotted #CCC;
}

.topics_page ul.list li .status{
	width:100px;
	margin:0px 10px 0 0px;
	padding:0px;
	display:inline-block;
}

.topics_page ul.list li .status span{
	width:100px;
	margin:0px 0px 0 0px;
	padding:0px;
	white-space:nowrap;
	font-size:11px;
	color:#FFF;
	display:block;
    height: 19px;
    line-height: 19px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
    text-align: center;
}

.topics_page ul.list li .status span.category01{/*重要*/
	border:1px solid #E67168;
	background-color:#E67168;
}

.topics_page ul.list li .status span.category02{/*お知らせ*/
	border:1px solid #CCC;
	color:#333;
}
.topics_page ul.list li .status span.category03{/*更新情報*/
	border:1px solid #B7BEBF;
	background-color:#B7BEBF;
}

.topics_page ul.list li .date{
	margin:0px 0px 0 0px;
	padding:0px 0px 0 0px;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size:12px;
	color:#34495E;
	display:inline-block;
}

.topics_page ul.list li .info{
	margin:0px 0px 0 0px;
	padding:4px 0px 0 3px;
	display:block;
	white-space:normal;
}

.topics_page ul.list li a,
.topics_page ul.list li a:link,
.topics_page ul.list li a:visited{
	text-decoration: none;
	color:#333;
}

.topics_page ul.list li a:hover,
.topics_page ul.list li a:active{
	text-decoration: underline;
	color: #333;
}

.topics_page ul.list li a.new:after{
	content: "NEW";
	width:36px;
	margin:0 0px 0px 5px;
	padding:0 0px 0px 0;
	text-align:center;
	display:inline-block;
	position: relative;
	font-weight:normal;
	font-size:10px;
	height:13px;
	line-height:15px;
	color:#FFF;
	top:-1px;
	left:0px;
	letter-spacing:0em;
	background-color:#B20000;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

/* 詳細ページ
-------------------------------- */
.topics_page .topics_detail{
	margin:0px 20px 0px 20px;
	padding:0px 0px 0px 0px;
}

.topics_page .topics_detail a.btn_back{
	width:140px;
	margin: 0px 0px 0px 0px;
	padding:0px 0px 0px 3px;
	display:block;
	border:1px solid #CCC;
	height:34px;
	line-height:30px;
	text-align:center;
	text-decoration:none;
	font-family: 'Ubuntu', sans-serif;
	font-weight:500;
	font-size:13px;
	position:relative;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
}

.topics_page .topics_detail a.btn_back:before {
	margin:0px 0px 0 0;
	content: "\f104";
	font-family: FontAwesome;
	font-size:22px;
	font-weight:normal;
	position: absolute;
	display:block;
	color:#15AACA;
	left:13px;
	top:calc(50% - 16px);
}

.topics_page .topics_detail a.btn_back:hover,
.topics_page .topics_detail a.btn_back:active {
	color:#FFF;
	border:1px solid #14AACA;
	background-color:#14AACA;
}
.topics_page .topics_detail a.btn_back:hover:before {
	color:#FFF;
}

.topics_page .topics_detail .inbox{
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}

#Contents.topics_page .topics_detail .inbox h4{
	margin: 0px auto 0px auto;
	padding:0px 5px 12px 5px;
	line-height:1.3;
	font-size:15px;
	letter-spacing:0.05em;
	border-bottom:1px solid #CCC;
	position:relative;
}

.topics_page .topics_detail .inbox h4 span{
	width:110px;
	margin:0px 10px 5px 0px;
	padding:0px;
	white-space:nowrap;
	font-size:11px;
	font-weight:normal;
	color:#FFF;
	display:inline-block;
    height: 22px;
    line-height: 21px;
	-moz-border-radius:15px;
	-webkit-border-radius:15px;
	border-radius:15px;
    text-align: center;
	position:relative;
	top:-1px;
}

.topics_page .topics_detail .inbox h4 span.category01{/*重要*/
	border:1px solid #E67168;
	background-color:#E67168;
}
.topics_page .topics_detail .inbox h4 span.category02{/*お知らせ*/
	border:1px solid #CCC;
	color:#333;
}

.topics_page .topics_detail .inbox h4.new:after{
	content: "NEW";
	width:36px;
	margin:0 0px 0px 8px;
	padding:0 0px 0px 0;
	text-align:center;
	display:inline-block;
	position: relative;
	font-weight:normal;
	font-size:11px;
	height:15px;
	line-height:15px;
	color:#FFF;
	top:-2px;
	left:0px;
	letter-spacing:0em;
	background-color:#B20000;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
}

.topics_page .topics_detail .inbox .info_date{
	margin:15px 0px 0px 0px;
	padding:0px 20px 0px 20px;
	white-space:nowrap;
	text-align:right;
	font-family: 'Ubuntu', sans-serif;
	font-weight:400;
	font-size:14px;
	color:#34495E;
	clear:both;
}

.topics_page .topics_detail .inbox .detail_box{
	margin:10px auto 40px auto;
	padding:0px 20px 0px 20px;
	font-size:13px;
	line-height:1.6;
}

.topics_page .topics_detail .inbox .detail_box img{
	max-width:100%;
}

.topics_page .topics_detail .inbox .detail_box p{
	margin: 0px 0 0px 0px;
	padding: 0px 0px 10px 0px;
	font-size:13px;
	line-height:1.6;
}

.topics_page .topics_detail .inbox .detail_box p strong{
	margin: 0px 3px 0px 0px;
	font-size:13px;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■9.お問い合わせフォーム
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
.inquiry_page table.form{
	width:calc(100% - 60px);
	margin:20px 30px 30px 30px;
	padding:0px;
	line-height:1.3;
	border-collapse:collapse;
	border-spacing:0;
	border:0;
	font-size:12px;
}

.inquiry_page table.form th,
.inquiry_page table.form td{
	text-align:left;
	vertical-align:middle;
	border:1px solid #999;
	background-clip: padding-box;
}

.inquiry_page table.form th{
	width:200px;
	padding:15px 15px 15px 15px ;
	white-space:nowrap;
	font-weight:normal;
	font-size:12px;
	position:relative;
	background-color:#F0F0F0;
}

.inquiry_page table.form td{
	padding:15px 15px 15px 15px ;
	line-height:1.5;
	font-size: 13px;
}

.inquiry_page table.form td .inq_item {
	margin: 0px 0px 0px 0px;
	padding: 5px 15px 5px 7px;
	font-size: 12px;
	cursor: pointer;
	text-align: left !important;
	background-image: url(../images/common/icon_sort.png);
	background-repeat: no-repeat;
	background-position: calc(100% - 8px) center;
	border:1px solid #CCC;
}

.inquiry_page table.form td .inq_item option {
	padding: 2px 15px 2px 5px;
	font-size: 12px;
}

.inquiry_page table.form td textarea{
	height:200px;
}

/*
ボタン
------------------------------------*/
.inquiry_page .btn_navi {
	margin: 40px 0 40px 0;
	text-align:center;
	letter-spacing:-0.4em;
}

.inquiry_page .btn_navi input[type=button]{
	min-width:300px;
	display:inline-block;
	margin: 0px 10px 0px 10px;
	padding: 0px 25px 0px 25px;
	font-size:15px;
	height:60px;
	line-height:62px;
	font-weight: bold;
	letter-spacing:0.05em;
	text-indent:0.05em;
	background-color:#14AACA;
	text-align:center;
	color:#FFF;
	cursor:pointer;
	border:none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
   -webkit-appearance: none;
	vertical-align:top;
}
.inquiry_page .btn_navi input[type=button]:hover{
	background-color:#0C547D;
}

.inquiry_page .btn_navi input[type=reset]{
	min-width:180px;
	display:inline-block;
	margin: 0px 10px 0px 10px;
	padding: 0px 25px 0px 25px;
	font-size:13px;
	height:60px;
	line-height:62px;
	font-weight: bold;
	letter-spacing:0.05em;
	text-indent:0.05em;
	background-color:#BBB;
	text-align:center;
	color:#FFF;
	cursor:pointer;
	border:none;
	border-radius: 4px;
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
   -webkit-appearance: none;
	vertical-align:top;
}


.inquiry_page .btn_navi input[type=button].back{
	min-width:180px;
	margin: 0px 10px 0px 10px;
	padding: 0px 25px 0px 25px;
	font-size:13px;
	height:60px;
	line-height:60px;
	font-weight: normal;
	letter-spacing:0.04em;
	text-indent:0.04em;
	color:#333;
	background-color:#F5F5F5;
	border:1px solid #CCC;
}

.inquiry_page .btn_navi input[type=button].back:hover{
	background-color:#EEE;
}

/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝
■10.特設ページ
＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝*/
#Contents.camp_page .inbox{
	margin:0px 20px 0px 20px;
	padding:0px;
}

/*
タグリセット
------------------------------------*/
.camp_page .inbox img{
	max-width:100%;
	height:auto;
}

#Contents.camp_page .inbox h1 {
	font-size: 169%;
	line-height: 120%;
}

#Contents.camp_page .inbox h2 {
	font-size: 139%;
	line-height: 120%;
}

#Contents.camp_page .inbox h3{
	margin: auto;
	padding: 0;
	letter-spacing: normal;
	font-size: 124%;
	line-height: 120%;
	color:auto;
	border: none;
	background:none;
	color:#111;
}

#Contents.camp_page .inbox h4{
	margin: auto;
	padding: 0;
	font-size: 112%;
	line-height: 120%;
	color:auto;
	letter-spacing: normal;
	border:none;
}

#Contents.camp_page .inbox h5 {
	font-size: 107%;
}

#Contents.camp_page .inbox h6 {
	font-size: 103%;
}

.camp_page .inbox ul,
.camp_page .inbox ol,
.camp_page .inbox blockquote {
	margin:16px 0;
	padding:inherit;
	padding-left:40px;
}

.camp_page .inbox li {
	margin:0;
	padding:0;
}

.camp_page .inbox ul,
.camp_page .inbox ul li{
	list-style-type:inherit;
}

.camp_page .inbox ol,
.camp_page .inbox ol li {
	list-style-type: decimal;
}

/*
タグ初期値
------------------------------------*/
#Contents.camp_page .inbox h1 {
    display: block;
    font-size: 2em;
    margin-top: 0.67em;
    margin-bottom: 0.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

#Contents.camp_page .inbox h2 {
    display: block;
    font-size: 1.5em;
    margin-top: 0.83em;
    margin-bottom: 0.83em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

#Contents.camp_page .inbox h3 {
    display: block;
    font-size: 1.17em;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

#Contents.camp_page .inbox h4 {
    margin-top: 1.33em;
    margin-bottom: 1.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

#Contents.camp_page .inbox h5 {
    display: block;
    font-size: .83em;
    margin-top: 1.67em;
    margin-bottom: 1.67em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

#Contents.camp_page .inbox h6 {
    display: block;
    font-size: .67em;
    margin-top: 2.33em;
    margin-bottom: 2.33em;
    margin-left: 0;
    margin-right: 0;
    font-weight: bold;
}

.camp_page .inbox ul {
    display: block;
    list-style-type: disc;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

.camp_page .inbox ol {
    display: block;
    list-style-type: decimal;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
    padding-left: 40px;
}

.camp_page .inbox li {
	display: list-item;
}

.camp_page .inbox blockquote {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 40px;
    margin-right: 40px;
}

.camp_page .inbox table {
    display: table;
    border-collapse: separate;
    border-spacing: 2px;
    border-color: gray;
}

.camp_page .inbox th {
	display: table-cell;
	vertical-align: inherit;
	font-weight: bold;
	text-align: center;
}

.camp_page .inbox td {
	display: table-cell;
	vertical-align: inherit;
}

.camp_page .inbox p {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
}

.camp_page .inbox dl {
    display: block;
    margin-top: 1em;
    margin-bottom: 1em;
    margin-left: 0;
    margin-right: 0;
}

.camp_page .inbox dt {
    display: block;
}

.camp_page .inbox dd {
    display: block;
    margin-left: 40px;
}