@charset "utf-8";


/* ----------------------------------------
products_item.css 
---------------------------------------- */

/* 共通ルール
---------------------------------------- */
#top.inr{
	padding: 10px 0;
}

#top .inr{
	padding: 10px 0;
}

@media screen and (max-width: 768px) {
	#top.inr {
    padding: 14px 0 10px 2%!important;
    box-sizing: border-box;
	}
	#top .inr {
    padding: 14px 0 10px 2%!important;
    box-sizing: border-box;
	}
	#top.inr img {
		width: 26.3%
	}
}

@media screen and (max-width: 490px) {
	#top.inr img {
		width: 46.7%
	}
}

h1{
	float: none;
	padding: 0;
	line-height:inherit; 
}

.cover {
	background: #000;
}

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

.clearfix:after {
	clear: both;
	overflow: hidden;
}

.clearfix {
	*zoom: 1;
}

@media only screen and (max-width: 490px) {
	.cover {
		background: #000;
		padding-left: 1%;
	}
}

.cover .inr {
	display: table;
	width: 970px;
}

.products_detailarea {
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	color: #fff;
	font-family: Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}

.product_name {
	display: table-cell;
	font-size: 20px;
	font-weight: bold;
	vertical-align: middle;
	line-height: 1.2;
}

.btn_shop {
	display: table-cell;
	width: 11em;
	position: relative;
}

.btn_shop .popup {
	display: none;
	position: absolute;
	top: 70px;
	right: 0;
	z-index: 100;
	background: #333;
	width: 150%;
	border-radius: 5px;
}

.btn_shop .popup:before {
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 0 5px 10px 5px;
	border-color: transparent transparent #333333 transparent;
	position: absolute;
	top: -10px;
	right: 30%;
}

.btn_shop .popup ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

.btn_shop .popup li {
	overflow: hidden
}

.btn_shop .btn_grayout {
	position: absolute;
	top: 0;
	left: 0;
	display: table-cell;
	width: 100%;
	height: 100%;
	padding: 17px 5px;
	box-sizing: border-box;
	background: #999;
	text-align: center;
	z-index: 1;
}

.btn_shop .popup li:first-child {
	border-radius: 5px 5px 0 0;
}

.btn_shop .popup li:last-child {
	border-radius: 0 0 5px 5px;
}

.btn_shop .popup li + li {
	border-top: 1px solid #666;
}

.btn_shop .popup li a {
	display: block;
	padding: 15px;
	box-sizing: border-box;
	transition: 0.4s;
}

.btn_shop .popup li a:link,
.btn_shop .popup li a:visited {
	color: #fff;
}

.btn_shop .popup li a:hover {
	color: #fff;
	text-decoration: none;
	background: #009ffc;
	opacity: 1;
}

.shoplink {
	display: table-cell;
	width: 10em;
	padding: 17px 10px;
	background: #2caffc;
	color: #fff;
	text-align: center;
	font-weight: bold;
	vertical-align: middle;
	position: relative;
}

.shoplink:link,
.shoplink:visited {
    color: #fff;
}

.shoplink span {
	margin-left: -1.5em;
}

.shoplink .icon_cart {
	position: absolute;
	top: calc(50% - 12px);
	/*right: 30px;*/
}

.shoplink .icon_cart img {
	transition: 0.4s;
}

@media only screen and (max-width: 320px) {
	.btn_shop {
		width: 7em;
	}
	
	.shoplink {
		width: 7em;
	}
	
	.shoplink span {
		margin-left: 0;
	}
	
	.fixed-nav .btn_shop .btn_grayout {
		padding: 8px 5px;
	}
	
	.shoplink .icon_cart {
		display: none;
	}
}

.shoplink:hover {
	text-decoration: none;
	color: #fff;
	cursor: pointer;
	opacity: 1;
}

@keyframes iconScale {
	0% {
		-webkit-transform: scale(1, 1);
		transform: scale(1, 1);
	}
	100% {
		-webkit-transform: scale(1.2, 1.2);
		transform: scale(1.2, 1.2);
	}
}

.shoplink:hover .icon_cart img {
	animation: iconScale 0.4s ease-in-out 0.4s 4 alternate both;
}

.nav_toggle {
	display: none;
	width: 54px;
	height: 54px;
	box-sizing: border-box;
	padding: 16px 12px;
	cursor: pointer;
}

.icon_nav_sp {
	position: relative;
	width: 100%;
	height: 100%;
}

.icon_nav_sp span {
	display: block;
	position: absolute;
	width: 100%;
	border-bottom: 2px solid #fff;
	transition: 0.35s ease-in-out;
}

.icon_nav_sp span:nth-child(1) {
	top: 0;
}

.icon_nav_sp span:nth-child(2) {
	top: 10px;
}

.icon_nav_sp span:nth-child(3) {
	top: 20px;
}

.close span:nth-child(1) {
	top: 10px;
	-webkit-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.close span:nth-child(2),
.close span:nth-child(3) {
	top: 10px;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}


nav {
	background: #efefef;
	padding-bottom: 8px;
}

.sp {
	display: none;
}

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

	nav {
		overflow: hidden;
		padding-left: 2%;
	}
	
	.sp {
		display: block;
	}
	
	.product_name {
		font-size: 18px;
	}

}

@media only screen and (max-width: 768px) {
	.product_name {
		padding-left: 2%;
	}	
}

@media only screen and (max-width: 490px) {
	.product_name .small {
		display: block;
		font-size: 60%;
	}
	
	.fixed-nav.fixed .product_name {
		font-size: 16px;
	}
}

nav ul {
	margin: 0 auto;
	padding: 0;
	font-size: 0;	/*inline-blockの隙間を埋める*/
}

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

	nav ul {
		width: 490px;
	}

}

@media only screen and (max-width: 768px) {
	nav ul {
		padding-left: 2%;
	}
}

nav ul li {
	display: inline-block;
	margin-left: 22px;
	font-size: 14px;
}

nav ul li:first-child {
	margin-left: 0;
}

nav a {
	display: block;
	padding: 8px 0 2px;
}

nav a:link,
nav a:visited {
	color: #4d4d4d;
}

nav a:hover,
nav a.over {
	color: #009ffc;
	border-bottom: 2px solid #009ffc;
	text-decoration: none;
	opacity: 1;
}


@media only screen and (max-width: 490px) {
	.scroll-bar-mask {
		overflow-x: auto;
		-webkit-overflow-scrolling: touch;
	}

	.scroll-bar-mask::-webkit-scrollbar {
		display: none;
	}

}

.memo_box {
	padding: 15px;
	border: 1px solid #f28c8c;
	border-radius: 5px;
	background: #ffe7e7;
	box-sizing: border-box;
}

.memo_box p {
	margin: 0;
}

/*fixed*/

.fixed-nav {
	/*overflow: hidden;*/
	position: relative;
	width: 100%;
}

.fixed {
	position: fixed;
	top: 0px;
	z-index: 10;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.3);
}

.fixed .products_detailarea {
	margin-top: 0;
	background: none;
}

@media only screen and (max-width: 970px) {
	.inr,
	.cover .inr {
		width: 100%;
	}
	
	body > .inr {
		padding: 0 20px;
		box-sizing: border-box;
	}

	.product_name,
	nav ul {
		padding-left: 2%;
	}
}
.breadcrumb {
	font-family: Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif !important;
}
.breadcrumb ul {
	margin: 0;
	padding: 15px;
	background: #f1f1f1;
	list-style: none;
	font-size: 12px;
}
.breadcrumb ul,
.breadcrumb ul li,
.breadcrumb ul li a {
	font-family: Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif !important;
}

.breadcrumb.ft_bread01 {
	margin: 4% 0 0 0;
	font-family: Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}
.breadcrumb.ft_bread01 li,
.breadcrumb.ft_bread01 a {
	font-family: Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}

.breadcrumb.ft_bread02 {
	margin: 4% 0 2% 0;
}

.breadcrumb.ft_bread01 a:link {
	color: #29377b;
    text-decoration: none;
}
.breadcrumb.ft_bread01 a:visited {
	color: #660099;
    text-decoration: none;
}
.breadcrumb.ft_bread01 a:hover, a:active {
    color: #f6c;
    text-decoration: underline;
}

.breadcrumb.bread_btm01 {
	margin: 0 0 4% 0;
}

.breadcrumb li {
	display: inline-block;
}

.breadcrumb li + li:before {
	content: "＞";
	display: inline-block;
	margin: 0 3px;
}

.breadcrumb li .home-icon {
	padding-left: 14px;
	background: url(/common/image/icon_home.gif) no-repeat left center;
}

@media only screen and (max-width: 490px) {
	.breadcrumb ul {
	    padding: 8% 0 0 0;
	    border-width: 2px 0 0 0;
	    border-style: solid;
	    border-color: #f1f1f1;
    	background: none;
	}

	.breadcrumb.ft_bread01 {
		margin: 8% 0 0 0;
	}

	.breadcrumb.ft_bread02 {
		margin: 8% 0 8% 0;
	}
}

/* special_content
---------------------------------------- */
.special_content {
	padding: 40px 0!important;
}

.special_content .ttl_box {
	margin-bottom: 30px!important;
	text-align: center!important;
	transform: none;
	display: block;
}

.special_content .ttl {
	font-size: 24px!important;
	text-align: center!important;
}

.special_content ul {
	margin: 0 0 30px;
	padding: 0;
	list-style: none;
}

.special_content ul li {
	width: 100%;
}

.special_content ul li a {
	transition: 0.4s;
}

.special_content ul li a:hover {
	opacity: 0.7;
}

.special_content img {
	width: 100%;
	height: auto;
}

.special_content ul li + li {
	margin-top: 10px;
}

.special_content .btn_more {
	display: block;
	margin: 0 auto;
}

.special_content .btn_more:after {
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-ms-transform: rotate(90deg);
	transform: rotate(90deg);
}

.special_content .btn_more.open:after {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	-ms-transform: rotate(-90deg);
	transform: rotate(-90deg);
}

@media only screen and (max-width: 667px) {
	.landscape .special_content .bnr_list {
		margin-right: 0;
		font-size: 0;
		text-align: center;
	}
	
	.landscape .special_content .bnr_list li {
		width: 100%;
		display: inline-block;
		margin-right: 0;
	}
}

@media only screen and (max-width: 490px) {	
	.special_content .bnr_list {
		margin-right: 0;
		font-size: 0;
		text-align: center;
	}
	
	.special_content .bnr_list li {
		width: 100%;
		display: inline-block;
		margin-right: 0;
	}
	
}

/* detail_area
---------------------------------------- */
.detail_area {
	padding: 100px 0;
	background: #474c61;
}

.detail_area .product_container {
	display: flex;
	margin: 0 auto 40px;
	justify-content: center;
	align-items: center;
}

.product_img {
	margin: 0 60px 0 0!important;
}

.product_detail p {
	color: #fff;
}

.product_detail .product_name {
	margin: 0 0 25px;
	display: block;
	font-size: 16px;
}

.product_detail .product_name img {
	width: auto!important;
}

.product_detail .product_name .ja {
	margin-bottom: 10px;
	display: block;
	line-height: 1;
}

.product_detail .memo {
	display: inline-block;
}

.product_detail .memo p {
	margin: 0;
	font-size: 13px;
}

.btn_line {
	display: inline-block;
	border: 1px solid #fff;
	border-radius: 5px;
	line-height: 1;
}

.btn_line:hover {
	text-decoration: none;
	opacity: 1;
}

.btn_line.white {
	padding: 22px 10px;
	color: #fff;
	transition: 0.4s;
	text-align: center;
}

.btn_line.white:hover {
	background: #fff;
	color: #474c61;
}

.btn_line.white:hover:after {
	border-color: #474c61;
} 

.btn_compare {
	position: relative;
	min-width: 280px;
	box-sizing: border-box;
	font-size: 20px;
	font-weight: bold;
}

.btn_compare:after {
	content: "";
	display: inline-block;
	margin-left: 5px;
	width: 11px;
	height: 11px;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	transform: rotate(-45deg);
}

.detail_area .btn_shop {
	display: flex;
	width: auto;
	margin-top: 40px;
	align-items: flex-start;
	justify-content: center;
}

.detail_area .btn_shop .popup {
	right: calc(50% - 390px / 2);
	width: 390px;
}

.detail_area .shoplink {
	margin-left: 30px;
	display: block;
	min-width: 280px;
	font-size: 20px;
	border-radius: 5px;
	transition: 0.4s;
}

.detail_area .btn_grayout {
	min-width: 390px;
	display: block;
	width: inherit;
	margin: 0 auto;
	border-radius: 5px;
	left: calc(50% - 195px);
	color: #fff;
	font-size: 20px;
}

.detail_area .shoplink:hover {
	background: #4bb9fa;
}

.detail_area .icon_cart {
	position: relative;
	top: -5px;
	right: -5px;
}

.detail_area .icon_cart img {
	width: 26px!important;
	height: auto;
	display: inline-block;
}

.detail_area .slick-list {
	overflow: visible;
}

.detail_area .slick-track {
	display: block!important;
}

.detail_area .slick-slide {
	float: left!important;
	display: block!important;
}

.detail_area .slick-arrow {
	position: absolute;
	z-index: 9;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	background: none;
	font-size: 0;
	border: 0;
	outline: none;
}

.detail_area .slick-arrow:after {
	content: "";
	display: block;
	width: 44px;
	height: 44px;
	border-top: 0;
	border-left: 0;
	border-bottom: 2px solid #fff;
	border-right: 2px solid #fff;
	border-color: #fff;
}

.detail_area .slick-prev {
	top: calc(50% - 62px / 2);
	left: 0;
}

.detail_area .slick-prev:after {
	transform: rotate(135deg);
}

.detail_area .slick-next {
	top: calc(50% - 76px / 2);
	right: 0;
}

.detail_area .slick-next:after {
	transform: rotate(-45deg);
}

.detail_area .slick-disabled {
	opacity: 0.2;
}

.detail_area .slick-dots {
	margin: 45px auto 0;
	padding: 0;
	display: block;
	list-style: none;
	text-align: center;
}

.detail_area .slick-dots li {
	display: inline-block;
	line-height: 0;
}

.detail_area .slick-dots li + li {
	margin-left: 10px;
}

.detail_area .slick-dots li button {
	padding: 0;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	width: 8px;
	height: 8px;
	border-radius: 8px;
	border: 0;
	background: rgba(255, 255, 255, 0.3);
	font-size: 0;
}

.detail_area .slick-dots .slick-active button {
	width: 10px;
	height: 10px;
	border-radius: 10px;
	background: rgba(255, 255, 255, 1);
}

.detail_area .item {
	opacity: 0.3;
}

.detail_area .item.slick-current {
	opacity: 1;
}

@media only screen and (max-width: 768px) {
	.product_detail .product_name {
		padding-left: 0;
	}
		
	.product_detail .memo {
		display: block;
	}
	
	.btn_compare {
		margin-left: 0;
	}
}

@media only screen and (max-width: 667px) {
	.landscape .product_detail .product_name {
		padding-left: 0;
	}
	
	.landscape .product_detail .product_name img {
		width: 100%!important;
	}
	
	.landscape .product_detail .memo {
		margin-bottom: 20px;
	}
	
	.landscape .btn_compare {
		top: 0;
		margin-left: 0;
	}
	
	.landscape .detail_area .item {
		opacity: 0;
	}
	
	.landscape .detail_area .item.slick-current {
		opacity: 1;
	}
}

@media only screen and (max-width: 812px) {
	.landscape .product_detail .product_name img {
		width: 100%!important;
	}
}

@media only screen and (max-width: 768px) {
	.product_detail .product_name img {
		width: 100%!important;
	}
}

@media only screen and (max-width: 490px) {
	.detail_area {
		padding-bottom: 60px;
	}
		
	.detail_area .product_container {
		display: block;
		margin: 0 auto 30px;
	}
	
	.detail_area .item {
		opacity: 0;
	}
	
	.product_img {
		margin: 0 auto 30px!important;
		text-align: center;
	}
	
	.product_img img {
		display: inline-block!important;
	}
	
	.product_detail .product_name {
		padding: 0;
		margin-bottom: 20px;
	}
	
	.product_detail .product_name img {
		width: 100%!important;
	}
	
	.product_detail .memo {
		margin-bottom: 20px;
	}
	
	.btn_compare {
		top: 0;
		margin-left: 0;
		display: block;
		width: 100%;
		box-sizing: border-box;
		text-align: center;
	}
	
	.detail_area .btn_shop {
		display: block;
	}
	
	.detail_area .shoplink {
		width: 100%;
		box-sizing: border-box;
		min-width: auto;
		margin-left: 0;
		margin-top: 20px;
	}
	
	.detail_area .btn_grayout {
		width: 100%;
		top: 0;
		left: 0;
		min-width: auto;
	}
		
	.detail_area .btn_shop .popup {
		width: 100%;
		right: 0;
		top: 160px;
	}
	
	.detail_area .slick-dots {
		margin: 25px auto 0;
	}
	
	.detail_area .slick-arrow {
		top: 10px;
		background: rgba(0, 0, 0, 0.5);
		width: 34px;
		height: 60px;
		padding: 0;
	}
	
	.detail_area .slick-arrow:after {
		width: 14px;
		height: 14px;
	}
	
	.detail_area .slick-prev:after {
		margin-left: 13px;
	}
	
	.detail_area .slick-next:after {
		margin-left: 5px;
	}
}

@media only screen and (max-width: 320px) {
	.detail_area .icon_cart {
		display: inline-block;
		top: 5px;
		line-height: 1;
	}
}

/* bottom_btn_area
---------------------------------------- */
.bottom_btn_area {
	font-family: Meiryo, "メイリオ", "ＭＳ Ｐゴシック", "MS P Gothic", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}

.bottom_btn_area .btn_list {
	list-style: none;
	padding: 0;
	width: 100%;
	display: flex;
	align-items: center;
	justify-content: flex-start;
	margin: 0;
	column-gap: 12px;
}

.bottom_btn_area .btn_list li {
	width: calc(25% - 8px);
	padding-bottom: 10px;
	box-sizing: border-box;
}

.bottom_btn_area .btn_list.col_2 li {
	width: calc(50% - 8px);
}

.bottom_btn_area .btn_gray {
	padding: 15px 0;
	display: block;
	background: #f1f1f1;
	text-align: center;
	color: #333;
	text-decoration: none;
	transition: 0.4s;
}

.bottom_btn_area .btn_gray i {
	display: block;
	margin-bottom: 10px;
}

.bottom_btn_area .btn_gray i img {
	width: auto!important;
}

.bottom_btn_area .btn_gray:hover {
	opacity: 1;
	box-shadow: 0 0 8px 2px rgba(0, 0, 0, 0.2);
}

.support_btn {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
	padding: 0;
	margin: 0;
	justify-content: space-between;
	align-items: center;
	list-style: none;
}

.support_btn li {
	width: calc(50% - 5px);
}

@media only screen and (max-width: 667px) {
	.landscape .bottom_btn_area .btn_list {
		display: block;
	}	
	
	.landscape .bottom_btn_area .btn_list li {
		display: block;
		width: 100%;
	}
	
	.landscape .bottom_btn_area .btn_list li + li {
		padding-left: 0;
		margin-top: 10px;
	}
	
	.landscape .bottom_btn_area .btn_gray {
		padding: 15px;
		text-align: left;
	}
	
	.landscape .bottom_btn_area .btn_gray i {
		width: 6%;
		display: inline-block;
		margin-bottom: 0;
		margin-right: 15px;
	}
	
	.landscape .bottom_btn_area .btn_gray i img {
		width: 100%!important;
		height: auto;
	}
}

@media only screen and (max-width: 490px) {
	/*.bottom_btn_area {
		padding-bottom: 60px;
	}*/
	
	.bottom_btn_area .btn_list {
		display: block;
	}
	
	.bottom_btn_area .btn_list li,
	.bottom_btn_area .btn_list.col_2 li {
		display: block;
		width: 100%;
	}
	
	.bottom_btn_area .btn_list li + li {
		padding-left: 0;
		margin-top: 10px;
	}
	
	.bottom_btn_area .btn_gray {
		text-align: left;
		padding: 15px;
	}
	
	.bottom_btn_area .btn_gray i {
		width: 12%;
		display: inline-block;
		margin-bottom: 0;
		margin-right: 15px;
		vertical-align: middle;
	}
	
	.bottom_btn_area .btn_gray i img {
		width: 100%!important;
		height: auto;
	}
	
	.support_btn {
		margin-top: 10px;
		display: block;
	}
	
	.support_btn li {
		width: 100%;
		padding-bottom: 10px;
	}
	
	.support_btn li + li {
		margin-top: 10px;
	}
}

/* contents
---------------------------------------- */
#contents {
	padding: 120px 0 60px;
	font-size: 15px;
}

#contents.index {
	padding: 0;
	font-size: 100%;
}

#contents.index .img img {
	position: static;
	width: auto;
	display: inline-block;
}

#contents .ttl_box {
	margin-bottom: 60px;
	text-align: center;
}

#contents .catch {
	text-align: center;
}

#contents .ttl {
	display: inline-block;
	margin: 0 auto;
	font-size: 30px;
	font-weight: normal;
}

#contents .ttl .border_blue:after {
	content: "";
	display: block;
	width: 100%;
	height: 1px;
	background: #2caffc;
}

#contents .sub_ttl {
	font-size: 24px;
	color: #2caffc;
	font-weight: normal;
	position: relative;
	margin-bottom: 40px;
}

#contents .sub_ttl:after {
	content: "";
	display: inline-block;
	width: 100%;
	height: 1px;
	position: absolute;
	top: 15px;
	left: 0;
	border-bottom: 1px dashed #ccc;
}

#contents .sub_ttl span {
	display: inline-block;
	position: inherit;
	z-index: 1;
	padding-right: 5px;
	background: #fff;
}

#contents section {
	padding-top: 100px;
}

#contents section:first-child {
	padding: 0;
}

#contents .sub_ttl_blue {
	padding: 4px 20px;
	border-radius: 5px;
	border: 1px solid #00A4CF;
	color: #00A4CF;
	font-size: 22px;
	font-weight: 100;
	margin: 30px 0;
}

#contents .img {
	position: relative;
	height: inherit;
}

#contents .img img {
	/*position: absolute;*/
	width: 100%;
	height: auto;
	/*display: block;*/
}

@media only screen and (max-width: 768px) {
	#contents .inr,
	.breadcrumb .inr {
		padding: 0 20px;
		box-sizing: border-box;
	}
	
	#contents.index .img img {
		width: 100%;
	}
}

@media only screen and (max-width: 490px) {
	#contents {
		padding: 60px 0 40px;
	}
	
	#contents .ttl {
		font-size: 28px;
	}
	
	#contents section {
		padding-top: 60px;
	}
}

/* spec
---------------------------------------- */
table {
	border-top: 1px solid #ccc;
}

tr {
	border-bottom: 1px solid #ccc;
}

th {
	width: 24%;
	padding: 10px;
	text-align: left;
	font-weight: 100;
	background: #f0f0f0;
	box-sizing: border-box;
}

.th2col th {
	width: 12%;
}

td {
	padding: 10px 20px;
	line-height: 2;
	box-sizing: border-box;
}

td p {
	margin: 0;
}

td p + p {
	margin: 15px 0;
}

td dt {
	font-weight: bold;
}

td dd {
	margin-left: 0;
}

td dd + dt {
	margin-top: 10px;
}

table .note {
	margin: 4px 0;
}

.spec .gallery{
	position: relative;
	clear: both;
}

.spec .viewer_container {
	border: 1px solid #ccc;
	box-sizing: border-box;
	position: relative;
	overflow: hidden;
	user-select: none;
  -webkit-touch-callout: none;
    -webkit-user-select: none;
       -moz-user-select: none;
        -ms-user-select: none;
}

.spec .viewer_container .img img {
	vertical-align: middle;
}

.spec .viewer_container .zoom_btns {
	position: absolute;
	right: 20px;
	bottom: 10px;
}

.spec .viewer_container .zoom_btns span {
	display: block;
	width: 40px;
	height: 40px;
	margin-bottom: 10px;
	border-radius: 50%;
	background: #fff;
	border: 1px solid #00a4cf;
	position: relative;
	transition: 0.4s;
}

.spec .viewer_container .zoom_btns span:hover {
	cursor: pointer;
	-webkit-transform: scale(1.1);
	transform: scale(1.1);
}

.spec .viewer_container .zoom_btns .zoom_in:before,
.spec .viewer_container .zoom_btns .zoom_in:after,
.spec .viewer_container .zoom_btns .zoom_out:before {
	content: "";
	display: block;
	width: 24px;
	height: 2px;
	background: #00a4cf;
	position: absolute;
	top: calc(50% - 2px);
	left: calc(50% - 12px);
}

.spec .viewer_container .zoom_btns .zoom_in:after {
	-webkit-transform: rotate(90deg);
	transform: rotate(90deg);
}

.spec .slide_btns {
	position: relative;
	bottom: calc(50% + 20px);
}

.spec .slide_btns span {
	position: absolute;
	display: block;
	width: 40px;
	height: 40px;
	cursor: pointer;
}

.spec .slide_btns .next {
	right: 0;
}

.spec .slide_btns span:before{
	position: absolute;
	content: '';
	width: 20px;
	height: 20px;
	top: calc(50% - 10px);
	border: 0px;
	border-top: solid 2px #5bc0de;
	border-right: solid 2px #5bc0de;
}

.spec .slide_btns .prev:before {
	transform: rotate(-135deg);
	right: 6px;
}

.spec .slide_btns .next:before {
	transform: rotate(45deg);
	left: 6px;
}

.spec .thumbnail_container ul {
	margin-top: 14px;
	padding: 0;
	list-style: none;
	margin-left: -14px;
}

.spec .thumbnail_container li {
	width: calc(10% - 14px);
	float: left;
	margin-left: 14px;
	margin-bottom: 14px;
	border: 1px solid #ccc;
	box-sizing: border-box;
	transition: 0.4s;
	overflow: hidden;
}

.spec .thumbnail_container li:hover {
	cursor: pointer;
	border-color: #00a4cf;
}

.spec .thumbnail_container .active {
	border-color: #00a4cf;
}

.size_select {
	margin: -80px 0 100px;
	padding-bottom: 40px;
	border-bottom: 1px solid #ccc;
}

.size_select .inr {
	display: flex;
	justify-content: center;
}

.size_btns {
	list-style: none;
	padding: 0;
	margin: 0 0 10px;
	display: table;
	float: left;
}

.size_btns li {
	display: table-cell;
}

.size_btns li + li {
	padding-left: 10px;
}

.size_btns a {
	position: relative;
	overflow: hidden;
	display: block;
	padding: 10px 20px;
	background: #f1f1f1;
	border-radius: 5px;
	box-sizing: border-box;
	transition: 0.4s;
}

.size_btns a:link,
.size_btns a:visited {
	color: #333;
}

.size_btns a:hover {
	text-decoration: none;
	box-shadow: 0 0 0 2px rgba(0,159,252,1) inset;
	color: #009ffc;
}

.size_btns a.active{
	box-shadow: 0 0 0 2px rgba(0,159,252,1) inset;
}

.size_btns a.active:link,
.size_btns a.active:visited {
	color: #009ffc;
}

.tab_content.active {
	display: block;
}

.spec .itembox .compare_link {
	float: right;
	text-align: right;
	margin: 0;
	padding: 0;
}

.spec .itembox .btn_compare {
	top: 0;
	margin: 0 0 20px 0;
	padding: 10px 30px;
	display: inline-block;
	background: #2caefb;
	transition: 0.4s;
	border-radius: 5px;
	color: #fff;
	float: right;
}

.spec .itembox .btn_compare:hover {
	text-decoration: none;
	background: #4bb9fa;
}

.spec .itembox .btn_compare:after {
	top: 16px;
}
.viewer_container{
	clear: both;
}

.spec .caption {
	position: absolute;
	display: inline-block;
	top: -30px;
	right: 0;
	background:rgba(255,255,255,.7);
}

@media only screen and (min-width: 768px) {
	#dragObj{
		-webkit-user-drag: none;
	}
	.spec .viewer_container .zoom_btns span.disable{
		border-color: #eee
	}
	.spec .viewer_container .zoom_btns span.disable:before,
	.spec .viewer_container .zoom_btns span.disable:after{
		background: #eee;
	}
	.spec .viewer_container .zoom_btns span.disable:hover{
		transform: none;
	}
}

@media only screen and (max-width: 768px) {
	.zoom_btns{
		display: none;
	}
}
@media only screen and (max-width: 490px) {
	td {
		word-break: break-all;
	}
	
	td img {
		width: 100%;
		height: auto;
	}

	.spec .thumbnail_container li {
		width: calc(20% - 14px);
		margin-bottom: 14px;
	}

	.spec .caption {
		top: 1px;
		right: 1px;
		z-index: 2;
		font-size: 13px;
	}

	.size_select {
		margin: -45px 0 80px;
	}
	
	.size_btns {
		display: block;
		float: none;
		margin-bottom: 20px;
	}
	
	.size_btns li {
		width: 100%;
		display: block;
	}
	
	.size_btns li + li {
		margin: 10px 0 0;
		padding: 0;
	}
	
	.attention ul {
		padding-left: 1.25em;	
	}
}


/* download
---------------------------------------- */
.btn_round {
	position: relative;
	border: 1px solid #fff;
	padding: 12px;
	border-radius: 23px;
	width: 240px;
	display: inline-block;
	margin: 30px auto 0;
	text-align: center;
	transition: 0.4s;
}

.btn_round:after {
	content: "";
	width: 10px;
	height: 15px;
	display: block;
	background: url(/products/image/icon_arrow_white.png) no-repeat center center;
	position: absolute;
	top: calc(50% - 8px);
	right: 15px;
}

.btn_blue {
	border-color: #00a4cf;
	margin-top: 0;
}

.btn_blue:after {
	background: url(/products/image/icon_arrow_blue.png) no-repeat center center;
}

.btn_round:visited,
.btn_round:link {
	color: #fff;
	text-decoration: none;
}

.btn_blue:visited,
.btn_blue:link {
	color: #00a4cf;
}

.btn_round:hover {
	text-decoration: none;
}

.btn_white:hover {
	background: #fff;
	color: #333;
}

.btn_white:hover:after {
	background-image: url(/products/image/icon_arrow_black.png);
}

.btn_blue:hover {
	background: #00a4cf;
	color: #fff;
}

.btn_blue:hover:after {
	background-image: url(/products/image/icon_arrow_white.png);
}

.download .category_pc,
.download .category_mobile,
.download .category_tv {
	width: calc(50% - 10px);
}

.download .category_pc,
.download .category_tv {
	float: left;
}

.download .category_tv{
	margin-top: 40px;
}

.download .category_mobile {
	float: right;
}

.category_mobile.single_col,
.category_pc.single_col,
.category_tv.single_col {
	float: none;
	margin: 0 auto;
}

.category_mobile.single_col .btn,
.category_pc.single_col .btn,
.category_tv.single_col .btn {
	text-align: center;
}

.download .category .category_ttl {
	margin-top: 0;
	font-size: 24px;
	text-align: center;
}

.download .category .category_ttl:before {
	content: "";
	display: block;
	width: 80px;
	height: 80px;
	border-radius: 50%;
	margin: 0 auto 10px;
}

.download .category_pc .category_ttl:before {
	background: #2caffc url(/products/image/category_pc.png) no-repeat center center;
}

.download .category_mobile .category_ttl:before {
	background: #2caffc url(/products/image/category_mobile.png) no-repeat center center;
}

.download .category_tv .category_ttl:before{
  background: #2caffc url(/products/image/category_tv.png) no-repeat center center;
}

.download .btn_round {
	width: calc(50% - 7px);
	box-sizing: border-box;
}

.download .category .btn_round + .btn_round {
	margin-left: 8px;
}

.download .manual {
	margin-top: 120px;
	padding-bottom: 120px;
	background: #f1f1f1;
}

#contents .manual .sub_ttl span {
	background: #f1f1f1;
}

.download .update {
	height: 257px;
	padding: 15px;
	box-sizing: border-box;
	overflow-y: scroll;
	border: 3px double #ccc;
}

.download .update h4 {
	font-size: 16px;
}

.download .update dl {
	margin: 0;
}

.download .update dt {
	border-top: 1px dotted #ccc;
	padding-top: 15px;
	margin-top: 15px;
}

.download .update dd ul {
	padding-left: 0;
	margin: 10px 0 0 0;
}

.download .manual .download_container {
	width: calc(50% - 10px);
	padding: 30px;
	box-sizing: border-box;
	background: #fff;
	float: left;
}

.download .manual .download_container + .download_container {
	float: right;
}

.download .manual .download_container p {
	margin-top: 0;
	font-size: 14px;
	text-align: center;
}

.download .manual .download_container .btn {
	text-align: center;
}

.download .manual .btn_download {
	width: calc(60% - 10px);
}

.manual_container + .manual_container {
	margin-top: 40px;
}

.download .btn_download:after {
	background: url(/products/image/icon_download_blue.png) no-repeat center center;
	width: 18px;
	height: 19px;
	top: calc(50% - 10px);
}

.download .btn_download:hover:after {
	background: url(/products/image/icon_download_white.png) no-repeat center center;
}

.download_container .grayout .btn_blue {
	color: #ccc;
	border: 1px solid #ccc;
}

.download_container .grayout .btn_blue:hover {
	cursor: default;
	background: #fff;
}

.download_container .grayout .btn_download:after {
	display: none;
}

#contents.download .attention {
	padding-top: 60px;
}

#contents.download .attention .note {
	margin-top: 0;
}

@media only screen and (max-width: 768px) {
	.download .btn_round {
		width: 100%;
	}
	
	.download .category .btn_round + .btn_round {
		margin-left: 0;
		margin-top: 15px;
	}
	
	.download .manual .btn_download {
		width: 100%;
	}	
}

@media only screen and (max-width: 490px) {
	.download .category_pc,
	.download .category_mobile,
	.download .category_tv{
		width: 100%;
		margin-bottom: 40px;
		float: none;
	}
	
	.download .manual {
		margin-top: 60px;
		padding-bottom: 80px;
	}
	
	.download .manual .download_container {
		width: 100%;
		float: none;
	}
	
	.download .manual .download_container + .download_container {
		margin-top: 15px;
	}
	
	.download .manual .btn_download {
		width: 100%;
	}	
}

/* .download.lower
---------------------------------------- */

.download.lower .download_info {
	display: -webkit-flex;
	display: -moz-flex;
	display: -ms-flex;
	display: -o-flex;
	display: flex;
}

.download.lower .ttl_install {
	text-align: center;
	margin: -125px 0 60px;
}

.download.lower .ttl_install h3 {
	padding: 10px;
	display: inline-block;
	font-size: 22px;
	background: #2caffc;
	color: #fff;
}

.download.lower .download_container {
	padding: 60px;
	background: #f1f1f1;
	box-sizing: border-box;
	text-align: center;
	margin-top: 60px;
	/*border: 1px solid #ccc;*/
}

.download.lower .download_info .download_container {
	margin: 0 0 0 20px;
}

.download.lower .download_container p {
	margin-top: 0;
}

.download.lower .download_container .btn_round {
	width: calc(35% - 7px);
	background: #fff;
}

.download.lower .download_info .download_container .btn_round {
	width: 100%;
}

.download.lower .download_container .btn_round:hover {
	background: #00a4cf;
}

.download.lower .howto {
	background: #f1f1f1;
	padding-bottom: 120px;
}

.download.lower .app {
	margin-bottom: 40px;
}

.howto_content {
	display: none;
}

.howto_content.active {
	display: block;
}

.link_modal {
	background: url(/products/image/common/icon_link_modal.png) no-repeat center left;
	padding-left: 20px;
}

.tab_nav {
	padding-top: 0!important;
	border-bottom: 1px solid #ccc;
}

.tab_nav .tab_btns {
	position: relative;
	top: 1px;
	padding: 0;
	margin: 0;
	display: flex;
	width: 100%;
	list-style: none;
}

.tab_nav .tab_btns li {
	width: 50%;
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-left: 1px solid #ccc;
}

.tab_nav .tab_btns li:first-child.active {
	border-right: 1px solid #f1f1f1;
}

.tab_nav .tab_btns li:last-child.active {
	border-left: 1px solid #f1f1f1;
}

.tab_nav .tab_btns li.active {
	border-top: 1px solid #ccc;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #f1f1f1;
	border-left: 1px solid #ccc;
	background: #f1f1f1;
}

.tab_nav .tab_btns li a {
	display: block;
	width: 100%;
	padding: 30px 0;
	font-size: 22px;
	text-align: center;
	background: #fff;
	color: #999;
}

.tab_nav .tab_btns li.active a,
.tab_nav .tab_btns li a:hover {
	background: #f1f1f1;
	color: #2caffc;
	font-weight: bold;
}

.howto ol {
	line-height: 2;
	counter-reset: list;
	list-style-type: none;
	padding: 0 0 0 10px;
}

.howto ol li {
	position: relative;
	margin: 12px 0;
	padding: 0 0 0 30px;
}

.howto ol li:before {
	counter-increment: list;
	content: counter(list);
	position: absolute;
	left: -10px;
	width: 30px;
	height: 30px;
	text-align: center;
	color: #fff;
	background: #4fa4cf;
	font-weight: bold;
}

.howto ol li img {
	margin: 10px 0;
	max-width: 100%;
}

.howto_container {
	position: relative;
	background: #fff;
	border-radius: 5px;
	border: 1px solid #2caffc;
}

.howto_container .memo {
	margin: 30px 50px 0 50px;
	text-align: center;
}

.howto_container + .howto_container {
	margin-top: 80px;
}

.howto_container + .howto_container:before {
	position: absolute;
	top: -52px;
	left: calc(50% - 30px);
	content: "";
	display: block;
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 24px 30px 0 30px;
	border-color: #00a0fc transparent transparent transparent;
}

.howto_container.preparation {
	border: 1px solid #f28c8c;
}

.howto_container .container_ttl {
	padding: 10px 0;
	background: #2caffc;
	color: #fff;
	text-align: center;
	font-size: 18px;
}

.howto_container.preparation .container_ttl {
	background: #f28c8c;
}

.howto_container .point_container {
	margin: 0 50px;
	padding: 30px 0;
}

.point_ttl {
	margin-bottom: 20px;
	font-size: 16px;
}

.point_ttl:before {
	content: "";
	display: inline-block;
	width: 30px;
	height: 30px;
	background: #2caffc;
	vertical-align: middle;
	margin-right: 10px;
	color: #fff;
	text-align: center;
	line-height: 30px;
}

.point1 .point_ttl:before {
	content: "1";
}

.point2 .point_ttl:before {
	content: "2";
}

.point3 .point_ttl:before {
	content: "3";
}

.point4 .point_ttl:before {
	content: "4";
}

.point5 .point_ttl:before {
	content: "5";
}

.point6 .point_ttl:before {
	content: "6";
}

.point7 .point_ttl:before {
	content: "7";
}

.point8 .point_ttl:before {
	content: "8";
}

.point9 .point_ttl:before {
	content: "9";
}

.point10 .point_ttl:before {
	content: "10";
}

.point11 .point_ttl:before {
	content: "11";
}

.point12 .point_ttl:before {
	content: "12";
}

.preparation .point_ttl:before {
	background: #f28c8c;
}

.point_container + .point_container {
	border-top: 1px dashed #ccc;
}

.point_container p {
	margin: 0;
}

.point_container p + p {
	margin-top: 20px;
}

.point_container .text {
	width: calc(50% - 10px);
	float: left;
}

.point_container .img {
	width: calc(50% - 10px);
	margin: 0 0 0 20px;
	float: left;
}

.point_container .img img {
	width: auto!important;
}

.manual_area {
	margin-top: 60px;
	padding: 23px;
	box-sizing: border-box;
	text-align: center;
	background: #fff;
}

.manual_area p {
	margin: 0;
}

.download.lower .overlay {
	position: fixed;
	top: 0;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 100%;
	background: rgba(0, 0, 0, 0.7);
	display: none;
}

.download.lower .overlay .modal_contents {
	position: absolute;
	top: 150px;
	left: 0;
	width: 100%;
}

.modal_contents .container_ttl {
	position: relative;
}

.modal_contents .close {
	position: absolute;
	top: 12px;
	right: 15px;
	padding-left: 24px;
	font-size: 14px;
	font-weight: normal;
	color: #fff;
	background: url(/products/image/common/icon_modal_close.png) no-repeat center left;
	vertical-align: middle;
}

.point_slide .slick-arrow {
	position: absolute;
	z-index: 1;
	width: 32px;
	height: 40px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: 0px;
	background: #009ffc;
	font-size: 0;
	top: calc(50% - 40px);
}

.point_slide .slick-arrow.slick-disabled {
	opacity: 0.3;
	cursor: default;
}

.point_slide .slick-arrow:before {
	content: "";
	display: inline-block;
	width: 10px;
	height: 10px;
	outline: none;
}

.point_slide .slick-prev {
	left: 0;
	border-radius: 0 20px 20px 0;
}

.point_slide .slick-prev:before {
	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	transform: rotate(45deg);
}

.point_slide .slick-next {
	right: 0;
	border-radius: 20px 0 0 20px;
}

.point_slide .slick-next:before {
	border-right: 2px solid #fff;
	border-bottom: 2px solid #fff;
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	transform: rotate(-45deg);
}

.point_slide .slick-dots {
	padding: 0;
	list-style: none;
	margin: 0 auto 30px;
	text-align: center;
}

.point_slide .slick-dots li {
	display: inline-block;
}

.point_slide .slick-dots li + li {
	margin-left: 10px;
}

.point_slide .slick-dots li button {
	padding: 0;
	width: 10px;
	height: 10px;
	background: #ccc;
	border-radius: 10px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-ms-appearance: none;
	appearance: none;
	border: 0;
	font-size: 0;
	outline: none;
}

.point_slide .slick-dots .slick-active button {
	width: 12px;
	height: 12px;
	background: #009ffc;
	border-radius: 12px;
}

.point_slide .point_container + .point_container {
	border: 0;
}

@media only screen and (max-width: 812px) {
	.landscape .download_info .download_container {
		padding: 60px 20px;
	}
	
	.landscape .modal_contents .point_container {
		padding: 30px 0 0;
	}
	
	.landscape .point_container .img img {
		width: 100%!important;
	}
	
	.landscape .point_container .img .logo_xit {
		width: auto!important;
	}
	
	.download.lower.landscape  .overlay .modal_contents {
		top: 0;
	}
}

@media only screen and (max-width: 736px) {
	.landscape .modal_contents .point_ttl {
		font-size: 14px;
		margin-bottom: 10px;
	}
		
	.landscape .modal_contents .point_container p {
		font-size: 13px;
	}
	
	.landscape .modal_contents .point_container p + p {
		margin-top: 10px;
	}
}

@media only screen and (max-width: 768px) {
	.download.lower .download_info .download_container {
		padding: 60px 30px;
	}
	
	.download.lower .download_container .btn_round {
		width: 60%;
	}
	
	.point_container .img img {
		width: 100%!important;
	}
	
	.point_container .img .logo_xit {
		width: auto!important;
	}	
}

@media only screen and (max-width: 640px) {
	.download.lower.landscape .download_info {
		display: block;
	}
	
	.download.landscape .update {
		height: 120px;
	}
	
	.landscape .howto_container .point_container {
		margin: 0 20px;
	}
	
	.download.lower.landscape .download_info .download_container {
		margin: 20px 0 0 0;
		padding: 30px;
	}
}

@media only screen and (max-width: 490px) {
	.download.lower .download_info {
		display: block;
	}
	
	.download .update {
		height: 120px;
	}
	
	.download.lower .download_info .download_container {
		margin: 20px 0 0 0;
	}
	
	.download.lower .ttl_install {
		margin-top: -85px;
	}
	
	.download.lower .download_container {
		padding: 30px;
	}
	
	.download.lower .download_container .btn_round {
		width: 100%;
	}
	
	.download.lower .howto {
		margin-top: 0;
		padding-bottom: 80px;
	}
	
	.tab_nav .tab_btns li a {
		font-size: 16px;
		padding: 10px 0;
	}
	
	.howto_container .container_ttl {
		font-size: 16px;
	}
	
	.howto_container .memo {
		margin: 30px 20px 0 20px;
	}
	
	.point_ttl {
		font-size: 14px;
		margin-bottom: 10px;
	}
	
	.howto_container .point_container {
		margin: 0 20px;
	}
	
	.point_container .text,
	.point_container .img {
		width: 100%;
		float: none;
	}
	
	.point_container p {
		font-size: 13px;
	}
	
	.point_container p + p {
		margin-top: 10px;
	}
	
	.point_container .img {
		margin: 10px 0 0 0;
	}
	
	.download.lower .overlay .modal_contents {
		top: 50px;
	}
	
	.modal_contents .close {
		top: -33px;
		right: 0;
	}
	
	.point_slide .point_container {
		padding: 30px 0 0;
	}
	
	.manual_area p {
		font-size: 14px;
	}
}

@media only screen and (max-width: 320px) {
	.download.lower .ttl_install h3 {
		font-size: 18px;
	}	
}

/* qa
---------------------------------------- */
.qa h1 {
	padding: 0;
	line-height: 1.6;
}

.qanav {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

.qanav th {
	text-align: center;
	font-weight: bold;
}

.qanav td {
	padding: 20px;
}

.qanav ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

.qanav li {
	float: left;
	width: 48%;
	margin-left: 2%;
}

.qanav li:before {
	content: "";
	display: inline-block;
	width: 8px;
	height: 8px;
	border-top: 2px solid #2caffc;
	border-right: 2px solid #2caffc;
	-webkit-transform: rotate(135deg);
	transform: rotate(135deg);
	margin-right: 10px;
}

.qa_content > div {
	padding-top: 60px;
	margin-top: -60px;
}

.qa_content h2/* <old>.qa_content h4 */{
	padding: 10px;
	background: #f1f1f1;
	border-left: 5px solid #2caffc;
	font-size: 24px;
	line-height: 1;
	font-weight: normal;
	margin-bottom: 30px;
	margin-top: 60px;
}

.qa_content dl {
	margin: 0;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
}

.qa_content dt {
	position: relative;
	padding: 10px 40px 10px 10px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	font-weight: bold;
	transition: 0.4s;
}

.qa_content dt:hover,
.qa_content .on {
	color: #2caffc;
}

.qa_content dt:after {
	content: "+";
	display: block;
	position: absolute;
	right: 10px;
	top: calc(50% - 10px);
	width: 20px;
	height: 20px;
	padding-top: 3px;
	background: #2caffc;
	box-sizing: border-box;
	text-align: center;
	line-height: 1;
	color: #fff;
	border-radius: 50%;
}

.qa_content dt:hover:after,
.qa_content .on:after{
	content: "-";
}

.qa_content dt:hover {
	cursor: pointer;
}

.qa_content dd + dt {
	border-top: 1px solid #ccc;
}

.qa_content dd {
	display: none;
	margin-left: 0;
	padding: 15px;
	border-right: 1px solid #ccc;
	border-left: 1px solid #ccc;
	background: #f1f1f1;
}

.qa_content dd p,
.qa_content dd ul,
.qa_content dd ol {
	margin: 0;
}

.qa_content dd p + *,
.qa_content dd ul + *,
.qa_content dd ol + *,
.qa_content dd table + * {
	margin-top: 10px;
}

.qa_content dd table {
	width: 30%;
	text-align: center;
	margin-top: 10px;
}

.qa_content dd table th,
.qa_content dd table td{
	width: 50%;
}

.qa_content dd table th {
	background: #dfdfdf;
	font-weight: bold;
}

.qa_content dd .bold {
	font-weight: bold;
}

.return {
	text-align: right;
}

.return a {
	padding-left: 12px;
	background: url(/common/image/arrow_pagetop.png) no-repeat left 7px;
}

@media only screen and (max-width: 768px) {
	.qa_content dd table {
		width: 50%;
	}
}

@media only screen and (max-width: 490px) {
	.qanav li {
		float: none;
		width: 100%;
	}
	
	.qa_content dd table {
		width: 100%;
	}
}


/* media
---------------------------------------- */
#contents.media {
	padding-top: 0;
}

#contents #media {
	background: #f7f7f7;
	/*position: relative;*/
	padding: 100px 0;
}

#contents #media h1 {
	padding: 0;
	line-height: 1.6;
}

#contents #media .inner {
	padding: 60px 0;
}
#contents #media ul {
	/*width: 720px;*/
	margin: 0 auto;
	padding-left: 0;
	list-style: none;
}
#contents #media ul li {
	border-top: 1px solid #ccc;
	padding: 15px 0;
}
#contents #media ul li:last-child {
	border-bottom: 1px solid #ccc;
}
#contents #media figure {
	margin: 0;
	display: inline-block;
}
#contents #media dl {
	display: inline-block;
	vertical-align: top;
	width: 80%;
	padding-left: 20px;
	margin: 0;
}
#contents #media dt,
#contents #media dd {
	font-size: 16px;
}
#contents #media dt {
	margin-bottom: 10px;		
}
#contents #media dd {
	font-weight: bold;
	margin-left: 0;
}

#contents #media .bnr_area {
	margin-bottom: 50px;
	display: table;
	width: 100%;
	background: #fff;
	padding: 15px 0;
}

#contents #media .bnr_area figure,
#contents #media .bnr_area p{
	display: table-cell;
}

#contents #media .bnr_area figure {
	padding-left: 15px;
}

#contents #media .bnr_area p {
	vertical-align: middle;
}

@media only screen and (max-width: 768px) {
	#contents #media {
		background: #f7f7f7;
		position: relative;
		padding: 80px 0;
	}
	#contents #media .inner {
		padding: 60px 0;
	}
	#contents #media ul {
		width: 100%;
		margin: 25px auto 0;
	}
	#contents #media ul li {
		border-top: 1px solid #ccc;
		padding: 15px 0;
	}
	#contents #media ul li:last-child {
		border-bottom: 1px solid #ccc;
	}
	#contents #media figure {
		display: inline-block;
		width: 36%;
	}
	
	#contents #media figure img {
		width: 100%;
		height: auto;
	}
	
	#contents #media dl {
		display: inline-block;
		vertical-align: top;
		width: 59%;
		padding-left: 10px;
	}
	#contents #media dt {
		margin-bottom: 10px;
		font-size: 11px;
	}
	#contents #media dd {
		font-size: 12px;
		font-weight: bold;
	}
	
	#contents #media .bnr_area {
		margin: 50px auto;
		display: block;
		width: 100%;
		background: #fff;
		padding: 15px;
		box-sizing: border-box;
	}
	
	#contents #media .bnr_area figure {
		width: 100%;
		margin-bottom: 15px;
		display: block;
		padding-left: 0;
	}
		
	#contents #media .bnr_area p {
		vertical-align: middle;
	}
}

@media screen and (max-width: 490px) {
	#contents #media .inner {
		padding: 45px 0;
	}
	#contents #media figure {
		display: block;
		width: 60%;
		margin: 0 auto;
	}
	#contents #media dl {
		display: block;
		width: 100%;
		vertical-align: top;
		padding-left: 10px;
		margin: 0 auto;
	}
	#contents #media dt {
		margin: 15px 0 10px;
	}
	
	#contents #media .bnr_area {
		margin: 30px auto;
	}
}

/* footer
---------------------------------------- */
#footer {
	font-family: Meiryo, "メイリオ", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", Osaka, sans-serif;
}