@charset "UTF-8";
/* ---------- setting ---------- ---------- */
body { background: #000; font-family: "Noto Sans JP", "游ゴシック", "Yu Gothic", YuGothic, "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", sans-serif; }

main { display: block; }

/* ----------------------------------------------------------
loading
---------------------------------------------------------- */

.loadanime{
	font-weight: 900;
	color: #000;
	margin-top: 40vh;
	text-align: center;
	width: 100%;
}

/* ----------------------------------------------------------
.btn-pagetop
---------------------------------------------------------- */
.block-pagetop { height: 80px; position: relative; }

.btn-pagetop { position: fixed; display: block; bottom: 20px; right: 20px; z-index: 20; color: #fff; text-align: center; cursor: pointer; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.2s; transition-property: opacity; visibility: hidden; }

.btn-pagetop.js-show { opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; visibility: visible; }

.btn-pagetop.js-show:hover { opacity: 0.6; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=60)"; }

.btn-pagetop.js-fixed { top: 0px; bottom: auto; position: absolute; }

/* リセットCSS */
html, body { width: 100%; height: 100%; }

body, h1, h2, h3, h4, h5, h6, p, ol, ul, li, blockquote, pre, a, div { margin: 0; padding: 0; font-size: 100%; line-height: inherit; box-sizing: border-box; }

body { -webkit-text-size-adjust: 100%; line-height: 1; background-color: #000; }

ol, ul { list-style: none; }

table { border-collapse: collapse; border-spacing: 0; }

th, td { vertical-align: top; text-align: left; font-weight: normal; }

img { border: 0; vertical-align: bottom; }

a { text-decoration: none; }

@media screen and (min-width: 768px){
 main{ font-size: 16px; } }

@media screen and (max-width: 767px){
 main{ font-size: 12px; }
 main img{ max-width: 100%; height: auto; }
.area-wrapper {
  position: relative;
  background-color: #ff8b01;
  overflow: hidden;
}
 .block-pagetop{ height: 50px; }
 .btn-pagetop{ width: 43px; height: 31px; }
 /* ----------------------------------------------------------
.area-footer
---------------------------------------------------------- */
 .area-footer{ background: #000; color: #fff; padding: 20px 10px; text-align: center; }
 .area-footer ._row-sns{ text-align: center; }
 .area-footer ._row-sns ul{ display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }
 .area-footer ._row-sns ul li{ margin: 5px 10px; width: 50px; }
 .area-footer ._row-sns ul li img{ width: 100%; }
 .area-footer ._row-copy{ margin-top: 20px; }
 .area-footer ._row-copy ._body{ padding: 10px; }
 .area-footer ._row-copy ._head{ padding: 10px; font-weight: bold; position: relative; text-align: center; font-size: 12px; background: #222; }
 .area-footer ._row-copy ._head span{ position: relative; display: inline-block; }
 .area-footer ._row-copy ._head span:before{ content: ""; position: absolute; top: 50%; left: -20px; width: 5px; height: 5px; box-sizing: border-box; border: 5px solid transparent; border-top: 5px solid #fff; -ms-transform: scale(1, 1.4); transform: scale(1, 1.4); }
 .area-footer ._row-copy ._head.js-open span:before{ top: 0%; -ms-transform: scale(1, 1.4) rotate(180deg); transform: scale(1, 1.4) rotate(180deg); }
 .area-footer ._row-copy p{ font-size: 9px; line-height: 1.83; }
 .area-menu-btn-sp{ position: fixed; top: 0; right: 0; width: 50px; height: 50px; z-index: 210; }
 body.js-sp-menu-active .area-menu-btn-sp{ border: none; }
 .area-menu-btn-sp span{ transition-duration: 0.2s; position: absolute; background: #000; height: 1px; left: 10px; right: 10px; }
 .area-menu-btn-sp span:nth-child(1){ top: 15px; }
 .area-menu-btn-sp span:nth-child(2){ top: 24px; }
 .area-menu-btn-sp span:nth-child(3){ bottom: 15px; }
 body.js-sp-menu-active .area-menu-btn-sp span{ background: #000; }
 body.js-sp-menu-active .area-menu-btn-sp span:nth-child(1){ position: absolute; top: 25px; -ms-transform: rotate(45deg); transform: rotate(45deg); }
 body.js-sp-menu-active .area-menu-btn-sp span:nth-child(2){ display: none; }
 body.js-sp-menu-active .area-menu-btn-sp span:nth-child(3){ position: absolute; top: 25px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); }
 /* ----------------------------------------------------------
.area-menu-sp
---------------------------------------------------------- */
 .area-menu-pc{ display: none; }
 .area-menu-sp{ position: fixed; top: 0; left: 0px; right: 0px; bottom: 0; color: #fff; visibility: hidden; transition-duration: 0.2s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; -ms-transform: translate(100%, 0); transform: translate(100%, 0); pointer-events: none; z-index: 200; background: rgb(255 141 1); }
 .area-menu-sp a{ color: #fff; }
 body.js-sp-menu-active .area-menu-sp{ visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform: translate(0, 0); transform: translate(0, 0); pointer-events: inherit; }
 .area-menu-sp ._inner{ position: absolute; top: 60px; left: 0; right: 0px; height: calc(100% - 60px); overflow: scroll; -webkit-overflow-scrolling: touch; position: relative; padding-bottom: 60px; }
 .area-menu-sp ._set{ border-bottom: 1px solid rgba(255, 255, 255, 0.2); }
 .area-menu-sp ._set:nth-child(1){ border-top: 1px solid rgba(255, 255, 255, 0.2); }
 .area-menu-sp ._title{ position: relative; font-size: 15px; font-weight: bold; }
 .area-menu-sp ._title span{ display: block; padding: 15px; }
 .area-menu-sp ._title.js-sp-menu-head:before{ position: absolute; top: 50%; right: 20px; display: block; content: ''; height: 7px; width: 7px; border: 2px solid #fff; border-left-width: 0; border-top-width: 0; -ms-transform: translate(0, -50%) rotate(45deg); transform: translate(0, -50%) rotate(45deg); }
 .area-menu-sp ._title.js-active:before{ -ms-transform: translate(0, -50%) rotate(225deg); transform: translate(0, -50%) rotate(225deg); }
 .area-menu-sp ._link li a{ 
 padding: 20px 0 20px 30px;
    text-align: left;
    display: block;
    color: #000;
    font-size: 30px;
    font-weight: 900;
}
 }
 /* ----------------------------------------------------------
.area-wrapper
---------------------------------------------------------- */
 .area-wrapper{ position: relative; background-color: #ff8b01; }
 /* ----------------------------------------------------------
.area-inner
---------------------------------------------------------- */
 .area-inner{ position: relative; }
 /* ----------------------------------------------------------
.block-inner
---------------------------------------------------------- */
 .block-inner-sp{ padding-right: 15px; padding-left: 15px; }
 .area-modal-brands{ visibility: hidden; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1000; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
 .area-modal-brands.js-show{ visibility: visible; }
 .area-modal-brands.js-show ._modal-bg{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
 .area-modal-brands.js-show ._modal-box{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform: translate(0, 0); transform: translate(0, 0); }
 .area-modal-brands ._modal-bg{ transition-duration: 0.2s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.8); }
 .area-modal-brands ._modal-btn-close{ position: absolute; top: 15px; right: 15px; width: 40px; height: 40px; cursor: pointer; z-index: 10; transition-duration: 0.2s; }
 .area-modal-brands ._modal-btn-close:hover{ opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
 .area-modal-brands ._modal-btn-close:after, .area-modal-brands ._modal-btn-close:before{ content: ""; position: absolute; top: 18px; left: 2px; width: 35px; height: 2px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #FFF; }
 .area-modal-brands ._modal-btn-close:before{ -ms-transform: rotate(45deg); transform: rotate(45deg); }
 .area-modal-brands ._modal-box{ opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.4s; -ms-transform: translate(100%, 0); transform: translate(100%, 0); position: absolute; background: #ecdfc7; box-sizing: border-box; background: url(https://tamashiiweb.com/special/jumpcs/dragonball/images/modal_brands/bg_sp.png) left top no-repeat; background-size: cover; width: 320px; height: 500px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
 .area-modal-brands ._modal-box ._page{ display: none; }
 .block-brand-modal{ text-align: center; padding: 0 20px; }
 .block-brand-modal ._row-header{ line-height: 1.5; font-weight: bold; }
 .block-brand-modal ._row-header ._logo img{ width: 200px; height: 80px; object-fit: contain; }
 .block-brand-modal ._row-header ._title{ margin-top: 10px; font-size: 18px; font-weight: bold; }
 .block-brand-modal ._row-header ._sup{ font-size: 11px; }
 .block-brand-modal ._row-header:after{ content: ""; display: block; margin: 5px auto; background: url(https://tamashiiweb.com/special/jumpcs/dragonball/images/modal_brands/deco1.png) center top no-repeat; background-size: contain; width: 113px; height: 10px; }
 .block-brand-modal ._row-body{ margin-top: 15px; text-align: left; }
 .block-brand-modal ._row-body p{ font-size: 12px; line-height: 1.86; }
 .block-brand-modal ._row-footer{ text-align: center; margin-top: 15px; }
 .area-modal-normal{ visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.4s; -ms-transform: scale(0.9); transform: scale(0.9); position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1000; }
 .area-modal-normal.js-show{ visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform: scale(1); transform: scale(1); }
 .area-modal-normal ._modal-bg{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.85); }
 .area-modal-normal ._modal-btn-close{ position: absolute; top:0; right: 0; width: 40px; height: 40px; cursor: pointer; z-index: 10; transition-duration: 0.2s; }
 .area-modal-normal ._modal-btn-close:hover{ opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
 .area-modal-normal ._modal-btn-close:after, .area-modal-normal ._modal-btn-close:before{ content: ""; position: absolute; top: 18px; left: 2px; width: 35px; height: 2px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #000; }
 .area-modal-normal ._modal-btn-close:before{ -ms-transform: rotate(45deg); transform: rotate(45deg); }
 .area-modal-normal ._modal-box{ background: #fff; border: 0.5px solid #fff; position: absolute; top: 20px; left: 20px; right: 20px; bottom: 20px; }
 .area-modal-normal ._modal-box ._modal-body{ position: absolute; top: 40px; bottom: 0px; left: 0px; right: 0px; }
 .mod-normal-modal{ padding: 10px; overflow-y: scroll; color: #000; }
 .mod-normal-modal img{ max-width: 100%; }
 .mod-normal-modal p{ line-height: 1.8; margin-top: 10px; font-size: 10px; }
 .mod-graph-online1{ position: relative; width: 100%; }
 .mod-graph-online1 ._text{ position: absolute; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-direction: column; flex-direction: column; color: #000; font-size: 2.66667vw; line-height: 1.3; text-align: center; }
 .mod-graph-online1 .is-1, .mod-graph-online1 .is-2{ font-size: 3.2vw; color: #fff; }
 .mod-graph-online1 .is-3, .mod-graph-online1 .is-4{ font-size: 3.2vw; color: #fff; }
 .mod-graph-online1 .is-34, .mod-graph-online1 .is-35, .mod-graph-online1 .is-41{ font-size: 3.2vw; }
 .mod-graph-online1 .is-1{ position: absolute; top: 0%; left: -0.42%; width: 69.91%; height: 5%; }
 .mod-graph-online1 .is-2{ position: absolute; top: 0%; left: 66.71%; width: 33.28%; height: 5%; }
 .mod-graph-online1 .is-3{ position: absolute; top: 8.66%; left: -0.14%; width: 100%; height: 6.18%; }
 .mod-graph-online1 .is-4{ position: absolute; top: 75.49%; left: 0%; width: 100%; height: 6.18%; }
 .mod-graph-online1 .is-31{ position: absolute; top: 17.07%; left: 2.92%; width: 46.23%; height: 24.25%; }
 .mod-graph-online1 .is-32{ position: absolute; top: 17.07%; left: 50.97%; width: 46.23%; height: 12.99%; }
 .mod-graph-online1 .is-33{ position: absolute; top: 33.29%; left: 50.83%; width: 46.23%; height: 8.04%; }
 .mod-graph-online1 .is-34{ position: absolute; top: 44.92%; left: 50%; width: 40%; height: 8.53%; text-align: left; }
 .mod-graph-online1 .is-35{ position: absolute; top: 57.54%; left: 2.92%; width: 94.28%; height: 9.52%; }
 .mod-graph-online1 .is-41{ position: absolute; top: 86.13%; left: 2.64%; width: 94.28%; height: 10.64%; }
 .mod-graph-online2{ position: relative; }
 .mod-graph-online2 ._text{ position: absolute; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; color: #000; font-size: 2.66667vw; line-height: 1.5; text-align: center; }
 .mod-graph-online2 ._text small{ margin-left: 5px; font-size: 2.66667vw; }
 .mod-graph-online2 .is-4{ font-size: 3.2vw; }
 .mod-graph-online2 .is-1{ position: absolute; top: -0.76%; left: 0.14%; width: 100%; height: 19.94%; }
 .mod-graph-online2 .is-2{ position: absolute; top: 27.02%; left: -0.29%; width: 100%; height: 19.94%; }
 .mod-graph-online2 .is-3{ position: absolute; top: 53.03%; left: 0.14%; width: 100%; height: 19.94%; }
 .mod-graph-online2 .is-4{ position: absolute; top: 79.79%; left: -0.15%; width: 100%; height: 19.94%; }

@media print, screen and (min-width: 768px){
 .btn-pagetop{ width: 86px; height: 61px; }
 /* ----------------------------------------------------------
.area-footer
---------------------------------------------------------- */
 .area-footer{ background: #000; color: #fff; padding: 50px 0; text-align: center; }
 .area-footer ._row-sns{ text-align: center; }
 .area-footer ._row-sns ul{ display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; }
 .area-footer ._row-sns ul li{ margin: 10px 20px; }
 .area-footer ._row-copy{ margin-top: 20px; }
 .area-footer ._row-copy p{ font-size: 12px; line-height: 1.83; }
 .area-header-sp{ display: none; }
 .area-menu-sp{ display: none; }
 .area-menu-btn-sp{ display: none; }
 /* ----------------------------------------------------------
.area-wrapper
---------------------------------------------------------- */
 .area-wrapper{ position: relative; background-color: #ff8b01; }
 /* ----------------------------------------------------------
.area-inner
---------------------------------------------------------- */
 .area-inner{ position: relative; }
 /* ----------------------------------------------------------
.block-inner
---------------------------------------------------------- */
 .area-modal-brands{ visibility: hidden; position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1000; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
 .area-modal-brands.js-show{ visibility: visible; }
 .area-modal-brands.js-show ._modal-bg{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
 .area-modal-brands.js-show ._modal-box{ opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform: translate(0, 0); transform: translate(0, 0); }
 .area-modal-brands ._modal-bg{ transition-duration: 0.2s; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.8); }
 .area-modal-brands ._modal-btn-close{ position: absolute; top: 40px; right: 35px; width: 50px; height: 50px; cursor: pointer; z-index: 10; transition-duration: 0.2s; }
 .area-modal-brands ._modal-btn-close:hover{ opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
 .area-modal-brands ._modal-btn-close:after, .area-modal-brands ._modal-btn-close:before{ content: ""; position: absolute; top: 18px; left: 13px; width: 35px; height: 2px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #666; }
 .area-modal-brands ._modal-btn-close:before{ -ms-transform: rotate(45deg); transform: rotate(45deg); }
 .area-modal-brands ._modal-box{ opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.4s; -ms-transform: translate(100%, 0); transform: translate(100%, 0); position: absolute; background: #fff; box-sizing: border-box; background: url(https://tamashiiweb.com/special/jumpcs/dragonball/images/modal_brands/bg.png) left top no-repeat; width: 919px; height: 555px; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
 .area-modal-brands ._modal-box ._page{ display: none; }
 .block-brand-modal{ text-align: center; }
 .block-brand-modal ._row-header{ line-height: 1.5; font-weight: bold; }
 .block-brand-modal ._row-header ._title{ margin-top: 20px; font-size: 35px; }
 .block-brand-modal ._row-header ._sup{ font-size: 20px; }
 .block-brand-modal ._row-header:after{ content: ""; display: block; margin: 20px auto; background: url(https://tamashiiweb.com/special/jumpcs/dragonball/images/modal_brands/deco1.png) left top no-repeat; background-size: contain; width: 127px; height: 14px; }
 .block-brand-modal ._row-body{ margin-top: 40px; }
 .block-brand-modal ._row-body p{ font-size: 15px; line-height: 1.86; }
 .block-brand-modal ._row-footer{ text-align: center; margin-top: 40px; }
 .area-modal-normal{ visibility: hidden; opacity: 0; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; transition-duration: 0.4s; -ms-transform: scale(0.9); transform: scale(0.9); position: fixed; top: 0px; left: 0px; right: 0px; bottom: 0px; z-index: 1000; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; }
 .area-modal-normal.js-show{ visibility: visible; opacity: 1; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; -ms-transform: scale(1); transform: scale(1); }
 .area-modal-normal ._modal-bg{ position: absolute; top: 0px; left: 0px; right: 0px; bottom: 0px; background: rgba(0, 0, 0, 0.85); }
 .area-modal-normal ._modal-btn-close{ position: absolute; width: 50px; height: 50px; -ms-transform: translate(-50%, -50%); transform: translate(-50%, -50%); cursor: pointer; background: #fff; z-index: 10; transition-duration: 0.2s; top: 25px; right: -25px; }
 .area-modal-normal ._modal-btn-close:hover{ opacity: 0.8; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
 .area-modal-normal ._modal-btn-close:after, .area-modal-normal ._modal-btn-close:before{ content: ""; position: absolute; top: 23px; left: 12px; width: 25px; height: 2px; -ms-transform: rotate(-45deg); transform: rotate(-45deg); background: #000; }
 .area-modal-normal ._modal-btn-close:before{ -ms-transform: rotate(45deg); transform: rotate(45deg); }
 .area-modal-normal ._modal-box{ position: relative; background: #fff; width: 900px; height: 700px; }
 .area-modal-normal ._modal-box ._modal-body{ position: absolute; top: 10px; bottom: 10px; left: 10px; right: 10px; overflow-y: scroll; -webkit-overflow-scrolling: touch; }
 .area-modal-normal ._modal-box ._modal-body::-webkit-scrollbar{ width: 14px; }
 .area-modal-normal ._modal-box ._modal-body::-webkit-scrollbar-track{ background: #a4a4a4; }
 .area-modal-normal ._modal-box ._modal-body::-webkit-scrollbar-thumb{ background: #b60000; } 
 .mod-normal-modal{ padding: 60px 30px; }
 .mod-normal-modal img{ max-width: 100%; }
 .mod-normal-modal p{ line-height: 1.8; margin-top: 20px; text-align: center; font-size: 16px; }
 .mod-graph-online1{ position: relative; width: 840px; }
 .mod-graph-online1 ._text{ position: absolute; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; color: #000; font-size: 15px; line-height: 1.5; text-align: center; }
 .mod-graph-online1 .is-1, .mod-graph-online1 .is-2{ font-size: 20px; color: #fff; }
 .mod-graph-online1 .is-3, .mod-graph-online1 .is-4{ font-size: 25px; color: #fff; }
 .mod-graph-online1 .is-34, .mod-graph-online1 .is-35, .mod-graph-online1 .is-41{ font-size: 16px; }
 .mod-graph-online1 .is-1{ top: 0px; left: 1px; width: 587px; height: 42px; }
 .mod-graph-online1 .is-2{ top: 1px; left: 561px; width: 279px; height: 42px; }
 .mod-graph-online1 .is-3{ top: 83px; left: 2px; width: 840px; height: 58px; }
 .mod-graph-online1 .is-31{ top: 162px; left: 25px; width: 393px; height: 105px; }
 .mod-graph-online1 .is-32{ top: 285px; left: 26px; width: 225px; height: 95px; }
 .mod-graph-online1 .is-33{ top: 285px; left: 278px; width: 140px; height: 95px; }
 .mod-graph-online1 .is-34{ top: 251px; left: 449px; width: 110px; height: 100px; }
 .mod-graph-online1 .is-35{ top: 163px; left: 584px; width: 230px; height: 220px; }
 .mod-graph-online1 .is-4{ top: 424px; left: 0px; width: 840px; height: 58px; }
 .mod-graph-online1 .is-41{ top: 514px; left: 453px; width: 350px; height: 130px; }
 .mod-graph-online2{ position: relative; width: 814px; }
 .mod-graph-online2 ._text{ position: absolute; display: -ms-flexbox; display: flex; -ms-flex-pack: center; justify-content: center; -ms-flex-align: center; align-items: center; -ms-flex-direction: column; flex-direction: column; color: #000; font-size: 17px; line-height: 1.5; text-align: center; }
 .mod-graph-online2 ._text small{ font-size: 15px; }
 .mod-graph-online2 .is-1{ top: 0px; left: 0px; width: 180px; height: 150px; }
 .mod-graph-online2 .is-2{ top: -1px; left: 211px; width: 180px; height: 150px; }
 .mod-graph-online2 .is-3{ top: 0px; left: 422px; width: 180px; height: 150px; }
 .mod-graph-online2 .is-4{ top: -1px; left: 635px; width: 180px; height: 150px; } }

@media screen and (min-width: 768px) and (min-width: 768px) and (max-width: 1040px){
 .area-wrapper{ min-width: 1040px; background-color: #ff8b01; }
 .area-inner{ margin: 0 20px; }
 .block-inner{ margin: 0 20px; } }

@media print, screen and (min-width: 768px) and (min-width: 768px){
 .area-inner{ margin: 0 auto; width: 1200px; }
 .block-inner{ margin: 0 auto; width: 1200px; } }

@media screen and (min-width: 768px) and (max-height: 750px){
 .area-modal-normal ._modal-box{ height: calc(100% - 80px); } }

/*# sourceMappingURL=maps/area.css.map */

/* コピーライト */
.block-copy {
	text-align: center;
	padding: 20px 0;
	font-size: 12px;
}
.block-copy .block-inner {
	width: 1200px;
	margin: auto;
	position: relative;
  line-height: 1.5;
}
@media print, screen and (max-width: 767px) {
  .block-copy .block-inner {
    width: 98%;
  }
}
.block-copy .block-inner span {
	display: inline-block;
}