@charset "UTF-8";
/*
.hoge { font-size: 20px; @include max-screen($breakpoint-tablet) { font-size: 18px; } @include max-screen($breakpoint-mobile) { font-size: 16px; }
}
*/
@font-face { font-family: 'Noto Sans JP'; font-style: normal; font-weight: 600; src: url("../fonts/NotoSans_regular.woff2") format("woff2"), url("../fonts/NotoSans_regular.woff") format("woff"); }

@font-face { font-family: 'BebasNeue'; src: url("/int/fonts/BebasNeue-Bold.otf") format("opentype"); }

/*--------------------------------------------------------------
# Base setting
--------------------------------------------------------------*/
.hide { display: none; }

.visible { display: block; }

.small { font-size: 10px; }

/* clearfix */
.clearfix:before, .clearfix:after { content: ""; display: table; }

.clearfix:after { clear: both; }

.clearfix { zoom: 1; }

[class^="row"] { margin-bottom: 50px; }
@media screen and (max-width: 768px) { [class^="row"] { margin-bottom: 20px; } }

/* 2column */
.col-2_left { float: left; width: 46.5%; }
@media screen and (max-width: 768px) { .col-2_left { float: inherit; width: 100%; } }

.col-2_right { float: right; width: 46.5%; }
@media screen and (max-width: 768px) { .col-2_right { float: inherit; width: 100%; } }

/* 3column */
.col-3 { width: 31%; margin-right: 3.5%; float: left; background: #eee; }
.col-3:last-child { margin-right: 0; }
@media screen and (max-width: 768px) { .col-3 { width: 100%; float: inherit; margin: 0; } }

/* 4column */
.col-4 { width: 24%; float: left; margin-right: 1.3%; background: #eee; }
.col-4:last-child { margin-right: 0px; margin-left: 0.1%; }
@media screen and (max-width: 768px) { .col-4 { width: 100%; float: inherit; margin: 0; } }

/*-- Pkg --*/
#main-box h1.resp { margin-top: 15px; }
#main-box div.pad { padding: 0 50px 0 40px; }
#main-box div.pad_sp { padding: 0 50px 0 40px; }
#main-box p { font-size: 15px; line-height: 24px; }
#main-box table td { font-size: 12px; }
@media screen and (max-width: 768px) { #main-box { padding: 0; }
  #main-box h1 { margin: 0; }
  #main-box div.pad { padding: 0 10px; }
  #main-box div.pad_sp { padding: 0; }
  #main-box p { font-size: 12px; line-height: 1.6; }
  #main-box h2 { border: none; padding: 0; background: inherit; color: inherit; margin-left: 0 !important; margin-right: 0 !important; }
  #main-box h3 { background: inherit; padding: 0; margin-left: 0 !important; margin-right: 0 !important; } }

.tate { -ms-writing-mode: tb-rl; writing-mode: vertical-rl; -webkit-text-orientation: upright; text-orientation: upright; }

.align-left { text-align: left; }

/*--common--*/
.sp_display { display: none; }
@media screen and (max-width: 768px) { .sp_display { display: block; } }

.pc_display { display: block; }
@media screen and (max-width: 768px) { .pc_display { display: none !important; } }

.comments { display: block; text-align: left; padding-left: 10px; }
.comments:before { content: "※"; margin-left: -1em; }

#foot-box div.upper div.col2-r { display: block; }

/*--------------------------------------------------------------
# TOP
--------------------------------------------------------------*/
.coolems a:hover { opacity: 0.5; }
.coolems h2 { font-size: 38px; color: #065db0; background: inherit; margin: 25px 0 20px; text-transform: uppercase; }
.coolems h2.sendo_ttl { font-size: 24px; }
.coolems h2 span.en { font-family: BebasNeue; font-size: 58px; font-weight: normal; letter-spacing: 0.05em; color: #48493f; }
.coolems h2 span.small { color: #48493f; font-size: 24px; border-bottom: 2px solid #48493f; margin-left: 12px; padding-bottom: 4px; vertical-align: bottom; }
@media screen and (max-width: 768px) { .coolems h2 { text-align: center; margin-bottom: 20px; margin-left: 0 !important; margin-right: 0 !important; }
  .coolems h2 span.en { color: #48493f; font-size: 40px; }
  .coolems h2 span.en:after { content: ""; width: 80px; border-bottom: 2px solid #48493f; display: block; margin: 0 auto 20px; }
  .coolems h2 span.small { display: block; text-align: center; border: none; font-size: 18px; margin-left: 0; }
  .coolems .sp_description { padding: 10px; } }

/*-- information --*/
#information { border: 3px solid #ef2929; margin: 25px 0; padding: 0 0 0 40px; }
#information h2 { display: inline-block; background: #fff; color: #ef2929; border: 1px solid #ef2929; border-width: 0 3px 3px 3px; font-size: 16px; padding: 5px 21px; margin: 0; background: url("/img/common/ico_notes.gif") no-repeat 10px center; padding-left: 30px; }
#information h3 { font-size: 18px; color: #ef2929; margin: 14px 0 12px; }
#information a { display: block; margin: 12px 0 15px 0px; text-decoration: none; }
#information a:before { font-family: FontAwesome; content: "\f105"; margin-right: 5px; }
@media screen and (max-width: 768px) { #information { padding: 0 20px; }
  #information a { font-size: 12px; }
  #information h2 { font-size: 14px; }
  #information h3 { font-size: 13px; } }

/*-- handling --*/
#handling { background: #f8f8f8; padding: 20px 58px; }
#handling h2 { color: #333; font-size: 24px; margin-top: 0; }
#handling img { width: inherit; }
#handling ul.flag { margin-top: 20px; }
#handling li { float: left; margin-right: 31px; margin-bottom: 15px; text-align: center; display: block; }
#handling li:last-child { margin: 0; }
#handling li a { display: inline-block; text-decoration: none; }
#handling li a img.flag_malaysia { margin: 7px 0; }
#handling li a span { font-size: 13px; margin-top: 12px; display: inline-block; }
#handling li a span:before { font-family: FontAwesome; content: "\f105"; margin-right: 5px; }
@media screen and (max-width: 768px) { #handling { padding: 20px; }
  #handling h2 { font-size: 17px; text-align: center; }
  #handling ul.flag { -moz-box-orient: horizontal; -webkit-box-orient: horizontal; flex-direction: row; display: -webkit-box; display: -moz-box; display: -ms-flexbox; display: -webkit-flex; display: -moz-flex; display: flex; -webkit-box-lines: multiple; -moz-box-lines: multiple; -webkit-flex-wrap: wrap; -moz-flex-wrap: wrap; -ms-flex-wrap: wrap; flex-wrap: wrap; -webkit-justify-content: space-between; /* Safari */ justify-content: space-between; }
  #handling li { margin: 0 0 10px 0; }
  #handling li:last-child { margin: 0; }
  #handling .clearfix:before, #handling .clearfix:after { content: inherit; display: none; } }

#example a { border: 2px solid #065db0; box-sizing: border-box; background: #fff; text-align: center; padding: 14px; text-decoration: none; }
#example h3 { padding: 0; margin: 0; color: #065db0; }
#example h3:after { content: ""; border: 1px solid #000; width: 27px; display: block; margin: 14px auto; }
#example h4 { border: none; color: #000; margin-bottom: 10px; }
#example p { font-size: 14px; line-height: 21px; margin: 0; }
#example p:after { font-family: FontAwesome; content: "\f13a"; color: #757575; display: block; margin: 0 auto; }
@media screen and (max-width: 768px) { #example a { display: block; border-width: 2px 0 0 0; padding: 20px 30px; position: relative; }
  #example a:last-child { border-width: 2px 0 2px 0; }
  #example a:after { font-family: FontAwesome; content: "\f13a"; color: #757575; display: block; position: absolute; top: 40%; right: 20px; }
  #example h3 { display: inline; float: left; padding: 0; margin: 0; font-size: 15px; margin-right: 10px; }
  #example h3:after { display: none; }
  #example h4 { padding: 0; margin: 0; display: inline; float: left; font-size: 15px; margin-left: 1em; }
  #example p { clear: left; text-align: left; font-size: 13px; color: #000; }
  #example p:after { display: none; }
  #example p br { display: none; } }

#features .col-3 { width: 32.6%; margin-right: 1%; background: #f8f8f8; }
#features .col-3:last-child { margin-right: 0; }
#features .col-3:nth-child(2) .img_wrap { background: #065db0; }
#features .col-3 p { padding: 14px 20px; font-size: 12px; line-height: 22px; }
#features .col-3 .img_wrap { width: 100%; text-align: center; background: #f8aa0f; }
@media screen and (max-width: 768px) { #features .col-3 { width: 100%; margin: 0; } }

#movie { border: 2px solid #065db0; padding: 30px 35px; }
#movie h2 { color: #065db0; font-size: 27px; margin-top: 0; }
#movie .col-2_left { width: 40%; }
#movie .col-2_right { width: inherit; }
#movie .movie_inr_pkg { text-align: center; margin-top: 30px; }
@media screen and (max-width: 768px) { #movie .col-2_left, #movie .col-2_right { width: 100%; }
  #movie .movie_inr_pkg video { width: 100%; } }

#comparison table { border: none; border-spacing: 0; }
#comparison td { box-sizing: border-box; }
#comparison tr.con_txt td { vertical-align: middle; width: 13.7%; padding: 10px 0; background: #f3f3f3; border-bottom: 0; }
#comparison tr.con_txt td:nth-child(1) { width: 130px; }
#comparison tr.con_img td { vertical-align: top; background: #f3f3f3; padding: 10px 0; position: relative; }
#comparison tr.con_img td:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 17px 0 17px 20px; border-color: transparent transparent transparent #8a8a8a; position: absolute; right: -14px; top: 2px; z-index: 10; }
#comparison tr.con_img td:last-child:after { display: none; }
#comparison td { border: none; vertical-align: middle; font-size: 12px; text-align: center; }
#comparison td img { width: 71px; height: 71px; }
#comparison td, #comparison th { border-width: 0 6px 6px 0; border-color: #fff; border-style: solid; }
#comparison .conventional th { background: #cc0000; color: #fff; padding: 10px 0; font-weight: normal; }
#comparison .conventional th:first-child { background: #a8a8a8; width: 40px; min-height: 100px; }
#comparison .openair { background: #f8aa0f; color: #fff; font-weight: bold; font-size: 17px; padding: 10px; }
#comparison .tb_coolems { border: 3px solid #065db0; width: 100%; box-sizing: border-box; }
#comparison .tb_coolems th { background: #065db0; color: #fff; font-size: 14px; font-weight: normal; border-bottom: 0; width: 38px; padding: 0; min-height: 200px; box-sizing: border-box; }
#comparison .tb_coolems td { background: #e1f9ff; border-bottom: 0; box-sizing: border-box; }
#comparison .tb_coolems td:nth-child(2) { width: 122px; }
#comparison .tb_coolems td:last-child { border: none; width: 120px; }
#comparison .tb_coolems td:last-child img { width: 71px; }
#comparison .tb_coolems .arrow_wrap { padding: 0; }
#comparison .tb_coolems .arrow { background: #17bee5; color: #fff; padding: 20px; font-weight: bold; font-size: 17px; margin: 30px 0; position: relative; }
#comparison .tb_coolems .arrow:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 55px 0 55px 30px; border-color: transparent transparent transparent #17bfe5; position: absolute; right: -25px; top: -12px; }
@media screen and (max-width: 768px) { #comparison .conventional_sp { table-layout: fixed; width: 101%; margin-left: -1%; }
  #comparison .conventional_sp thead td { display: block; width: 0%; }
  #comparison .conventional_sp thead th { width: 50%; }
  #comparison .conventional_sp thead th:nth-child(2) { background: #a8a8a8; }
  #comparison .conventional_sp thead th:last-child { background: #065db0; }
  #comparison .conventional_sp tr { position: relative; align-items: center; z-index: -10; }
  #comparison .conventional_sp tr td { border: none; }
  #comparison .conventional_sp tr td:last-child { border-width: 0 4px 4px; border-color: #065db0; border-style: solid; background: #e1f9ff; border-bottom-color: #fff; position: relative; }
  #comparison .conventional_sp tr td.last-child.border { border-bottom: 4px solid #065db0; }
  #comparison .conventional_sp tr td.last-child:after { content: ""; border: 2px solid #065db0; position: absolute; left: -4px; bottom: -4px; }
  #comparison .conventional_sp tr td.last-child:before { content: ""; border: 2px solid #065db0; position: absolute; right: -4px; bottom: -4px; }
  #comparison .conventional_sp tr td img { height: 60px; padding: 10px 0; box-sizing: border-box; }
  #comparison .conventional_sp tr td .tate { height: max-content; }
  #comparison .conventional_sp tr td.yellow { background: #f8aa0f; color: #fff; border-width: 0 4px 4px 0; border-style: solid; border-color: #fff; }
  #comparison .conventional_sp tr td .blue { background: #065db0; color: #fff; padding: 30px 10px; height: max-content; position: relative; }
  #comparison .conventional_sp tr td .blue:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 30px 40px 0 40px; border-color: #065eb0 transparent transparent transparent; position: absolute; bottom: -30px; left: 50%; margin-left: -40px; }
  #comparison .conventional_sp tr td.gray { background: #f8f8f8; padding: 10px 30px 10px 0; border-width: 0 4px 4px 0; border-style: solid; border-color: #fff; position: relative; }
  #comparison .conventional_sp tr td.gray:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 20px 17px 0 17px; border-color: #8a8a8a transparent transparent transparent; position: absolute; bottom: -10px; left: 50%; margin-left: -17px; z-index: 100; }
  #comparison .conventional_sp tr td.gray.last-child { border-bottom: 4px solid #f8f8f8; }
  #comparison .conventional_sp tr td.gray.last-child:after { display: none; }
  #comparison .conventional_sp tr td.gray.last-child:before { display: none; }
  #comparison .conventional_sp tr th { background: #cc0000; color: #fff; font-weight: normal; border: none; }
  #comparison .conventional_sp tr th:first-child { display: block; position: absolute; left: 50%; margin-left: -30px; margin-top: 35px; font-size: 10px; padding: 3px 0; width: 60px; z-index: 100; } }

#about-shipping_wrap { background: #f3f3f3; padding: 34px 51px; }
#about-shipping_wrap h2 { margin: 0 0 20px 0; font-size: 24px; color: #5e5e5e; }
#about-shipping_wrap .col-4 { background: #fff; text-align: center; box-sizing: border-box; border: 4px solid #ccc; padding: 15px; width: 23%; margin-right: 2.5%; position: relative; z-index: 0; text-decoration: none; color: #000; }
#about-shipping_wrap .col-4:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 11px 0 11px 13px; border-color: transparent transparent transparent #8a8a8a; position: absolute; right: -20px; top: 50%; }
#about-shipping_wrap .col-4.last-child { margin-right: 0px; margin-left: 0.1%; }
#about-shipping_wrap .col-4.last-child:after { display: none; }
#about-shipping_wrap .col-4 h3 { text-transform: uppercase; color: #065db0; font-size: 17px; margin-top: 0; }
#about-shipping_wrap .col-4 p { font-size: 14px; margin-top: 10px; line-height: 1.5; }
#about-shipping_wrap .col-4 p.mk-pdf { display: block; margin-top: 10px; text-align: left; text-decoration: underline; font-size: 12px; }
#about-shipping_wrap .col-4 p.mk-xls { display: block; margin-top: 10px; text-align: left; text-decoration: underline; font-size: 12px; }
#about-shipping_wrap .col-4 p .comments { font-size: 10px; line-height: 1.5; }
#about-shipping_wrap .col-4 .img_wrap { min-height: 80px; position: relative; }
#about-shipping_wrap .col-4 .img_wrap img { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; }
#about-shipping_wrap .about-shipping_confirm { position: relative; }
#about-shipping_wrap .no_border { border: none; }
#about-shipping_wrap .condition { bottom: -35px; left: 40px; background: #fffde1;  z-index: 200; position: absolute; padding: 10px 10px 10px 30px; border: 2px solid #b2ac79; margin: 0 auto; }
#about-shipping_wrap .condition li { display: inline; }
#about-shipping_wrap .condition li a { text-decoration: none; font-size: 12px; padding-right: 10px; }
#about-shipping_wrap .condition li a:before { font-family: FontAwesome; content: "\f054"; margin-right: 5px; }
@media screen and (max-width: 768px) { #about-shipping_wrap { padding: 20px; }
  #about-shipping_wrap .visible { display: none; }
  #about-shipping_wrap h2 { color: #065db0; margin: 20px 0 30px 0; }
  #about-shipping_wrap .col-4 { border: none; display: inline-flex; flex-wrap: wrap; justify-content: space-between; width: 100%; margin-bottom: 20px; }
  #about-shipping_wrap .col-4 h3 { width: 20%; margin: 0; }
  #about-shipping_wrap .col-4 .step_inr { width: 80%; display: flex; flex-wrap: wrap; align-items: center; }
  #about-shipping_wrap .col-4 .step_inr .sp_display li { display: inline-block; margin-right: 10px; }
  #about-shipping_wrap .col-4 .step_inr .sp_display li:before { font-family: FontAwesome; content: "\f105"; margin-right: 5px; }
  #about-shipping_wrap .col-4 p { text-align: left; margin-top: 0; padding-left: 5%; }
  #about-shipping_wrap .col-4 p:nth-child(2) { width: 75%; }
  #about-shipping_wrap .col-4 p.mk-pdf { display: block; margin-top: 10px; text-align: left; text-decoration: none; font-size: 12px; width: 100%; }
  #about-shipping_wrap .col-4 p.mk-pdf span { text-decoration: underline; }
  #about-shipping_wrap .col-4 p.mk-pdf:before { font-family: 'jpsmt'; content: "\50"; font-weight: normal; color: #ce0000; padding-right: 4px; }
  #about-shipping_wrap .col-4 p.mk-pdf br { display: none; }
  #about-shipping_wrap .col-4 p.mk-xls { display: block; margin-top: 10px; text-align: left; text-decoration: none; font-size: 12px; width: 100%; }
  #about-shipping_wrap .col-4 p.mk-xls span { text-decoration: underline; }
  #about-shipping_wrap .col-4 p.mk-xls:before { font-family: 'jpsmt'; content: "\58"; font-weight: normal; color: #02723b; padding-right: 4px; }
  #about-shipping_wrap .col-4 p.mk-xls br { display: none; }
  #about-shipping_wrap .col-4 .img_wrap { position: static; width: 20%; min-height: inherit; }
  #about-shipping_wrap .col-4 .img_wrap img { position: static; }
  #about-shipping_wrap .col-4:after { display: none; }
  #about-shipping_wrap .about-shipping_confirm { width: 100%; }
  #about-shipping_wrap .about-shipping_confirm ul { text-align: left; } }

@media screen and (max-width: 768px) { a.mk-pdf { text-decoration: none; }
  a.mk-pdf:before { font-family: 'jpsmt'; content: "\50"; font-weight: normal; color: #ce0000; padding-right: 4px; background: #fff; }
  a.mk-pdf span { text-decoration: underline; } }

a.notice { display: block; background: #065db0 url(/img/common/ico_pdf.gif) no-repeat 10px 50%; color: #fff; width: 100%; text-decoration: none; font-size: 11px; padding: 0; position: relative; min-width: 140px; }
a.notice .notice_inr { padding: 10px 20px 10px 40px; text-align: left; display: block; text-decoration: underline; }
a.notice:after { font-family: FontAwesome; content: "\f138"; color: #fff; position: absolute; right: 5px; top: 40%; }
@media screen and (max-width: 768px) { a.notice { background-image: none; }
  a.notice .notice_inr:before { font-family: 'jpsmt'; content: "\50"; font-weight: normal; color: #ce0000; padding-right: 4px; background: #fff; }
  a.notice .notice_inr br { display: none; } }

#main-box h3.casestudy_heading { background: #065db0; color: #fff; font-size: 20px; text-align: center; padding: 20px; position: relative; margin-bottom: 0; }
#main-box h3.casestudy_heading:after { content: ""; width: 0; height: 0; border-style: solid; border-width: 23px 29px 0 29px; border-color: #065eb0 transparent transparent transparent; position: absolute; bottom: -23px; left: 45%; }
@media screen and (max-width: 768px) { #main-box h3.casestudy_heading { background: #065db0; color: #fff; font-size: 20px; text-align: center; padding: 20px; position: relative; margin-bottom: 0; margin-left: 0; margin-right: 0; } }

#casestudy_wrap { padding: 53px; border: 1px solid #989a9c; }
#casestudy_wrap .col-2_left { width: 255px; }
#casestudy_wrap .col-2_right { width: 470px; }
#casestudy_wrap h4 { font-size: 22px; color: #4d4d4d; border-width: 1px 0; border-color: #48493f; border-style: solid; padding: 16px 0; font-weight: normal; }
#casestudy_wrap h4 span { color: #f77c20; margin-right: 10px; }
#casestudy_wrap h5 { font-size: 20px; color: #065db0; margin-bottom: 20px; }
@media screen and (max-width: 768px) { #casestudy_wrap { padding: 20px; border: none; }
  #casestudy_wrap .col-2_left { width: 100%; max-height: 200px; overflow: hidden; }
  #casestudy_wrap .col-2_left img { width: 100%; margin-top: -100px; }
  #casestudy_wrap .col-2_right { width: 100%; }
  #casestudy_wrap > div { display: none; margin-bottom: 10px; }
  #casestudy_wrap h4 { font-size: 14px; position: relative; padding-right: 30px; }
  #casestudy_wrap h4 span { display: block; }
  #casestudy_wrap h4:after { font-family: FontAwesome; content: "\f0fe"; color: #757575; display: block; margin: 10px auto 5px; position: absolute; right: 10px; top: 50%; margin-top: -6px; }
  #casestudy_wrap h4.active:after { content: "\f146"; }
  #casestudy_wrap h5 { margin: 10px 0; } }

#contact .col-3 { background: #fff; box-sizing: border-box; border: 4px solid #ccc; text-align: center; position: relative; padding: 10px 0 5px 0; text-decoration: none; color: #333; }
#contact .col-3:after { font-family: FontAwesome; content: "\f138"; color: #757575; display: block; margin: 10px auto 5px; position: absolute; top: 50%; margin-top: -7px; right: 10px; }
#contact .col-3:nth-child(1) { color: #333; }
#contact .col-3:nth-child(2) { color: #333; }
#contact .col-3:nth-child(2) p:nth-child(2) { margin-top: -20px; }
#contact .col-3:nth-child(3) { background: #065db0; color: #fff; border-color: #065db0; }
#contact .col-3:nth-child(3):after { color: #fff; }
#contact .col-3 span { font-size: 11px; }
@media screen and (max-width: 768px) { #contact { padding: 0 30px; }
  #contact .col-3 { display: flex; align-items: center; margin: 20px auto; padding: 0; max-width: 400px; }
  #contact .col-3:nth-child(2) { padding: 0; }
  #contact .col-3:nth-child(2) p:nth-child(2) { margin-top: 0; }
  #contact .col-3 p { flex: 1; }
  #contact .col-3 p:first-child { text-align: right; flex: 1; }
  #contact .col-3 p:nth-child(2) { min-width: 140px; padding: 0 10px 0 0; }
  #contact .col-3 p img { width: 60px; }
  #contact .col-3:after { flex: 1; text-align: left; margin: 0; position: static; } }

#shipping h1 { color: #000; font-size: 32px; font-weight: bold; margin: 50px 0 34px 0; }
#shipping h1 img { vertical-align: middle; margin-right: 20px; }
#shipping h2 { font-size: 27px; }
#shipping #food ul { list-style: disc; margin-left: 2em; }
#shipping .article { border-top: 1px solid #065db0; margin-bottom: 40px; }
#shipping .common_conditions { border: none; border-spacing: 3px; margin-left: -4px; margin-bottom: 30px; }
#shipping .common_conditions tr:nth-child(2) th:first-child { width: 80px; }
#shipping .common_conditions td { border: none; padding: 20px 14px; background: #f4f4f4; text-align: center; }
#shipping .common_conditions tr:last-child td { text-align: left; }
#shipping .common_conditions th { border: none; padding: 13px; font-weight: normal; background: #ffe7c5; }
#shipping .common_conditions th.gray { background: #d8d8d8; }
#shipping .common_conditions th.cold { background: #94e5f7; }
#shipping .common_conditions th.freezing { background: #8cd2f4; }
#shipping .comments_wrap p { font-size: 14px; line-height: 1.6; }
#shipping .comments_wrap ul { list-style: disc; margin-left: 2em; font-size: 14px; }
#shipping .comments_wrap h4 { border: none; color: inherit; font-size: 14px; }
#shipping .country_conditions { border: none; border-spacing: 3px; }
#shipping .country_conditions td { border: none; padding: 20px 14px; font-size: 14px; }
#shipping .country_conditions td ul { list-style-type: disc; margin-left: 1em; }
#shipping .country_conditions td ul li { margin-bottom: 0.5em; list-style: disc; line-height: 140%; font-size: 14px; }
#shipping .country_conditions th { background: #ddd; padding: 10px; font-size: 14px; min-width: 140px; }
#shipping .country_conditions .mail { display: block; padding-top: 4px; }
#shipping .country_conditions .mail img { vertical-align: middle; margin-right: 4px; }
#shipping .country_conditions .notice { width: 150px; }
#shipping #important-point ul { list-style: disc; margin-left: 2em; font-size: 14px; line-height: 1.6; }
#shipping #important-point ul span { color: #f70000; position: relative; }
#shipping #important-point ul span:after { content: ""; width: 100%; position: absolute; bottom: -2px; left: 0; z-index: -1; }
#shipping #term [class^="col-2"] { border: 3px solid #ccc; padding: 20px; text-align: center; box-sizing: border-box; text-decoration: none; position: relative; color: #333; }
#shipping #term [class^="col-2"]:after { font-family: FontAwesome; content: "\f138"; color: #757575; display: block; position: absolute; right: 10px; top: 40%; }
@media screen and (max-width: 768px) { #shipping h1 { font-size: 20px; margin: 10px 0 20px; }
  #shipping h1 img { width: 80px; margin-bottom: 10px; }
  #shipping h2 { font-size: 18px; color: #065db0; }
  #shipping .common_conditions th { padding: 6px; font-size: 12px; }
  #shipping .comments_wrap ul li { list-style: disc; }
  #shipping .country_conditions { table-layout: fixed; width: 100%; }
  #shipping .country_conditions th, #shipping .country_conditions td { display: block;	}
  #shipping .country_conditions th a, #shipping .country_conditions td a { word-break: break-all; }
  #shipping .country_conditions th .notice, #shipping .country_conditions td .notice { width: 100%; }
  #shipping #important-point ul li { list-style: disc; }
  #shipping #food { padding: 0 20px; }
  #shipping #food ul { margin: 10px 10px 10px 0; }
  #shipping #food ul li { padding-bottom: 10px; } }
#shipping #term [class^="col-2"] { display: block; margin-bottom: 10px; }

/* main-visual */
@media screen and (max-width: 768px) { .main-visual { width: 100%; } }
@media screen and (max-width: 640px) { .main-visual { width: 100%; } }

/* pagetop
-------------------------------------------------------------------------- */
.page-top { display: none; margin: 0; padding: 0; }

.page-top.pagetop_anime { display: block; }

.page-top p { margin: 0; padding: 0; position: fixed; right: 16px; bottom: 16px; }

a.move-page-top { display: block; background: #cc0000; width: 40px; height: 40px; color: white; line-height: 40px; text-decoration: none; text-align: center; -webkit-transition: all 0.3s; -moz-transition: all 0.3s; transition: all 0.3s; border-radius: 4px; border: 1px solid #fff; }
a.move-page-top:hover { color: #fff; }

#faq h1 { color: #C70210; font-size: 32px; font-weight: normal; margin: 50px 0 34px 0; }
#faq h1 .small { font-size: 16px; font-weight: bold; }
#faq h1 .faq_left { float: left; display: none; }
#faq h1 .faq_right { float: left; }
#faq h1 img { vertical-align: middle; margin-right: 20px; }
#faq h2 { margin-bottom: 20px; margin: 30px 0 15px; padding-bottom: 1px; font-weight: bold; font-size: 18px; line-height: 22px; color: #333; background: #f0f0f0; border-left: 8px solid #cc0000; }
#faq h2 span { padding: 12px 15px 12px; display: block; }
#faq .article { border-top: 1px solid #065db0; margin-bottom: 40px; }
#faq ul.faq_menu { margin-top: 40px; }
#faq ul.faq_menu li a { width: 45%; display: block; border: 4px solid #ccc; float: left; padding: 23px 26px; margin: 0 40px 20px 0; position: relative; box-sizing: border-box; text-decoration: none; color: #333; display: table; }
#faq ul.faq_menu li a:after { font-family: FontAwesome; content: "\f13a"; color: #333333; display: block; margin: 10px auto 5px; position: absolute; top: 50%; margin-top: -7px; right: 20px; }
#faq ul.faq_menu li a span { display: table-cell; vertical-align: middle; }
#faq dl dt { background: url("../images/icon_q.png") no-repeat 20px 20px #f7f7f7; background-size: 29px 29px; position: relative; padding: 20px 140px 20px 70px; margin-top: 10px; }
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { #faq dl dt { background-image: url("../images/icon_q@2x.png"); } }
#faq dl dt:after { font-family: FontAwesome; font-size: 18x; line-height: 18px; content: "\f0fe　開く"; color: #777; position: absolute; right: 10px; top: 50%; margin-top: -9px; }
#faq dl dt.active:after { content: "\f146　閉じる"; }
#faq dl dd { background: url("../images/icon_a.png") no-repeat 40px 20px #f5f4e8; background-size: 29px 29px; margin: 0 0 0 0; padding: 20px 20px 20px 90px; display: none; }
@media screen and (-webkit-min-device-pixel-ratio: 2), (min-resolution: 2dppx) { #faq dl dd { background-image: url("../images/icon_a@2x.png"); } }
@media screen and (max-width: 768px) { #faq h1 { font-size: 20px; margin: 10px 0 20px; }
  #faq h1 img { width: 84px; }
  #faq h2 { font-size: 18px; padding: 0 20px; text-align: left; }
  #faq ul.faq_menu { margin: 0 0 -40px 0; }
  #faq ul.faq_menu li a { width: 100%; border: none; border-bottom: 1px solid #aaa; margin-bottom: 0; }
  #faq ul.faq_menu li:last-child a { border: none; }
  #faq dl dt { padding: 20px 40px 20px 70px; }
  #faq dl dt:after { content: "\f0fe"; }
  #faq dl dt.active:after { content: "\f146"; } }

@media screen and (max-width: 768px) { #en #example h3 { float: inherit; width: 100%; text-align: left; display: block; }
  #en #example h4 { margin-left: 0; float: inherit; text-align: left; display: block; } }
#en #comparison .conventional tr:first-child th { background: #a8a8a8; min-height: inherit; }
#en #comparison .conventional th:first-child { background: #cc0000; }
#en #comparison .tb_coolems th { min-height: inherit; border-bottom: inherit; border-width: 0 0 6px 0; }
#en #comparison tr.con_txt td { width: 13.6%; }
#en #comparison tr.con_txt td:first-child { width: 158px; }
#en #comparison .tb_coolems td:nth-child(2) { width: inherit; }
#en #comparison .tb_coolems tr:nth-child(2) td:first-child { width: 166px; }
#en #head-box #global_navi { padding: 0; }
#en .coolems h2 span.small { font-size: 15px; }
#en #shipping h1 { font-size: 25px; }
#en #faq dl dt.active:after { content: "\f146　close"; }
@media screen and (max-width: 768px) { #en #faq dl dt.active:after { content: "\f146"; } }
#en #faq dl dt:after { content: "\f0fe　open"; }
@media screen and (max-width: 768px) { #en #faq dl dt:after { content: "\f0fe"; } }
#en .sidebar h2 { background-image: none; }

.sidebar .jpen li { display: none; }
.sidebar .jpen li:first-child { display: block; }

.move-page-top:hover { opacity: 0.85; }

.pagetop_anime { animation: fadeIn 2s ease 0s 1 normal; -webkit-animation: fadeIn 2s ease 0s 1 normal; }

@keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

@-webkit-keyframes fadeIn { 0% { opacity: 0; }
  100% { opacity: 1; } }

p.indent{ 
  text-indent: -1em;
  padding-left: 2em;
}

@media screen and (max-width: 640px) {
	/*20201030*/
	.sidebarSp li.arrow a{
		color: #FFF;
	}
	
	.adjust{
		padding: -0px !important;
	}
	ul.jpen li{
		margin-bottom: 5px;
	} 
	div.chu{
		margin-left: 10px;
	}
}/*end*/