/* ---------------------------------------------------------------------------------------------- */
/* -- cargoods css -- */



.for_pc {
	display:block;
}
.for_sp {
	display:none;
}



p.lead {
	font-size: 110%;
	line-height: 180%;
	padding:0 0 24px;
}
p.text {
	font-size: 86%;
	line-height: 180%;
}
p.text_s {
	font-size: 80%;
	line-height: 120%;
}
p.text_s span {
	font-size: 90%;
	padding-left:16px;
}
p.attention {
	font-size: 76%;
	line-height: 120%;
}
.bold {
	font-weight:bold;
}
.right {
	text-align:right;
}
.add {
	padding-top:15px;
}
.btm {
	padding-bottom:15px;
}

table {
	box-sizing: border-box;
	width:100%;
	border-collapse:collapse; 
	border-spacing:0px; 
}

.border-btm {
	border-bottom:2px solid #CCC;    
}

/* mainimage ------------------------------------------------------------------------- */
div.mainimage {
	position:relative;
}
div.mainimage p.image {
	box-sizing: border-box;
	width:100%;
}
div.mainimage p.image img {
	width:100%;
}
div.mainimage p.text {
	position:absolute;
	bottom:48px;
	left:20px;
	font-size:100%;
	color:#FFF;
	font-weight:bold;
}
div.arrow {
    text-align: center;
    margin-bottom: 30px;
}
div.arrow img {
    width: 3%;
}

/* h3 ------------------------------------------------------------------------- */
div.ttlh3 {
    width: 94%;
	padding: 0;
    background-color:#FFEA01;
    border: thick solid rgba(0,0,0,1.00);
    margin: 30px auto 20px;
}
h3 {
	font-size: 210%;
    font-weight: bold;
	line-height: 100%;
    background-position:0 0.1em;
    background-size:74px;
    max-width:976px;
	margin:10px auto;
}

h3 br {
	display:none;
}

/* dr_block_01 ------------------------------------------------------------------------- */
div.dr_block_01 {
	box-sizing: border-box;
	width:100%;
	max-width:1200px;
	padding:40px 0;
	margin:0 auto;
}    
div.dr_block_01 div.dr_inner {
	box-sizing: border-box;
	width:70%;
	max-width:800px;
	padding:0;
	margin:0 auto;
}
div.dr_block_01:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.dr_block_01 div.textside {
	box-sizing: border-box;
	display:block;
	width:62%;
	max-width:600px;
	float:left;
}
div.dr_block_01 div.textside p{
    font-size: 160%;
    font-weight: bold;
    line-height: 1.2em;
    padding-top:50px;
}
div.dr_block_01 div.textside img {
	width:90%;
}
div.dr_block_01 div.imageside {
	box-sizing: border-box;
	display:block;
	width:31%;
	max-width:300px;
	float:right;
}
div.dr_block_01 div.imageside img {
	width:100%;
    filter: drop-shadow(10px 10px 10px rgba(0,0,0,0.6));
    border: 1px solid rgba(134,134,134,1.00);
}

/* dr_block_02 ------------------------------------------------------------------------- */

div.dr_block_02 h2 {
	font-size: 260%;
	line-height: 120%;
	font-weight:bold;
	color: #000;
	padding:16px 0;
}

div.dr_block_02 h2 span {
    font-size: 50%;
}
div.dr_block_02 {
	box-sizing: border-box;
	width:100%;
	max-width:976px;
	/*padding:60px 0 0;*/
	margin:0 auto;
}
div.dr_block_02:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.dr_block_02 div.dr_block_02_02 div.img_block {
	box-sizing: border-box;
	display:block;
	width:30%;
	max-width:360px;
	float:left;
    margin-right: 5%;
}
div.dr_block_02 div.dr_block_02_02 div.img_block_end {
	box-sizing: border-box;
	display:block;
	width:30%;
	max-width:360px;
	float:left;
    margin-right: 0;
}
div.dr_block_02 div.dr_block_02_02 div.imagearea img { 
	width:100%;
}
div.dr_block_02 div.dr_block_02_02 div.textarea { 
    padding:10px 0;
    font-size:75%;
    line-height: 1.4em;
}

/* dr_block_02_01 */
div.dr_block_02_01:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.dr_block_02_01 div.textside {
	box-sizing: border-box;
	display:block;
	width:72%;
	max-width:700px;
	float:left;
}
div.dr_block_02_01 div.imageside {
	box-sizing: border-box;
	display:block;
	width:25%;
	max-width:240px;
	float:right;
}
div.dr_block_02_01 div.imageside img {
	width:100%;
}



/* dr_block_02_02 */
div.dr_block_02_02 {
	padding:20px 0 0;
}
/*div.dr_block_02_02 table {
	font-size:120%;
	line-height:120%;
	padding:0px;
	margin: 0 0 10px; 
	border-top:3px solid #0075C1; 
	border-bottom:3px solid #0075C1;
}
div.dr_block_02_02 table th,
div.dr_block_02_02 table td {
	font-weight:bold;
	text-align:center;
	padding:8px;
}
div.dr_block_02_02 table th {
	color:#FFF;
	background-color:#0075C1;
	border-right:1px solid #FFF;
}
div.dr_block_02_02 table td {
	border-right:1px solid #0075C1;
	border-top:1px solid #0075C1;
}
div.dr_block_02_02 table tr th:nth-child(1) {
	background-color:#FFF;
}
div.dr_block_02_02 table tr th:nth-child(3) {
	border-right:none;
}
div.dr_block_02_02 table tr td:nth-child(1) {
	text-align:left;
}*/



/* dr_block_02_03 */
/*div.dr_block_02_03 {
	padding:20px 0;
}*/
div.dr_block_02_03:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.dr_block_02_03 div.textside {
	box-sizing: border-box;
	display:block;
	width:62%;
	max-width:600px;
	float:left;
}
div.dr_block_02_03 div.imageside {
	box-sizing: border-box;
	display:block;
	width:31%;
	max-width:300px;
	float:right;
}
div.dr_block_02_03 div.imageside img {
	width:70%;
    text-align: center;
    margin-top: 20px;
}

/*div.dr_block_02_03 div.drbk0203_l {
	box-sizing: border-box;
	display:block;
	width:35%;
	max-width:345px;
	float:left;
}
div.dr_block_02_03 div.drbk0203_r {
	box-sizing: border-box;
	display:block;
	width:62%;
	max-width:610px;
	float:right;
}
div.dr_block_02_03 div.drbk0203_l table {
	font-size:90%;
	line-height:120%;
	padding:0px; 
	border-top:3px solid #0075C1; 
	border-bottom:3px solid #0075C1;
}
div.dr_block_02_03 div.drbk0203_l table th,
div.dr_block_02_03 div.drbk0203_l table td {
	text-align:center;
	padding:8px;
}
div.dr_block_02_03 div.drbk0203_l table th {
	color:#FFF;
	font-weight:bold;
	background-color:#0075C1;
	border-right:1px solid #FFF;
}
div.dr_block_02_03 div.drbk0203_l table td {
	border-right:1px solid #0075C1;
	border-top:1px solid #0075C1;
}
div.dr_block_02_03 div.drbk0203_l table tr td:nth-child(1) {
	text-align:left;
}
div.dr_block_02_03 div.drbk0203_l table tr th:nth-child(1) {
	background-color:#FFF;
}
div.dr_block_02_03 div.drbk0203_l table tr th:nth-child(3) {
	border-right:none;
}
div.dr_block_02_03 div.drbk0203_l table + p {
	padding:16px 0 0;
}
div.dr_block_02_03 div.drbk0203_l p img {
	width:100%;
}*/



/* dr_block_03 ------------------------------------------------------------------------- */
/*div.dr_block_03 {
	box-sizing: border-box;
	width:100%;
	max-width:976px;
	padding:0 0 40px;
	margin:0 auto;
}
div.dr_block_03.top {
	padding:60px 0 40px;
	margin:60px auto 0;
	border-top:2px solid #CCC;
}
div.dr_block_03 h3 {
	font-size: 150%;
	line-height: 120%;
	font-weight:bold;
	color: #0075C1;
	padding:0 0 10px;
}*/



/* dr_block_03_01 */
/*div.dr_block_03_01 {
	padding:20px 0;
}
div.dr_block_03_01:after {
	content: ""; clear: both; height: 0; display: block; visibility: hidden;
}
div.dr_block_03_01 div.drbk03_l {
	box-sizing: border-box;
	display:block;
	width:69%;
	max-width:680px;
	float:left;
}
div.dr_block_03_01 div.drbk03_r {
	box-sizing: border-box;
	display:block;
	width:27%;
	max-width:260px;
	float:right;
}
div.dr_block_03_01 div.drbk03_r img {
	width:100%;
}
div.dr_block_03_01 div.drbk03_l table {
	font-size:100%;
	line-height:120%;
	padding:0px; 
	margin:0 0 10px;
	border-top:3px solid #0075C1; 
	border-bottom:3px solid #0075C1;
}
div.dr_block_03_01 div.drbk03_l table th,
div.dr_block_03_01 div.drbk03_l table td {
	text-align:center;
	padding:8px;
}
div.dr_block_03_01 div.drbk03_l table th {
	color:#FFF;
	font-weight:bold;
	background-color:#0075C1;
	border-right:1px solid #FFF;
}
div.dr_block_03_01 div.drbk03_l table td {
	border-right:1px solid #0075C1;
	border-top:1px solid #0075C1;
}
div.dr_block_03_01 div.drbk03_l table tr td:nth-child(1) {
	text-align:left;
}
div.dr_block_03_01 div.drbk03_l table tr td:nth-child(n+2) {
	background-color:#DEEBF8;
}
div.dr_block_03_01 div.drbk03_l table tr:nth-child(3) td:nth-child(n+2) {
	color:#0075C1;
}
div.dr_block_03_01 div.drbk03_l table tr th:nth-child(1) {
	background-color:#FFF;
}
div.dr_block_03_01 div.drbk03_l table td span {
	font-size:80%;
}
div.dr_block_03_01 div.drbk03_l table tr th:nth-child(4) {
	border-right:none;
}*/




/* ###################### a hover event ###################### */
@media screen and (min-width:1024px) {


div.movie_section a:hover img {
	opacity: 0.7; filter: alpha(opacity=70);
}

div.movie_section a:hover dl dd {
	text-decoration:underline;
}

}



/* ###################### break tablet ###################### */
@media screen and (min-width: 769px) and (max-width: 1024px) {


}

/* ###################### break smartphone ###################### */
@media screen and (max-width: 768px) {


.for_pc {
	display:none;
}
.for_sp {
	display:block;
	width:100%;
}


p.lead {
	font-size: 104%;
}


/* mainimage ------------------------------------------------------------------------- */
div.mainimage {
	position:static;
}
div.mainimage p.image {
	font-size:0;
	line-height:0;
}
/*div.mainimage p.text {
	position:static;
	bottom:0;
	left:0;
	font-size:80%;
	line-height:140%;
	font-weight:bold;
	padding:10px 3%;
	background-color:#000;
}*/
h3 {
	font-size: 150%;
	/*text-align:center;*/
/*padding: 3.5em 0 1em;*/
background-position:center top;
background-size: 68px;
}
h3 br {
	display:block;
}

/* dr_block_01 ------------------------------------------------------------------------- */
div.dr_block_01 {
	max-width:100%;
	padding:20px 0;
}
div.dr_block_01 div.dr_inner {
	width:94%;
	max-width:94%;
}
div.dr_block_01 div.textside,
div.dr_block_01 div.imageside {
	width:100%;
	max-width:100%;
	float:none;
}
div.dr_block_01 div.imageside {
	text-align:center;
	padding-top:16px;
}
div.dr_block_01 div.imageside img {
	width:80%;
}


/* dr_block_02 ------------------------------------------------------------------------- */
div.dr_block_02 {
	width:94%;
	max-width:94%;
	/*padding:20px 0 0;*/
}
/*div.dr_block_02.top {
	padding:40px 0 0;
	margin:40px auto 0;
}*/
div.dr_block_02 h2 {
	font-size: 200%;
	line-height: 120%;
	font-weight:bold;
	color: #000;
	padding:16px 0;
}

div.dr_block_02 h2 span {
    font-size: 50%;
}


/* dr_block_02_01 */
div.dr_block_02_01 div.textside,
div.dr_block_02_01 div.imageside {
	width:100%;
	max-width:100%;
	float:none;
}
div.dr_block_02_01 div.imageside {
	padding-top:16px;
}


/* dr_block_02_02 */ 
div.dr_block_02 div.dr_block_02_02 div.img_block,
div.dr_block_02 div.dr_block_02_02 div.img_block_end {
	width:100%;
    max-width: 100%;
    margin-bottom: 30px;
}

/* dr_block_02_03 */
div.dr_block_02_03 div.textside,
div.dr_block_02_03 div.imageside {
	width:94%;
	max-width:94%;
	float:none;
}
div.dr_block_02_03 div.imageside img{
    width: 50%;
}
    
/*div.dr_block_02_02 table {
	font-size:80%;
}
div.dr_block_02_02 table th,
div.dr_block_02_02 table td {
	padding:4px;
}*/


/* dr_block_02_03 */
/*div.dr_block_02_03 div.drbk0203_l,
div.dr_block_02_03 div.drbk0203_r {
	width:100%;
	max-width:100%;
	float:none;
}
div.dr_block_02_03 div.drbk0203_l table {
	font-size:80%;
}
div.dr_block_02_03 div.drbk0203_l table th,
div.dr_block_02_03 div.drbk0203_l table td {
	padding:4px;
}
div.dr_block_02_03 div.drbk0203_r {
	padding-top:16px;
}*/


/* dr_block_03 ------------------------------------------------------------------------- */
/*div.dr_block_03 {
	width:94%;
	max-width:94%;
	padding:0 0 20px;
}
div.dr_block_03.top {
	padding:40px 0 20px;
	margin:40px auto 0;
}
div.dr_block_03 h3 {
	font-size: 110%;
}*/


/* dr_block_03_01 */
/*div.dr_block_03_01 div.drbk03_l,
div.dr_block_03_01 div.drbk03_r {
	width:100%;
	max-width:100%;
	float:none;
}
div.dr_block_03_01 div.drbk03_l table {
	font-size:80%;
}
div.dr_block_03_01 div.drbk03_l table th,
div.dr_block_03_01 div.drbk03_l table td {
	padding:4px;
}
div.dr_block_03_01 div.drbk03_r {
	padding-top:16px;
	text-align:center;
}
div.dr_block_03_01 div.drbk03_r img {
	width:70%;
}*/