@charset "utf-8";

.category-ttl{ width:25.9375%;/*166/640*/ margin:0 auto; line-height:1; padding-bottom:8.59375%;/*55/640*/}
.page-ttl{ margin-bottom:15px; font-weight:bold;}

/* service */
#service{ width:90%;/*576/640*/ margin:0 auto; padding-bottom:13.88888%;/*80/576*/}

ul.service-menu-list{}
ul.service-menu-list li{ border:1px solid #000; font-weight:bold; height:38px; line-height:38px; margin-bottom:20px; width:100%; text-align:center;}
ul.service-menu-list li a{ display:block; color:#000;}

.service-box{ padding-bottom:25px;}
.service-box-inner{ margin-left:1.5em;}
.service-box h2{ margin-bottom:1em;}
.service-box p{ margin-bottom:1em;}

ul.service-caption{ margin-bottom:1em;}
ul.service-caption li{ text-indent:-1em; margin-left:1em;}

.service-table-ttl{ padding:5px 0;}
table.service-table{ width:100%; text-align:left; border-top:1px solid #ddd;}
table.service-table th{ width:50%; border-bottom:1px solid #ddd; padding:5px 0; font-weight:normal;}
table.service-table td{ width:50%; border-bottom:1px solid #ddd; padding:5px 0;}

/* option */
.option-table-wrap{}
.option-img{ margin-top:20px;}

/* ana_card */
.ana-card-main{ border:1px solid #ddd; margin-bottom:15px; padding:26.04166% 0;/*150 0/576*/}
.ana-card-main span{ display:block; width:61.11111%;/*352/576*/ margin:0 auto;}

/* jal_card */
.jal-card-main{ border:1px solid #ddd; margin-bottom:15px; padding:26.04166% 0;/*150 0/576*/}
.jal-card-main span{ display:block; width:86.80555%;/*500/576*/ margin:0 auto;}

/* rakuten_edy */
.rakuten-edy-main{ border:1px solid #ddd; margin-bottom:15px; padding:18.75% 0;/*108 0/576*/}
.rakuten-edy-main span{ display:block; width:32.63888%;/*188/576*/ margin:0 auto;}

/* rakuten_super_point */
.rakuten-super-point-main{ border:1px solid #ddd; margin-bottom:15px; padding:18.75% 0;/*108 0/576*/}
.rakuten-super-point-main span{ display:block; width:52.08333%;/*300/576*/ margin:0 auto;}

/* suica */
.suica-main{ border:1px solid #ddd; margin-bottom:15px; padding:30.20833% 0;/*174 0/576*/}
.suica-main span{ display:block; width:88.88888%;/*512/576*/ margin:0 auto;}

/* PC */
@media only screen and (min-width:641px){
	
	.category-ttl{ width:136px; padding-bottom:30px;}
	.page-ttl{ font-size:18px; margin-bottom:20px;}
	
	/* service */
	#service{ width:924px; padding-bottom:145px;}
	
	ul.service-menu-list{}
	ul.service-menu-list li{ margin:0 auto 15px auto; width:680px;}
	ul.service-menu-list li a{ transition:.3s;}
	ul.service-menu-list li a:hover{ background-color:#000; color:#FFF; opacity:1;}
	ul.service-menu-list li img{ display:block; height:44px; width:auto; margin:0 auto;}
	
	.service-box{}
	.service-box-inner{ margin-left:2em;}
	.service-box h2{ font-size:14px; font-weight:bold;}
	.service-box p{}
	
	ul.service-caption{}
	ul.service-caption li{}
	
	.service-table-ttl{ padding:20px 0;}
	table.service-table{}
	table.service-table th{ padding:20px ;}
	table.service-table td{ padding:20px 0;}
	
	/* option */
	.option-table-wrap{ width:608px; float:right; margin-top:20px;}
	.option-img{ width:280px; float:left;}
	
	/* ana_card */
	.ana-card-main{ text-align:center; width:100%; background-color:#FFF; padding:94px 0;}
	.ana-card-main span{ width:350px;}
	
	/* jal_card */
	.jal-card-main{ text-align:center; width:100%; background-color:#FFF; padding:76px 0;}
	.jal-card-main span{ width:580px;}
	
	/* rakuten_edy */
	.rakuten-edy-main{ text-align:center; width:100%; background-color:#FFF; padding:45px 0;}
	.rakuten-edy-main span{ width:188px;}
	
	/* rakuten_super_point */
	.rakuten-super-point-main{ text-align:center; width:100%; background-color:#FFF; padding:45px 0;}
	.rakuten-super-point-main span{ width:300px;}
	
	/* suica */
	.suica-main{ text-align:center; width:100%; background-color:#FFF; padding:110px 0;}
	.suica-main span{ width:512px;}
	
	
}