@charset "UTF-8";
@charset "UTF-8";
@charset "utf-8";
@charset "UTF-8";
.mfp-bg {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1042;
overflow: hidden;
position: fixed;
background: #0b0b0b;
opacity: 0.8; }
.mfp-wrap {
top: 0;
left: 0;
width: 100%;
height: 100%;
z-index: 1043;
position: fixed;
outline: none !important;
-webkit-backface-visibility: hidden; }
.mfp-container {
text-align: center;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
padding: 0 8px;
box-sizing: border-box; }
.mfp-container:before {
content: '';
display: inline-block;
height: 100%;
vertical-align: middle; }
.mfp-align-top .mfp-container:before {
display: none; }
.mfp-content {
position: relative;
display: inline-block;
vertical-align: middle;
margin: 0 auto;
text-align: left;
z-index: 1045; }
.mfp-inline-holder .mfp-content,
.mfp-ajax-holder .mfp-content {
width: 100%;
cursor: auto; }
.mfp-ajax-cur {
cursor: progress; }
.mfp-zoom-out-cur, .mfp-zoom-out-cur .mfp-image-holder .mfp-close {
cursor: -moz-zoom-out;
cursor: -webkit-zoom-out;
cursor: zoom-out; }
.mfp-zoom {
cursor: pointer;
cursor: -webkit-zoom-in;
cursor: -moz-zoom-in;
cursor: zoom-in; }
.mfp-auto-cursor .mfp-content {
cursor: auto; }
.mfp-close,
.mfp-arrow,
.mfp-preloader,
.mfp-counter {
-webkit-user-select: none;
-moz-user-select: none;
user-select: none; }
.mfp-loading.mfp-figure {
display: none; }
.mfp-hide {
display: none !important; }
.mfp-preloader {
color: #CCC;
position: absolute;
top: 50%;
width: auto;
text-align: center;
margin-top: -0.8em;
left: 8px;
right: 8px;
z-index: 1044; }
.mfp-preloader a {
color: #CCC; }
.mfp-preloader a:hover {
color: #FFF; }
.mfp-s-ready .mfp-preloader {
display: none; }
.mfp-s-error .mfp-content {
display: none; }
button.mfp-close,
button.mfp-arrow {
overflow: visible;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
display: block;
outline: none;
padding: 0;
z-index: 1046;
box-shadow: none;
touch-action: manipulation; }
button::-moz-focus-inner {
padding: 0;
border: 0; }
.mfp-close {
width: 44px;
height: 44px;
line-height: 44px;
position: absolute;
right: 0;
top: 0;
text-decoration: none;
text-align: center;
opacity: 0.65;
padding: 0 0 18px 10px;
color: #FFF;
font-style: normal;
font-size: 28px;
font-family: Arial, Baskerville, monospace; }
.mfp-close:hover,
.mfp-close:focus {
opacity: 1; }
.mfp-close:active {
top: 1px; }
.mfp-close-btn-in .mfp-close {
color: #333; }
.mfp-image-holder .mfp-close,
.mfp-iframe-holder .mfp-close {
color: #FFF;
right: -6px;
text-align: right;
padding-right: 6px;
width: 100%; }
.mfp-counter {
position: absolute;
top: 0;
right: 0;
color: #CCC;
font-size: 12px;
line-height: 18px;
white-space: nowrap; }
.mfp-arrow {
position: absolute;
opacity: 0.65;
margin: 0;
top: 50%;
margin-top: -55px;
padding: 0;
width: 90px;
height: 110px;
-webkit-tap-highlight-color: transparent; }
.mfp-arrow:active {
margin-top: -54px; }
.mfp-arrow:hover,
.mfp-arrow:focus {
opacity: 1; }
.mfp-arrow:before,
.mfp-arrow:after {
content: '';
display: block;
width: 0;
height: 0;
position: absolute;
left: 0;
top: 0;
margin-top: 35px;
margin-left: 35px;
border: medium inset transparent; }
.mfp-arrow:after {
border-top-width: 13px;
border-bottom-width: 13px;
top: 8px; }
.mfp-arrow:before {
border-top-width: 21px;
border-bottom-width: 21px;
opacity: 0.7; }
.mfp-arrow-left {
left: 0; }
.mfp-arrow-left:after {
border-right: 17px solid #FFF;
margin-left: 31px; }
.mfp-arrow-left:before {
margin-left: 25px;
border-right: 27px solid #3F3F3F; }
.mfp-arrow-right {
right: 0; }
.mfp-arrow-right:after {
border-left: 17px solid #FFF;
margin-left: 39px; }
.mfp-arrow-right:before {
border-left: 27px solid #3F3F3F; }
.mfp-iframe-holder {
padding-top: 40px;
padding-bottom: 40px; }
.mfp-iframe-holder .mfp-content {
line-height: 0;
width: 100%;
max-width: 900px; }
.mfp-iframe-holder .mfp-close {
top: -40px; }
.mfp-iframe-scaler {
width: 100%;
height: 0;
overflow: hidden;
padding-top: 56.25%; }
.mfp-iframe-scaler iframe {
position: absolute;
display: block;
top: 0;
left: 0;
width: 100%;
height: 100%;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #000; } img.mfp-img {
width: auto;
max-width: 100%;
height: auto;
display: block;
line-height: 0;
box-sizing: border-box;
padding: 40px 0 40px;
margin: 0 auto; } .mfp-figure {
line-height: 0; }
.mfp-figure:after {
content: '';
position: absolute;
left: 0;
top: 40px;
bottom: 40px;
display: block;
right: 0;
width: auto;
height: auto;
z-index: -1;
box-shadow: 0 0 8px rgba(0, 0, 0, 0.6);
background: #444; }
.mfp-figure small {
color: #BDBDBD;
display: block;
font-size: 12px;
line-height: 14px; }
.mfp-figure figure {
margin: 0; }
.mfp-bottom-bar {
margin-top: -36px;
position: absolute;
top: 100%;
left: 0;
width: 100%;
cursor: auto; }
.mfp-title {
text-align: left;
line-height: 18px;
color: #F3F3F3;
word-wrap: break-word;
padding-right: 36px; }
.mfp-image-holder .mfp-content {
max-width: 100%; }
.mfp-gallery .mfp-image-holder .mfp-figure {
cursor: pointer; }
@media screen and (max-width: 800px) and (orientation: landscape), screen and (max-height: 300px) { .mfp-img-mobile .mfp-image-holder {
padding-left: 0;
padding-right: 0; }
.mfp-img-mobile img.mfp-img {
padding: 0; }
.mfp-img-mobile .mfp-figure:after {
top: 0;
bottom: 0; }
.mfp-img-mobile .mfp-figure small {
display: inline;
margin-left: 5px; }
.mfp-img-mobile .mfp-bottom-bar {
background: rgba(0, 0, 0, 0.6);
bottom: 0;
margin: 0;
top: auto;
padding: 3px 5px;
position: fixed;
box-sizing: border-box; }
.mfp-img-mobile .mfp-bottom-bar:empty {
padding: 0; }
.mfp-img-mobile .mfp-counter {
right: 5px;
top: 3px; }
.mfp-img-mobile .mfp-close {
top: 0;
right: 0;
width: 35px;
height: 35px;
line-height: 35px;
background: rgba(0, 0, 0, 0.6);
position: fixed;
text-align: center;
padding: 0; } }
@media all and (max-width: 900px) {
.mfp-arrow {
-webkit-transform: scale(0.75);
transform: scale(0.75); }
.mfp-arrow-left {
-webkit-transform-origin: 0;
transform-origin: 0; }
.mfp-arrow-right {
-webkit-transform-origin: 100%;
transform-origin: 100%; }
.mfp-container {
padding-left: 6px;
padding-right: 6px; } }
    .menu li > a, .menu li > div, .menu li > h4 > a, .Content__search__list li > a, .Content__search__list li > div, .Content__search__list li > h4 > a, .Content__faq__list li > a, .Content__faq__list li > div, .Content__faq__list li > h4 > a { background-size: 24px; background-position: left 16px center; background-repeat: no-repeat; }
.menu li.icon-en > a, .menu li.icon-cn > a, .Content__search__list li.icon-en > a, .Content__search__list li.icon-cn > a, .Content__faq__list li.icon-en > a, .Content__faq__list li.icon-cn > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_home_w.svg); background-color: #5AB0CE; }
.menu li.icon-pamph-company > a, .menu li.icon-pamph-company > div, .Content__search__list li.icon-pamph-company > a, .Content__search__list li.icon-pamph-company > div, .Content__faq__list li.icon-pamph-company > a, .Content__faq__list li.icon-pamph-company > div { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_company.svg); background-color: #F0F1F5; }
.menu li.icon-pamph-recruit > a, .menu li.icon-pamph-recruit > div, .Content__search__list li.icon-pamph-recruit > a, .Content__search__list li.icon-pamph-recruit > div, .Content__faq__list li.icon-pamph-recruit > a, .Content__faq__list li.icon-pamph-recruit > div { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_recruit.svg); background-color: #F0F1F5; }
.menu li.icon-pamph-catalog > a, .menu li.icon-pamph-catalog > div, .Content__search__list li.icon-pamph-catalog > a, .Content__search__list li.icon-pamph-catalog > div, .Content__faq__list li.icon-pamph-catalog > a, .Content__faq__list li.icon-pamph-catalog > div { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_catalog.svg); background-color: #F0F1F5; }
.menu li.icon-three-fold > a, .menu li.icon-three-fold > div, .Content__search__list li.icon-three-fold > a, .Content__search__list li.icon-three-fold > div, .Content__faq__list li.icon-three-fold > a, .Content__faq__list li.icon-three-fold > div { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_three_fold.svg); background-color: #F0F1F5; }
.menu li.icon-leaflet > a, .menu li.icon-leaflet > div, .Content__search__list li.icon-leaflet > a, .Content__search__list li.icon-leaflet > div, .Content__faq__list li.icon-leaflet > a, .Content__faq__list li.icon-leaflet > div { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_leaflet.svg); background-color: #F0F1F5; }
.menu li.icon-pamph-school > a, .menu li.icon-school > a, .menu li.icon-pamph-school > div, .Content__search__list li.icon-pamph-school > a, .Content__search__list li.icon-school > a, .Content__search__list li.icon-pamph-school > div, .Content__faq__list li.icon-pamph-school > a, .Content__faq__list li.icon-school > a, .Content__faq__list li.icon-pamph-school > div { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_school.svg); background-color: #F0F1F5; }
.menu li.icon-pamph-service > a, .menu li.icon-pamph-service > div, .Content__search__list li.icon-pamph-service > a, .Content__search__list li.icon-pamph-service > div, .Content__faq__list li.icon-pamph-service > a, .Content__faq__list li.icon-pamph-service > div { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_service.svg); background-color: #F0F1F5; }
.menu li.icon-municipality > a, .Content__search__list li.icon-municipality > a, .Content__faq__list li.icon-municipality > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_municipality.svg); background-color: #F0F1F5; }
.menu li.icon-pamph-clinic > a, .menu li.icon-hospital > a, .menu li.icon-pamph-clinic > div, .Content__search__list li.icon-pamph-clinic > a, .Content__search__list li.icon-hospital > a, .Content__search__list li.icon-pamph-clinic > div, .Content__faq__list li.icon-pamph-clinic > a, .Content__faq__list li.icon-hospital > a, .Content__faq__list li.icon-pamph-clinic > div { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_clinic.svg); background-color: #F0F1F5; }
.menu li.icon-pamph-event > a, .menu li.icon-event > a, .menu li.icon-pamph-event > div, .Content__search__list li.icon-pamph-event > a, .Content__search__list li.icon-event > a, .Content__search__list li.icon-pamph-event > div, .Content__faq__list li.icon-pamph-event > a, .Content__faq__list li.icon-event > a, .Content__faq__list li.icon-pamph-event > div { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_event.svg); background-color: #F0F1F5; }
.menu li.icon-pamph-english > a, .menu li.icon-pamph-english > div, .Content__search__list li.icon-pamph-english > a, .Content__search__list li.icon-pamph-english > div, .Content__faq__list li.icon-pamph-english > a, .Content__faq__list li.icon-pamph-english > div { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_english.svg); background-color: #F0F1F5; }
.menu li.icon-dm > a, .menu li.icon-dm > div, .Content__search__list li.icon-dm > a, .Content__search__list li.icon-dm > div, .Content__faq__list li.icon-dm > a, .Content__faq__list li.icon-dm > div { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_dm.svg); background-color: #F0F1F5; }
.menu li.icon-pamph-manga > a, .menu li.icon-pamph-manga > div, .Content__search__list li.icon-pamph-manga > a, .Content__search__list li.icon-pamph-manga > div, .Content__faq__list li.icon-pamph-manga > a, .Content__faq__list li.icon-pamph-manga > div { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_manga.svg); background-color: #F0F1F5; }
.menu li.icon-corporation > a, .Content__search__list li.icon-corporation > a, .Content__faq__list li.icon-corporation > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_corporation.svg); background-color: #F0F1F5; }
.menu li.icon-welfare > a, .Content__search__list li.icon-welfare > a, .Content__faq__list li.icon-welfare > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_welfare.svg); background-color: #F0F1F5; }
.menu li.icon-kindergarten > a, .Content__search__list li.icon-kindergarten > a, .Content__faq__list li.icon-kindergarten > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_kindergarten.svg); background-color: #F0F1F5; }
.menu li.icon-real-estate > a, .Content__search__list li.icon-real-estate > a, .Content__faq__list li.icon-real-estate > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_real_estate.svg); background-color: #F0F1F5; }
.menu li.icon-shop > a, .Content__search__list li.icon-shop > a, .Content__faq__list li.icon-shop > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_shop.svg); background-color: #F0F1F5; }
.menu li.icon-expert > a, .Content__search__list li.icon-expert > a, .Content__faq__list li.icon-expert > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_expert.svg); background-color: #F0F1F5; }
.menu li.icon-saddle > a, .Content__search__list li.icon-saddle > a, .Content__faq__list li.icon-saddle > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_saddle.svg); background-color: #F0F1F5; }
.menu li.icon-pocket > a, .Content__search__list li.icon-pocket > a, .Content__faq__list li.icon-pocket > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pocket.svg); background-color: #F0F1F5; }
.menu li.icon-saddle > a, .Content__search__list li.icon-saddle > a, .Content__faq__list li.icon-saddle > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_saddle.svg); background-color: #F0F1F5; }
.menu li.icon-two-fold > a, .Content__search__list li.icon-two-fold > a, .Content__faq__list li.icon-two-fold > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_two_fold.svg); background-color: #F0F1F5; }
.menu li.icon-double-doors > a, .Content__search__list li.icon-double-doors > a, .Content__faq__list li.icon-double-doors > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_double_doors.svg); background-color: #F0F1F5; }
.menu li.icon-other > a, .Content__search__list li.icon-other > a, .Content__faq__list li.icon-other > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_other.svg); background-color: #F0F1F5; }
.menu li.icon-pamphlet > a, .Content__search__list li.icon-pamphlet > a, .Content__faq__list li.icon-pamphlet > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamphlet.svg); background-color: #F0F1F5; }
.menu li.icon-web > a, .Content__search__list li.icon-web > a, .Content__faq__list li.icon-web > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_web.svg); background-color: #F0F1F5; }
.menu li.icon-logo > a, .Content__search__list li.icon-logo > a, .Content__faq__list li.icon-logo > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_logo.svg); background-color: #F0F1F5; }
.menu li.icon-powerpoint > a, .Content__search__list li.icon-powerpoint > a, .Content__faq__list li.icon-powerpoint > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_powerpoint.svg); background-color: #F0F1F5; }
.menu li.icon-movie > a, .Content__search__list li.icon-movie > a, .Content__faq__list li.icon-movie > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_movie.svg); background-color: #F0F1F5; }
.menu li.icon-branding > a, .Content__search__list li.icon-branding > a, .Content__faq__list li.icon-branding > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_branding.svg); background-color: #F0F1F5; }
.menu li.icon-lab-sample > a, .Content__search__list li.icon-lab-sample > a, .Content__faq__list li.icon-lab-sample > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab_sample.svg); background-color: #F0F1F5; }
.menu li.icon-lab-s-simple > a, .Content__search__list li.icon-lab-s-simple > a, .Content__faq__list li.icon-lab-s-simple > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab_s_simple.svg); background-color: #F0F1F5; }
.menu li.icon-lab-s-cool > a, .Content__search__list li.icon-lab-s-cool > a, .Content__faq__list li.icon-lab-s-cool > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab_s_cool.svg); background-color: #F0F1F5; }
.menu li.icon-lab-s-plain > a, .Content__search__list li.icon-lab-s-plain > a, .Content__faq__list li.icon-lab-s-plain > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab_s_plain.svg); background-color: #F0F1F5; }
.menu li.icon-lab-s-interesting > a, .Content__search__list li.icon-lab-s-interesting > a, .Content__faq__list li.icon-lab-s-interesting > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab_s_interesting.svg); background-color: #F0F1F5; }
.menu li.icon-lab-howto > a, .Content__search__list li.icon-lab-howto > a, .Content__faq__list li.icon-lab-howto > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab_howto.svg); background-color: #F0F1F5; }
.menu li.icon-lab-dictionary > a, .Content__search__list li.icon-lab-dictionary > a, .Content__faq__list li.icon-lab-dictionary > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab_dictionary.svg); background-color: #F0F1F5; }
.menu li.icon-lab-soft > a, .Content__search__list li.icon-lab-soft > a, .Content__faq__list li.icon-lab-soft > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab_soft.svg); background-color: #F0F1F5; }
.menu li.icon-lab-print > a, .Content__search__list li.icon-lab-print > a, .Content__faq__list li.icon-lab-print > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab_print.svg); background-color: #F0F1F5; }
.menu li.icon-lab-trivia > a, .Content__search__list li.icon-lab-trivia > a, .Content__faq__list li.icon-lab-trivia > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab_trivia.svg); background-color: #F0F1F5; }
.menu li.icon-lab > a, .Content__search__list li.icon-lab > a, .Content__faq__list li.icon-lab > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab_w.svg); background-color: #5AB0CE; }
.menu li.icon-faq > a, .Content__search__list li.icon-faq > a, .Content__faq__list li.icon-faq > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_faq_w.svg); background-color: #5AB0CE; }
.menu li.icon-about-fee > a, .Content__search__list li.icon-about-fee > a, .Content__faq__list li.icon-about-fee > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_about_fee.svg); background-color: #F0F1F5; }
.menu li.icon-about-service > a, .Content__search__list li.icon-about-service > a, .Content__faq__list li.icon-about-service > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_about_service.svg); background-color: #F0F1F5; }
.menu li.icon-about-rights > a, .Content__search__list li.icon-about-rights > a, .Content__faq__list li.icon-about-rights > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_about_rights.svg); background-color: #F0F1F5; }
.menu li.icon-about-company > a, .Content__search__list li.icon-about-company > a, .Content__faq__list li.icon-about-company > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_about_company.svg); background-color: #F0F1F5; }
.menu li.icon-about-partner > a, .Content__search__list li.icon-about-partner > a, .Content__faq__list li.icon-about-partner > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_about_partner.svg); background-color: #F0F1F5; }
.menu li.icon-about-other > a, .Content__search__list li.icon-about-other > a, .Content__faq__list li.icon-about-other > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_about_other.svg); background-color: #F0F1F5; }
.menu li.icon-price > a, .Content__search__list li.icon-price > a, .Content__faq__list li.icon-price > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_fee_w.svg); background-color: #5AB0CE; }
.menu li.icon-market > a, .Content__search__list li.icon-market > a, .Content__faq__list li.icon-market > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_market.svg); background-color: #F0F1F5; }
.menu li.icon-pamph-kindergarten > a, .menu li.icon-pamph-kindergarten > div, .Content__search__list li.icon-pamph-kindergarten > a, .Content__search__list li.icon-pamph-kindergarten > div, .Content__faq__list li.icon-pamph-kindergarten > a, .Content__faq__list li.icon-pamph-kindergarten > div { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_kindergarten.svg); background-color: #F0F1F5; }
.menu li.icon-company > a, .Content__search__list li.icon-company > a, .Content__faq__list li.icon-company > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_company_w.svg); background-color: #5AB0CE; }
.menu li.icon-tokyo > a, .Content__search__list li.icon-tokyo > a, .Content__faq__list li.icon-tokyo > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_tokyo.svg); background-color: #F0F1F5; }
.menu li.icon-osaka > a, .Content__search__list li.icon-osaka > a, .Content__faq__list li.icon-osaka > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_osaka.svg); background-color: #F0F1F5; }
.menu li.icon-fukuoka > a, .Content__search__list li.icon-fukuoka > a, .Content__faq__list li.icon-fukuoka > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_fukuoka.svg); background-color: #F0F1F5; }
.menu li.icon-sendai > a, .menu li.icon-sapporo > a, .Content__search__list li.icon-sendai > a, .Content__search__list li.icon-sapporo > a, .Content__faq__list li.icon-sendai > a, .Content__faq__list li.icon-sapporo > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_sendai.svg); background-color: #F0F1F5; }
.menu li.icon-nagoya > a, .Content__search__list li.icon-nagoya > a, .Content__faq__list li.icon-nagoya > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_nagoya.svg); background-color: #F0F1F5; }
.menu li.icon-kanazawa > a, .Content__search__list li.icon-kanazawa > a, .Content__faq__list li.icon-kanazawa > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_kanazawa.svg); background-color: #F0F1F5; }
.menu li.icon-brochure > a, .Content__search__list li.icon-brochure > a, .Content__faq__list li.icon-brochure > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamphlet_w.svg); background-color: #5AB0CE; }
.menu li.icon-contact > a, .Content__search__list li.icon-contact > a, .Content__faq__list li.icon-contact > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_contact_w.svg); background-color: #5AB0CE; }
.menu li.icon-recruit > a, .Content__search__list li.icon-recruit > a, .Content__faq__list li.icon-recruit > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_recruit_w.svg); background-color: #5AB0CE; }
.menu li.icon-entry > a, .Content__search__list li.icon-entry > a, .Content__faq__list li.icon-entry > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_recruit.svg); background-color: #F0F1F5; }
.Content__home li.icon-pamphlet > a, .Content__home li.icon-pamphlet > h4 > a, .Content__design_company li.icon-pamphlet > a, .Content__design_company li.icon-pamphlet > h4 > a, .Sidenav--pamphlet li.icon-pamphlet > a, .Sidenav--pamphlet li.icon-pamphlet > h4 > a, .Sidenav--archive li.icon-pamphlet > a, .Sidenav--archive li.icon-pamphlet > h4 > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamphlet_w.svg); background-color: #5AB0CE; }
.Content__home li.icon-web > a, .Content__home li.icon-web > h4 > a, .Content__design_company li.icon-web > a, .Content__design_company li.icon-web > h4 > a, .Sidenav--pamphlet li.icon-web > a, .Sidenav--pamphlet li.icon-web > h4 > a, .Sidenav--archive li.icon-web > a, .Sidenav--archive li.icon-web > h4 > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_web_w.svg); background-color: #5AB0CE; }
.Content__home li.icon-logo > a, .Content__home li.icon-logo > h4 > a, .Content__design_company li.icon-logo > a, .Content__design_company li.icon-logo > h4 > a, .Sidenav--pamphlet li.icon-logo > a, .Sidenav--pamphlet li.icon-logo > h4 > a, .Sidenav--archive li.icon-logo > a, .Sidenav--archive li.icon-logo > h4 > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_logo_w.svg); background-color: #5AB0CE; }
.Content__home li.icon-powerpoint > a, .Content__home li.icon-powerpoint > h4 > a, .Content__design_company li.icon-powerpoint > a, .Content__design_company li.icon-powerpoint > h4 > a, .Sidenav--pamphlet li.icon-powerpoint > a, .Sidenav--pamphlet li.icon-powerpoint > h4 > a, .Sidenav--archive li.icon-powerpoint > a, .Sidenav--archive li.icon-powerpoint > h4 > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_powerpoint_w.svg); background-color: #5AB0CE; }
.Content__home li.icon-movie > a, .Content__home li.icon-movie > h4 > a, .Content__design_company li.icon-movie > a, .Content__design_company li.icon-movie > h4 > a, .Sidenav--pamphlet li.icon-movie > a, .Sidenav--pamphlet li.icon-movie > h4 > a, .Sidenav--archive li.icon-movie > a, .Sidenav--archive li.icon-movie > h4 > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_movie_w.svg); background-color: #5AB0CE; }
.Content__home li.icon-branding > a, .Content__home li.icon-branding > h4 > a, .Content__design_company li.icon-branding > a, .Content__design_company li.icon-branding > h4 > a, .Sidenav--pamphlet li.icon-branding > a, .Sidenav--pamphlet li.icon-branding > h4 > a, .Sidenav--archive li.icon-branding > a, .Sidenav--archive li.icon-branding > h4 > a { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_branding_w.svg); background-color: #5AB0CE; } .main__ttl span.icon-results, .section__lab__list a.icon-results { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_results.svg); }
.main__ttl span.icon-pamph-company, .section__lab__list a.icon-pamph-company { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_company.svg); }
.main__ttl span.icon-pamph-service, .section__lab__list a.icon-pamph-service { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_service.svg); }
.main__ttl span.icon-municipality, .section__lab__list a.icon-municipality { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_municipality.svg); }
.main__ttl span.icon-pamph-recruit, .main__ttl span.icon-recruit, .section__lab__list a.icon-pamph-recruit, .section__lab__list a.icon-recruit { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_recruit.svg); }
.main__ttl span.icon-pamph-school, .main__ttl span.icon-school, .section__lab__list a.icon-pamph-school, .section__lab__list a.icon-school { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_school.svg); }
.main__ttl span.icon-corporation, .section__lab__list a.icon-corporation { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_corporation.svg); }
.main__ttl span.icon-hospital, .main__ttl span.icon-pamph-clinic, .section__lab__list a.icon-hospital, .section__lab__list a.icon-pamph-clinic { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_clinic.svg); }
.main__ttl span.icon-welfare, .section__lab__list a.icon-welfare { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_welfare.svg); }
.main__ttl span.icon-kindergarten, .section__lab__list a.icon-kindergarten { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_kindergarten.svg); }
.main__ttl span.icon-real-estate, .section__lab__list a.icon-real-estate { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_real_estate.svg); }
.main__ttl span.icon-event, .main__ttl span.icon-pamph-event, .section__lab__list a.icon-event, .section__lab__list a.icon-pamph-event { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_event.svg); }
.main__ttl span.icon-shop, .section__lab__list a.icon-shop { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_shop.svg); }
.main__ttl span.icon-expert, .section__lab__list a.icon-expert { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_expert.svg); }
.main__ttl span.icon-saddle, .section__lab__list a.icon-saddle { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_saddle.svg); }
.main__ttl span.icon-two-fold, .section__lab__list a.icon-two-fold { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_two_fold.svg); }
.main__ttl span.icon-three-fold, .section__lab__list a.icon-three-fold { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_three_fold.svg); }
.main__ttl span.icon-leaflet, .section__lab__list a.icon-leaflet { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_leaflet.svg); }
.main__ttl span.icon-pocket, .section__lab__list a.icon-pocket { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pocket.svg); }
.main__ttl span.icon-double-doors, .section__lab__list a.icon-double-doors { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_double_doors.svg); }
.main__ttl span.icon-other, .section__lab__list a.icon-other { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_other.svg); }
.main__ttl span.icon-web, .section__lab__list a.icon-web { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_web.svg); }
.main__ttl span.icon-logo, .section__lab__list a.icon-logo { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_logo.svg); }
.main__ttl span.icon-powerpoint, .section__lab__list a.icon-powerpoint { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_powerpoint.svg); }
.main__ttl span.icon-movie, .section__lab__list a.icon-movie { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_movie.svg); }
.main__ttl span.icon-branding, .section__lab__list a.icon-branding { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_branding.svg); }
.main__ttl span.icon-lab, .section__lab__list a.icon-lab { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab.svg); }
.main__ttl span.icon-lab-sample, .section__lab__list a.icon-lab-sample { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab_sample.svg); }
.main__ttl span.icon-lab-s-simple, .section__lab__list a.icon-lab-s-simple { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab_s_simple.svg); }
.main__ttl span.icon-lab-s-cool, .section__lab__list a.icon-lab-s-cool { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab_s_cool.svg); }
.main__ttl span.icon-lab-s-plain, .section__lab__list a.icon-lab-s-plain { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab_s_plain.svg); }
.main__ttl span.icon-lab-s-interesting, .section__lab__list a.icon-lab-s-interesting { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab_s_interesting.svg); }
.main__ttl span.icon-lab-howto, .section__lab__list a.icon-lab-howto { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab_howto.svg); }
.main__ttl span.icon-lab-dictionary, .section__lab__list a.icon-lab-dictionary { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab_dictionary.svg); }
.main__ttl span.icon-lab-soft, .section__lab__list a.icon-lab-soft { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab_soft.svg); }
.main__ttl span.icon-lab-print, .section__lab__list a.icon-lab-print { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab_print.svg); }
.main__ttl span.icon-lab-trivia, .section__lab__list a.icon-lab-trivia { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_lab_trivia.svg); }
.main__ttl span.icon-faq, .section__lab__list a.icon-faq { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_faq_ttl.svg); }
.main__ttl span.icon-about-fee, .section__lab__list a.icon-about-fee { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_about_fee.svg); }
.main__ttl span.icon-about-service, .section__lab__list a.icon-about-service { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_about_service.svg); }
.main__ttl span.icon-about-rights, .section__lab__list a.icon-about-rights { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_about_rights.svg); }
.main__ttl span.icon-about-company, .section__lab__list a.icon-about-company { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_about_company.svg); }
.main__ttl span.icon-about-partner, .section__lab__list a.icon-about-partner { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_about_partner.svg); }
.main__ttl span.icon-about-other, .section__lab__list a.icon-about-other { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_about_other.svg); }
.main__ttl span.icon-design_company, .main__ttl span.icon-page-structure, .main__ttl span.icon-company-flow, .main__ttl span.icon-company-print, .section__lab__list a.icon-design_company, .section__lab__list a.icon-page-structure, .section__lab__list a.icon-company-flow, .section__lab__list a.icon-company-print { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_company.svg); }
.main__ttl span.icon-price, .section__lab__list a.icon-price { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_fee_ttl.svg); }
.main__ttl span.icon-market, .section__lab__list a.icon-market { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_market.svg); }
.main__ttl span.icon-pamphlet, .main__ttl span.icon-brochure, .section__lab__list a.icon-pamphlet, .section__lab__list a.icon-brochure { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamphlet_ttl.svg); }
.main__ttl span.icon-pamph-catalog, .section__lab__list a.icon-pamph-catalog { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_catalog.svg); }
.main__ttl span.icon-pamph-english, .section__lab__list a.icon-pamph-english { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_english.svg); }
.main__ttl span.icon-pamph-manga, .section__lab__list a.icon-pamph-manga { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_manga.svg); }
.main__ttl span.icon-dm, .section__lab__list a.icon-dm { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_dm.svg); }
.main__ttl span.icon-pamph-kindergarten, .section__lab__list a.icon-pamph-kindergarten { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_pamph_kindergarten.svg); }
.main__ttl span.icon-company, .section__lab__list a.icon-company { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_company_ttl.svg); }
.main__ttl span.icon-tokyo, .section__lab__list a.icon-tokyo { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_tokyo.svg); }
.main__ttl span.icon-osaka, .section__lab__list a.icon-osaka { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_osaka.svg); }
.main__ttl span.icon-fukuoka, .section__lab__list a.icon-fukuoka { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_fukuoka.svg); }
.main__ttl span.icon-kanazawa, .section__lab__list a.icon-kanazawa { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_kanazawa.svg); }
.main__ttl span.icon-sendai, .main__ttl span.icon-sapporo, .section__lab__list a.icon-sendai, .section__lab__list a.icon-sapporo { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_sendai.svg); }
.main__ttl span.icon-nagoya, .section__lab__list a.icon-nagoya { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_nagoya.svg); }
.main__ttl span.icon-contact, .main__ttl span.icon-contact-designer, .main__ttl span.icon-thanks, .section__lab__list a.icon-contact, .section__lab__list a.icon-contact-designer, .section__lab__list a.icon-thanks { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_mail_ttl.svg); }
.main__ttl span.icon-partner, .section__lab__list a.icon-partner { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icon_partner.svg); }
body { font-family: 'Noto Sans JP',"YuGothic","游ゴシック","游ゴシック体",'Hiragino Kaku Gothic ProN',"ヒラギノ角ゴ ProN W3",'YuGothic',"游ゴシック",'Meiryo',"メイリオ",'MS PGothic',"ＭＳ Ｐゴシック",sans-serif; font-size: 16px; line-height: 1; color: #000000; }
* { box-sizing: border-box; }
:root { scroll-behavior: auto; }
img { max-width: 100%; vertical-align: bottom; }
a, a:hover, a:focus { text-decoration: none; color: inherit; }
a { color: #000000; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; -webkit-backface-visibility: hidden; backface-visibility: hidden; }
a:hover { color: #000000; }
a > img { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
a > img:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
a:not([href]) { pointer-events: none; }
a:not([href]):after { content: none !important; }
h1, h2, h3, h4, .h4, h5, .h5, h6, .h6, p, ul, li, dl, dt, th { font-weight: normal; margin: 0; padding: 0; line-height: inherit; font-size: inherit; }
ul, li { list-style: none; }
p { line-height: 1.8; }
button { margin: 0; padding: 0; background: none; border: none; border-radius: 0; outline: none; -webkit-appearance: none; -moz-appearance: none; appearance: none; }
section { margin-top: 88px; }
.breadcrumbs { line-height: 1.4; font-size: 16px; }
.breadcrumbs img { height: 23px; width: 5px; margin: 0 0.5em; }
.breadcrumbs a:hover { color: #FF5AA0; }
.breadcrumbs + .results__list { margin-top: 0; }
.breadcrumbs .arrow { font-size: 12px; }
.breadcrumbs + section { margin-top: 60px; }
.alm-load-more-btn.done { display: none !important; }
.content_fade { visibility: hidden; }
.flex-img { flex-shrink: 1; } .page_ttl { font-size: 40px; padding: .7em 0; line-height: 1.4; }
.page_ttl span { display: block; font-size: 24px; }
.content_ttl { font-size: 32px; line-height: 1.4; }
.section_ttl { font-size: 24px; line-height: 1.4; }
.check_list li { font-size: 18px; font-weight: bold; padding-left: 2em; background: url(//100movie.jp/wp-content/themes/100p2019/images/icon_check.svg) left center no-repeat; }
.check_list li + li { margin-top: 1em; }
.text_small { font-size: 14px; }
.text_large { font-size: 24px; }
.content_text_list { margin-top: 24px; }
.content_text_list > * { margin-top: 24px; }
.content_text_list > * + * { margin-top: 2px; }
.link_more, .info_single .pnavi .single_next a { position: relative; display: inline-block; padding: 0.5em 54px 0.5em 0; color: #000; line-height: 16px; vertical-align: middle; margin-top: -0.1em; }
.link_more:before, .info_single .pnavi .single_next a:before, .link_more:after, .info_single .pnavi .single_next a:after { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.link_more:before, .info_single .pnavi .single_next a:before { width: 48px; height: 1px; right: 0; background: #000; }
.link_more:after, .info_single .pnavi .single_next a:after { width: 8px; height: 8px; right: 0; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.link_more:hover, .info_single .pnavi .single_next a:hover { color: #FF5AA0; }
.link_more:hover:before, .info_single .pnavi .single_next a:hover:before { background: #FF5AA0; width: 28px; right: 20px; }
.link_more:hover:after, .info_single .pnavi .single_next a:hover:after { border-top: 1px solid #FF5AA0; border-right: 1px solid #FF5AA0; right: 20px; }
.link_more--left, .info_single .pnavi .single_prev a { position: relative; display: inline-block; padding: 0.5em 0 0.5em 54px; color: #000; line-height: 16px; vertical-align: middle; margin-top: -0.1em; }
.link_more--left:before, .info_single .pnavi .single_prev a:before, .link_more--left:after, .info_single .pnavi .single_prev a:after { position: absolute; top: 0; bottom: 0; left: 0; margin: auto; content: ""; vertical-align: middle; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.link_more--left:before, .info_single .pnavi .single_prev a:before { width: 48px; height: 1px; left: 0; background: #000; }
.link_more--left:after, .info_single .pnavi .single_prev a:after { width: 8px; height: 8px; left: 0; border-bottom: 1px solid #000; border-left: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.link_more--left:hover, .info_single .pnavi .single_prev a:hover { color: #FF5AA0; }
.link_more--left:hover:before, .info_single .pnavi .single_prev a:hover:before { background: #FF5AA0; width: 28px; left: 20px; }
.link_more--left:hover:after, .info_single .pnavi .single_prev a:hover:after { border-bottom: 1px solid #FF5AA0; border-left: 1px solid #FF5AA0; left: 20px; }
.link_more--min { width: 50px; padding: 0.5em 1em 0.5em 0; }
.link_more--min:before { right: 0; }
.link_more--min:after { right: 0; }
.link_more--min:hover:before { right: 0; }
.link_more--min:hover:after { right: 0; }
.frame_oct { background: linear-gradient(45deg, rgba(0, 0, 0, 0) 14px, #000000 15px, #000000 16px, #ffffff 17px), linear-gradient(135deg, rgba(0, 0, 0, 0) 14px, #000000 15px, #000000 16px, #ffffff 17px), linear-gradient(225deg, rgba(0, 0, 0, 0) 14px, #000000 15px, #000000 16px, #ffffff 17px), linear-gradient(315deg, rgba(0, 0, 0, 0) 14px, #000000 15px, #000000 16px, #ffffff 17px); background-position: bottom left,top left,top right,bottom right; background-size: 51% 51%; background-repeat: no-repeat; }
.frame_oct:before, .frame_oct:after { display: block; content: ""; width: auto; margin: 0 21px; }
.frame_oct:before { border-top: solid 2px #000; }
.frame_oct:after { border-bottom: solid 2px #000; }
.frame_oct > div { border-left: solid 2px #000; border-right: solid 2px #000; margin: 19px 0; padding: 20px 30px; }
.frame_oct .frame_oct_ttl { font-size: 24px;line-height: 1.4; }
.frame_oct .frame_oct_subttl { font-size: 18px; }
.bdr_top { border-top: solid 1px #000; }
.bdr_btm { border-bottom: solid 1px #000; }
.bdr_double_top { position: relative; border-top: solid 2px #000; }
.bdr_double_top:before { content: ""; position: absolute; top: 4px; left: 0; right: 0; border-top: solid 2px #000; z-index: -1; }
.bdr_double_btm { position: relative; border-bottom: solid 2px #000; }
.bdr_double_btm:before { content: ""; position: absolute; bottom: 4px; left: 0; right: 0; border-bottom: solid 2px #000; z-index: -1; }
.bdr_double_left { position: relative; border-left: solid 2px #000; }
.bdr_double_left a { padding-top: 0; padding-bottom: 0; }
.bdr_double_left:before { content: ""; position: absolute; height: 100%; bottom: 0; left: 4px; right: 0; border-left: solid 2px #000; z-index: -1; }
.bdr_double_right { position: relative; border-right: solid 2px #000; }
.bdr_double_right:before { content: ""; position: absolute; height: 100%; bottom: 0; left: 0; right: 4px; border-right: solid 2px #000; z-index: -1; }
.link_label { border-top: 1px solid #000; }
.link_label a { display: block; text-align: center; line-height: 2; padding: 0 .8em; -moz-border-radius: 20px; -webkit-border-radius: 20px; border-radius: 20px; background: #E7ECEF; }
.link_label a.impression_link { background: #FFDBEA; }
.link_label a:hover { background: #ffadd0; opacity: 1 !important; }
.cont_2column { -js-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.cont_2column > div, .cont_2column > li { width: 48%; }
.cont_3column { -js-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.cont_3column > div, .cont_3column > li { width: 32%; }
.scroll-to-top { display: none; position: fixed; right: 16px; bottom: 160px; font-size: 1.15em; height: 40px; width: 40px; background-color: #666; line-height: 40px; color: #ffffff; text-align: center; filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=30); opacity: 0.3; cursor: pointer; z-index: 9999; }
.scroll-to-top span { content: ''; width: 8px; height: 8px; border: 0; border-top: solid 2px #fff; border-left: solid 2px #fff; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 16px; left: auto; margin-top: -3px; }
.scroll-to-top:hover { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=50); opacity: 0.5; -webkit-transition: 0.25s; -moz-transition: 0.25s; transition: 0.25s; }
.side_contact { display: none; position: fixed; right: 0; bottom: 0; text-align: center; z-index: 8; padding: 2px 12px; background-color: #FF5AA0; }
.side_contact a { display: block; color: #fff; font-size: 10px; }
.side_contact_mail { border-top: 1px solid #fff; }
.side_contact_mail a { -js-display: flex; display: flex; align-items: center; justify-content: center; }
.side_contact_mail a:hover { color: #000; }
.slide__prev { width: 20px; height: 30px; cursor: pointer; position: absolute; z-index: 9; top: 50%; left: 10px; margin-top: -10px; }
.slide__prev:after { content: ''; width: 20px; height: 20px; border: 0px; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; border-bottom: solid 2px #4D4E52; border-left: solid 2px #4D4E52; left: 4px; top: 4px; }
.text_indent { text-indent: -1em; padding-left: 1em; }
.bg_yl { background-color: #FFE758; } #header { position: fixed; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; width: 100%; height: 76px; background: #fff; z-index: 10; }
#header .header_contact_lang { padding: 12px 0 0; font-size: 12px; }
#header .header_contact_lang a { display: inline-block; background: url(//100movie.jp/wp-content/themes/100p2019/images/ico_arrow_left.svg) left center no-repeat; color: #000000; margin-left: 8px; padding-left: 8px; }
#header .header_contact_lang a:hover { color: #FF5AA0; }
#header .header__nav { -js-display: flex; display: flex; align-items: start; justify-content: space-between; }
#header .header__nav .header__logo { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s;
width: 180px;
height: 110px;
background: #fff;
position: relative;
padding: 16px 16px 16px 0;
}
#header .header__nav .header__logo img { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
#header #nav-primary { margin-left: auto; }
#header #nav-primary, #header .header_contact { margin-top: 12px; }
#header .header_contact { -js-display: flex; display: flex; justify-content: center; align-items: center; width: 400px; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; background: #FF5AA0; margin-left: 40px; padding: 12px; }
#header .header_contact p { line-height: 1; }
#header .header_contact a { -js-display: flex; display: flex; justify-content: center; align-items: center; color: #fff; font-size: 24px; }
#header .header_contact a span { padding-left: 4px; }
#header .header_contact .header_contact_mail { margin-left: 24px; }
#header.head_home .header__nav .header__logo {
width: 240px;
height: 152px;
padding: 24px 24px 24px 0;
}
#menu-primary { margin: 0; }
#menu-primary > li + li { margin-left: 20px; }
#menu-primary > li > a { height: auto; padding: 16px 0 32px; position: relative; }
#menu-primary > li > a:hover { color: #FF5AA0 !important; }
#menu-primary > li.no-index > .header-nav-child { padding-top: 44px; }
#menu-primary .header-nav-child .mega-grid > a { display: inline-block; font-size: 16px; border: 1px solid #fff; margin: 0 0 4px; padding: 5px; }
#menu-primary .header-nav-child .mega-grid .header-nav-child { top: 0; } .home_kv_wrap, .header_inner { padding: 0 40px; }
.home_kv_cont { position: relative; }
.home_kv {
min-height: 520px;
height: calc(100vh - 76px);
overflow: hidden;
}
.home_kv video {
object-fit: cover;
}
.home_kv li { background-position: top center; background-repeat: no-repeat; background-size: cover; height: 100%; }
.home_kv li img { height: 100%; width: 100%; object-fit: cover; font-family: 'object-fit: cover;'; }
.home_kv .slick-list, .home_kv .slick-track { height: 100%; }
.home_kv--result { height: calc(100vh - 120px - 40px + 80px); min-height: 600px; }
.home_kv--result.slick-dotted.slick-slider { margin-bottom: 40px; }
.home_kv--result li { padding-bottom: 80px; }
.home_kv--result .slick-dots { bottom: 58px; }
.home_kv--result .slick-dots li { padding-bottom: 0; }
.home_kv--result_img { height: 100%; overflow: hidden; }
.slick-dots { width: auto; bottom: -22px; right: 0; }
.slick-dots li { width: 40px; height: 6px; margin: 0 0 0 12px; }
.slick-dots li button { width: 40px; height: 6px; padding: 0; color: #000; background: #E7ECEF; }
.slick-dots li button:before { content: none; }
.slick-dots li.slick-active button { background: #FF5AA0; }
.slick-dotted.slick-slider { margin-bottom: 0; }
.slick-animation img { animation: fadezoom 8s 0s forwards; }
@keyframes fadezoom { 0% { transform: scale(1.1); }
100% { transform: scale(1); } }
.home_kv_text {
position: absolute;
top: 88px;
left: 6%;
text-align: center;
width: 180px;
}
.mv-btn {
display: block;
border-radius: 4px;
background-color: #FF5AA0;
text-align: center;
padding: 10px 5px 10px 25px;
background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icons/mv-btn.svg);
background-repeat: no-repeat;
background-position: 10px 50%;
color: #ffffff;
margin-top: 0.5em;
}
.home_kv_text h2 {
font-size: 72px;
font-weight: bold;
line-height: 1.2;
color: #ffffff;
text-shadow: 0px 1px 2px #000;
}
.home_kv_text h2 img {
margin-left: 20px;
}
.home_kv_text#tpm-ver2 {
top: 78%;
}
.home_kv_text#tpm-ver2 h2 {
font-size: 60px;
}
.home_kv_text h2 span#h2-1 {
font-size: 1.5em;
}
.home_kv_text h2 span#h2-2 {
font-size: 1.2em;
}
.home_kv_text h2 span#h2-3 {
font-size: 1.4em;
}
.home_kv_text h3 {
margin-top: 10px;
font-size: 28px;
font-weight: bold;
line-height: 1.2;
color: #ffffff;
text-shadow: 0px 1px 2px #000;
}
.home_kv_text h3 span {
background: linear-gradient(transparent 85%, #FF5AA0 0%);
}
.home_kv_text--result { -js-display: flex; display: flex; flex-flow: row-reverse; top: 70px; left: 70px; }
.home_kv_text--result h1, .home_kv_text--result h2 { writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; text-orientation: upright; line-height: 1.3; }
.home_kv_text--result h1 { font-size: 40px; }
.home_kv_text--result h2 { font-size: 26px; margin-left: .3em; }
.home_ttl { font-size: 40px; display: flex; align-items: center; text-align: center; line-height: 1.4; }
.home_ttl:before, .home_ttl:after { content: ""; height: 2px; flex-grow: 1; background-color: #000; }
.home_ttl:before { margin-right: 1rem; }
.home_ttl:after { margin-left: 1rem; }
.home_ttl .home_ttl_innner { display: inline-block; font-size: 20px; position: relative; line-height: 1.3; margin-bottom: .3em; }
.home_ttl .home_ttl_innner img { position: absolute; }
.home_ttl .home_ttl_innner:before, .home_ttl .home_ttl_innner:after { position: relative; display: inline-block; content: ""; background: #000; width: 2px; height: 25px; margin: 0 .5em; margin-top: -.2em; vertical-align: middle; }
.home_ttl .home_ttl_innner:before { transform: rotate(-30deg); }
.home_ttl .home_ttl_innner:after { transform: rotate(30deg); }
.home_ttl.home_result_ttl .home_ttl_innner span { font-size: 24px; padding: 0 .2em; }
.home_ttl.home_result_ttl .home_ttl_innner img { top: -.9em; right: 2.7em; }
.home_ttl.home_reason_ttl .home_ttl_innner span { padding-top: 10px; background: url(//100movie.jp/wp-content/themes/100p2019/images/ico_diamond.svg) top center no-repeat; }
.reason_list { justify-content: space-between; }
.reason_list > div div { padding-top: 0; }
.reason_list > div:first-child .reason_inner { background: url(//100movie.jp/wp-content/themes/100p2019/images/home_reason_num01.svg) left top no-repeat; }
.reason_list > div:nth-child(2) .reason_inner { background: url(//100movie.jp/wp-content/themes/100p2019/images/home_reason_num02.svg) left top no-repeat; }
.reason_list > div:last-child .reason_inner { background: url(//100movie.jp/wp-content/themes/100p2019/images/home_reason_num03.svg) left top no-repeat; }
.reason_list .reason_img { margin-top: 2em; }
.reason_list h4 { display: flex; align-items: center; text-align: center; }
.reason_list h4:before, .reason_list h4:after { content: ""; height: 1px; flex-grow: 1; background-color: #000; }
.reason_list h4:before { margin-right: 1rem; }
.reason_list h4:after { margin-left: 1rem; }
.contact_cont { position: relative; margin: 1em 14px 0 8px; padding: 24px 60px 60px; border-left: solid 2px #000; border-right: solid 2px #000; border-bottom: solid 2px #000; width: calc(100% - 16px); }
.contact_cont:before { content: ""; position: absolute; top: 6px; bottom: -8px; left: 4px; right: -8px; border-right: solid 2px #000; border-bottom: solid 2px #000; z-index: -1; }
.contact_cont .contact_tel, .contact_cont .contact_mail { align-items: center; }
.contact_cont .contact_tel a { color: #FF5AA0; font-size: 56px; }
.contact_cont .contact_tel p { line-height: 1.5; }
.contact_cont .contact_mail a { display: block; color: #fff; font-size: 32px; line-height: 2; padding: 0 .8em; background: #FF5AA0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.contact_cont .contact_tel_img, .contact_cont .contact_mail_img { margin-top: -.8em; }
.contact_cont .contact_tel_list { font-size: 20px; line-height: 24px; }
.contact_cont .contact_tel_list span { display: inline-block; width: 24px; color: #fff; text-align: center; font-weight: bold; background: #000; margin-right: .5em; }
.contact_cont.bdr_top { border-top: solid 2px #000; }
.contact_ttl { position: relative; height: 64px; line-height: 64px; text-align: center; padding: 0 32px; font-size: 32px; background: #FF5AA0; color: #FFF; box-sizing: border-box; }
.contact_ttl:before, .contact_ttl:after { position: absolute; content: ''; width: 0px; height: 0px; z-index: 1; }
.contact_ttl:before { top: 0; left: 0; border-width: 32px 0px 32px 14px; border-color: transparent transparent transparent #fff; border-style: solid; }
.contact_ttl:after { top: 0; right: 0; border-width: 32px 14px 32px 0px; border-color: transparent #fff transparent transparent; border-style: solid; }
.home_office h2 { font-size: 40px; }
.home_office h2 span { font-size: 20px; }
.home_office h2 .ico_dash { padding: 1em 1.5em 0 0; background: url(//100movie.jp/wp-content/themes/100p2019/images/ico_dash.svg) right top no-repeat; }
.home_office .link_label { border-top: none; padding-top: 0 !important; }
.home_office .link_label a { min-width: 112px; font-size: 20px; }
.category_link { height: 100%; -js-display: flex; display: flex; align-items: center; justify-content: center; flex-flow: column; }
.category_link .category_text { display: block; font-size: 36px; }
.category_link .category_text span { display: block; font-size: 20px; }
.category_link .category_more { display: block; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.category_link:hover { color: #FF5AA0; }
.category_link:hover .category_more { margin-left: 1em; }
.category_link.category_link--min .category_text { font-size: 30px; line-height: 1.4; }
.home_info > div:first-child .info_inner { background: url(//100movie.jp/wp-content/themes/100p2019/images/home_info_bg.svg) left top no-repeat; }
.home_info > div:last-child .info_inner { background: url(//100movie.jp/wp-content/themes/100p2019/images/home_faq_bg.svg) left top no-repeat; }
.home_info .frame_oct .frame_oct_ttl { font-size: 32px; }
.home_info .faq_list dt { padding: .8em 32px .8em 0; }
.info_list { line-height: 1.3; }
.info_list a { display: block; line-height: 1.8; padding: 1.2em 0; border-bottom: 1px solid #000; }
.info_list a:hover { color: #FF5AA0; }
.info_list .info_date { width: 10em; padding-right: 1em; display: block; }
.info_list .info_text { display: block; background: url(//100movie.jp/wp-content/themes/100p2019/images/ico_arrow_left.svg) right center no-repeat; background-size: 5px auto; padding-right: 10px; }
.info_list.info--page .info_text { width: calc(100% - 10em); }
.faq_wrap { overflow-y: auto; }
.faq_list { line-height: 1.6; }
.faq_list dt, .faq_list dd > div { -js-display: flex; display: flex; align-items: flex-start; }
.faq_list dt span:first-child, .faq_list dd > div span:first-child { font-size: 20px; font-weight: bold; line-height: 1; padding-right: 8px; }
.faq_list dt { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; padding: 1.5em 32px 1.5em 0; cursor: pointer; border-top: 1px solid #000; background: url(//100movie.jp/wp-content/themes/100p2019/images/ico_arrow_btm.svg) right 8px center no-repeat; }
.faq_list dt:first-child {
border-top: 0;
}
.faq_list dt:hover { color: #FF5AA0; }
.faq_list dt.active { background: url(//100movie.jp/wp-content/themes/100p2019/images/ico_arrow_top.svg) right 8px center no-repeat;
}
.faq_list dd { display: none; background: #fff; padding: .8em 0; line-height: 2;
}
.faq_list dd > div span:first-child { color: #D3493E; padding-right: 10px; line-height: 1.6; }
.faq_list dd a { text-decoration: underline; }
.faq_list dd a:hover { text-decoration: none; }
.home_step_list { -js-display: flex; display: flex; flex-wrap: wrap; justify-content: center; }
.home_step_list > div { width: 18.5%; }
.home_step_list > div + div { margin-left: 1.8%; }
.home_step_list > div h3 { font-size: 20px; }
.home_step_list > div p span { background: #FF5AA0; }
.home_step_list > div:first-child > div { background: url(//100movie.jp/wp-content/themes/100p2019/images/home_reason_num01.svg) left 16px top no-repeat; background-size: auto 48px; }
.home_step_list > div:nth-child(2) > div { background: url(//100movie.jp/wp-content/themes/100p2019/images/home_reason_num02.svg) left 16px top no-repeat; background-size: auto 48px; }
.home_step_list > div:nth-child(3) > div { background: url(//100movie.jp/wp-content/themes/100p2019/images/home_reason_num03.svg) left 16px top no-repeat; background-size: auto 48px; }
.home_step_list > div:nth-child(4) > div { background: url(//100movie.jp/wp-content/themes/100p2019/images/home_reason_num04.svg) left 16px top no-repeat; background-size: auto 48px; }
.home_step_list > div:last-child > div { background: url(//100movie.jp/wp-content/themes/100p2019/images/home_reason_num05.svg) left 16px top no-repeat; background-size: auto 48px; }
.ribon_ttl { position: relative; height: 48px; line-height: 48px; text-align: center; padding: 0 32px; background: #000000; color: #FFF; box-sizing: border-box; }
.ribon_ttl:before, .ribon_ttl:after { position: absolute; content: ''; width: 0px; height: 0px; z-index: 1; }
.ribon_ttl:before { top: 0; left: 0; border-width: 24px 0px 24px 10px; border-color: transparent transparent transparent #fff; border-style: solid; }
.ribon_ttl:after { top: 0; right: 0; border-width: 24px 10px 24px 0px; border-color: transparent #fff transparent transparent; border-style: solid; }
.frame_oct .frame_oct_ttl.ribon_ttl {
line-height: 48px;
}
.reason_list.price_list > div div {
padding-top: 8px;
} main { padding-top: 76px; padding-bottom: 80px; } .footer_top { padding: 64px 0 88px; background: #E7ECEF; }
.footer_top .footer_box { border: 1px solid #000; padding: 40px; position: relative; }
.footer_top .footer_box .sub-index { font-size: 20px; font-weight: bold; line-height: 1.6; position: absolute; top: -1em; left: -1px; background: #E7ECEF; padding-right: 0.5em; }
.footer_top ul li a { display: block; }
.footer_top ul li + li a { padding-top: 1.5em; }
.footer_top .grid-index ul { margin-top: 0; }
.footer_top .grid-index ul li { display: block; }
.footer_top .grid-index ul li a { padding: 16px 0 0; line-height: 1.3; }
.footer_top .grid-index > p { font-weight: bold; line-height: 2.5; border-top: 1px solid #000; border-bottom: 1px solid #000; }
.footer_top > div > *:last-child { margin-bottom: 0; }
.footer_bottom { padding: 58px 0 48px; background: #000000; color: #fff; font-size: 16px; }
.footer_bottom a { color: #fff; }
.footer_bottom .footer_bottom__list { margin-top: 24px; border-top: 1px solid #fff; padding-top: 16px; }
.footer_bottom li a { display: block; }
.footer_bottom li + li a { padding-top: 1.5em; }
.footer_bottom .copy { font-size: 12px; }
.footer_bottom .footer_bottom__txt { -js-display: flex; display: flex; }
.footer_bottom .footer_bottom__txt .footer_logo { min-width: 100px; }
.footer_bottom .footer_bottom__txt .footer_bottom_ttl { font-size: 16px; font-weight: bold; line-height: 1; }
.footer_bottom .footer_bottom__txt .footer_bottom_ttl + p { margin-top: .5em; }
.footer_lang { justify-content: flex-end; }
.footer_lang a { display: block; padding-left: .8em; margin-left: 1em; background: url(//100movie.jp/wp-content/themes/100p2019/images/ico_arrow_left_w.svg) left center no-repeat; }
.footer_login { border-top: 2px solid #fff; }
.footer_login .Content__link { font-size: 14px; margin-top: 0; padding: .5em 1em .5em; color: #000000; background: #D6D8E0; }
.footer_login .Content__link:hover { color: #000000; background: #b9bcca; } .result_list { -js-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.result_list li { width: 45.5%; margin-top: 60px; }
.result_list li > a { justify-content: space-between; max-height: 394px; }
.result_list li > a:hover .result_img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.result_list .result_img { object-fit: cover; font-family: 'object-fit: cover;'; height: 100%; width: auto; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.result_list .result_ttl {font-size: 22px; line-height: 1.4;}
.result_list .result_name { font-size: 20px; }
.result_list .result_pamphlet_text { border-bottom: 1px solid #000; }
.result_list.result_list--3column li { width: 32%; margin-top: 40px; }
.result_list.result_list--3column li > a { max-height: none; }
.result_list.result_list--3column .result_ttl { width: 100%; writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; border-top: 0; }
.result_list.result_list--3column .result_img { height: auto; width: 100%; }
.result_list.result_list--3column .result_name { font-size: 18px; }
.result_top_ttl { position: absolute; bottom: 0; }
.result_top_ttl p { font-size: 32px; }
.result_single_left { min-width: 236px; padding-right: 40px; }
.result_single_right { padding-left: 44px; }
.result_single_right .link_label { border-top: none; }
.result_single_ttl { font-size: 48px; }
.result_single_main section + section { margin-top: 88px !important; }
.result_single_text p + p { margin-top: 1.5em; }
.result_single_designer { position: relative; border-bottom: 2px solid #000000; border-left: 2px solid #000000; }
.result_single_designer:after, .result_single_designer:before { border: solid transparent; content: ''; height: 0; width: 0; pointer-events: none; position: absolute; right: 100%; top: 38%; }
.result_single_designer:after { border-color: rgba(255, 255, 255, 0); border-top-width: 7px; border-bottom-width: 7px; border-left-width: 13px; border-right-width: 13px; margin-top: 2px; border-right-color: #FFFFFF; }
.result_single_designer:before { border-color: transparent; border-top-width: 9px; border-bottom-width: 9px; border-left-width: 16px; border-right-width: 16px; margin-top: 0; margin-right: 1px; border-right-color: #000000; }
.bnr_service { -js-display: flex; display: flex; justify-content: space-between; flex-wrap: wrap; }
.bnr_service li { width: 23.5%; border: 2px solid #000; }
.bnr_service a { display: block; padding: 2em; } .result_new .link_label { border-top: 2px solid #000; }
.result_list--lab { justify-content: flex-start; }
.result_list--lab li { width: 31%; margin-left: 3.5%; }
.result_list--lab li:nth-child(3n+1) { margin-left: 0%; }
.result_list--lab .result_ttl { width: 100% !important; border-top: none; writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; font-size: 20px; } .Content_kv.howto-page { background: url(//100movie.jp/wp-content/themes/100p2019/images/howto/mv.jpg) center bottom no-repeat; padding: 100px 32px 32px 80px; padding-bottom: 240px; background-size: cover; position: relative; height: 680px; }
.Content_kv.howto-page .content_link { color: #fff; line-height: 1.4; padding: 10px 76px 10px 16px; text-align: left; position: absolute; bottom: 32px; right: 32px; background: #FF5AA0; -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; }
.Content_kv.howto-page .content_link.link_more:before, .Content_kv.howto-page .info_single .pnavi .single_next a.content_link:before, .info_single .pnavi .single_next .Content_kv.howto-page a.content_link:before { right: 20px; background: #fff; }
.Content_kv.howto-page .content_link.link_more:after, .Content_kv.howto-page .info_single .pnavi .single_next a.content_link:after, .info_single .pnavi .single_next .Content_kv.howto-page a.content_link:after { right: 20px; border-top: 1px solid #fff; border-right: 1px solid #fff; }
.Content_kv.howto-page .content_link.link_more:hover:before, .Content_kv.howto-page .info_single .pnavi .single_next a.content_link:hover:before, .info_single .pnavi .single_next .Content_kv.howto-page a.content_link:hover:before, .Content_kv.howto-page .content_link.link_more:hover:after, .Content_kv.howto-page .info_single .pnavi .single_next a.content_link:hover:after, .info_single .pnavi .single_next .Content_kv.howto-page a.content_link:hover:after { right: 40px; }
.Content_kv.howto-page h1, .Content_kv.howto-page p { display: inline-block; line-height: 1.2; padding: 7px 10px; background-color: #ffffff; }
.Content_kv.howto-page h1 { font-size: 40px; padding: 6px 10px; }
.Content_kv.howto-page p { font-size: 20px; margin-top: 0; }
.single_lab a { color: #FF5AA0; }
.single_lab a:hover { color: #000; }
.single_lab img { margin-top: 1em; max-width: 100%; }
.page-index h3 { font-size: 18px; }
.page-index ol { counter-reset: list; list-style-type: none; padding: 0; margin: 0; }
.page-index ol a:hover { color: #FF5AA0; }
.page-index > ol > li { position: relative; padding: 0 0 0 30px; margin: 1em 0 0; font-size: 18px; line-height: 1.7; -webkit-transition: 0.3s; -moz-transition: 0.3s; -o-transition: 0.3s; -ms-transition: 0.3s; transition: 0.3s; }
.page-index > ol > li:before { counter-increment: list; content: counter(list); position: absolute; left: 0px; width: 24px; height: 24px; text-align: center; border: 1px solid #000; line-height: 22px; top: 16px; -moz-transform: translateY(-50%); -webkit-transform: translateY(-50%); -o-transform: translateY(-50%); -ms-transform: translateY(-50%); transform: translateY(-50%); }
.page-index > ol > li > ol > li { font-size: 14px; margin: 7px 0 7px 0px; }
.page-index > ol > li > ol > li:hover { color: #FF5AA0; }
.content_pamphlet_list li a { -js-display: flex; display: flex; }
.content_pamphlet_list li a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.content_pamphlet_list li a:hover .content_pamphlet_arrow { padding-right: 0; }
.content_pamphlet_list img { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.content_pamphlet_arrow { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; text-align: right; padding-right: 1em; }
.pamphlet_img { width: 240px; min-width: 240px; }
.pamphlet_img img { object-fit: cover; font-family: 'object-fit: cover;'; }
.pamphlet_txt { width: calc(100% - 240px); }
.pamphlet_txt h3 { font-size: 18px; }
.content_label { font-size: 14px; }
.content_label_ttl { width: 4em; text-align: center; margin-right: 4px; padding: 2px 4px; border: 1px solid #4D4E52; } .Content__faq__list { margin-top: 16px; }
.Content__faq__list li { margin-top: 8px; }
.Content__faq__list li a { display: block; font-size: 18px; font-weight: bold; padding: 24px 24px 24px 64px; background-size: 40px; position: relative; }
.Content__faq__list li a:after { content: ''; width: 8px; height: 8px; border: 0px; border-top: solid 1px #000000; border-right: solid 1px #000000; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 14px; left: auto; margin-top: -4px; }
.Content__faq__list li a:hover { background-color: #d8e0e5; } .content_partner_list { -js-display: flex; display: flex; flex-wrap: wrap; justify-content: space-between; }
.content_partner_list li { display: table; width: 13%; text-align: center; }
.content_partner_list li .frame_oct > div { background-position: top center; background-repeat: no-repeat; background-size: 86px 80px; display: table; width: 100%; padding: 90px 0 0; }
.content_partner_list li:first-child .frame_oct > div { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/partner_img001.svg); }
.content_partner_list li:nth-child(2) .frame_oct > div { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/partner_img002.svg); }
.content_partner_list li:nth-child(3) .frame_oct > div { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/partner_img003.svg); }
.content_partner_list li:nth-child(4) .frame_oct > div { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/partner_img004.svg); }
.content_partner_list li:nth-child(5) .frame_oct > div { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/partner_img005.svg); }
.content_partner_list li:nth-child(6) .frame_oct > div { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/partner_img006.svg); }
.content_partner_list li:nth-child(7) .frame_oct > div { background-image: url(//100movie.jp/wp-content/themes/100p2019/images/partner_img007.svg); }
.content_partner_list p { display: table-cell; vertical-align: bottom; line-height: 1.2; font-weight: bold; margin: 0; }
.content_partner_list img { width: 86px; margin: auto; } .design_company_list > li { position: relative; border-top: solid 2px #000; }
.design_company_list > li:before { content: ""; position: absolute; top: 4px; left: 0; right: 0; border-top: solid 2px #000; z-index: -1; }
.design_company_list > li ul li { display: inline-block; margin: 0 12px; }
.design_company_list.cont_3column > li > a { font-size: 36px; }
.design_company_list.cont_3column > li:nth-of-type(n+4) { border-bottom: solid 2px #000; }
.design_company_list.cont_3column > li:nth-of-type(n+4):before { content: ""; position: absolute; bottom: -8px; left: 0; right: 0; border-bottom: solid 2px #000; z-index: -1; }
.design_company_list.cont_3column > li:last-child { border-top: 0; }
.design_company_list.cont_3column--faq > li:last-child { border-top: solid 2px #000; }
.design_company_list.cont_2column > li > a { font-size: 16px; }
.design_company_list.cont_2column > li > a .category_text { font-size: 32px; line-height: 1.4; }
.design_company_list.cont_2column > li:nth-last-child(-n+2) { border-bottom: solid 2px #000; }
.design_company_list.cont_2column > li:nth-last-child(-n+2):before { content: ""; position: absolute; bottom: -8px; left: 0; right: 0; border-bottom: solid 2px #000; z-index: -1; }
.Content__company__list { margin-top: 24px; }
.Content__company__list li a { display: block; background: #E7ECEF; position: relative; padding: 32px; }
.Content__company__list li a:after { content: ''; width: 8px; height: 8px; border: 0px; border-top: solid 1px #000000; border-right: solid 1px #000000; -ms-transform: rotate(45deg); -webkit-transform: rotate(45deg); transform: rotate(45deg); position: absolute; top: 50%; right: 16px; left: auto; margin-top: -4px; }
.Content__company__list li a:hover { background-color: #d8e0e5; }
.Content__company__list li + li { margin-top: 2px; }
.Content__company__list p { line-height: 1.4; }
.Content__company__list .Content__company__ttl { font-size: 22px; font-weight: bold; }
.Content__company__list .Content__company__ttl + p { margin-top: .5em; } .price_cont { margin: 24px 0 16px; }
.price_cont dl { -js-display: flex; display: flex; background: #fff; }
.price_cont dl + dl { margin-top: 1em; }
.price_cont dt, .price_cont dd { font-size: 18px; line-height: 1.4; }
.price_cont dt { font-weight: bold; width: 38%; }
.price_cont dd { width: calc(100% - 38%); }
.price_cont--min dt { width: 140px; }
.price_cont--min dd { width: calc(100% - 140px); }
.price_table { text-align: center; }
.price_table table { width: 100%; }
.price_table tr { border-top: 1px solid #D6D8E0; }
.price_table tr:last-child { border-bottom: 1px solid #D6D8E0; background: #E7ECEF; }
.price_table tr:nth-child(2) { background: rgba(211, 73, 62, 0.8); color: #fff; }
.price_table th, .price_table td { padding: .8em; border-left: 1px solid #D6D8E0; }
.price_table th:last-child, .price_table td:last-child { text-align: left; line-height: 1.4; border-right: 1px solid #D6D8E0; }
.price_table th:nth-child(2), .price_table td:nth-child(2) { width: 20%; }
.price_table th { color: #fff; text-align: center !important; background: #000000; padding: .5em; } .pamphlet_kv { height: 100vh; min-height: 800px; max-height: 850px; background-position: center; background-size: cover; padding: 70px 70px 50px; position: relative; }
.pamphlet_kv h1 { font-size: 48px; writing-mode: vertical-rl; -webkit-writing-mode: vertical-rl; -ms-writing-mode: tb-rl; text-orientation: upright; line-height: 1.2; }
.pamphlet_kv h1 span { font-size: 40px; }
.pamphlet_kv h1.pamphlet_kv--company { writing-mode: horizontal-tb; -webkit-writing-mode: horizontal-tb; -ms-writing-mode: horizontal-tb; }
.pamphlet_kv h1.pamphlet_kv--company .home_kv_text { position: relative; top: 0; left: 0; }
.pamphlet_kv h1.pamphlet_kv--company .home_kv_text span { font-size: 48px; }
.pamphlet_kv img { object-fit: cover; font-family: 'object-fit: cover;'; }
.pamphlet_list li { margin-top: 3em; }
.pamphlet_list a { display: block; }
.pamphlet_list a .pamph_more, .pamphlet_list a img { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.pamphlet_list a p { font-size: 24px; line-height: 1.4; }
.pamphlet_list a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.pamphlet_list a:hover .pamph_more { margin-left: 1em; }
.pamph-company_hearing li { background: #E7ECEF; margin: .5em .25em 0; padding: .5em; }
.hearing_list li { -js-display: flex; display: flex; align-items: center; flex-wrap: wrap; font-size: 18px; }
.hearing_list li div { -js-display: flex; display: flex; align-items: center; margin: 0 1em 0 0; flex-wrap: wrap; }
.hearing_list li span { display: block; background: #E7ECEF; margin: .4em 8px .4em 0; padding: 8px; }
.hearing_list li + li { margin-top: .5em; }
.hearing_list.hearing_list--partner li { display: block; }
.hearing_list.hearing_list--partner li a { color: #FF5AA0; }
.hearing_list.hearing_list--partner li a:hover { color: #000; }
.hearing_list.hearing_list--partner span { background: transparent; display: inline; margin: 0; padding: 0; }
.hearing_list.hearing_list--partner .text_small { font-size: 16px; }
.folder_list > div { width: 24.5%; } .content_table { width: 100%; margin-top: 24px; }
.content_table tr { vertical-align: top; border-top: 1px solid #000; }
.content_table tr:first-child { border-top: none; }
.content_table th, .content_table td { padding: 1.4em 1em 1.4em 0; line-height: 1.8; }
.content_table th { width: 20%; }
.content_table td { width: calc(100% - 20%); }
.content_table td div + div { margin-top: 1em; }
.content_table a { line-height: 1.8; }
.content_table .link_more, .content_table .info_single .pnavi .single_next a, .info_single .pnavi .single_next .content_table a { padding: 0 38px 0 0; }
.content_table .link_more:before, .content_table .info_single .pnavi .single_next a:before, .info_single .pnavi .single_next .content_table a:before { width: 32px; }
.content_table .link_more:hover:before, .content_table .info_single .pnavi .single_next a:hover:before, .info_single .pnavi .single_next .content_table a:hover:before { width: 22px; right: 10px; }
.content_table .link_more:hover:after, .content_table .info_single .pnavi .single_next a:hover:after, .info_single .pnavi .single_next .content_table a:hover:after { right: 10px; }
#home_about, #map_tokyo, #map_osaka, #map_nagoya, #map_fukuoka, #map_sendai, #map_kanazawa, #map_sapporo { margin-top: -108px; padding-top: 164px; } .contact_form table { width: 100%; }
.contact_form input, .contact_form textarea, .contact_form select { width: 100%; border: 1px solid #9A9A9A; -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; padding: 4px; }
.contact_form input.wpcf7-not-valid, .contact_form textarea.wpcf7-not-valid, .contact_form select.wpcf7-not-valid { background: #fef2f8; }
.contact_form input.form-short, .contact_form textarea.form-short, .contact_form select.form-short { width: 150px; }
.contact_form input[type=file] { -moz-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; }
.contact_form select { background: #fff; }
.contact_form .contact_submit { text-align: center; }
.contact_form input[type=submit] { width: 400px; max-width: 100%; display: inline-block; font-size: 28px; color: #fff; background: #FF5AA0; font-weight: bold; margin-top: .5em; padding: 10px 0; border: 0; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.contact_form input[type=submit]:hover { color: #000; }
.contact_form .wpcf7-spinner { display: block; margin: 1em auto 0; }
.contact_form .wpcf7-file { border: 0; }
.contact_form tr { border-bottom: 1px solid #E7ECEF; }
.contact_form th, .contact_form td { padding: 1em 0; }
.contact_form th { width: 300px; padding-right: 30px; }
.contact_form td { width: calc(100% - 300px); padding-right: 40px; }
.contact_form .required { display: inline-block; font-size: 12px; color: #FF5AA0; }
.contact_form span.wpcf7-not-valid-tip { color: #FF5AA0; margin-top: .5em; }
.contact_form div.wpcf7-validation-errors, .contact_form div.wpcf7-acceptance-missing { border: 0; color: #FF5AA0; font-weight: bold; }
.contact_form div.wpcf7-response-output { text-align: center; padding: 0; margin: 1.5em 0 0; } .page_sitemap { line-height: 2; }
.page_sitemap .sub-menu { margin-left: 2em; }
.page_sitemap a:hover { text-decoration: underline; }
.content_list--top { -js-display: flex; display: flex; flex-wrap: wrap; align-items: center; justify-content: center; text-align: center; border-bottom: 2px solid #000; padding: 12px 0 30px; }
.content_list--top li { display: inline-block; margin: 12px 40px 0 0; }
.content_list--top li a { position: relative; display: inline-block; padding: 0.5em 32px 0.5em 0; line-height: 16px; vertical-align: middle; margin-top: -0.1em; }
.content_list--top li a:before, .content_list--top li a:after { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; content: ""; vertical-align: middle; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.content_list--top li a:before { width: 26px; height: 1px; right: 0; background: #000; }
.content_list--top li a:after { width: 8px; height: 8px; right: 0; border-top: 1px solid #000; border-right: 1px solid #000; -webkit-transform: rotate(45deg); transform: rotate(45deg); }
.content_list--top li a:hover { color: #FF5AA0; }
.content_list--top li a:hover:before { background: #FF5AA0; width: 16px; right: 10px; }
.content_list--top li a:hover:after { border-top: 1px solid #FF5AA0; border-right: 1px solid #FF5AA0; right: 10px; }
.content_list--top li.current_page_item { margin-right: 40px; }
.content_list--top li.current_page_item a { border: 1px solid #000; padding: .3em; }
.content_list--top li.current_page_item a:before, .content_list--top li.current_page_item a:after { content: none; }
.content_list--bottom a { display: block; }
.content_list--bottom a:hover { color: #FF5AA0; } .info_single a { color: #FF5AA0; }
.info_single a:hover { color: #000; }
.info_single a:hover img { filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70); opacity: 0.7; }
.info_single img { display: block; max-width: 100%; overflow: hidden; height: auto; margin: auto; }
.info_single video { display: block; max-width: 80%; margin: auto; }
.info_single * + p { margin-top: 1.5em; }
.pnavi { -js-display: flex; display: flex; justify-content: center; align-items: center; margin-top: 2em; }
.pnavi > * { padding: 0 10px; }
.pnavi a:hover { color: #FF5AA0; }
.pnavi a span { -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.pnavi .page-numbers.current { border: 1px solid #000; padding: 3px 6px; }
.mfp-bg { background: rgba(255, 255, 255, 0.9); filter: progid:DXImageTransform.Microsoft.Alpha(enabled=false); opacity: 1; }
#d-port { width: 100%; margin: auto; }
.gallery-arrow { position: absolute; top: 50%; margin-top: -10px; display: block; height: 20px; cursor: pointer; }
.gallery-arrow-left { left: 10px; }
.gallery-arrow-left:before { content: ""; background: url(//100movie.jp/wp-content/themes/100p2019/images/ico_arrow_prev.svg) no-repeat; background-size: 100% auto; }
.gallery-arrow-right { right: 10px; }
.gallery-arrow-right:before { content: ""; background: url(//100movie.jp/wp-content/themes/100p2019/images/ico_arrow_next.svg) no-repeat; background-size: 100% auto; }
.gallery-arrow-right:before, .gallery-arrow-left:before { width: 50px; height: 20px; margin: 0; display: block; }
.gallery-arrow-right:after, .gallery-arrow-left:after { content: none; }
.mfp-close { width: auto; height: auto; font-size: 72px; font-weight: lighter; font-family: sans-serif; }
.mfp-container { padding: 0 70px; }
.d-port-item { width: 288px; background: #FFF; margin: 20px auto 0; }
.d-port-item-img img { width: 100%; height: auto; }
.d-port-item-txt { font-size: 24px; }
.d-port-item-txt img { max-height: calc(100vh - 100px); padding: 20px 0 0; width: auto; }
.designer_prof { position: relative; }
.designer_prof_img { min-width: 96px; width: 96px; margin: 0 auto; }
.designer_prof_img img { border-radius: 50px; object-fit: cover; font-family: 'object-fit: cover;'; }
#d-intro { height: 120px; overflow: hidden; margin-bottom: 30px; }
.show_more { position: absolute; bottom: 76px; left: 0px; width: 100%; height: 30px; padding-top: 70px; text-align: center; line-height: 30px; line-height: 1; background: linear-gradient(180deg, rgba(255, 255, 255, 0) 0%, #ffffff 70%); cursor: pointer; transition: bottom 0.2s; -webkit-transition: 0.2s; -moz-transition: 0.2s; transition: 0.2s; }
.show_more:hover { color: #FF5AA0; } .page-online .content_kv { background: url(//100movie.jp/wp-content/themes/100p2019/images/ontv/mv.jpg) center no-repeat; background-size: cover; line-height: 1.6; padding: 0; }
.page-online .content_kv > div { background: rgba(255, 255, 255, 0.48); width: 100%; height: calc(100vh - 108px); min-height: 540px; padding-top: 38vh; }
.page-online .content_kv .kv-message { width: 600px; max-width: 100%; padding: 24px 30px 30px; margin: auto 0 auto auto; position: relative; background: rgba(255, 255, 255, 0.72); }
.page-online .content_kv .kv-message h1 { font-size: 40px; }
.page-online .content_kv .kv-message h2 { font-size: 24px; }
.page-online .content_kv .kv-message .kv-float { position: absolute; top: -30px; left: -20px; }
.page-online .content_kv .kv-message .kv-flex, .flex-wrap { display: flex; flex-wrap: wrap; }
.page-online .content_kv .kv-message .kv-flex > * { width: 32%; margin-top: 10px; margin-left: 2%; text-align: center; font-size: 20px; font-weight: bold; }
.page-online .content_kv .kv-message .kv-flex > *:nth-child(3n+1) { margin-left: 0; }
.page-online section { margin-top: 88px; }
.page-online .Content__main { margin-top: 80px; }
.page-online .Content__ttl { font-size: 32px; font-weight: bold; line-height: 1.5; border-top: 0; border-bottom: 0; padding: 0; margin-bottom: 16px; }
.flex-wrap .one-two { width: 49%; margin-left: 2%; margin-top: 10px; }
.flex-wrap .one-two:nth-child(2n+1) { margin-left: 0; }
.ontv-point { text-align: center; font-weight: bold; }
.ontv-point_img { display: flex; align-items: center; height: 100px; }
.ontv-point img { display: block; margin: 0 auto; max-width: 100%; }
.ontv-point p { text-align: center; font-size: 16px; font-weight: bold; line-height: 1.5; }
img.full-img { width: 100%; }
table.point { width: 100%; }
table.point th { width: 15%; background-color: #000; color: #ffffff; font-weight: bold; padding: 8px; text-align: center; }
table.point td { font-weight: bold; padding: 8px; font-size: 20px; }
.page-online .content__contact { padding: 50px; }
.page-online .content__contact > div { width: auto; }
.page-online .content__contact.price { padding: 30px 30px 22px; text-align: center; }
.page-online .content__contact h3 { background: #000; color: #ffffff; font-size: 20px; font-weight: bold; padding: 10px; margin-bottom: 10px; }
.page-online .content__contact p.red { color: #FF5AA0; font-size: 20px; font-weight: bold; margin-bottom: 10px; }
.page-online .content__contact p span.yen { font-size: 32px; }
.page-online .content__contact .content__contact__main { width: 100%; -js-display: flex; display: flex; align-items: center; }
.page-online .content__contact__mail a { display: block; margin-bottom: 16px; }
.page-online .ideaboxTimeline .it-box:nth-child(4) .it-content { background: url(//100movie.jp/wp-content/themes/100p2019/images/ontv/flow_img003.svg) left 16px center no-repeat; } .plan-price {
font-weight: bold;
font-size: 40px;
border-bottom: 1px solid;
line-height: 120px;
margin-bottom: 10px;
}
.plan-price span {
font-size: 56px;
}
.work-flow {
margin-top: 18px;
}
.work-flow h4 {
font-size: 20px;
font-weight: bold;
text-align: left;
display: block;
margin-bottom: 0.5em;
}
.work-flow h4:before, .work-flow h4:after {
content: none;
}
.gaisan-price {
font-size: 18px;
font-weight: bold;
}
.gaisan-price span {
font-size: 32px;
}
.gaisan-price span .gaisan-num {
font-size: 40px;
}
.yougo h5 {
margin-top: 32px;
padding-bottom: 8px;
margin-bottom: 8px;
border-bottom: 1px solid #000;
font-weight: bold;
font-size: 18px;
}
.yougo li {
line-height: 1.6;
padding-bottom: 1.0em;
}
.breadcrumbs + section.paged-2 {
margin-top: 0;
}
table.souba-tbl {
width: 100%;
margin-bottom: 16px;
}
table.souba-tbl th, table.souba-tbl td {
padding: 16px 10px 0 0;
font-size: 24px;
font-weight: bold;
width: 50%;
}
table.souba-tbl th div, table.souba-tbl td div {
border-bottom: 1px solid #000000;
padding-bottom: 16px;
}
table.souba-tbl td div, table.souba-tbl th:nth-child(2) div {
margin-left: 32px;
}
table.souba-tbl thead th {
color: #FF5AA0;
font-size: 18px;
}.header-nav-child, nav .header-nav-child,.mean-container .mean-nav ul ul {
background: #000;
}
a.meanmenu-reveal{
display:none;
}
.mean-container .mean-bar {
width: 40px;
height: 64px;
position: absolute;
background: none;
min-height: 60px;
z-index: 20;
top: -8px;
right: 0;
}
.meanmenu-reveal-btn {
position: absolute;
display: block;
z-index: 99999;
box-sizing: border-box;
width: 24px;
height: 20px;
right: 0;
top: 22px;
}
.meanmenu-reveal {
width: 24px;
height: 20px; display: block !important;
position: absolute;
top: 0;
} .meanmenu-reveal.meanclose:after {
display: none;
}
.meanmenu-reveal span {
display: inline-block;
transition: all .1s;
box-sizing: border-box;
position: absolute;
left: 0;
width: 100%;
height: 2px;
margin: 0 auto;
}
.meanmenu-reveal span:nth-of-type(1) {
top: 0;
background: #000000;
}
.meanmenu-reveal span:nth-of-type(2) {
top: 9px;
background: #000000;
}
.meanmenu-reveal span:nth-of-type(3) {
top: 18px;
background: #000000;
}
.meanmenu-revealspan:nth-of-type(1) {
-webkit-animation: menu-ber01 .75s forwards;
animation: menu-ber01 .75s forwards;
}
.meanmenu-revealspan:nth-of-type(2) {
transition: all .1s .1s;
opacity: 1;
}
.meanmenu-revealspan:nth-of-type(3) {
-webkit-animation: menu-ber02 .75s forwards;
animation: menu-ber02 .75s forwards;
}
.meanclose span:nth-of-type(1) {
-webkit-animation: active-menu-ber01 .75s forwards;
animation: active-menu-ber01 .75s forwards;
top: 0;
background: #fff;
}
.meanclose span:nth-of-type(2) {
opacity: 0;
background: #fff;
}
.meanclose span:nth-of-type(3) {
-webkit-animation: active-menu-ber03 .75s forwards;
animation: active-menu-ber03 .75s forwards;
background: #fff;
}
@-webkit-keyframes menu-ber01 {
0% {
-webkit-transform: translateY(8px) rotate(45deg);
}
50% {
-webkit-transform: translateY(8px) rotate(0);
}
100% {
-webkit-transform: translateY(0) rotate(0);
}
}
@keyframes menu-ber01 {
0% {
transform: translateY(8px) rotate(45deg);
}
50% {
transform: translateY(8px) rotate(0);
}
100% {
transform: translateY(0) rotate(0);
}
}
@-webkit-keyframes menu-ber02 {
0% {
-webkit-transform: translateY(-8px) rotate(-45deg);
}
50% {
-webkit-transform: translateY(-8px) rotate(0);
}
100% {
-webkit-transform: translateY(0) rotate(0);
}
}
@keyframes menu-ber02 {
0% {
transform: translateY(-8px) rotate(-45deg);
}
50% {
transform: translateY(-8px) rotate(0);
}
100% {
transform: translateY(0) rotate(0);
}
}
@-webkit-keyframes active-menu-ber01 {
0% {
-webkit-transform: translateY(0) rotate(0);
}
50% {
-webkit-transform: translateY(10px) rotate(0);
}
100% {
-webkit-transform: translateY(10px) rotate(45deg);
}
}
@keyframes active-menu-ber01 {
0% {
transform: translateY(0) rotate(0);
}
50% {
transform: translateY(10px) rotate(0);
}
100% {
transform: translateY(10px) rotate(45deg);
}
}
@-webkit-keyframes active-menu-ber03 {
0% {
-webkit-transform: translateY(0) rotate(0);
}
50% {
-webkit-transform: translateY(-8px) rotate(0);
}
100% {
-webkit-transform: translateY(-8px) rotate(-45deg);
}
}
@keyframes active-menu-ber03 {
0% {
transform: translateY(0) rotate(0);
}
50% {
transform: translateY(-8px) rotate(0);
}
100% {
transform: translateY(-8px) rotate(-45deg);
}
}
.mean-container .mean-nav{
width:100%;
margin-top:60px;
max-height:100vh;
overflow-y:auto;
}
.mean-container .mean-nav ul{
padding: 0;
margin: 0;
width: 100%;
list-style-type: none;
-webkit-overflow-scrolling:touch;
position: relative;
z-index: 99;  background: #000;
}
.mean-container .mean-nav > ul {
overflow-y: auto;
}
.mean-container .mean-nav ul ul{
padding-bottom:0;
margin-bottom:0;
}
.mean-container .mean-nav ul li{
position:relative;
width:100%;
box-sizing: border-box;
color: #fff;
}
.mean-container .mean-nav ul li a,.mean-container .mean-nav ul li span.pre{
display:block;
width:100%;
padding:1em;
margin:0;
text-align:left;
text-decoration:none;
color:#000;
box-sizing: border-box;
}
.mean-container .mean-nav ul li li a{
width:100%;
padding:1em 10%;
text-shadow:none !important;
visibility:visible;
}
.mean-container .mean-nav ul li.mean-last a{
border-bottom:none;
margin-bottom:0;
}
.mean-container .mean-nav ul li li li a{
width:70%;
padding:1em 15%;
}
.mean-container .mean-nav ul li li li li a{
width:60%;
padding:1em 20%;
}
.mean-container .mean-nav ul li li li li li a{
width:50%;
padding:1em 25%;
}
.mean-container .mean-nav ul li a:hover{
background:#fff;
background:rgba(255,255,255,0.1);
}
.mean-container .mean-nav ul li a.mean-expand{ width:60px;
text-align:center;
position:absolute;
right:0;
top:0;
z-index:2;
padding: 0.2em;
font-size: 24px;
color: #fff;
}
.mean-container .mean-nav ul li a.mean-:hover {
background:#000;
color: #fff;
}
.mean-container .mean-push {
float:left;
width:100%;
padding:0;
margin:0;
clear:both;
}
.mean-nav .wrapper{
width:100%;
padding:0;
margin:0;
}
.mean-container .mean-bar, .mean-container .mean-bar *{
-webkit-box-sizing:content-box;
-moz-box-sizing:content-box;
box-sizing:content-box;
}
.mean-remove{
display:none !important;
}
@media (max-width: 1199px) {
#menu-primary li a {
font-size: 14px;
} }
@media screen and ( min-width : 992px ) {
#menu-primary > li > a { }
.h_logo img {
width: 300px;
}
#h_top {
display: flex;
-js-display: flex;
justify-content: space-between;
align-items: center;
}
#nav-primary > ul { display: flex;
-js-display: flex;
}
#nav-primary li { list-style: none;
}
#nav-primary li:last-child {
margin-right: 0;
}
#nav-primary li i {
font-size: 16px;
margin-left: 5px;
}
#nav-primary li a { display: block;
}
#nav-primary .header-nav-child {
visibility: hidden;
opacity: 0;
z-index: 1;
display: block;
position: absolute;
top: 100px;
left: 0;
width: 100%;
padding-bottom: 56px; -webkit-transition: all .1s;
transition: all .1s;
}
.header--min #nav-primary .header-nav-child {
top: 74px;
}
#nav-primary .header-nav-child a {
padding: 10px;
display: block;
border-bottom: none;
padding: 20px;
line-height: 1.2em;
}
#nav-primary .header-nav-child a:hover:after {
content: none;
}
#nav-primary .header-nav-child li {
display: block;
font-size: 16px;
padding: 0;
margin: 0;
}
#nav-primary .header-nav-child li:last-child {
border-bottom: none;
} #nav-primary ul > li:hover {
-webkit-transition: all .1s;
transition: all .1s;
}
#nav-primary ul > li:hover a{
color: #000;
}
#nav-primary ul > li.menu-item-has-children > a {
-webkit-transition: all .1s;
transition: all .1s;
}
#menu-primary > li.menu-item-has-children:hover > a:after {
content: "";
height: 14px;
width: 16px;
background: url(//100movie.jp/wp-content/themes/100p2019/images/ico_nav.svg) center no-repeat;
position: absolute;
bottom: -1px;
left: 50%;
margin-left: -7px;
}
#nav-primary li:hover .header-nav-child {
visibility: visible;
opacity: 1;
z-index: 9999;
}
#nav-primary li .header-nav-child li:after {
content: none;
}
#nav-primary li:hover .header-nav-child a {
color: #fff;
}
#menu-primary .header-nav-child .sub-index a {
display: inline-block;
font-size: 20px;
font-weight: bold;
margin: 24px 0 8px;
padding: 20px 20px 20px 0;
position: relative;
}
#nav-primary .header-nav-child li a {
color: #fff;
padding: 0px 20px 16px 20px;
}
#nav-primary .header-nav-child li a:hover { }
#nav-primary .contact_btn a:hover {
color: #fff;
}
#nav-primary .header-nav-child .header-nav-child {
position: relative;
padding-bottom: 0;
}
#nav-primary .sub-menu > li {
display: inline-block;
vertical-align: top;
}
#nav-primary .sub-menu > li.sub-index{
display: block;
}
#nav-primary .sub-menu > li.sub-index > a{
position: relative;
}
#nav-primary .sub-menu > li.sub-index > a:after {
content: '';
width: 8px;
height: 8px;
border: 0px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2px;
left: auto;
margin-top: -5px;
}
#nav-primary .header-nav-child .mega-grid{
width:33%;
padding: 0 20px;
}
#nav-primary .header-nav-child .mega-grid li{
display: block;
}
#nav-primary .header-nav-child .mega-grid .header-nav-child .container {
width: auto;
padding: 0;
}
#menu-primary > p {
display: none;
}
}
@media screen and ( min-width : 1200px ) {
#nav-primary .header-nav-child {
top: 76px;
}
}
@media (max-width: 991px) {
#menu-primary { height: 100%;
box-sizing: border-box;
padding: 0 16px 16px;
transition: all 0.1s; position: fixed;
top: 0;
right: 0;
z-index: 1000;
}
#menu-primary.active {
transform: translate(0);
}
#menu-primary .header-nav-child .container {
padding: 0;
}
#menu-primary > p {
color: #fff;
font-size: 24px;
position: absolute;
top: 4px;
}
#menu-primary > p + li {
border-top: 1px solid #fff;
margin-top: 56px;
} #menu-primary > li + li {
margin: 0;
}
#menu-primary > li:first-child {
border-top: 1px solid #fff;
}
#menu-primary > li > a {
color: #fff;
padding: 0 0 0 24px !important;
border-bottom: 1px solid #fff;
line-height: 46px;
}
#menu-primary > li.no-index > .header-nav-child {
padding-top: 0;
}
#menu-primary .header-nav-child .mega-grid > a {
margin-top: 8px;
}
#menu-primary > li > a:hover {
color: #fff;
}
#menu-primary li a.mean-expand, #menu-primary li a.mean-expand:hover {
position: absolute;
top: 4px;
background-image: none;
border-bottom: 0;
width: 36px; border-left: 1px solid #fff;
height: 38px;
line-height: 28px;
font-size: 20px;
}
.mean-container {
position: relative;
}
.mean-container .mean-nav .header-nav-child li {
padding-left: 24px;
}
.mean-container .mean-nav .header-nav-child li a {
padding: 1em 0 1em;
border-bottom: 1px solid #fff;
color: #fff;
}
.mean-container .mean-nav .header-nav-child li a:hover {
background-color: #000;
}
#menu-primary .sub-menu > li.sub-index{
display: none;
}
#menu-primary .header-nav-child .mega-grid a.mean-expand {
border-right: 0;
border-top: 0;
border-bottom: 0;
}
.mean-container .mean-nav .header-nav-child .mega-grid a {
width: auto;
}
.mean-container .mean-nav .header-nav-child .mega-grid li {
padding-left: 0;
}
.mean-container .mean-nav .header-nav-child .mega-grid li a{
padding-left: 0;
padding: 1em 0 1em !important;
}
#menu-primary .header-nav-child .mega-grid > a {
font-size: 14px;
}
#menu-primary .header-nav-child .mega-grid > a.mean-expand {
margin: 0;
height: 34px;
line-height: 34px;
padding: 0;
} #menu-primary li a:after {
content: '';
width: 8px;
height: 8px;
border: 0px;
border-top: solid 1px #fff;
border-right: solid 1px #fff;
-ms-transform: rotate(45deg);
-webkit-transform: rotate(45deg);
transform: rotate(45deg);
position: absolute;
top: 50%;
right: 2px;
left: auto;
margin-top: -5px;
} #menu-primary li.menu-item-has-children > a:after, #menu-primary > li a.mean-expand:after, #menu-primary > li a.mean-expand:after {
content: none;
}
}
@media (min-width: 768px) {
#nav-primary li:hover .header-nav-child a:hover {
color: #FF5AA0;
}
#menu-primary .header-nav-child .mega-grid > a {
color: #fff;
}
#nav-primary .sub-menu > li.sub-index > a:after {
transition: all .1s;
}
#nav-primary .sub-menu > li.sub-index > a:hover:after {
border-top: solid 1px #FF5AA0;
border-right: solid 1px #FF5AA0;
}
}
@media (max-width: 767px) {
#menu-primary > li > a:hover {
color: #fff;
}
#menu-primary {
width: 100%;
transform: translate(100%);
}
#menu-primary .header-nav-child .mega-grid .header-nav-child a {
padding: 0.2em;
}
}
@media screen and (max-width: 991px) and (min-width: 768px) {
#menu-primary {
width: 350px;
transform: translate(350px);
}
#menu-primary .header-nav-child .container {
width: 100%;
}
}
 .ideaboxTimeline {
width: 100%;
height: auto;
position: relative;
overflow: hidden;
line-height: 1.3;
margin-top: 24px;
}
.ideaboxTimeline .it-spine {
width: 0px;
position: absolute;
top: 0;
bottom: 0;
left: 50%;
margin-left: -1px;
z-index: 1;
border: solid 1px #27282B;
}
.ideaboxTimeline .it-box {
width: 50%;
box-sizing: border-box;
margin-top: 30px;
position: relative;
z-index: 2;
}
.ideaboxTimeline .it-box .it-content {
border: 2px solid #000;
}
.ideaboxTimeline .it-box:nth-child(2) {
margin-top: 0;
}
.ideaboxTimeline .it-box:nth-child(3), .ideaboxTimeline .it-box:nth-child(5), .ideaboxTimeline .it-box:nth-child(7) {
margin-top: 24px;
}
.ideaboxTimeline .it-box:nth-child(4), .ideaboxTimeline .it-box:nth-child(6) {
margin-top: 24px;
}
.ideaboxTimeline .it-box:nth-child(2) .it-content {
background: url(//100movie.jp/wp-content/themes/100p2019/images/flow_img001.svg) left 16px center no-repeat;
}
.ideaboxTimeline .it-box:nth-child(3) .it-content {
background: url(//100movie.jp/wp-content/themes/100p2019/images/flow_img002.svg) left 16px center no-repeat;
}
.ideaboxTimeline .it-box:nth-child(4) .it-content {
background: url(//100movie.jp/wp-content/themes/100p2019/images/ontv/flow_img003.svg) left 16px center no-repeat;
}
.ideaboxTimeline .it-box:nth-child(5) .it-content {
background: url(//100movie.jp/wp-content/themes/100p2019/images/flow_img004.svg) left 16px center no-repeat;
}
.ideaboxTimeline .it-box:nth-child(6) .it-content {
background: url(//100movie.jp/wp-content/themes/100p2019/images/flow_img005.svg) left 16px center no-repeat;
}
.ideaboxTimeline .it-box:nth-child(7) .it-content {
background: url(//100movie.jp/wp-content/themes/100p2019/images/flow_img006.svg) left 16px center no-repeat;
} .ideaboxTimeline .it-left {
float: left;
clear: left;
}
.ideaboxTimeline .it-right {
float: right;
clear: right;
}
.ideaboxTimeline .it-content {
height: auto;
background: #F0F1F5;
overflow: hidden;
padding: 16px 24px 16px 76px;
box-sizing: border-box;
}
.ideaboxTimeline .it-iconbox { display: none;
}
.ideaboxTimeline .it-iconbox>span {
display: inline-block;
height: 8px;
width: 8px;
background: #27282B;
border: solid 2px #fff;
position: absolute;
}
.ideaboxTimeline .it-left .it-content {
margin-right: 18px;
}
.ideaboxTimeline .it-right .it-content {
margin-left: 20px;
}
.ideaboxTimeline .it-left .it-iconbox {
right: 0;
top: 50%;
}
.ideaboxTimeline .it-right .it-iconbox {
left: 0;
top: 50%;
}
.ideaboxTimeline .it-left .it-iconbox>span {
right: -4px;
top: -7px;
}
.ideaboxTimeline .it-right .it-iconbox>span {
left: -4px;
top: -7px;
}
.ideaboxTimeline .it-left .it-content:after {
content: '';
position: absolute;
right: -4px;
top: 30%;
border-style: solid;
border-width: 2px;
border-color: #fff;
background: #000;
height: 6px;
width: 34px;
}
.ideaboxTimeline .it-right .it-content:after {
content: '';
position: absolute;
left: -4px;
top: 47%;
border-style: solid;
border-width: 2px;
border-color: #fff;
background: #000;
height: 6px;
width: 34px;
}
.ideaboxTimeline .it-minibox {
width: 100%;
margin-top: 20px;
float: left;
height: auto;
text-align: center;
clear: both;
position: relative;
z-index: 3;
padding: 20px 0;
}
.ideaboxTimeline .it-minibox>span {
display: inline-block;
font-weight: bold;
padding: 10px 20px;
background: #069;
cursor: pointer;
color: #FFF;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
} .ideaboxTimeline .it-content h1, .ideaboxTimeline .it-content h2, .ideaboxTimeline .it-content h3, .ideaboxTimeline .it-content h4, .ideaboxTimeline .it-content h5, .ideaboxTimeline .it-content h6 {
padding: 0;
margin: 0 0 8px 0;
}
.ideaboxTimeline .it-content h1 a, .ideaboxTimeline .it-content h2 a, .ideaboxTimeline .it-content h3 a, .ideaboxTimeline .it-content h4 a, .ideaboxTimeline .it-content h5 a, .ideaboxTimeline .it-content h6 a {
text-decoration: none;
color: #069;
}
.ideaboxTimeline .it-content h1 {
font-size: 24px;
}
.ideaboxTimeline .it-content h2 {
font-size: 20px;
}
.ideaboxTimeline .it-content h3 { }
.ideaboxTimeline .it-content h4 {
font-size: 16px;
}
.ideaboxTimeline .it-content h5 {
font-size: 14px;
}
.ideaboxTimeline .it-content h6 {
font-size: 12px;
}
.ideaboxTimeline .it-content p {
font-size: 14px;
padding: 0;
margin: 0;
display: block;
line-height: 1.6;
}
.ideaboxTimeline .it-content p img {
display: block;
float: left;
margin: 0 10px 10px 0;
max-width: 200px;
}
.ideaboxTimeline .it-content a {
text-decoration: none;
color: #069;
}
.ideaboxTimeline .it-content a:hover {
text-decoration: underline;
}
.ideaboxTimeline .it-content>.it-infobar>em {
font-size: 13px;
opacity: 0.6;
}
.ideaboxTimeline .it-content>.it-infobar>a {
display: inline-block;
width: 24px;
height: 24px;
opacity: 0.3;
}
.ideaboxTimeline .it-content>.it-infobar>a:hover {
opacity: 1;
}
.ideaboxTimeline .it-content>.it-infobar>a.it-facebook {
background: url(//100movie.jp/wp-content/themes/100p2019/assets/img/it-facebook.png) center no-repeat;
}
.ideaboxTimeline .it-content>.it-infobar>a.it-twitter {
background: url(//100movie.jp/wp-content/themes/100p2019/assets/img/it-twitter.png) center no-repeat;
}
.ideaboxTimeline .it-content>.it-infobar>a.it-googleplus {
background: url(//100movie.jp/wp-content/themes/100p2019/assets/img/it-googleplus.png) center no-repeat;
}
.ideaboxTimeline .it-content>.it-infobar>a.it-readmore {
display: inline-block;
width: auto;
height: auto;
text-decoration: none;
float: right;
opacity: 1;
color: #069;
}
.ideaboxTimeline .it-content>.it-infobar>a.it-readmore::before, .ideaboxTimeline .it-content>.it-infobar>a.it-readmore::after {
display: inline-block;
opacity: 0;
-webkit-transition: -webkit-transform 0.3s, opacity 0.2s;
-moz-transition: -moz-transform 0.3s, opacity 0.2s;
transition: transform 0.3s, opacity 0.2s;
}
.ideaboxTimeline .it-content>.it-infobar>a.it-readmore::before {
margin-right: 10px;
content: '[';
-webkit-transform: translateX(20px);
-moz-transform: translateX(20px);
transform: translateX(20px);
}
.ideaboxTimeline .it-content>.it-infobar>a.it-readmore::after {
margin-left: 10px;
content: ']';
-webkit-transform: translateX(-20px);
-moz-transform: translateX(-20px);
transform: translateX(-20px);
}
.ideaboxTimeline .it-content>.it-infobar>a.it-readmore:hover::before, .ideaboxTimeline .it-content>.it-infobar>a.it-readmore:hover::after {
opacity: 1;
-webkit-transform: translateX(0px);
-moz-transform: translateX(0px);
transform: translateX(0px);
}
.ideaboxTimeline .it-content .it-image {
width: 100%;
overflow: hidden;
position: relative;
display: block;
margin-bottom: 10px;
}
.ideaboxTimeline .it-content .it-image>img {
width: 100%;
display: block;
}
.ideaboxTimeline .it-content .it-image:hover span {
opacity: 1;
}
.ideaboxTimeline .it-content .it-image>span {
position: absolute;
display: block;
width: 100%;
height: 100%;
background: rgba(0,0,0,0.7);
left: 0;
right: 0;
top: 0;
bottom: 0;
opacity: 0;
}
.ideaboxTimeline .it-content .it-image>span>i {
display: block;
width: 24px;
height: 24px;
position: absolute;
left: 50%;
margin-left: -12px;
top: 50%;
margin-top: -12px;
background: url(//100movie.jp/wp-content/themes/100p2019/assets/img/it-zoomimage.png) center no-repeat;
}
.ideaboxTimeline .it-content iframe {
width: 100%;
display: block;
margin-bottom: 10px;
position: relative;
z-index: 1;
}
.ideaboxTimeline .it-right .it-content .it-leftdata {
position: absolute;
left: 50px;
top: 20px;
}
.ideaboxTimeline .it-right .it-content .it-leftdata img {
width: 80px;
height: 80px;
display: block;
}
.ideaboxTimeline .it-right .it-content .it-rightdata {
padding-left: 100px;
box-sizing: border-box;
}
.ideaboxTimeline .it-left .it-content .it-leftdata {
position: absolute;
right: 50px;
top: 20px;
}
.ideaboxTimeline .it-left .it-content .it-leftdata img {
width: 80px;
height: 80px;
display: block;
}
.ideaboxTimeline .it-left .it-content .it-rightdata {
padding-right: 100px;
box-sizing: border-box;
}
.ideaboxTimeline .it-content .it-gallery {
width: 100%;
display: block;
position: relative;
height: 200px;
overflow: hidden;
margin-bottom: 10px;
}
.ideaboxTimeline .it-content .it-gallery>a {
display: none;
position: absolute;
left: 0;
top: 0;
right: 0;
bottom: 0;
margin: 0;
}
.ideaboxTimeline .it-content .it-gallery>a:first-child {
display: block;
}
.ideaboxTimeline .it-content .it-gallery:hover div {
opacity: 1;
}
.ideaboxTimeline .it-content .it-gallery>a>img {
display: block;
width: 100%;
position: absolute;
min-height: 100%;
}
.ideaboxTimeline .it-content .it-gallery>div {
position: absolute;
opacity: 0;
bottom: 10px;
left: 0;
right: 0;
text-align: center;
}
.ideaboxTimeline .it-content .it-gallery>div>span {
display: inline-block;
height: 10px;
width: 10px;
border: solid 2px #FFF;
margin: 0 4px;
cursor: pointer;
}
.ideaboxTimeline .it-content .it-gallery>div>span:hover {
background: #FFF;
}
.ideaboxTimeline .it-content .it-gallery>div>span.it-gactive {
background: #FFF;
} .ideaboxTimeline .it-iconbox>span, .ideaboxTimeline .it-content .it-gallery>div>span {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
} @media (max-width: 1199px) {
.ideaboxTimeline .it-content {
padding-left: 66px;
}
.ideaboxTimeline .it-right .it-content {
margin-left: 16px;
}
.ideaboxTimeline .it-left .it-content {
margin-right: 16px;
}
.ideaboxTimeline .it-right .it-content:after,.ideaboxTimeline .it-left .it-content:after {
border-width: 1px 8px;
}
.ideaboxTimeline .it-box .it-content {
background-size: 40px auto !important;
}
} @media screen and (max-width:767px) {
.ideaboxTimeline .it-spine { display: none;
}
.ideaboxTimeline .it-box {
width: 100%;
}
.ideaboxTimeline .it-left {
float: left;
clear: left;
}
.ideaboxTimeline .it-right {
float: left;
clear: right;
}
.ideaboxTimeline .it-content {
height: auto;
}
.ideaboxTimeline .it-left .it-content { margin-left: 0;
margin-right: 0;
}
.ideaboxTimeline .it-right .it-content { margin-left: 0;
}
.ideaboxTimeline .it-left .it-iconbox {
left: 0;
top: 30px;
}
.ideaboxTimeline .it-right .it-iconbox {
left: 0;
top: 30px;
}
.ideaboxTimeline .it-left .it-iconbox>span {
left: -1px;
top: -7px;
}
.ideaboxTimeline .it-right .it-iconbox>span {
left: 0;
top: -7px;
}
.ideaboxTimeline .it-minibox {
box-sizing: border-box;
margin-left: 30px;
}
.ideaboxTimeline .it-iconbox {
width: 30px;
}
.ideaboxTimeline .it-right .it-content:before, .ideaboxTimeline .it-left .it-content:before {
content: '';
position: absolute;
left: 30px;
right: inherit;
top: 24px;
border-style: solid;
border-width: 11px 11px 11px 0;
border-color: transparent #F0F1F5 transparent transparent;
}
.ideaboxTimeline .it-right .it-content:before, .ideaboxTimeline .it-left .it-content:before,
.ideaboxTimeline .it-left .it-content:after {
content: none;
}
.ideaboxTimeline .it-right .it-content:after{
display:none;
}
.ideaboxTimeline .it-box:nth-child(3) { }
.ideaboxTimeline .it-box:nth-child(3), .ideaboxTimeline .it-box:nth-child(4), .ideaboxTimeline .it-box:nth-child(5), .ideaboxTimeline .it-box:nth-child(6), .ideaboxTimeline .it-box:nth-child(7) {
margin-top: 2px;
}
.it-red .it-right .it-content:after, .it-red .it-left .it-content:after {
border-right-color: #e84450;
}
.it-red .it-right .it-content:before, .it-red .it-left .it-content:before {
border-right-color: #e84450;
}
.it-dark .it-right .it-content:after, .it-dark .it-left .it-content:after {
border-right-color: #3c3d41;
}
.it-dark .it-right .it-content:before, .it-dark .it-left .it-content:before {
border-right-color: #3c3d41;
}
.it-blue .it-right .it-content:after, .it-blue .it-left .it-content:after {
border-right-color: #2096cd;
}
.it-blue .it-right .it-content:before, .it-blue .it-left .it-content:before {
border-right-color: #2096cd;
}
.it-soft .it-right .it-content:after, .it-soft .it-left .it-content:after {
border-right-color: #e2edf2;
}
.it-soft .it-right .it-content:before, .it-soft .it-left .it-content:before {
border-right-color: #e2edf2;
}
.it-grey .it-right .it-content:after, .it-grey .it-left .it-content:after {
border-right-color: #cccccc;
}
.it-grey .it-right .it-content:before, .it-grey .it-left .it-content:before {
border-right-color: #cccccc;
}
.ideaboxTimeline .it-right .it-content .it-leftdata {
left: 60px;
}
.ideaboxTimeline .it-left .it-content .it-leftdata {
right: 20px;
}
}
.it-red {
color: #FFF;
}
.it-red .it-iconbox {
border-color: #b0313a;
}
.it-red .it-iconbox>span {
background: #FFF;
border-color: #e84450;
}
.it-red .it-left .it-content:after {
border-left-color: #e84450;
}
.it-red .it-left .it-content:before {
border-left-color: #b0313a;
}
.it-red .it-right .it-content:after {
border-right-color: #e84450;
}
.it-red .it-right .it-content:before {
border-right-color: #b0313a;
}
.it-red .it-minibox>span {
background: #e84450;
color: #FFF;
}
.it-red .it-content h1, .it-red .it-content h2, .it-red .it-content h3, .it-red .it-content h4, .it-red .it-content h5, .it-red .it-content h6 {
color: #FFF;
}
.it-red .it-content h1 a, .it-red .it-content h2 a, .it-red .it-content h3 a, .it-red .it-content h4 a, .it-red .it-content h5 a, .it-red .it-content h6 a {
color: #FFF;
}
.it-red .it-content .it-infobar {
border-color: #b0313a;
}
.it-red .it-content a {
color: #fff;
text-decoration: underline;
}
.it-red .it-content {
background: #e84450;
-webkit-box-shadow: 0 3px 0 #b0313a;
-moz-box-shadow: 0 3px 0 #b0313a;
box-shadow: 0 3px 0 #b0313a;
border: solid 1px #b0313a;
}
.it-red .it-content>.it-infobar>a.it-readmore {
color: #FFF;
}
.it-dark {
color: #FFF;
}
.it-dark .it-iconbox {
border-color: #101011;
}
.it-dark .it-iconbox>span {
background: #FFF;
border-color: #3c3d41;
}
.it-dark .it-left .it-content:after {
border-left-color: #3c3d41;
}
.it-dark .it-left .it-content:before {
border-left-color: #101011;
}
.it-dark .it-right .it-content:after {
border-right-color: #3c3d41;
}
.it-dark .it-right .it-content:before {
border-right-color: #101011;
}
.it-dark .it-minibox>span {
background: #3c3d41;
color: #FFF;
}
.it-dark .it-content h1, .it-dark .it-content h2, .it-dark .it-content h3, .it-dark .it-content h4, .it-dark .it-content h5, .it-dark .it-content h6 {
color: #FFF;
}
.it-dark .it-content h1 a, .it-dark .it-content h2 a, .it-dark .it-content h3 a, .it-dark .it-content h4 a, .it-dark .it-content h5 a, .it-dark .it-content h6 a {
color: #FFF;
}
.it-dark .it-content .it-infobar {
border-color: #101011;
}
.it-dark .it-content a {
color: #fff;
text-decoration: underline;
}
.it-dark .it-content {
background: #3c3d41;
-webkit-box-shadow: 0 3px 0 #101011;
-moz-box-shadow: 0 3px 0 #101011;
box-shadow: 0 3px 0 #101011;
border: solid 1px #101011;
}
.it-dark .it-content>.it-infobar>a.it-readmore {
color: #FFF;
}
.it-blue {
color: #FFF;
}
.it-blue .it-iconbox {
border-color: #1978a3;
}
.it-blue .it-iconbox>span {
background: #FFF;
border-color: #2096cd;
}
.it-blue .it-left .it-content:after {
border-left-color: #2096cd;
}
.it-blue .it-left .it-content:before {
border-left-color: #1978a3;
}
.it-blue .it-right .it-content:after {
border-right-color: #2096cd;
}
.it-blue .it-right .it-content:before {
border-right-color: #1978a3;
}
.it-blue .it-minibox>span {
background: #2096cd;
color: #FFF;
}
.it-blue .it-content h1, .it-blue .it-content h2, .it-blue .it-content h3, .it-blue .it-content h4, .it-blue .it-content h5, .it-blue .it-content h6 {
color: #FFF;
}
.it-blue .it-content h1 a, .it-blue .it-content h2 a, .it-blue .it-content h3 a, .it-blue .it-content h4 a, .it-blue .it-content h5 a, .it-blue .it-content h6 a {
color: #FFF;
}
.it-blue .it-content .it-infobar {
border-color: #1978a3;
}
.it-blue .it-content a {
color: #fff;
text-decoration: underline;
}
.it-blue .it-content {
background: #2096cd;
-webkit-box-shadow: 0 3px 0 #1978a3;
-moz-box-shadow: 0 3px 0 #1978a3;
box-shadow: 0 3px 0 #1978a3;
border: solid 1px #1978a3;
}
.it-blue .it-content>.it-infobar>a.it-readmore {
color: #FFF;
}
.it-grey {
color: #000;
}
.it-grey .it-iconbox {
border-color: #aaaaaa;
}
.it-grey .it-iconbox>span {
background: #cccccc;
border-color: #cccccc;
}
.it-grey .it-left .it-content:after {
border-left-color: #cccccc;
}
.it-grey .it-left .it-content:before {
border-left-color: #aaaaaa;
}
.it-grey .it-right .it-content:after {
border-right-color: #cccccc;
}
.it-grey .it-right .it-content:before {
border-right-color: #aaaaaa;
}
.it-grey .it-minibox>span {
background: #cccccc;
color: #000;
}
.it-grey .it-content h1, .it-grey .it-content h2, .it-grey .it-content h3, .it-grey .it-content h4, .it-grey .it-content h5, .it-grey .it-content h6 {
color: #000;
}
.it-grey .it-content h1 a, .it-grey .it-content h2 a, .it-grey .it-content h3 a, .it-grey .it-content h4 a, .it-grey .it-content h5 a, .it-grey .it-content h6 a {
color: #000;
}
.it-grey .it-content .it-infobar {
border-color: #aaaaaa;
}
.it-grey .it-content a {
color: #fff;
text-decoration: underline;
}
.it-grey .it-content {
background: #cccccc;
-webkit-box-shadow: 0 3px 0 #aaaaaa;
-moz-box-shadow: 0 3px 0 #aaaaaa;
box-shadow: 0 3px 0 #aaaaaa;
border: solid 1px #aaaaaa;
}
.it-grey .it-content>.it-infobar>a.it-readmore {
color: #000;
}
.it-soft {
color: #000;
}
.it-soft .it-iconbox {
border-color: #c1d3dc;
}
.it-soft .it-iconbox>span {
background: #e2edf2;
border-color: #c1d3dc;
}
.it-soft .it-left .it-content:after {
border-left-color: #e2edf2;
}
.it-soft .it-left .it-content:before {
border-left-color: #c1d3dc;
}
.it-soft .it-right .it-content:after {
border-right-color: #e2edf2;
}
.it-soft .it-right .it-content:before {
border-right-color: #c1d3dc;
}
.it-soft .it-minibox>span {
background: #e2edf2;
color: #000;
}
.it-soft .it-content h1, .it-soft .it-content h2, .it-soft .it-content h3, .it-soft .it-content h4, .it-soft .it-content h5, .it-soft .it-content h6 {
color: #000;
}
.it-soft .it-content h1 a, .it-soft .it-content h2 a, .it-soft .it-content h3 a, .it-soft .it-content h4 a, .it-soft .it-content h5 a, .it-soft .it-content h6 a {
color: #000;
}
.it-soft .it-content .it-infobar {
border-color: #c1d3dc;
}
.it-soft .it-content a {
color: #fff;
text-decoration: underline;
}
.it-soft .it-content {
background: #e2edf2;
-webkit-box-shadow: 0 3px 0 #c1d3dc;
-moz-box-shadow: 0 3px 0 #c1d3dc;
box-shadow: 0 3px 0 #c1d3dc;
border: solid 1px #c1d3dc;
}
.it-soft .it-content>.it-infobar>a.it-readmore {
color: #000;
} .it-popup-overlay {
position: fixed;
z-index: 99999;
left: 0;
right: 0;
top: 0;
bottom: 0;
background-color: rgba(0,0,0,0.5);
background-size: auto;
background-repeat: no-repeat;
background-position: center;
cursor: pointer;
display: none;
}
.it-popup-overlay img {
display: block;
transform-origin: center center;
z-index: 100000;
margin: 0 auto;
position: relative;
transition: .25s linear;
-moz-transition: .25s linear;
-webkit-transition: .25s linear;
}
.it-popup-overlay .it-popup-navi {
display: none;
position: absolute;
width: 100%;
height: 20px;
top: 10px;
clear: both;
padding-top: 10px;
text-align: center;
}
.it-popup-overlay .it-popup-navi>span {
display: inline-block;
width: 24px;
height: 24px;
background-image: url(//100movie.jp/wp-content/themes/100p2019/assets/img/it-arrows.png);
background-repeat: no-repeat;
margin: 0 5px;
}
.it-popup-overlay .it-popup-navi>span:first-child {
background-position: left center;
}
.it-popup-overlay .it-popup-navi>span:last-child {
background-position: right center;
}

@media (min-width: 1400px) {
}
@media (max-width: 1399px) {
#header.head_home .header__nav .header__logo {
width: 200px;
height: 120px;
padding: 16px 16px 16px 0;
}
#header .header_contact {
width: 310px;
}
#header .header_contact a {
font-size: 20px;
}
.home_kv_wrap, .header_inner {
padding: 0 30px;
}
.result_list li > a {
max-height: 380px;
}
.result_list li {
margin-top: 50px;
}
.result_list .result_ttl {
font-size: 20px;
}
.result_list .result_name {
font-size: 18px;
}
.contact_cont .contact_tel_list {
font-size: 18px;
}
.category_link .category_text {
font-size: 32px;
}
.category_link.category_link--min .category_text {
font-size: 26px;
}
.pamphlet_kv {
min-height: 700px;
max-height: 800px;
padding-top: 50px;
}
.pamphlet_kv h1 span {
font-size: 36px;
}
.pamphlet_kv h1 {
font-size: 44px;
}
.home_office h2 {
font-size: 36px;
}
.pamphlet_list a p {
font-size: 20px;
}
.home_step_list > div p {
font-size: 14px;
}
}
@media (min-width: 1200px) {
.pc-not-large {
display: none !important;
}
}
@media (max-width: 1199px) { #header.head_home .header__nav .header__logo {
width: 170px;
height: 106px;
}
.Section__balloon {
margin-top: 72px;
}
#header .header_contact {
width: 260px;
margin-left: 20px;
}
#header .header_contact a {
font-size: 15px;
}
.header_contact_tel img, .header_contact_mail img {
width: 15px;
}
#menu-primary > li > a {
padding-bottom: 34px;
}
.home_kv_wrap, .header_inner {
padding: 0 15px;
} .home_kv_text {
top: 54px;
}
.result_list li {
width: 48%;
}
.result_list li > a {
max-height: 320px;
}
.result_list .result_ttl {
font-size: 18px;
}
.bnr__company .Content__link {
bottom: 8px;
right: 8px;
}
.content_partner_list li p {
font-size: 14px;
}
.ttl__balloon > * {
font-size: 16px;
}
.home_step_list > div {
width: 32%;
}
.home_step_list > div:nth-child(4) {
margin-left: 0;
} .footer_bottom__list > div + div {
margin-top: 1em;
}
.footer_bottom__txt {
margin-top: 40px;
} .Content__search__list li > a {
font-size: 15px;
} .slide__result__list img, .slide__result__thumb {
height: 380px;
}
.slide__result__img + .slide__result__img {
margin-top: 10px;
} .result_single_left {
min-width: 200px;
}
.result_single_ttl {
font-size: 40px;
} .result_list--lab li {
width: 31%;
margin-left: 3.5%;
}
.content_list--top {
font-size: 14px;
padding-bottom: 12px;
padding-right: 12px;
padding-left: 12px;
}
.lab-sample > div {
padding: 40px;
}
.lab-sample > div h2 {
font-size: 24px;
font-weight: bold;
} .content_kv.howto-page {
height: 540px;
padding: 60px 40px 32px;
}
.pamphlet_img {
width: 200px;
min-width: 200px;
}
.pamphlet_img img {
width: 100%;
height: 100%;
}
.pamphlet_txt {
width: calc(100% - 200px);
} .design_company_list.cont_3column > li > a {
font-size: 30px;
} .Content__faq__list li a {
font-size: 16px;
padding-left: 54px;
background-size: 32px;
} .price_cont dl {
display: block;
}
.price_cont dt, .price_cont dd {
width: 100%;
}
.price_cont dd {
margin-top: .5em;
}
.price_cont dl + dl {
margin-top: 1.5em;
} .contact_form th {
width: 240px;
padding-right: 24px;
}
.contact_form td {
width: calc(100% - 240px);
padding-right: 0;
}
#home_about, #map_tokyo, #map_osaka, #map_nagoya, #map_fukuoka, #map_sendai {
padding-top: 156px;
}
.Content__pamphlet__list .pamphlet__img img {
width: 110px;
}
.Content__pamphlet__list .pamphlet__txt {
width: calc(100% - 110px);
}
.designer__prof p {
width: 52%;
}
#d-port + div img {
width: 100%;
height: auto;
}
.contact_cont .contact_mail a, .contact_ttl {
font-size: 28px;
}
.contact_ttl {
font-size: 25px;
}
.category_link .category_text, .category_link.category_link--min .category_text {
font-size: 24px;
}
.category_link .category_text span {
font-size: 18px;
}
.home_kv {
height: calc(100vh - 100px - 40px);
}
.home_kv_text--result {
top: 50px;
left: 50px;
}
.pamphlet_kv {
min-height: 600px;
max-height: 700px;
padding-top: 30px;
padding-left: 40px;
}
.pamphlet_kv h1 {
font-size: 40px;
}
.pamphlet_kv h1 span {
font-size: 32px;
}
.content_table th {
width: 25%;
}
.content_table td {
width: calc(100% - 25%);
} .page-online .content__contact {
padding: 40px;
}
.page-online .content__contact__mail a {
margin: 0;
}
.frame_oct .frame_oct_ttl.ribon_ttl {
font-size: 20px;
padding: 0 16px;
}
.home_kv_text h2 {
font-size: 64px;
}
.home_kv_text h3 {
font-size: 24px;
}
}
@media (min-width: 992px) {
.tablet {
display: none !important;
}
.bnr__company--sp {
display: none;
}
#header.header--min .header__nav .header__logo, .normal-page #header .header__nav .header__logo {
width: 142px;
height: 68px;
padding: 8px 16px 0 0;
}
#header.header--min.head_contact .header__nav .header__logo {
top: 0;
padding-top: 12px;
}
#header.header--min #menu-primary > li > a {
padding-bottom: 32px;
}
.mv-btn:hover {
background-color: #ffffff;
background-image: url(//100movie.jp/wp-content/themes/100p2019/images/icons/mv-btn-hover.svg);
color: #FF5AA0;
}
}
@media (max-width: 991px) {
.largepc {
display: none !important;
}
body {
font-size: 15px;
}
section {
margin-top: 60px;
}
.result_single_main section + section {
margin-top: 60px !important;
}
#header {
height: 64px;
padding: 8px 0;
}
#header .header__nav {
align-items: center;
}
#header .header__nav .header__logo, #header.head_home .header__nav .header__logo {
min-width: 100px;
width: 100px;
height: 48px;
padding: 0;
top: 0;
}
#header.head_contact .header__nav .header__logo {
padding: 0;
}
#header .header_contact_lang {
display: none;
}
#header .header_contact {
min-width: 230px;
margin-top: 0;
padding: 0.5em 1em;
position: relative;
margin-right: 60px;
}
#header .header_contact a {
font-size: 12px;
}
.home_kv {
height: calc(100vh - 64px - 40px);
max-height: 400px;
}
.home_ttl, .page_ttl {
font-size: 32px;
}
.page_ttl span {
font-size: 20px;
}
.content_ttl {
font-size: 24px;
}
.section_ttl {
font-size: 22px;
}
.Content__link {
font-size: 14px;
}
.check_list li {
font-size: 16px;
}
.bnr__company {
display: none;
}
.Section__balloon {
background: #F4F5F8;
padding: 50px 20px 20px;
}
.ttl__balloon {
width: 100%;
right: 0;
}
.ttl__balloon > * {
font-size: 15px;
}
.note {
font-size: 12px;
} main {
padding-top: 64px;
}
.result_list li > a {
max-height: none;
}
.result_list .result_img {
height: auto;
width: 100%;
}
.result_list .result_name {
font-size: 18px;
}
.content_partner_list li {
width: 32%;
margin-top: 1em;
}
.home_kv_text {
top: auto;
bottom: 20px;
left: 50%;
transform: translate(-50%, 0);
-webkit-transform: translate(-50%, 0);
text-align: center;
max-width: 90%;
width: 100%;
}
.home_kv_text h2 img {
margin-left: 8px;
}
.mv-btn {
width: 49%;
background-position: 5px 50%;
}
.mv-btn:hover {
color: #ffffff;
} .footer_login > div {
text-align: center;
}
.footer_login .Content__link {
position: relative;
margin-top: 1.5em;
}
.bnr_service a {
padding: 1.5em;
} .Content__search__list {
margin-top: 8px;
} .slide__result__list {
width: 74%;
}
.slide__result__list img, .slide__result__thumb {
height: 280px;
} .result_single_left {
min-width: 200px;
}
.result_single_ttl {
font-size: 40px;
}
.result_single_right {
padding-left: 24px;
}
.result_single_designer:before {
margin-top: -10px;
}
.result_single_designer:after {
margin-top: -8px;
} .content_list--top li {
margin-top: 8px;
}
.lab-sample > div h2 {
font-size: 22px;
}
.lab-sample > div {
padding: 36px 20px;
}
.content_kv.howto-page {
height: 460px;
padding: 40px 24px 32px;
}
.content_kv.howto-page h1 {
font-size: 32px;
}
.content_kv.howto-page p {
font-size: 16px;
}
.result_list--lab {
justify-content: space-between;
}
.result_list--lab li {
width: 48%;
margin-left: 0;
} .design_company_list.cont_3column > li {
width: 48%;
}
.design_company_list.cont_3column > li:nth-child(4) {
border-bottom: none;
}
.design_company_list.cont_2column > li > a .category_text {
font-size: 26px;
}  .Section__box {
display: block;
}
.Section__box > .Section__img {
width: 80%;
margin: auto;
}
.Section__box > .Section__txt {
width: 100%;
}
.Section__box > * + * {
margin-top: 16px;
}
.Section__box--w {
padding: 20px;
}
.pamphlet_list a p {
font-size: 18px;
}
.folder_list > div {
width: 49%;
} .designer__prof {
flex-wrap: wrap;
}
.designer__prof .designer__prof__img {
margin-bottom: 1em;
}
.designer__prof p {
width: 100%;
}
.flex-end {
justify-content: flex-start;
} .page-index {
padding: 24px 16px;
}
.Section__box--w .price-ttl {
font-size: 18px;
}
.Content__pamphlet__list .pamphlet__txt.lab-txt h3 {
font-size: 20px;
}
.Content__pamphlet__list .pamphlet__txt.lab-txt {
padding: 20px 38px 20px 20px;
}
.contact_ttl {
font-size: 18px;
}
.contact_cont {
padding: 20px;
}
.contact_cont .contact_tel_list {
font-size: 16px;
}
.contact_cont .contact_mail a {
font-size: 22px;
padding: 0 .5em;
}
.contact_cont .contact_tel_img, .contact_cont .contact_mail_img {
min-width: 100px;
width: 100px;
}
.contact_cont .contact_mail p + p {
line-height: 1.5;
}
.home_office .link_label a {
min-width: 100px;
font-size: 16px;
}
.result_list.result_list--3column .result_img {
height: auto;
}
.result_list.result_list--3column li,
.cont_3column > div {
width: 48%;
}
.home_info.cont_2column > div {
width: 100%;
}
.footer_top ul li a, .footer_bottom li a {
padding: 1.5em 0 0;
}
.footer_top .footer_box {
padding: 1em 20px 20px;
}
.breadcrumbs {
font-size: 14px;
}
.breadcrumbs img {
height: 20px;
}
.company_map iframe {
height: 400px;
}
.footer_top .grid-index {
margin-top: 1.5em;
} .page-online .content__contact .content__contact__main {
display: block;
}
.home_kv_text h2 {
font-size: 48px;
}
.home_kv_text#tpm-ver2 h2 {
font-size: 32px;
}
.home_kv_text h3 {
font-size: 18px;
margin-top: 4px;
}
.home_kv_text#tpm-ver2 h3 {
margin-top: 8px;
}
.reason_list.price_list.cont_2column {
display: block;
}
.reason_list.price_list.cont_2column > div {
width: 100%;
}
table.souba-tbl th, table.souba-tbl td {
font-size: 20px;
}
} @media (min-width: 768px) {
.sp {
display: none !important;
}
a[href^="tel:"] {
pointer-events: none;
}
.footer_bottom_ttl br, .footer_bottom .copyb br {
display: none;
}
#header .header_contact a:hover {
color: #27282B;
}
footer a:hover {
text-decoration: underline;
} .slide__prev, .slide__next {
display: none !important;
}
.paged-1 .result_list.results-page li:first-child, .paged-1 .result_list.results-page li:nth-child(2) {
margin-top: 0;
}
}
@media (max-width: 767px) {
.pc {
display: none !important;
}
.text_small {
font-size: 12px;
}
.text_large {
font-size: 18px;
}
.bdr_double_md_btm, .bdr_double_md_btm:before {
border-bottom: 0;
}
.main__ttl {
font-size: 20px;
padding: 16px;
}
.main__ttl span {
padding-left: 28px;
background-size: 24px;
}
.home_ttl {
display: block;
font-size: 28px;
}
.home_ttl .home_ttl_innner {
font-size: 16px;
}
.home_ttl.home_result_ttl .home_ttl_innner span {
font-size: 20px;
}
.home_ttl.home_result_ttl .home_ttl_innner img {
top: -1.2em;
right: 2.1em;
}
.home_ttl:before, .home_ttl:after {
content: none;
}
.page_ttl {
font-size: 28px;
}
.page_ttl span {
font-size: 16px;
}
.Section__balloon {
margin-top: 64px;
padding-top: 60px;
}
.Content__link {
margin-left: auto;
margin-right: auto;
font-size: 15px;
}
.Section__gray {
padding: 20px;
}
.text-right {
text-align: center;
}
.scroll-to-top {
right: 15px;
bottom: 15px;
}
#header .header_contact {
min-width: 178px;
padding: 0.5em;
margin-right: 40px;
}
#header .header_contact .header_contact_mail {
margin-left: 1em;
}
.home_kv_wrap {
padding: 0;
}
.home_ttl .home_ttl_innner:before, .home_ttl .home_ttl_innner:after {
height: 21px;
margin: 0 0.3em;
}
.result_list .result_name, .result_list.result_list--3column .result_name {
font-size: 16px;
}
.home_info .frame_oct .frame_oct_ttl {
font-size: 24px;
} main {
padding-bottom: 52px;
}
.content_text_list {
margin-top: 16px;
}
.content_text_list > *:first-child {
margin-top: 0;
}
.bnr__company--sp p {
padding: .5em 10px 0;
}
.info_list li {
line-height: 1.6;
}
.info_list .info_date {
width: 100%;
}
.faq_list dt {
padding: .8em 32px .8em 0;
}
.faq_list dd {
padding-top: .5em;
padding-bottom: .5em;
}
.content_partner_list li {
width: 49%;
background-size: auto 100%;
background-position: center left 8px;
}
.ttl__balloon {
top: -40px;
} footer li a {
font-size: 14px;
}
.footer_top {
padding: 60px 0 40px;
}
.footer_top .sub-index {
font-size: 16px;
}
.footer_top .grid-index ul li {
display: inline-block;
vertical-align: top;
}
.footer_top .grid-index ul {
margin: 0;
}
.footer_top .grid-index + .sub-index {
margin-top: 32px;
}
.footer_top .grid-index ul li:first-child a {
padding-top: 16px;
}
.footer_bottom {
padding: 32px 0 40px;
}
.footer_bottom__summary {
display: none;
}
.footer_bottom .footer_bottom__txt .footer_logo {
margin-right: 0;
}
.footer_bottom .footer_bottom__txt .footer_bottom_ttl {
line-height: 1.6;
}
.footer_bottom .footer_bottom__list {
padding-top: 4px;
}
.footer_bottom .copy {
font-size: 12px;
}
.bnr_service li {
width: 24%;
}
.bnr_service a {
padding: 1em;
} .Content__search__list li > a, .Content__search__list li > div {
font-size: 13px;
padding: 10px 30px 10px 40px;
background-size: 24px;
background-position: left 8px center;
}
.Content__search__list li > div {
padding: 10px 10px 10px 40px;
} .Content__label__top {
padding: 16px 0;
}
.slide__result__list {
width: 100%;
}
.slide__result__thumb {
display: none;
}
.slide__result__list img {
height: auto;
max-height: 400px;
}
.slide__result__data {
padding: 16px;
}
.result__web_link {
margin-top: 1em;
}
.content_list--top li {
margin-top: 0;
}
.content_list--top li {
margin-right: 20px;
}
.content_list--top li.current_page_item {
margin-right: 16px;
} .result_list--lab li {
margin-left: 0;
}
.Section__lab {
padding: 0;
}
.lab-sample > div h2 {
font-size: 20px;
}
.lab-sample > div {
padding: 28px 20px 24px;
} .content_kv.howto-page h1 {
font-size: 28px;
}
.content_kv.howto-page {
height: auto;
padding: 32px 24px;
}
.content_kv.howto-page .content_link {
position: relative;
right: 0;
bottom: 0;
margin-top: 32px;
}
.pamphlet_img {
width: 140px;
min-width: 140px;
}
.pamphlet_txt {
font-size: 14px;
width: calc(100% - 140px);
}
.pamphlet_txt h3 {
font-size: 16px;
}
.content_label {
font-size: 12px;
}
.content_label_ttl {
padding: 1px 4px;
} .Content__faq__list {
display: block;
}
.Content__faq__list li {
width: 100%;
margin-left: 0;
} .design_company_list.cont_3column > li, .design_company_list.cont_2column > li {
width: 100%;
}
.design_company_list.cont_3column > li:nth-child(5), .design_company_list.cont_2column > li:nth-last-child(2) {
border-bottom: none;
}
.design_company_list.cont_3column > li > a, .design_company_list.cont_2column > li > a .category_text {
font-size: 24px;
}
.Content__company__list li a {
padding: 20px 32px 20px 20px;
}
.Content__company__list .Content__company__ttl {
font-size: 16px;
} .price_table {
overflow-x: scroll;
}
.price_table > table {
width: 600px;
margin: auto;
} .content_table th, .content_table td {
display: block;
width: 100%;
}
.content_table th {
padding: .5em .5em .5em 0;
border-bottom: 1px solid #000;
font-weight: bold;
}
#home_about, #map_tokyo, #map_osaka, #map_nagoya, #map_fukuoka, #map_sendai {
margin-top: -64px;
padding-top: 104px;
} .contact_form th, .contact_form td {
display: block;
width: 100%;
padding: 1em 0;
}
.contact_form input[type=submit] {
width: 80%;
font-size: 20px;
}
.contact_form th {
padding-bottom: 0;
} .page-index h3 {
font-size: 18px;
padding-bottom: 0.5em;
margin-bottom: 0.5em;
}
.page-index > ol > li {
padding: 0px 0 0 20px;
font-size: 16px;
}
.page-index > ol > li:before {
left: -10px;
width: 20px;
height: 20px;
line-height: 20px;
}
.page-index > ol > li > ol > li {
font-size: 14px;
}
.Section__box--w .price-ttl {
font-size: 16px;
}
.Content__pamphlet__list .pamphlet__txt.lab-txt h3 {
font-size: 16px;
}
.Content__pamphlet__list .pamphlet__txt.lab-txt h3 span {
background-size: 16px;
padding-left: 20px;
}
.Content__pamphlet__list .pamphlet__txt.lab-txt {
padding: 16px 38px 16px 16px;
}
.header_contact_tel img, .header_contact_mail img {
width: 12px;
}
.cont_2column, .cont_3column {
display: block;
}
.result_list.result_list--3column li, .cont_2column > div, .cont_3column > div {
width: 100%;
}
.home_kv {
height: 300px;
max-height: none;
min-height: 0;
}
.slick-dotted.slick-slider {
margin-bottom: 16px !important;
}
.home_kv--result + .home_kv_text {
max-height: 360px;
top: 20px;
left: auto;
right: 20px;
margin: auto;
}
.home_kv_text p {
font-size: 32px;
line-height: 1.5;
margin-top: 0;
}
.home_kv_text--result h1, .home_kv_text--result h2 {
writing-mode: horizontal-tb;
-webkit-writing-mode: horizontal-tb;
-ms-writing-mode: horizontal-tb;
}
.home_kv_text--result h1 {
font-size: 30px;
}
.home_kv_text--result h2 {
font-size: 20px;
}
.result_top_ttl {
padding: 0px 15px;
top: 430px;
}
.result_top_ttl p {
font-size: 16px;
}
.result_top_ttl a {
line-height: 1.6 !important;
}
.slick-dots {
right: 15px;
}
.result_list li {
width: 100%;
margin-top: 40px;
}
.result_list li:first-child {
margin-top: 32px;
}
.paged-1 .result_list.results-page li:first-child {
margin-top: 0;
}
.contact_cont {
padding-top: 0;
}
.contact_cont .contact_tel a {
font-size: 26px;
}
.contact_cont .contact_mail a {
font-size: 15px;
text-align: center;
width: auto;
display: inline-block;
padding: 0 1.5em;
}
.contact_cont .contact_tel p {
font-size: 12px;
}
.contact_cont .contact_mail p + p {
font-size: 12px;
margin-top: .5em;
}
.home_office h2 {
font-size: 24px;
line-height: 1.5;
}
.home_office h2 span {
font-size: 20px;
}
.home_office .link_label a {
font-size: 14px;
}
.contact_ttl {
font-size: 17px;
line-height: 1.5;
padding: 6px 20px;
}
.pamphlet_kv {
height: 360px;
min-height: 0;
max-height: none;
padding: 30px 20px
}
.pamphlet_list a p {
font-size: 16px;
}
.pamphlet_list li {
margin-top: 2em;
}
.contact_tel_list {
text-align: center;
} .pamphlet_kv h1 {
font-size: 32px;
}
.pamphlet_kv h1 span {
font-size: 24px;
}
.folder_list > div {
width: 100%;
} .page-online .content_kv > div {
height: auto;
padding: 50px 0 20px;
}
.content_kv .kv-message .kv-float img {
height: 51px;
}
.page-online .Content__ttl {
font-size: 20px;
}
.page-online .content__contact {
padding: 16px;
}
.page-online .Content__main, .page-online section + section {
margin-top: 40px;
}
.page-online .content__contact.price {
padding: 16px;
}
.page-online .content__contact h3, .page-online .content__contact p.red {
font-size: 16px;
}
.page-online .content__contact p span.yen {
font-size: 20px;
}
.ontv-point p {
font-size: 14px;
}
.ontv-point_img {
max-width: 80%;
margin: auto;
}
.page-online .content_kv .kv-message {
padding: 15px;
}
.page-online .content_kv .kv-message .kv-float {
left: 8px;
}
.page-online .content_kv .kv-message .kv-flex {
display: block;
}
.page-online .content_kv .kv-message .kv-flex > * {
font-size: 14px;
margin-left: 0;
width: 100%;
}
.kv-banner {
bottom: 10px;
right: 10px;
width: 165px;
}
.page-online .content__contact .content__contact__ttl {
text-align: center;
}
.d-port-item-txt {
font-size: 16px;
}
.mfp-close {
font-size: 42px;
top: -17px;
}
.home_step_list {
justify-content: space-between;
}
.home_step_list > div {
width: 48%;
margin-left: 0;
}
} @media (max-width: 575px) { .result_single_designer:before {
margin-top: -20px;
}
.result_single_designer:after {
margin-top: -18px;
}
.home_step_list > div {
width: 100%;
}
.home_kv_text h2 {
font-size: 30px;
}
.home_kv_text#tpm-ver2 h2 {
font-size: 22px;
}
.home_kv_text h3 {
line-height: 1.4;
}
.reason_list.price_list > div div {
padding-top: 0;
}
.plan-price {
font-size: 24px;
line-height: 72px;
}
.plan-price span {
font-size: 48px;
}
.frame_oct > div {
padding: 20px 20px;
}
.frame_oct .frame_oct_ttl.ribon_ttl {
font-size: 17px;
padding: 0 12px;
}
.footer_bottom p {
font-size: 14px;
}
.header_inner {
padding: 0 10px;
}
.gaisan-price span {
font-size: 28px;
}
table.souba-tbl th, table.souba-tbl td {
font-size: 16px;
width: auto;
}
table.souba-tbl thead th {
font-size: 14px;
}
table.souba-tbl td div, table.souba-tbl th:nth-child(2) div {
margin-left: 8px;
}
}

.color-pink {
color: #FF5AA0;
}
.reason_list .frame_oct > div {
height: calc(100% - 42px);
}
ul.disc {
padding-left: 1.5em;
line-height: 1.8;
}
ul.disc li {
list-style: disc;
}
ul.free-li {
padding-left: 1.5em;
text-indent: -1.3em;
line-height: 1.8;
}
ul.free-li li {
padding-bottom: 0.5em;
}
.link_label.no-border {
border-top: 0;
}