@charset "utf-8";

.botSpace { margin-bottom: 2em;}
.botSpace2 { margin-bottom: 2em;
display: none;}
.otodoke {
  display: block;
}
.otodoke_sp {
  display: none;
}
.flow_sp {display: block}
.flow_sp {display: none}
.floatL { float: left; }
.rightSpace { margin-right: 0.5em; }
.serviceOut span { font-weight: bold; }

.infoImg {
	margin-bottom: 5em;
}
.caution span {
	color: #ff3300;
	font-weight: bold;
}
.bold_bl {
	color: #00F;
	font-weight:bold;
}
.bold {
	font-weight:bold;
}
#shipment {
	margin-top:20px;
}
#shipment .section h2 {
	color:#000;
	font-size:150%;
	font-weight:bold;
	width:900px;
	background-color:#eeeaea;
	padding:2px
}
#shipment .new {
	line-height:super;
	font-size:80%;
	color:#f00;
	padding-left:0.25em;
}
#shipment .section {
	margin:0 0 30px 30px;
}
.column2R #main {
	float: none;
	width: 970px;
}
.mainColumn p, .mainColumn ul, .mainColumn ol, .mainColumn dl, .mainColumn hr, .mainColumn caption, .mainColumn h3 {
	line-height: 180%;
	margin-top: 1em;
}
.mainColumn #shipment_map table {
	border:solid #111 1px
}
.mainColumn #shipment_map table td, .mainColumn #shipmen_map table tr {
	padding:0.5em;
	border:solid #111 1px
}
.mainColumn #shipment_map table th {
	padding:0.5em;
	border:solid #111 1px;
	color:#111;
	background-color:#EEEAEA
}

@media screen and (max-width:480px){
body {
	min-width: 100%!important
}
h1 {
	width: 96%!important;
}
#container {
	width: 100%!important;
}
.container {
	width: 100%!important;
	margin-bottom: 30px;
}
  .column2R #main {
    width: 100%;
  }
#contentsBox {
	width: 100%!important;
	margin-bottom: 15px;
	float: none;
}
	#Header .inner {
    height: 50px;
    width: 100%;
	}
	
	#Header .logo {
		padding: 10px 0 0 10px;
    position: static;
	}
	
	#Header h1,
	#Header ul.navi,
	#Header .keyword,
	#Header .btn,
	#Globalnavi,
	#headsearchBox,
	.leadSection,
	.leadSectionInner,
	.breadCrumb,
	#splink_footer {
		display: none !important;
	}
	
	#lp_page {
		width: 100%!important;
		padding: 0px;
		box-sizing: border-box;
	}

	#chatIcon {
		visibility: hidden!important;
	}
#shipment .section {
    margin: 0 0 30px 0px;
}
#shipment .section h2 {
 width: 100%;
  padding: 0 2%;
  box-sizing: border-box;
}
.botSpace { display: none;}
.botSpace2 { 
display: block;}
.otodoke {
  display: none;
}
.otodoke_sp {
  display: block;
}	
.flow {display: none;
  }
.flow_sp {display: block;
  text-align: center;
  font-size: 150%}
.mainColumn p {
    line-height: 180%;
    margin-top: 1em;
  font-size: 120%;
  padding: 0 2%;
  box-sizing: border-box;
}	.button {
		width: 90%;
		margin: 10px auto;
	}
	
	#pagetop {
		bottom: 10px;
		right: 10px;
	}
	
.sp-img-center {
	width: 100%;
	display: block;
	text-align: center;
	margin: 10px 10px;
}
.sb_img {
	float: none;
	text-align: center;
	display: block;
}
.text_pd10 {
	padding: 10px;
}
.sub_rot_wrap {
	width: 100%!important;
	margin: 0!important;
}
.small_rot {
	margin: 0!important;
}
#sub_rot_slider {
	width: 85%!important;
	height: auto!important;
}
.p_area {
	width: 100%;
}
.leadSectionInner {
	width: 96%;
}
#Header {
	min-width: 320px;
}
.leadSection {
	width: 100%!important;
	margin: 0 auto;
}
.breadCrumb {
	width: 96%!important;
	padding: 2%;
	display: block;
	overflow: hidden;
	font-size: x-small;
}

.p_area .cap01 {
	width: 100%!important;
	margin-bottom: 20px;
}
.pay_area {
	height: unset;
}
.series_list li {
	width: 80%;
	margin: 10%;
}
#Globalnavi, #sub {
	display: none;
}
.flowBox {
	margin:15px 5%;
	width: 90%;
}
.btn_btn {
	margin: 30px auto;
}
	.btn_login {
	font-size: 15px;
}
	
	.heading00 {
		font-size: large
	}
#footer {
	min-width: 100%;
}
#footerLinks {
	display: none;
}
.footerTagline, #footer, #footerNav2, #footerLinks #footerLinks_Nav, #footerLinks #footerLinks_NavParts, #footerCopy, #footerCopy p.copyright {
	width: 96%;
	min-width: 96%;
	font-size: 12px;
	padding: 15px 2%;
	text-align: left;
}
#footer .siteSwitchLink {
	padding-top: 1em;
	font-size: x-large;
	font-weight: bold;
	text-align: center;
}

.content {
	width: 100%;
}
}