@charset "utf-8";

.clear {
	clear:both;
}
body {
	background-color: #fff;
}
html,body {
	-webkit-text-size-adjust: none;
	text-size-adjust: none;
}
a, a:focus, a:active, a:hover {
	text-decoration: none;
}
#siteBody {
	width: 100%;
	padding: 0;
}
* {
	max-height: 999999px;
}

#content {
	color: #3a3a39;
	font-family: 'Noto Sans Japanese', serif;
	font-weight: 200;

	width: 100%;
	text-align: center;
	position: relative;
}
#content.cn {
	font-family: "Microsoft Yahei","PingHei" ,"sans-serif";
	font-weight: normal;
}
#content.tw {
	font-family: "Microsoft Yahei","微软雅黑", "PingHei" ,"sans-serif";
	font-weight: normal;
}
#content.kr {
	font-family: "Malgun Gothic","Yoon Gothic","sans-serif";
	font-weight: normal;
}
#content.th {
	font-family: Tahoma, sans-serif;
	font-weight: normal;
}
#content #lang_menu {
	width: 100%;
	background-color: #fff;
	border-top: #1f5fa8 1px solid;
	position: relative;
	z-index: 999;
}
#content #lang_menu div.title {
	font-size: 15px;
	color: #2064ac;
	padding: 9px 0 10px 0;
	width: 100%;
	position: relative;
	border-bottom: #1f5fa8 1px solid;
}
#content #lang_menu div.title div.arr {
	position: absolute;
	top: 50%;
	left: 31px;
	width: 16px;
	height: 9px;
	margin: -4px 0 0 0;
	background-image: url(/temp/sp/img/service/in/arr_language.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
}
#content #lang_menu.on div.title div.arr {
	background-position: left bottom;
}
#content #lang_menu ul {
	display: none;
	margin: 0 auto;
	padding: 0;
	width: 100%;
	position: absolute;
	background: #fff;
}
#content #lang_menu li {
	width: 100%;
	border-bottom: #d6e2ee 1px solid;
}
#content #lang_menu li a {
	font-family: 'Noto Sans Japanese', serif;
	display: block;
	width: 100%;
	font-size: 15px;
	line-height: 30px;
	padding: 9px 0;
	color: #b7b7b7;
}
#content #lang_menu li.curr a {
	color: #3a3a39;
}
#content #header_img img {
	width: 100%;
	heiht: auto;
}
#content #page_menu {
	width: 100%;
	height: 33px;
	background-image: url(/temp/sp/img/service/in/arr_scroll.png);
	background-repeat: no-repeat;
	background-position: center center;
	background-color: #e8e8e8;
	background-size: 7% auto;
}
#content div.other_link {
	width: 100%;
	/*height: 139px;*/
	height: 179px;
	padding: 7px 0 7px 0;
}
#content div.other_link ul {
	width: 302px;
	margin: 0 auto;
}
#content div.other_link ul li {
	width: 302px;
	height: 56px;
	margin: 5px 0 5px 0;
	background-size: 100% 100%;
	background-repeat: no-repeat;
}
#content div.other_link ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-indent: -9999px;
}
#content div.other_link ul li.lawsonwalk {
	background-image: url(/temp/sp/img/service/in/btn_lawsonwalk.png);
}
#content div.other_link ul li.ghibli {
	background-image: url(/temp/sp/img/service/in/btn_ghibli.png);
}
#content div.other_link ul li.alipay {
	background-image: url(/temp/sp/img/service/in/btn_alipay_sp.png);
}
#content div.other_link ul li.alipay.cn {
	background-image: url(/temp/sp/img/service/in/btn_alipay_c_sp.png);
}
/* main */
#content #main {
	width: 100%;
	margin: 0 auto;
}
#content div.img img {
	width: 100%;
	height: auto;
}

#content .inner {
	width: 300px;
	margin: 0 auto;
	padding: 0;
	text-align: left;
	position: relative;
}
#content #wifi_area,
#content #credit_area,
#content #atm_area,
#content #product_area,
#content #map_area {
	padding: 18px 0;
}
#content #credit_area,
#content #product_area,
#content #exchange_area {
	background-color: #f4f4f4;
}
#content div > h2 {
	font-family: "Oswald";
	font-weight: 300;
	font-size: 45px;
	padding: 0;
	margin: 0 0 18px 0;
	text-align: center;
	line-height: 0.9em;
	color: #898989;
}
#content h4 {
	font-family: "Oswald";
	font-weight: 400;
	font-size: 13px;
	padding: 0!important;
	margin: 20px 0 8px 0!important;
	text-align: left;
	height: 13px;
	line-height: 1em;
	color: #898989;
}
#content h3 {
	font-size: 12px !important;
	margin: 43px 0 30px 0  !important;
	text-align: center;
	line-height: 1.5em;
}
#content .inner p {
	font-size: 12px;
	line-height: 1.5em;
	padding: 0;
	margin: 0;
}
#content div.inner .mini {
	margin: 5px 0;
	line-height: 1.5em;
	font-size: 9px;
}
/* ================================================== *
 *
 *  $ wifi_area
 *
 * ================================================== */
#content #wifi_area .inner > p {
	text-align: center;
}
#content #wifi_area div.inner a {
	display: block;
	margin: 23px 0 0 0;
	padding: 0;
	text-align: center;
	width: 100%;
	height: auto;
	line-height: 35px;
	color: #fff;
	font-size: 12px;
	background-image: url(/temp/sp/img/service/in/wifi_bg_button.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
}
#content #wifi_area h3 img.lfw {
	width: 47%;
}
#content #wifi_area h3 img.jcw {
	width: 50%;
}
/* ================================================== *
 *
 *  $ credit_area
 *
 * ================================================== */
#content #credit_area h3 {
	margin: 15px 0 18px 0;
}
#content #credit_area .inner > p {
	padding: 8px 0 15px 0;
	text-align: center;
}
#content #credit_area .inner ul li {
	padding: 0 0 0 14px;
	position: relative;
}
#content #credit_area .inner ul li:before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}
#content #credit_area .inner ul li a:link{
	color: #1f5fa8;
}
#content #credit_area .inner ul li a:visited{
	color: #1f5fa8;
}
#content #credit_area .inner ul li a:active{
	color: #63b2ed;
}
#content #credit_area .inner ul li a:hover{
	color: #63b2ed;
}


#content #credit_area div.inner div.lead {
	font-size: 11px;
}
#content #credit_area div.inner div.lead .mini {
	color: #636363;
	font-size: 11px;
}
#content #credit_area h3 img {
	width: 50%;
}
/* ================================================== *
 *
 *  $ atm_area
 *
 * ================================================== */
#content #atm_area h3 {
	margin: 15px 0 18px 0;
}
#content #atm_area .inner > p {
	padding: 8px 0 15px 0;
	text-align: center;
}
#content #atm_area div.inner a {
	display: block;
	margin: 23px 0 0 0;
	padding: 0;
	text-align: center;
	width: 100%;
	height: auto;
	line-height: 35px;
	color: #fff;
	font-size: 12px;
	background-image: url(/temp/sp/img/service/in/wifi_bg_button.png);
	background-repeat: no-repeat;
	background-position: left top;
	background-size: 100% auto;
}
#content #atm_area .inner ul li {
	padding: 0 0 0 14px;
	position: relative;
}
#content #atm_area .inner ul li:before {
	content: '・';
	position: absolute;
	top: 0;
	left: 0;
}
#content #atm_area .inner ul li a:link{
	color: #1f5fa8;
}
#content #atm_area .inner ul li a:visited{
	color: #1f5fa8;
}
#content #atm_area .inner ul li a:active{
	color: #63b2ed;
}
#content #atm_area .inner ul li a:hover{
	color: #63b2ed;
}


#content #atm_area div.inner div.lead {
	font-size: 11px;
}
#content #atm_area div.inner div.lead .mini {
	color: #636363;
	font-size: 11px;
}
#content #atm_area h3 img {
	width: 50%;
}

#content #atm_area div.inner div.atmlogos {
	border: 1px solid #909090;
	padding: 4% 2%;
	text-align: center;
	display: flex;
	justify-content: center;
	text-align: center;
}
#content #atm_area div.inner div.atmlogos div p img{
	width: 60%;
}
#content #atm_area div.inner div.atmlogos ul {
	padding-top: 10%;
}
#content #atm_area div.inner div.atmlogos ul li {
	position: relative;
	padding: 0;
	margin-bottom: 2%;
}
#content #atm_area div.inner div.atmlogos ul li:before {
	content: normal;
}
#content #atm_area div.inner div.atmlogos ul li img {
	width: 27%;
	margin: 0 1%;
}
#content #atm_area div.inner div.atmlogos span {
	display: block;
	margin-bottom: 2%;
}
/* ================================================== *
 *
 *  $ product_area
 *
 * ================================================== */
#content #product_area  div.inner {
	/*border-top: 1px solid #fff;*/
}
#content #product_area .inner > p {
	padding: 0 0 15px 0;
}
/* ================================================== *
 *
 *  $ map_area
 *
 * ================================================== */
#content #map_area {
	padding: 20px 0 25px 0;
}
#content #map_area div.lead {
	font-size: 12px;
	line-height: 1.5em;
	margin: 0 0 5px 0;
}
#content #map_area div.lead p {
	text-align: center;
	margin: 0 0 20px 0;
}
#content #map_area li {
	width: 100%;
	margin: 10px 0 0 0;
	background-color: #fff;
	color: #040404;
	text-align: left;
}
#content #map_area li h3 {
	text-align: left;
	margin: 0!important;
	padding: 15px 15px 10px 15px;
}
#content #map_area li p {
	padding: 0 15px 15px 15px;
}
#content #map_area #store_list {
	margin-top:1em;
}
#content #map_area #store_list li {
	width: 91%;
	margin: 0 0 0 0;
	padding: 1em 1em 0;
	background-color: #fff;
	color: #040404;
	text-align: left;
}
#content #map_area #store_list li:last-child {
	width: 91%;
	margin: 0 0 0 0;
	padding: 1em 1em 1em;
	background-color: #fff;
	color: #040404;
	text-align: left;
}
#content #map_area #store_list li.detail {
	padding:0em;
}
#content #map_area #store_list li span{
	font-weight: 400;
}
#content #map_area #store_list li p.address {
	padding:0 0 0 1em;
	/* font-size: 12px; */
}
#content #map_area #store_list li p.tel {
	padding:0 0 0 1em;
	/* font-size: 12px; */
}

/* ================================================== *
 *
 *  $ alipay_area
 *
 * ================================================== */
#content #alipay_area .alipay_head{
	padding: 3%;
}
#content #alipay_area .alipay_logo{
	width: 50%;
	margin: 0 auto 4%;
}
#content #alipay_area .alipay_txt{
	margin-bottom: 4%;
}
#content #alipay_area .img60{
	width: 60%;
	margin-bottom: 8%;
}
#content #alipay_area .img100{
	width: 100%;
	margin-bottom: 4%;
}
#content #alipay_area h2{
	color: #0060b0;
	font-size: 130%;
}
#content #alipay_area h2 + p{
	text-align: left;
	margin-bottom: 8%;
}
#content #alipay_area dl {
	text-align: left;
	margin-top: 4%;
}
#content #alipay_area dl:first-child {
	margin-top: 0;
}
#content #alipay_area dt {
	color: #0060b0;
}
#content #alipay_area .alipay_ttl{
	font-size: 100%;
	text-align: left;
	margin-bottom: 3%;
	color: #7ec1f3;
	padding-left: 3%;
}
#content #alipay_area .alipay_shop{
	margin-bottom: 5%;
}
#content #alipay_area .alipay_shop li:nth-child(odd){
	background: #eeeeee;
}
#content #alipay_area .alipay_shop dl{
	padding: 3%;
}
#content #alipay_area .alipay_shop dt{
	text-align: left;
	margin-bottom: 3%;
}
#content #alipay_area .alipay_shop dd{
	text-align: right;
}
#content #alipay_area .alipay_shop dd a{
	color: #7ec1f3;
	text-decoration: underline;
}
#content #alipay_area .alipay_btn{
	color: #ffffff;
	background-color: #7ec1f3;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	-ms-border-radius: 10px;
	-o-border-radius: 10px;
	border-radius: 10px;
	padding: 4%;
	width: 50%;
	margin: 0 auto;
	display: block;
}
#content #alipay_area .alipay_btn a{
	color: #ffffff;
}


/* ================================================== *
 *
 *  $ Exchange_area
 *
 * ================================================== */
 
.nationalflag ul.clearfix {
    margin:0 auto;
}

.nationalflag ul.clearfix li{
    margin: 0 auto 15px!important;
    width: 25%;
    float: left;
    height:70px;
}

.nationalflag ul.clearfix li p{
    font-size: 12px;
    line-height: 1.4;
    margin-top: 6px!important;
}

div.nationalflag{
    overflow: hidden;
}

#content #exchange_area {
	padding: 20px 0 25px 0;
}

#content #exchange_area .img img{width:40%; padding: 18px 0;}


#content #exchange_area .Installation li p {
	padding: 0 15px 15px 15px;
}
#content #exchange_area .Installation {
	width: 300px;
	margin: 0 auto;
	padding: 0;
	position: relative;
	margin-top: 18px;
}
#content #exchange_area .Installation li {
	width: 91%;
	margin: 0 0 0 0;
	padding: 1em 1em 0;
	color: #040404;
	text-align: left;
}
#content #exchange_area .Installation li:last-child {
	width: 91%;
	margin: 0 0 0 0;
	padding: 1em 1em 1em;
	
	color: #040404;
	text-align: left;
}
#content #exchange_area .Installation li.detail {
	padding:0em;
}
#content #exchange_area .Installation li span{
	font-weight: 400;
}
#content #exchange_area .Installation li p.address {
	padding:0 0 0 1em;
}
#content #exchange_area .Installation li p.tel {
	padding:0 0 0 1em;
}

#content #exchange_area .nationalflag {
    /* margin: 30px 0px; */
}

#exchange_area .nationalflag .currency{
	font-size:16px;
	margin:16px;
	}

	#exchange_area .Installation .Installation{
	font-size:16px;
	margin:16px;
	text-align:center;
	}

#exchange_area .Installation ul{
	text-align:left;
}

#exchange_area .inner p{
	text-align:center;
	font-weight:500;
}