@charset "UTF-8";

/*
10px	63%
11px	69%
12px	75%
13px	82%
14px	88%
15px	94%
16px	100%
17px	107%
18px	113%
19px	119%
20px	125%
21px	132%
22px	138%
23px	144%
24px	150%
25px	157%
26px	163%
*/

* { margin: 0; padding: 0; background-position: center center;	box-sizing: border-box; outline:none; }

img {height: auto;}

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

body {
	font-family: 'Noto Sans JP', sans-serif, "Helvetica Neue", "Noto Sans Japanese", "ヒラギノ角ゴ ProN W3", Hiragino Kaku Gothic ProN, Arial, Meiryo, sans-serif;;
	color: #333;
	font-size:16px;
	line-height:2;
	margin: auto;
	text-align: left;
  height: 100%;
	letter-spacing: 0.01em;
	background: #fff;
	word-wrap: break-word;
	font-weight: 400;

}

.wrapper {
	min-width: 1280px;
}

body,html{
min-width:1140px;
}

li {list-style:none;}
img {height: auto;}
a { text-decoration: none; color:#333; 
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}
a:visited { text-decoration:none color:#333; }
a:hover { text-decoration:none; color:#888;}
a img {
	-webkit-transition: 0.2s ease-in-out;
	-moz-transition: 0.2s ease-in-out;
	-o-transition: 0.2s ease-in-out;
	transition: 0.2s ease-in-out;
}

a:hover img {
	opacity: 0.8;
}


img{
	border:0;
	vertical-align: top;
}

h1, h2, h3, h4{
	letter-spacing: 0;
	font-weight:600;
	font-size: 100%;
	line-height: 1.4;
}



table {
	border-collapse: collapse;
}

.left {
	float: left;
}

.right {
	float: right;
}

.clearfix:after {
  content: ".";  /* 新しいコンテンツ */
  display: block;
  clear: both;
  height: 0;
  visibility: hidden; /* 非表示に */
}

.clearfix {
  min-height: 1px;
}

* html .clearfix {
  height: 1px;
  /*¥*//*/
  height: auto;
  overflow: hidden;
  /**/
}

.sp_only {
	display: none;
}

.pc_only {
	display: block;
}


.header_area {
	width: 100%;
	min-width: 1300px;
	padding: 0 60px;
	margin: 0 0 120px 0;
}

.header_area h1 {
	display: inline-block;
	float: left;
}

.header_area p {
	display: block;
	float: right;
	width: 546px;
	font-size: 113%;
	color: #3681c5;
	margin: 40px 0 0 0;
}

.product {
	width: 1180px;
	margin: 0 auto;
	position: relative;
}

.product_ph {
	width: 782px;
}

.product_left {
	padding: 110px 0 148px 0;
}

.product_right {
	padding: 148px 0 110px 0;
}

.product_left .product_ph {
	float: right;
}

.product_right .product_ph {
	float: left;
}

.product_ph .left {
	width: 260px;
	margin: 0 2px 0 0;
}

.product_ph .left img {
	margin: 0 0 2px 0;
}

.product_copy {
	width: 470px;
	position: absolute;
	
}

.product_left .product_copy {
	left: 0;
	bottom: 0;
}

.product_right .product_copy {
	right: 0;
	top: 0;
}

.product .icon {
	position: absolute;
}

.product_left .icon {
	right: 40px;
	top: 0;
}

.product_right .icon {
	left: 40px;
	bottom: 0;
}



.product_copy h2 {
	color: #3681c5;
	margin: 0 0 15px 0;
}

.product_copy h2 .en {
	font-size: 88%;
	display: block;
	margin: 0 0 10px 0;
}

.product_copy h2 .jp {
	font-size: 163%;
}

.product_copy p span {
	color: #999;
	font-size: 69%;
	display: block;
	margin: 8px 0 0 0;
}

.content_bottom {
	width: 1180px;
	margin: 0 auto;
	padding: 70px 0;
}

.content_bottom h2 {
	color: #3681c5;
	font-size: 163%;
	margin: 70px 0 40px 0;
}

.content_bottom h3 {
	margin: 0 0 8px 0;
}

.shop_list {
	border-top: 1px solid #ddd;
}

.shop_list li {
	border-bottom: 1px solid #ddd;
	padding: 30px 0;
}

.footer {
	padding: 45px;
}

.footer .footer_left {
	width: 68%;
	display: inline-block;
}

.footer .footer_right {
	width: 32%;

	display: inline-block;
	vertical-align: bottom;
	text-align: right;
}

.footer .footer_left h2 {
	font-size: 125%;
	margin: 0 0 20px 0;
}

.footer .footer_left p {
	font-size: 88%;
	line-height: 1.9;
	letter-spacing: -0.02em;
}

.footer .footer_left p span.anno {
	font-size: 63%;
	vertical-align: top;
}

.footer .footer_left p span.text_m {
	display: block;
	font-size: 72%;
	margin: 2px 0 0 0;
	line-height: 2;
}

.footer .footer_right a  {
	display: inline-block;
	width: 40%;
}

.footer .footer_right a:first-child  {
	display: inline-block;
	width: 51%;
}

.footer .footer_right a img {
	width: 100%;
	height: auto;
	max-width: 145px;
}

.footer .footer_right a:first-child img {
	max-width: 183px;
}

/*------------------------------------------------------------------------------------------------------------------------------------

	スマホここから
	
------------------------------------------------------------------------------------------------------------------------------------*/

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

html {
	font-size: 62.5%;
	width: 100%;
}

body {
	font-size: 1.0rem;
	line-height: 1.8;
	min-width: auto;
}

.wrapper {
	min-width: auto;
}


body,html{
min-width:100%;
}

p,
li {
	font-size: 1.6rem;
}

.sp_only {
	display: block;
}

.pc_only {
	display: none;
}

img {

	height: auto;
}

.header_area {
	width: 100%;
	min-width: 100%;
	padding: 0 20px;
	margin: 0 0 40px 0;
}

.header_area h1 {
	display: inline-block;
	float: none;
}

.header_area h1 img {
	width: 70%;
}

.header_area p {
	float: none;
	width: 100%;
	font-size: 1.4rem;
	margin: 20px 0 0 0;
}





.product {
	width: 100%;
	margin: 0 auto;
	position: relative;
}

.product_ph {
	width: 100%;
}

.product_left {
	padding: 20px;
}

.product_right {
	padding: 20px;
}

.product_left .product_ph {
	float: none;
}

.product_right .product_ph {
	float: none;
}

.product_ph .left {
	width: 100%;
	margin: 0 0 0 0;
}

.product_ph .left img {
	margin: 0 0 0 0;
	width: 50%;
	border: 1px solid #fff;
}



.product_ph .right img {
	width: 100%;
	border: 1px solid #fff;
}

.product_copy {
	width: 100%;
	position: static;
	
}


.product .icon {
	display: none;
}




.product_copy h2 {
	margin: 30px 0 15px 0;
}

.product_copy h2 .en {
	font-size: 1.0rem;
	display: block;
	margin: 0 0 10px 0;
}

.product_copy h2 .jp {
	font-size: 1.8rem;
}

.product_copy p {
	font-size: 1.4rem;
}

.product_copy p span {
	font-size: 1rem;;
}










.content_bottom {
	width: 100%;
	padding: 20px;
}

.content_bottom h2 {
	font-size: 1.8rem;
	margin: 40px 0 20px 0;
}

.content_bottom h3 {
	margin: 0 0 4px 0;
	font-size: 1.6rem;
}

.content_bottom p {
	font-size: 1.4rem;
}


.shop_list li {
	padding: 20px 0;
}

.footer {
	padding: 30px 20px;
	background: #f6f6f6;
	margin: 60px 0 0 0;
}

.footer .footer_left {
	width: 100%;
	display: block;
}

.footer .footer_right {
	width: 100%;
	display: block;
	text-align: left;
	margin: 20px 0 0 0;
}

.footer .footer_left h2 {
	font-size: 1.6rem;
	margin: 0 0 20px 0;
}

.footer .footer_left p {
	font-size: 1.2rem;
	line-height: 1.9;
	letter-spacing: 0;
}

.footer .footer_left p span.anno {
	font-size: 1rem;
	vertical-align: top;
}

.footer .footer_left p span.text_m {
	display: block;
	font-size: 1rem;
	margin: 2px 0 0 0;
	line-height: 1.9;
}

.footer .footer_right a  {
	display: inline;
	width: auto;
	margin: 0 10px 0 0;
}

.footer .footer_right a:first-child  {
	display: inline;
	width: auto;
}

.footer .footer_right a img {
	width: 117px;
	height: auto;
	max-width: auto;
}

.footer .footer_right a:first-child img {
	max-width: auto;
	width: 150px;
}
}