@charset "UTF-8";
/* Scss Document */
/*
Below is the syntax for adding values to the box shadow property
box-shadow: none|h-shadow v-shadow blur spread color |inset|initial|inherit;
*/
@font-face {
font-family: 'Material Icons';
font-style: normal;
font-weight: 400;
src: url(https://www.taiyakan.co.jp/css/fonts/MaterialIcons-Regular.eot);
/* For IE6-8 */
src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://www.taiyakan.co.jp/css/fonts/MaterialIcons-Regular.woff2) format("woff2"), url(https://www.taiyakan.co.jp/css/fonts/MaterialIcons-Regular.woff) format("woff"), url(https://www.taiyakan.co.jp/css/fonts/MaterialIcons-Regular.ttf) format("truetype"); }
.material-icons, p .scroll a:after, li .scroll a:after, dt .scroll a:after, dd .scroll a:after, .menuArea > dl > dd > ul.siteMenu > li > a > dl > dt.targetMark:after, .menuArea > dl > dd > ul.mainSiteMenu > li > dl > dd > ul > li > a:before, .menuArea > dl > dd > ul.mainSiteMenu > li > dl > dd > ul > li > a[target="_blank"]:after, .menuArea > dl > dd > ul.baseSiteMenu > li > ul > li > a:before, .footerArea .footMenu > dl > dd > ul.mainSiteMenu > li > dl > dd > ul > li > a:before, .footerArea .footMenu > dl > dd > ul.mainSiteMenu > li > dl > dd > ul > li > a[target="_blank"]:after, .footerArea .footMenu > dl > dd > ul.baseSiteMenu > li > ul > li > a:before, .consaltArea .consaltBox .btnBox ul li > a:after, .linkBox ul.btnShop > li a[target="_blank"]:after, .linkBox ul.btnShop > li span.non-activ:after, .siteMainArea .siteBlock > dl > dd > dl > dd > ul > li a[target="_blank"]:after, .lineUpArea .lineUpBlock .lineUpBox .listBox dl dt a[target="_blank"]:after, .resultBox .innerBody .btnCoupon li a[target="_blank"]:after, .shopList .linkBox ul li.btn a[target="_blank"]:after {
font-family: 'Material Icons';
font-weight: normal;
font-style: normal;
font-size: 24px;
/* Preferred icon size */
display: inline-block;
line-height: 1;
text-transform: none;
letter-spacing: normal;
word-wrap: normal;
white-space: nowrap;
direction: ltr;
/* Support for all WebKit browsers. */
-webkit-font-smoothing: antialiased;
/* Support for Safari and Chrome. */
text-rendering: optimizeLegibility;
/* Support for Firefox. */
-moz-osx-font-smoothing: grayscale;
/* Support for IE. */
font-feature-settings: 'liga'; }

/* !HTML5 elements
---------------------------------------------------------- */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
display: block; }

/* !Reseting
---------------------------------------------------------- */
html {
font-size: 14px; }

body {
font-family: 'Meiryo UI', "メイリオ", Meiryo, "MS Pゴシック", "MS PGothic", "MSゴシック", "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro", "Osaka", Arial, Helvetica, sans-serif;
font-size: 14px;
-webkit-text-size-adjust: none;
line-height: 1.64;
color: #333;
max-height: 999999px;
/* For Android Chrome: Font Size Auto Resize */ }

body, div, pre, p, blockquote, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, form, fieldset, th, td {
margin: 0;
padding: 0; }

input, textarea {
margin: 0;
font-size: 100%; }

label {
cursor: pointer; }

table {
border-collapse: collapse;
border-spacing: 0;
font-size: 100%; }

fieldset, img, hr {
border: 0; }

img {
vertical-align: top; }

address, caption, cite, code, dfn, em, th, var {
font-style: normal;
font-weight: normal; }

ol, ul, li {
list-style: none; }

caption, th {
text-align: left; }

h1, h2, h3, h4, h5, h6 {
font-size: 100%;
font-weight: normal; }

q:after, q:before {
content: ''; }

a, input {
outline: none; }

abbr, acronym {
border: 0; }

figure {
margin: 0; }

/* !Reset Module
---------------------------------------------------------- */
.reset div, .reset dl, .reset dt, .reset dd, .reset ul, .reset ol, .reset li, .reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6,
.reset pre, .reset form, .reset fieldset, .reset p, .reset blockquote, .reset th, .reset td {
margin: 0;
padding: 0; }

.reset input, .reset textarea {
margin: 0;
font-size: 100%; }

.reset table {
border-collapse: collapse;
border-spacing: 0;
font-size: 100%; }

.reset fieldset, .reset img, .reset abbr, .reset acronym {
border: 0; }

.reset address, .reset caption, .reset cite, .reset code, .reset dfn, .reset em, .reset th, .reset var {
font-style: normal;
font-weight: normal; }

.reset ol, .reset ul {
list-style: none; }

.reset caption, .reset th {
text-align: left; }

.reset h1, .reset h2, .reset h3, .reset h4, .reset h5, .reset h6 {
font-size: 100%;
font-weight: normal; }

.reset a, .reset input {
/* outline: none; */ }

.reset q:after, .reset q:before {
content: ''; }

input::-ms-clear,
input::-ms-reveal {
visibility: hidden; }

/* !Clearfix
---------------------------------------------------------- */
.clearfix:after,
#contentsIn:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden; }

*, *:before, *:after {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box; }

/* !Base Fonts
-------------------------------------------------------------- */
a {
color: #333;
text-decoration: underline;
word-break: break-all; }

a:hover,
a:active,
a:focus {
text-decoration: none;
color: black; }

.fwN {
font-weight: normal; }

.fwB {
font-weight: bold; }

.fzSS {
font-size: 71.42%; }

/* base 14px -->  10px */
.fzS {
font-size: 85.71%; }

/* base 14px --> 12px */
.fzM {
font-size: 100%; }

.fzL {
font-size: 114.28%; }

/* base 14px --> 16px */
.fzLL {
font-size: 128.57%; }

/* base 14px --> 18px */
.fzLLL {
font-size: 142.85%; }

/* base 14px --> 20px */
sup {
font-size: 78%;
vertical-align: top; }

sub {
font-size: 78%;
vertical-align: baseline; }

/* !Inline Align
-------------------------------------------------------------- */
.taL {
text-align: left   !important; }

.taC {
text-align: center !important; }

.taR {
text-align: right  !important; }

.vaT {
vertical-align: top    !important; }

.vaM {
vertical-align: middle !important; }

.vaB {
vertical-align: bottom !important; }

.blockC {
margin-right: auto;
margin-left: auto;
text-align: left; }

* html .blockC {
margin-right: 0;
margin-left: 0; }

.blockR {
margin-left: auto;
text-align: left; }

* html .blockR {
margin-left: 0; }

.txtRed {
color: #E60012; }

.bgRed {
background-color: #E60012 !important;
color: #FFF !important; }

.bgBlue {
background-color: #00a1de !important;
color: #FFF !important; }

.is-menuOn {
overflow: hidden;
height: 100%; }

.is-menuOn body {
overflow-y: scroll;
height: auto; }

.wrapWindow {
width: 100%; }

.wrapContents {
width: 100%;
max-width: 1280px;
margin: 0 auto; }
.wrapContents img {
max-width: 100%;
height: auto; }

.flexblock {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-js-display: flex;
display: flex;
-webkit-align-self: stretch;
-moz-align-self: stretch;
-ms-align-self: stretch;
align-self: stretch;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center; }

@media only screen and (max-width: 780px) {
.pcOnly {
display: none; } }

.spOnly {
display: none; }
@media only screen and (max-width: 780px) {
.spOnly {
display: block; } }

p .scroll a:after, li .scroll a:after, dt .scroll a:after, dd .scroll a:after {
font-size: 16px;
font-size: 1rem;
line-height: 120%;
content: "arrow_drop_down";
vertical-align: middle; }

.modal {
display: none;
height: 100vh;
position: fixed;
top: 0;
left: 0;
width: 100%;
z-index: 9999; }

.bgModal {
background: rgba(0, 0, 0, 0.9);
height: 100vh;
position: absolute;
width: 100%; }

.contentModal {
left: 50%;
padding: 40px;
position: absolute;
top: 50%;
transform: translate(-50%, -50%);
width: 60%; }
@media only screen and (max-width: 780px) {
.contentModal {
width: 96%; } }

.pageTop {
display: none;
position: fixed;
right: 20px;
bottom: 60px;
opacity: 0.85;
filter: alpha(opacity=85); }
.pageTop:hover {
opacity: 1;
filter: alpha(opacity=100); }
.pageTop.scroll a:after {
content: "";
display: none; }
@media only screen and (max-width: 780px) {
.pageTop {
display: none; } }

.pt0, .pv0,
.pa0 {
padding-top: 0px !important; }

.pr0, .ph0,
.pa0 {
padding-right: 0px !important; }

.pb0, .pv0,
.pa0 {
padding-bottom: 0px !important; }

.pl0, .ph0,
.pa0 {
padding-left: 0px !important; }

.mt0, .mv0,
.ma0 {
margin-top: 0px !important; }

.mr0, .mh0,
.ma0 {
margin-right: 0px !important; }

.mb0, .mv0,
.ma0 {
margin-bottom: 0px !important; }

.ml0, .mh0,
.ma0 {
margin-left: 0px !important; }

.pt15, .pv15,
.pa15 {
padding-top: 15px !important; }

.pr15, .ph15,
.pa15 {
padding-right: 15px !important; }

.pb15, .pv15,
.pa15 {
padding-bottom: 15px !important; }

.pl15, .ph15,
.pa15 {
padding-left: 15px !important; }

.mt15, .mv15,
.ma15 {
margin-top: 15px !important; }

.mr15, .mh15,
.ma15 {
margin-right: 15px !important; }

.mb15, .mv15,
.ma15 {
margin-bottom: 15px !important; }

.ml15, .mh15,
.ma15 {
margin-left: 15px !important; }

/******************

Header

*******************/
.heaaderArea {
border-top: #333 5px solid;
border-bottom: #333 2px solid;
position: relative; }
.heaaderArea .siteLogo {
padding: 0 .5rem;
width: 90%;
max-width: 850px; }
.heaaderArea .siteLogo h1 {
font-feature-settings: "palt" 1;
letter-spacing: .1rem; }
.heaaderArea .siteLogo h1 a {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-js-display: flex;
display: flex;
-webkit-flex-direction: colum;
-moz-flex-direction: colum;
-ms-flex-direction: colum;
flex-direction: colum;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
text-decoration: none;
font-size: 15px;
font-size: 0.9375rem;
line-height: 120%; }
.heaaderArea .siteLogo h1 a img {
max-width: 161px; }
.heaaderArea .siteLogo h1 a:hover img, .heaaderArea .siteLogo h1 a :active img, .heaaderArea .siteLogo h1 a :focus img {
opacity: 0.75;
filter: alpha(opacity=75); }
@media only screen and (max-width: 780px) {
.heaaderArea {
padding-bottom: 2em;
border-bottom: none; }
.heaaderArea .siteLogo h1 a {
font-size: 13px;
font-size: 0.8125rem; }
.heaaderArea .siteLogo h1 a img {
max-width: 141px; }
.heaaderArea .siteLogo h1 a .site-name-main {
position: absolute;
bottom: 0;
left: 0;
padding: .5em 0;
width: 100%;
display: block;
text-align: center;
background: #333;
color: #FFF; } }
.heaaderArea .naviMenuicon {
padding: .5rem; }

/* Menu Button */
.menu-button {
display: flex;
/* Display flex to center the menu icon in the button */
justify-content: center;
/* Align horizontally */
align-items: center;
/* Align vertically */
width: 4rem;
/* Button width */
height: 4rem;
/* Button height */
border-radius: 50%;
/* Make the button a circle */
background-color: rgba(255, 255, 255, 0.8);
/* Make the background white and semi-transparent */
cursor: pointer;
-webkit-transition: background-color 500ms ease-in-out;
/* Add transition for the background-color */
transition: background-color 500ms ease-in-out;
/* Add transition for the background-color */ }
.menu-button:hover, .menu-button :active, .menu-button :focus {
background-color: rgba(0, 0, 0, 0.8);
/* On hover, transition the background-color and transparency */ }
@media only screen and (max-width: 780px) {
.menu-button {
width: calc(4rem * 0.8);
/* Button width */
height: calc(4rem * 0.8);
/* Button height */ } }

.menu-icon {
position: relative;
/* Give the menu-icon position relative so we can absolutely position children */
width: 2rem;
/* Icon width */
height: 1.5rem;
/* Icon height */ }
.menu-icon span {
position: absolute;
/* Absolutely position all children of the menu-icon */
height: 0.125rem;
/* Height of each line in our menu button */
width: 100%;
/* With of each line */
background-color: #333;
/* Background colour of each line */
-webkit-transition: background-color 500ms ease-in-out;
/* Transition added for the background colour */
transition: background-color 500ms ease-in-out;
/* Transition added for the background colour */ }
.menu-icon span:nth-child(1) {
top: 0.0625rem;
/* Position the first line roughly 1px from the top */ }
.menu-icon span:nth-child(2) {
top: 0.625rem;
/* Position the second line roughly 10px from the top, one on top of the other */ }
.menu-icon span:nth-child(3) {
top: 1.25rem;
/* Position the fourth line roughly 20px from the top */ }
@media only screen and (max-width: 780px) {
.menu-icon {
width: 1.6rem;
/* Icon width */
height: 1.2rem;
/* Icon height */ }
.menu-icon span {
height: 0.125rem;
/* Height of each line in our menu button */
width: 100%;
/* With of each line */
background-color: #333;
/* Background colour of each line */
-webkit-transition: background-color 500ms ease-in-out;
/* Transition added for the background colour */
transition: background-color 500ms ease-in-out;
/* Transition added for the background colour */ }
.menu-icon span:nth-child(1) {
top: 0.0625rem;
/* Position the first line roughly 1px from the top */ }
.menu-icon span:nth-child(2) {
top: 0.625rem;
/* Position the second line roughly 10px from the top, one on top of the other */ }
.menu-icon span:nth-child(3) {
top: 1.25rem;
/* Position the fourth line roughly 20px from the top */ } }

.menu-button:hover span, .menu-button :active span, .menu-button :focus span {
background: #FFF;
/* On hover, make the background-color of the menu icon white */ }

/* Turn the Menu icon into a close icon  */
.menu-icon.is-active span:nth-child(1) {
opacity: 0;
filter: alpha(opacity=0);
/* Hide the first line */ }
.menu-icon.is-active span:nth-child(2) {
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
/* Rotate the second line 45 degrees */ }
.menu-icon.is-active span:nth-child(3) {
top: 0.625rem;
/* Position the third line over the second line */
-webkit-transform: rotate(-45deg);
-moz-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
transform: rotate(-45deg);
/* Rotate the third line -45 degrees */ }

/* Fullscreen Menu */
.fullscreen-menu-container {
position: fixed;
/* Fix the menu to the viewport */
top: -6.5rem;
/* Add the top value to allow the element to animate up over */
left: 0;
/* Position to the left of the viewport */
z-index: 5;
/* Add z-index to make sure the element is always above everything else */
width: 100vw;
/* Cover the whole width of the viewport */
height: 100vh;
/* Cover the whole height of the viewport */
overflow: scroll;
/* Allow scrolling when the content is larger than the viewport */
background-color: rgba(0, 0, 0, 0.9);
/* Semi-transparent white background for the menu-overlay */
opacity: 0;
filter: alpha(opacity=0);
/* Apply 0 transparency to hide the overlay on load */
pointer-events: none;
/* Stop the elements in the menu-container from being clicked */
-webkit-transition: top 400ms ease-in, opacity 300ms ease-in;
/* Transition the top and opacity */
transition: top 400ms ease-in, opacity 300ms ease-in;
/* Transition the top and opacity */ }
.fullscreen-menu-container.is-open {
opacity: 1;
filter: alpha(opacity=100);
/* Transition opacity from 0 to 1 */
top: 0;
/* Transition to the top of the viewport */
pointer-events: auto;
/* Re-add pointer events to elements can be clicked again */ }
.fullscreen-menu-container .wrapContents {
position: relative; }

.fullscreen-menu-container .menu-button {
position: absolute;
/* Position the button absolutely to the image-cotainer */
top: 1.5rem;
/* Position button from the top */
right: 1.5rem;
/* Position button from the left */ }
@media only screen and (max-width: 780px) {
.fullscreen-menu-container .menu-button {
top: .75rem;
/* Position button from the top */
right: .75rem;
/* Position button from the left */ } }

.fullscreen-menu {
text-align: center;
/* Apply text-align center to all children */
padding: 6rem 0 4rem;
/* Add padding to the content, large at the top to allow for the close button */
width: 100%;
/* Where it can, stretch to the max-width otherwise, the full viewport */ }
@media only screen and (max-width: 780px) {
.fullscreen-menu {
padding: 3.5rem 0 2rem;
/* Add padding to the content, large at the top to allow for the close button */ } }

.menuArea {
max-width: 1080px;
/* Maximum width of the content */
padding: 1rem;
margin: 0 auto; }
.menuArea > dl {
padding-bottom: 1rem;
margin-bottom: 1rem; }
.menuArea > dl a {
text-decoration: none;
color: #FFF;
-webkit-transition: color 300ms ease-in;
transition: color 300ms ease-in; }
.menuArea > dl a:hover, .menuArea > dl a :active, .menuArea > dl a :focus {
color: #cccccc; }
.menuArea > dl > dt {
font-size: 18px;
font-size: 1.125rem;
font-weight: bold;
color: #FFF;
padding: .2rem; }
.menuArea > dl > dt.siteMenu {
background: #E60012; }
.menuArea > dl > dt.mainSiteMenu {
border: 1px solid #666666; }
.menuArea > dl > dt.baseSiteMenu {
border-bottom: 1px solid #666666; }
.menuArea > dl > dd > ul {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-js-display: flex;
display: flex;
-webkit-align-self: stretch;
-moz-align-self: stretch;
-ms-align-self: stretch;
align-self: stretch;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
@media only screen and (max-width: 780px) {
.menuArea > dl > dd > ul {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.menuArea > dl > dd > ul > li {
width: calc(100% / 3);
padding: .5rem;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-js-display: flex;
display: flex; }
@media only screen and (max-width: 780px) {
.menuArea > dl > dd > ul > li {
width: 50%; } }
@media only screen and (max-width: 480px) {
.menuArea > dl > dd > ul > li {
width: 100%; } }
.menuArea > dl > dd > ul.siteMenu {
padding-top: 1rem; }
.menuArea > dl > dd > ul.siteMenu > li > a {
background: #1a1a1a;
padding: .1rem;
display: block;
text-align: left;
width: 100%; }
.menuArea > dl > dd > ul.siteMenu > li > a > dl {
border: 0.1rem solid #000;
padding: 1rem .5rem;
line-height: 120%;
height: 100%;
-webkit-transition: border 300ms ease-in;
transition: border 300ms ease-in; }
.menuArea > dl > dd > ul.siteMenu > li > a > dl > dt {
font-size: 18px;
font-size: 1.125rem;
font-weight: bold;
padding-bottom: .3rem;
border-bottom: 1px solid #000; }
.menuArea > dl > dd > ul.siteMenu > li > a > dl > dt span {
font-size: 13px;
font-size: 0.8125rem; }
.menuArea > dl > dd > ul.siteMenu > li > a > dl > dt.targetMark {
position: relative; }
.menuArea > dl > dd > ul.siteMenu > li > a > dl > dt.targetMark:after {
position: absolute;
margin: auto;
right: 5%;
top: 0%;
bottom: 0;
line-height: 120%;
content: "launch";
vertical-align: middle; }
.menuArea > dl > dd > ul.siteMenu > li > a > dl > dd {
padding-top: .3rem;
font-size: 13px;
font-size: 0.8125rem;
text-align: justify;
text-justify: inter-ideograph; }
.menuArea > dl > dd > ul.siteMenu > li > a:hover > dl, .menuArea > dl > dd > ul.siteMenu > li > a :active > dl, .menuArea > dl > dd > ul.siteMenu > li > a :focus > dl {
border: 0.1rem solid #E60012; }
.menuArea > dl > dd > ul.siteMenu > li > a:hover > dl > dt, .menuArea > dl > dd > ul.siteMenu > li > a :active > dl > dt, .menuArea > dl > dd > ul.siteMenu > li > a :focus > dl > dt {
color: #E60012; }
.menuArea > dl > dd > ul.mainSiteMenu > li {
padding: .25rem;
text-align: left; }
.menuArea > dl > dd > ul.mainSiteMenu > li > dl {
padding: .25rem 0;
line-height: 120%; }
.menuArea > dl > dd > ul.mainSiteMenu > li > dl > dt {
font-size: 14px;
font-size: 0.875rem;
color: #FFF;
font-weight: bold;
padding-top: .5rem; }
.menuArea > dl > dd > ul.mainSiteMenu > li > dl > dd {
padding-top: .5rem;
font-size: 13px;
font-size: 0.8125rem;
text-align: justify;
text-justify: inter-ideograph; }
.menuArea > dl > dd > ul.mainSiteMenu > li > dl > dd > ul > li {
padding: .25rem 0; }
.menuArea > dl > dd > ul.mainSiteMenu > li > dl > dd > ul > li > a {
margin-left: 1rem;
display: inline-block; }
.menuArea > dl > dd > ul.mainSiteMenu > li > dl > dd > ul > li > a:before {
font-size: 13px;
font-size: 0.8125rem;
line-height: 120%;
color: #E60012;
margin-left: -1rem;
content: "chevron_right";
vertical-align: middle; }
.menuArea > dl > dd > ul.mainSiteMenu > li > dl > dd > ul > li > a[target="_blank"]:after {
font-size: 13px;
font-size: 0.8125rem;
line-height: 120%;
content: "launch";
vertical-align: middle; }
.menuArea > dl > dd > ul.mainSiteMenu > li > dl > dd > ul > li > a:hover, .menuArea > dl > dd > ul.mainSiteMenu > li > dl > dd > ul > li > a :active, .menuArea > dl > dd > ul.mainSiteMenu > li > dl > dd > ul > li > a :focus {
text-decoration: underline; }
.menuArea > dl > dd > ul.mainSiteMenu > li > dl > dd > ul > li > ul a {
margin-top: 0.3em;
margin-left: 2rem;
margin-bottom: 0.3em;
display: inline-block; }
.menuArea > dl > dd > ul.mainSiteMenu > li > dl > dd > ul > li > ul a:before {
font-size: 13px;
font-size: 0.8125rem;
line-height: 120%;
color: #E60012;
margin-left: -1rem;
content: ">";
vertical-align: middle; }
.menuArea > dl > dd > ul.mainSiteMenu > li > dl > dd > ul > li > ul a:hover {
    text-decoration: underline;
}
.menuArea > dl > dd > ul.baseSiteMenu > li {
padding: .25rem;
text-align: left;
padding-top: .5rem;
font-size: 13px;
font-size: 0.8125rem;
text-align: justify;
text-justify: inter-ideograph; }
.menuArea > dl > dd > ul.baseSiteMenu > li > ul > li {
padding: .25rem 0; }
.menuArea > dl > dd > ul.baseSiteMenu > li > ul > li > a {
margin-left: 1rem;
display: inline-block; }
.menuArea > dl > dd > ul.baseSiteMenu > li > ul > li > a:before {
font-size: 13px;
font-size: 0.8125rem;
line-height: 120%;
color: #E60012;
margin-left: -1rem;
content: "chevron_right";
vertical-align: middle; }
.menuArea > dl > dd > ul.baseSiteMenu > li > ul > li > a:hover, .menuArea > dl > dd > ul.baseSiteMenu > li > ul > li > a :active, .menuArea > dl > dd > ul.baseSiteMenu > li > ul > li > a :focus {
text-decoration: underline; }
.menuArea ul.menuConsult {
padding-bottom: 1rem;
margin-bottom: 1rem; }
.menuArea ul.menuConsult > li > a {
text-decoration: none;
color: #FFF;
-webkit-transition: color 300ms ease-in;
transition: color 300ms ease-in;
background: #1a1a1a;
padding: .1rem;
display: block; }
.menuArea ul.menuConsult > li > a:hover, .menuArea ul.menuConsult > li > a :active, .menuArea ul.menuConsult > li > a :focus {
color: #cccccc; }
.menuArea ul.menuConsult > li > a > dl {
border: 0.1rem solid #000;
padding: 1rem .5rem;
line-height: 120%;
-webkit-transition: border 300ms ease-in;
transition: border 300ms ease-in; }
.menuArea ul.menuConsult > li > a > dl > dt {
font-size: 18px;
font-size: 1.125rem;
font-weight: bold;
padding-bottom: .3rem;
border-bottom: 1px solid #000; }
.menuArea ul.menuConsult > li > a > dl > dt span {
font-size: 13px;
font-size: 0.8125rem; }
.menuArea ul.menuConsult > li > a > dl > dd {
text-align: left;
padding-top: .3rem;
font-size: 13px;
font-size: 0.8125rem;
text-align: justify;
text-justify: inter-ideograph; }
.menuArea ul.menuConsult > li > a:hover > dl, .menuArea ul.menuConsult > li > a :active > dl, .menuArea ul.menuConsult > li > a :focus > dl {
border: 0.1rem solid #E60012; }
.menuArea ul.menuConsult > li > a:hover > dl > dt, .menuArea ul.menuConsult > li > a :active > dl > dt, .menuArea ul.menuConsult > li > a :focus > dl > dt {
color: #E60012; }

/******************

footerArea

*******************/
.footerArea .footTitle {
padding: 2rem 1rem; }
@media only screen and (max-width: 780px) {
.footerArea .footTitle {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.footerArea .footTitle .titBox h2 {
font-feature-settings: "palt" 1;
letter-spacing: .1rem; }
.footerArea .footTitle .titBox h2 a {
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-js-display: flex;
display: flex;
-webkit-flex-direction: colum;
-moz-flex-direction: colum;
-ms-flex-direction: colum;
flex-direction: colum;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center;
text-decoration: none;
font-size: 13px;
font-size: 0.8125rem;
line-height: 120%; }
.footerArea .footTitle .titBox h2 a img {
max-width: 141px;
margin-right: .3rem; }
.footerArea .footTitle .titBox h2 a:hover img, .footerArea .footTitle .titBox h2 a :active img, .footerArea .footTitle .titBox h2 a :focus img {
opacity: 0.75;
filter: alpha(opacity=75); }
@media only screen and (max-width: 960px) {
.footerArea .footTitle .titBox h2 a .site-name-main {
display: inline-block; } }
.footerArea .footTitle .logoBox {
width: 300px; }
.footerArea .footTitle .logoBox > ul li {
width: 33%;
padding: .2rem; }
@media only screen and (max-width: 780px) {
.footerArea .footTitle .logoBox {
width: 90%;
margin: 0 auto;
padding: 1rem; }
.footerArea .footTitle .logoBox > ul li {
padding: .5rem 1rem; } }
.footerArea .footMenu {
padding: 0 1rem; }
.footerArea .footMenu > dl {
padding-bottom: 1rem;
margin-bottom: 1rem; }
.footerArea .footMenu > dl a {
text-decoration: none;
-webkit-transition: color 300ms ease-in;
transition: color 300ms ease-in; }
.footerArea .footMenu > dl a:hover, .footerArea .footMenu > dl a :active, .footerArea .footMenu > dl a :focus {
color: black; }
.footerArea .footMenu > dl > dt {
font-size: 16px;
font-size: 1rem;
font-weight: bold;
border-bottom: 1px solid #333; }
.footerArea .footMenu > dl > dd > ul {
padding-top: 1rem;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-js-display: flex;
display: flex;
-webkit-align-self: stretch;
-moz-align-self: stretch;
-ms-align-self: stretch;
align-self: stretch;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.footerArea .footMenu > dl > dd > ul > li {
width: calc(100% / 4);
padding: .5rem;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-js-display: flex;
display: flex;
padding-top: 1rem; }
@media only screen and (max-width: 1080px) {
.footerArea .footMenu > dl > dd > ul > li {
width: calc(100% / 3); } }
@media only screen and (max-width: 780px) {
.footerArea .footMenu > dl > dd > ul > li {
width: 50%; } }
@media only screen and (max-width: 480px) {
.footerArea .footMenu > dl > dd > ul > li {
width: 100%; } }
.footerArea .footMenu > dl > dd > ul.mainSiteMenu > li {
padding: .25rem;
text-align: left; }
.footerArea .footMenu > dl > dd > ul.mainSiteMenu > li > dl {
padding: .25rem 0;
line-height: 120%; }
.footerArea .footMenu > dl > dd > ul.mainSiteMenu > li > dl > dt {
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
padding-top: .5rem; }
.footerArea .footMenu > dl > dd > ul.mainSiteMenu > li > dl > dd {
padding-top: .5rem;
font-size: 13px;
font-size: 0.8125rem;
text-align: justify;
text-justify: inter-ideograph; }
.footerArea .footMenu > dl > dd > ul.mainSiteMenu > li > dl > dd > ul > li {
padding: .25rem 0; }
.footerArea .footMenu > dl > dd > ul.mainSiteMenu > li > dl > dd > ul > li > a {
margin-left: 1rem;
display: inline-block; }
.footerArea .footMenu > dl > dd > ul.mainSiteMenu > li > dl > dd > ul > li > a:before {
font-size: 13px;
font-size: 0.8125rem;
line-height: 120%;
color: #E60012;
margin-left: -1rem;
content: "chevron_right";
vertical-align: middle; }
.footerArea .footMenu > dl > dd > ul.mainSiteMenu > li > dl > dd > ul > li > a[target="_blank"]:after {
font-size: 13px;
font-size: 0.8125rem;
line-height: 120%;
content: "launch";
vertical-align: middle; }
.footerArea .footMenu > dl > dd > ul.mainSiteMenu > li > dl > dd > ul > li > a:hover, .footerArea .footMenu > dl > dd > ul.mainSiteMenu > li > dl > dd > ul > li > a :active, .footerArea .footMenu > dl > dd > ul.mainSiteMenu > li > dl > dd > ul > li > a :focus {
text-decoration: underline; }
.footerArea .footMenu > dl > dd > ul.baseSiteMenu > li {
padding: .25rem;
text-align: left;
padding-top: .5rem;
font-size: 13px;
font-size: 0.8125rem;
text-align: justify;
text-justify: inter-ideograph; }
.footerArea .footMenu > dl > dd > ul.baseSiteMenu > li > ul > li {
padding: .25rem 0; }
.footerArea .footMenu > dl > dd > ul.baseSiteMenu > li > ul > li > a {
margin-left: 1rem;
display: inline-block; }
.footerArea .footMenu > dl > dd > ul.baseSiteMenu > li > ul > li > a:before {
font-size: 13px;
font-size: 0.8125rem;
line-height: 120%;
color: #E60012;
margin-left: -1rem;
content: "chevron_right";
vertical-align: middle; }
.footerArea .footMenu > dl > dd > ul.baseSiteMenu > li > ul > li > a:hover, .footerArea .footMenu > dl > dd > ul.baseSiteMenu > li > ul > li > a :active, .footerArea .footMenu > dl > dd > ul.baseSiteMenu > li > ul > li > a :focus {
text-decoration: underline; }
.footerArea .copyBlock {
padding: 1rem 0;
background: #333; }
.footerArea .copyBlock h3 {
color: #FFF;
font-size: 10px;
font-size: 0.625rem;
text-align: center; }

.giudeModalWrap {
overflow-y: scroll;
height: 95vh;
margin-top: 5vh; }
.giudeModalWrap .guideModal {
text-align: center;
background: #FFF;
margin: 1rem; }
.giudeModalWrap .guideModal .titleGuide {
font-size: 18px;
font-size: 1.125rem;
font-weight: bold;
padding: 1rem 0;
border-bottom: 1px solid #333; }
.giudeModalWrap .guideModal .flexblock {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center; }
.giudeModalWrap .guideModal > ul {
padding: 1rem 0; }
.giudeModalWrap .guideModal > ul > li > a {
text-decoration: none; }
.giudeModalWrap .guideModal > ul > li > a:hover, .giudeModalWrap .guideModal > ul > li > a:active, .giudeModalWrap .guideModal > ul > li > a:focus {
color: #E60012; }

/*COVID-19 */
.covidArea {
width: 96%;
max-width: 780px;
margin: 1rem auto; }
.covidArea .covidBlock {
padding: 1rem;
border: 1px solid #333; }
.covidArea .covidBlock h1 {
font-feature-settings: "palt" 1;
letter-spacing: .01em;
font-size: 16px;
font-size: 1rem;
font-weight: bold; }
.covidArea .covidBlock p {
padding-top: .6rem;
text-align: justify;
text-justify: inter-ideograph; }
.covidArea .covidBlock p:last-child {
text-align: right; }

/*consaltArea */
#animation_container {
width: 100%;
margin: auto; }

.consaltArea {
padding: 1rem 1rem 3rem; }
.consaltArea .consaltBox {
background: #000;
padding: 1rem; }
@media only screen and (max-width: 780px) {
.consaltArea .consaltBox {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; } }
.consaltArea .consaltBox .txtBox p {
color: #FFF;
padding-right: 1rem; }
@media only screen and (max-width: 780px) {
.consaltArea .consaltBox .txtBox p {
padding-right: 0;
padding-bottom: 1rem; } }
.consaltArea .consaltBox .btnBox {
width: 20%;
min-width: 7rem; }
@media only screen and (max-width: 780px) {
.consaltArea .consaltBox .btnBox {
width: 100%;
min-width: 100%; } }
.consaltArea .consaltBox .btnBox ul li > a {
display: block;
text-align: center;
padding: .8rem;
color: #FFF;
border: 1px solid #ff4d5b;
background: #E60012;
text-decoration: underline; }
.consaltArea .consaltBox .btnBox ul li > a:after {
font-size: 13px;
font-size: 0.8125rem;
line-height: 120%;
content: "launch";
vertical-align: middle; }
.consaltArea .consaltBox .btnBox ul li > a:hover, .consaltArea .consaltBox .btnBox ul li > a :active, .consaltArea .consaltBox .btnBox ul li > a :focus {
background: #ff4d5b; }

/*guideArea */
.guideArea {
padding: 1rem 0 3rem; }
.guideArea .titleArea {
padding: 1rem; }
.guideArea .titleArea h2 {
text-align: center;
border-bottom: 1px solid #333;
font-size: 20px;
font-size: 1.25rem; }
.guideArea .guideBlock {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: stretch;
-moz-align-items: stretch;
-ms-align-items: stretch;
align-items: stretch; }
.guideArea .guideBlock .guideBox {
width: calc(100% / 4);
padding: 1rem;
border-right: 1px solid #333; }
.guideArea .guideBlock .guideBox:last-child {
border-right: none; }
@media only screen and (max-width: 780px) {
.guideArea .guideBlock .guideBox {
width: calc(100% / 2);
margin-bottom: 1rem; }
.guideArea .guideBlock .guideBox:nth-child(2) {
border-right: none; } }
.guideArea .guideBlock .guideBox .imgBox {
padding: 1rem 2rem; }
.guideArea .guideBlock .guideBox dl dt {
text-align: center;
font-weight: bold;
font-size: 18px;
font-size: 1.125rem; }
.guideArea .guideBlock .guideBox dl dd {
padding-top: .4rem;
font-size: 13px;
font-size: 0.8125rem;
line-height: 130%; }
.guideArea .guideBlock .guideBox dl dd .noteline {
font-size: 11px;
font-size: 0.6875rem;
color: #E60012; }

article img {
max-width: 100%;
height: auto; }

.cam-logoArea {
width: 100%;
padding: 0; }
.cam-logoArea h1 {
width: 100%;
padding: 0;
background-image: url("https://www.taiyakan.co.jp/images/common/bgHead.gif");
background-color: #E60012; }
.cam-logoArea h1 a {
display: block;
text-align: center;
width: 100%;
max-width: 40vw;
margin: 0 auto; }
.cam-logoArea .flexblock {
padding: 1rem;
margin: auto;
max-width: 350px;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center; }
.cam-logoArea .flexblock li {
margin: .3rem; }
.cam-logoArea .date-cam {
text-align: center;
margin: auto;
max-width: 780px; }
.cam-logoArea .date-cam img {
width: 50%;
min-width: 300px;
display: inline-block; }

@media all and (-ms-high-contrast: none) {
*::-ms-backdrop, 　.cam-logoArea .flexblock {
max-width: 340px;
display: block;
text-align: center; } }
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop, .cam-logoArea .flexblock li {
display: inline-block;
vertical-align: middle;
padding: 0 5px;
margin: 0; } }
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop, .cam-logoArea .flexblock li img {
padding: 3.5px 0;
max-width: 90px; } }
@media all and (-ms-high-contrast: none) {
*::-ms-backdrop, 　.cam-logoArea .flexblock li:last-child img {
padding: 0 0;
max-width: 90px; } }
.topMainBox {
position: relative;
text-align: center; }
.topMainBox header {
margin: 1rem auto;
max-width: 980px;
width: 95%; }
.topMainBox header h1 {
font-weight: bold;
line-height: 120%;
padding: 1.2rem;
font-size: 40px;
font-size: 2.5rem; }
@media only screen and (max-width: 780px) {
.topMainBox header h1 {
font-size: 24px;
font-size: 1.5rem; } }
.topMainBox header p {
margin-bottom: 2rem;
font-size: 36px;
font-size: 2.25rem; }
@media only screen and (max-width: 780px) {
.topMainBox header p {
font-size: 20px;
font-size: 1.25rem; } }

.itemInner h3 {
padding: .5rem .2rem;
color: #FFF;
text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.3);
background: #9f741c;
background: linear-gradient(90deg, #9f741c 0%, #eda300 100%); }
.itemInner figure {
margin-bottom: 0.5rem; }
.itemInner p {
font-size: 20px;
font-size: 1.25rem;
text-align: left; }
@media only screen and (max-width: 780px) {
.itemInner p {
font-size: 16px;
font-size: 1rem; } }
.itemInner p.noteLine {
font-size: 16px;
font-size: 1rem;
padding-top: .5rem; }
@media only screen and (max-width: 780px) {
.itemInner p.noteLine {
font-size: 14px;
font-size: 0.875rem; } }
.itemInner p.noteLine span {
display: inline-block;
white-space: nowrap;
color: #FFF;
background: #333;
-webkit-border-radius: 0.5rem;
-moz-border-radius: 0.5rem;
-ms-border-radius: 0.5rem;
border-radius: 0.5rem;
margin: .1rem;
padding: .2rem .5rem; }
.itemInner p.noteLine span.prizeHigh {
background: #E60012;
font-weight: bold;
font-size: 16px;
font-size: 1rem; }
@media only screen and (max-width: 780px) {
.itemInner p.noteLine span.prizeHigh {
font-size: 14px;
font-size: 0.875rem; } }
.itemInner p.noteLine a {
color: #E60012; }

.detailArea {
margin: 1rem auto 3rem;
max-width: 1080px;
width: 95%; }
.detailArea h2 {
font-weight: bold;
padding: .5rem;
margin-bottom: 1rem;
color: #FFF;
background: #E60012;
font-size: 28px;
font-size: 1.75rem;
margin-bottom: 1rem; }
@media only screen and (max-width: 780px) {
.detailArea h2 {
font-size: 16px;
font-size: 1rem; } }
.detailArea .flexblock {
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start; }
.detailArea .flexblock .fItem {
width: 45%; }
.detailArea .flexblock .fItem.smallBox {
width: 10%;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-js-display: flex;
display: flex;
-webkit-align-self: stretch;
-moz-align-self: stretch;
-ms-align-self: stretch;
align-self: stretch;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-align-items: start;
-moz-align-items: start;
-ms-align-items: start;
align-items: start;
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
border: none;
overflow: visible;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center; }
@media only screen and (max-width: 780px) {
.detailArea .flexblock .fItem.smallBox {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0); } }
.detailArea .flexblock .fItem.smallBox .itemInner {
width: 100%;
text-align: center;
background: #E60012; }
.detailArea .flexblock .fItem.smallBox .itemInner p {
color: #FFF;
white-space: nowrap;
display: inline-block; }
.detailArea .flexblock .fItem .itemInner {
padding: .5rem; }
@media only screen and (max-width: 780px) {
.detailArea .flexblock {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; }
.detailArea .flexblock .fItem {
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center;
width: 100%;
margin-bottom: 1rem; }
.detailArea .flexblock .fItem.smallBox {
width: 100%;
border: none;
overflow: visible;
margin: 1rem 0 2rem; }
.detailArea .flexblock .fItem.smallBox .itemInner {
width: 100%;
text-align: center;
font-weight: bold;
background: #E60012; }
.detailArea .flexblock .fItem.smallBox .itemInner p {
color: #FFF; }
.detailArea .flexblock .fItem .itemInner {
padding: .5rem; } }
.detailArea .bItem {
border: 3px solid #e3e3e3;
padding: .5rem;
margin: 2rem 0; }
.detailArea .bItem .itemInner {
max-width: 780px;
margin: 0 auto;
text-align: center; }
.detailArea .bItem .itemInner p {
text-align: center; }
@media only screen and (max-width: 780px) {
.detailArea .bItem .itemInner p {
text-align: left; } }
.detailArea .bItem.smallBox {
-webkit-transform: rotate(-5deg);
-moz-transform: rotate(-5deg);
-ms-transform: rotate(-5deg);
-o-transform: rotate(-5deg);
transform: rotate(-5deg);
border: none; }
@media only screen and (max-width: 780px) {
.detailArea .bItem.smallBox {
-webkit-transform: rotate(0);
-moz-transform: rotate(0);
-ms-transform: rotate(0);
-o-transform: rotate(0);
transform: rotate(0);
margin: 1rem 0 2rem; } }
.detailArea .bItem.smallBox .itemInner {
display: inline-block;
text-align: center;
background: #E60012; }
.detailArea .bItem.smallBox .itemInner p {
text-align: center;
color: #FFF;
padding: .5rem 1rem; }
@media only screen and (max-width: 780px) {
.detailArea .bItem.smallBox .itemInner p {
text-align: center; } }

.titLineP {
font-size: 20px;
font-size: 1.25rem; }
@media only screen and (max-width: 780px) {
.titLineP {
font-size: 18px;
font-size: 1.125rem; } }

.linkBox p {
padding: .3rem 0;
font-size: 14px;
font-size: 0.875rem;
font-weight: bold;
text-align: center; }
.linkBox p span {
font-weight: normal;
display: inline-block; }
@media only screen and (max-width: 780px) {
.linkBox p {
font-size: 12px;
font-size: 0.75rem; } }
.linkBox ul.btnShop {
text-align: center;
padding-top: 1rem; }
.linkBox ul.btnShop > li {
display: inline-block;
border: 1px solid #e3e3e3;
margin: 0 .5rem; }
.linkBox ul.btnShop > li.non-activ {
border: 1px solid #595959; }
@media only screen and (max-width: 780px) {
.linkBox ul.btnShop > li:last-child {
margin-top: 1rem; } }
.linkBox ul.btnShop > li a {
display: inline-block;
padding: .5rem 1rem;
border: 2px solid #FFF;
background: #e3e3e3;
text-decoration: none;
transition: .3s;
/* なめらか変化 */ }
.linkBox ul.btnShop > li a[target="_blank"]:after {
font-size: 14px;
font-size: 0.875rem;
line-height: 100%;
content: "launch";
vertical-align: middle; }
.linkBox ul.btnShop > li a:hover, .linkBox ul.btnShop > li a :active, .linkBox ul.btnShop > li a :focus {
background: #333;
color: #FFF; }
.linkBox ul.btnShop > li span.non-activ {
display: inline-block;
padding: .5rem 1rem;
border: 2px solid #FFF;
color: #FFF;
background: #595959;
text-decoration: none; }
.linkBox ul.btnShop > li span.non-activ:after {
font-size: 14px;
font-size: 0.875rem;
line-height: 100%;
content: "launch";
vertical-align: middle; }

.topMainBox .linkBox {
position: -webkit-sticky;
position: sticky;
bottom: 0px;
align-self: flex-end; }

.linkBox {
padding: 2rem 0;
background: #FFF;
border-top: 1rem solid #e3e3e3; }
.linkBox .btnShop {
padding: 1rem 0;
text-align: center; }
.linkBox .btnShop > li {
display: inline-block;
font-size: 20px;
font-size: 1.25rem;
text-align: center; }
@media only screen and (max-width: 780px) {
.linkBox .btnShop > li {
font-size: 16px;
font-size: 1rem; } }

.btnSubmit {
display: inline-block;
border-radius: .5rem;
/* 角丸       */
font-size: 20px;
font-size: 1.25rem;
margin: 0.5rem;
/* 文字サイズ */
text-align: center;
/* 文字位置   */
cursor: pointer;
/* カーソル   */
padding: 12px 12px;
/* 余白       */
background: #E60012;
/* 背景色     */
color: #ffffff;
/* 文字色     */
line-height: 1em;
/* 1行の高さ  */
transition: .3s;
/* なめらか変化 */
box-shadow: 2px 2px 1px #666666;
/* 影の設定 */
border: 2px solid #E60012;
/* 枠の指定 */ }
.btnSubmit:hover {
box-shadow: none;
/* カーソル時の影消去 */
color: #E60012;
/* 背景色     */
background: #ffffff;
/* 文字色     */ }
@media only screen and (max-width: 780px) {
.btnSubmit {
font-size: 15px;
font-size: 0.9375rem;
/* 文字サイズ */ } }

.shopListZone {
position: relative; }
.shopListZone .ankerLinkLine {
position: -webkit-sticky;
position: sticky;
top: 0px;
background: #FFF;
border-bottom: 1px solid #e3e3e3;
padding: 1rem;
text-align: center; }
.shopListZone .ankerLinkLine > select {
width: 80vw;
max-width: 380px;
height: 40px;
font-size: 16px;
font-size: 1rem;
line-height: 40px;
text-indent: 0.3em;
cursor: pointer;
border: 1px solid #cacaca; }

.sizeTableArea {
padding: 0 1rem; }
.sizeTableArea h3 {
text-align: center;
font-weight: bold;
font-size: 18px;
font-size: 1.125rem;
padding: .5rem;
margin-top: 10px;
border-top: 2px solid #333; }
.sizeTableArea ul.sizeAnker {
padding-bottom: 10px;
-webkit-justify-content: space-around;
-moz-justify-content: space-around;
-ms-justify-content: space-around;
justify-content: space-around;
-ms-flex-pack: space-around;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.sizeTableArea ul.sizeAnker > li.tpmsCheck {
display: inline-block;
cursor: pointer;
padding: .5rem;
border: 2px solid #333;
font-weight: bold;
margin: 1rem; }
.sizeTableArea ul.sizeAnker > li.tpmsCheck.is-active, .sizeTableArea ul.sizeAnker > li.tpmsCheck:hover, .sizeTableArea ul.sizeAnker > li.tpmsCheck:active, .sizeTableArea ul.sizeAnker > li.tpmsCheck:focus {
border: 2px solid #E60012;
color: #E60012; }
.sizeTableArea ul.sizeAnker > li a {
display: inline-block;
white-space: nowrap; }
@media only screen and (max-width: 780px) {
.sizeTableArea ul.sizeAnker {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start; }
.sizeTableArea ul.sizeAnker > li {
padding: 0  .1rem .5rem; } }
.sizeTableArea .sizeTableblock {
width: 100%;
overflow-x: scroll; }
.sizeTableArea .sizeTableblock.listItemCheck {
-webkit-transition: height 100ms ease-in, opacity 200ms ease-in;
/* Transition the top and opacity */
transition: height 100ms ease-in, opacity 200ms ease-in;
/* Transition the top and opacity */ }
.sizeTableArea .sizeTableblock.listItemCheck.is-hide {
opacity: 0;
height: 0px; }
.sizeTableArea .sizeTableblock table {
margin-top: 0px;
width: 100%;
border-top: 1px solid #979797;
border-left: 1px solid #979797;
background-color: #e3e3e3;
margin-bottom: 1rem; }
.sizeTableArea .sizeTableblock table caption {
text-align: center;
font-weight: bold;
font-size: 18px;
font-size: 1.125rem;
padding: .5rem;
border-top: 2px solid #333; }
.sizeTableArea .sizeTableblock table th, .sizeTableArea .sizeTableblock table td {
padding: 8px 10px;
border-right: 1px solid #979797;
border-bottom: 1px solid #979797;
vertical-align: top;
vertical-align: middle;
text-align: center; }
@media only screen and (max-width: 780px) {
.sizeTableArea .sizeTableblock table th, .sizeTableArea .sizeTableblock table td {
padding: 8px 5px; } }
.sizeTableArea .sizeTableblock table th.thNowrap, .sizeTableArea .sizeTableblock table td.thNowrap {
white-space: nowrap; }
.sizeTableArea .sizeTableblock table.narrower th, .sizeTableArea .sizeTableblock table.narrower td {
padding: 3px 5px; }
.sizeTableArea .sizeTableblock table > thead th {
background-color: #333;
color: #FFF;
font-weight: bold; }
.sizeTableArea .sizeTableblock table > tbody tr td a {
display: inline-block;
padding: .2rem 1rem;
background: #E60012;
color: #FFF;
-webkit-border-radius: 1rem;
-moz-border-radius: 1rem;
-ms-border-radius: 1rem;
border-radius: 1rem;
text-decoration: none;
font-weight: bold; }
.sizeTableArea .sizeTableblock table > tbody tr td a:hover, .sizeTableArea .sizeTableblock table > tbody tr td a :active, .sizeTableArea .sizeTableblock table > tbody tr td a :focus {
text-decoration: none;
background: #80000a;
-webkit-transition: background 300ms ease-in;
transition: background 300ms ease-in; }
.sizeTableArea .sizeTableblock table > tbody tr td ul > li {
margin-bottom: .5rem; }
.sizeTableArea .sizeTableblock table > tbody tr td ul > li:last-child {
margin-bottom: 0; }
.sizeTableArea .sizeTableblock table > tbody tr td ul > li.optionMenu a {
font-size: 12px;
font-size: 0.75rem;
color: #80000a;
background: none; }
.sizeTableArea .sizeTableblock table > tbody tr td ul > li.optionMenu a:hover, .sizeTableArea .sizeTableblock table > tbody tr td ul > li.optionMenu a :active, .sizeTableArea .sizeTableblock table > tbody tr td ul > li.optionMenu a :focus {
color: black;
-webkit-transition: color 300ms ease-in;
transition: color 300ms ease-in; }
.sizeTableArea .sizeTableblock table > tbody tr td.sizeTd {
font-weight: bold; }
.sizeTableArea .sizeTableblock table > tbody tr td:nth-child(3) {
white-space: nowrap; }
.sizeTableArea .sizeTableblock table > tbody tr td:nth-child(4) {
white-space: nowrap; }
.sizeTableArea .sizeTableblock table > tbody tr td.priceTd {
font-weight: bold; }
.sizeTableArea .sizeTableblock table > tbody tr td.priceTd ul > li {
line-height: 1.6rem; }
.sizeTableArea .sizeTableblock table > tbody tr:nth-child(odd) td {
background-color: white; }
.sizeTableArea .sizeTableblock table > tbody tr th {
background-color: #7d7d7d;
color: #FFF; }
.sizeTableArea .sendFormBtn {
max-width: 780px;
margin: 0 auto;
text-align: center;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center; }
@media only screen and (max-width: 780px) {
.sizeTableArea .sendFormBtn {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }
.sizeTableArea .sendFormBtn a.send-button {
display: inline-block;
text-align: center;
font-size: 16px;
font-size: 1rem;
padding: 1rem 1.5rem;
margin: 0.3rem;
border: 1px solid #b3000e;
text-decoration: none;
-webkit-border-radius: 0.3rem;
-moz-border-radius: 0.3rem;
-ms-border-radius: 0.3rem;
border-radius: 0.3rem;
color: #FFF;
background: #E60012; }
.sizeTableArea .sendFormBtn a.send-button:hover, .sizeTableArea .sendFormBtn a.send-button :active, .sizeTableArea .sendFormBtn a.send-button :focus {
border: 1px solid #ff1a2c;
background: #ff808a;
-webkit-transition: background 300ms ease-in-out, border 100ms ease-in-out;
transition: background 300ms ease-in-out, border 100ms ease-in-out; }
.sizeTableArea .sendFormBtn a.send-button[disabled] {
color: #333;
border: 1px solid #e3e3e3;
background: #e3e3e3; }

/******************

Site Basic

*******************/
.siteMainArea {
padding-bottom: 3rem; }
@media only screen and (min-width: 1280px) {
.siteMainArea {
padding-top: 2rem; } }
.siteMainArea .siteHeadArea {
padding: 1rem 1rem 0; }
.siteMainArea .siteHeadArea .h1Title {
margin-bottom: .5rem;
padding-bottom: 1rem;
font-size: 32px;
font-size: 2rem;
line-height: 110%;
overflow: hidden;
font-weight: bold;
border-bottom: 1px solid #333; }
@media only screen and (max-width: 780px) {
.siteMainArea .siteHeadArea .h1Title {
font-size: 28px;
font-size: 1.75rem; } }
.siteMainArea h2 {
padding: 1rem 1rem 0rem;
font-size: 24px;
font-size: 1.5rem;
font-weight: bold; }
@media only screen and (max-width: 780px) {
.siteMainArea h2 {
font-size: 20px;
font-size: 1.25rem; } }
.siteMainArea p {
padding: 1rem 1rem 0rem;
font-size: 16px;
font-size: 1rem; }
.siteMainArea .siteBlock {
padding: 1rem; }
.siteMainArea .siteBlock > dl {
padding: 1rem 0rem 1rem; }
.siteMainArea .siteBlock > dl > dt {
font-size: 20px;
font-size: 1.25rem;
font-weight: bold;
padding-bottom: 1rem; }
@media only screen and (max-width: 780px) {
.siteMainArea .siteBlock > dl > dt {
font-size: 16px;
font-size: 1rem; } }
.siteMainArea .siteBlock > dl > dd {
font-size: 16px;
font-size: 1rem;
padding-bottom: 1rem; }
.siteMainArea .siteBlock > dl > dd:last-child {
padding-bottom: 0; }
.siteMainArea .siteBlock > dl > dd > ol {
padding: 0 1rem; }
.siteMainArea .siteBlock > dl > dd > ol > li {
list-style: decimal;
margin-left: 1rem;
font-size: 14px;
font-size: 0.875rem; }
.siteMainArea .siteBlock > dl > dd > dl > dt {
font-size: 16px;
font-size: 1rem;
margin-bottom: .5rem;
font-weight: bold; }
.siteMainArea .siteBlock > dl > dd > dl > dd {
margin-bottom: .5rem;
font-size: 16px;
font-size: 1rem; }
.siteMainArea .siteBlock > dl > dd > dl > dd:last-child {
margin-bottom: 0; }
.siteMainArea .siteBlock > dl > dd > dl > dd > ul {
padding: 0 1rem; }
.siteMainArea .siteBlock > dl > dd > dl > dd > ul > li {
list-style: disc;
font-size: 14px;
font-size: 0.875rem; }
.siteMainArea .siteBlock > dl > dd > dl > dd > ul > li a {
text-decoration: none; }
.siteMainArea .siteBlock > dl > dd > dl > dd > ul > li a[target="_blank"]:after {
font-size: 13px;
font-size: 0.8125rem;
line-height: 120%;
content: "launch";
vertical-align: middle; }
.siteMainArea .siteBlock > dl > dd > dl > dd > ul > li a:hover, .siteMainArea .siteBlock > dl > dd > dl > dd > ul > li a :active, .siteMainArea .siteBlock > dl > dd > dl > dd > ul > li a :focus {
text-decoration: underline; }
.siteMainArea .siteBlock > dl > dd > dl.qaBox {
padding: 0rem 1rem 1rem; }
.siteMainArea .siteBlock > dl > dd > dl.qaBox:last-child {
padding-bottom: 0; }
.siteMainArea .siteBlock > dl > dd > ul {
padding: 0rem 1rem 0rem; }
.siteMainArea .siteBlock > dl > dd > ul > li {
list-style: disc; }
.siteMainArea .siteBlock > dl > dd > ul.addAstarisc > li {
list-style: none; }
.siteMainArea .siteBlock > dl > dd > ul.addAstarisc > li:before {
content: "※ "; }
.siteMainArea .siteBlock > dl > dd .noteLine {
color: #E60012; }
.siteMainArea .siteBlock > dl > dd .noteLine:before {
content: "※"; }
.siteMainArea .siteBlock .addBorder {
padding: 1rem;
border: 1px solid #333; }
.siteMainArea .siteBlock.numBlock > dl:nth-child(1) > dt:before {
content: "1. "; }
.siteMainArea .siteBlock.numBlock > dl:nth-child(2) > dt:before {
content: "2. "; }
.siteMainArea .siteBlock.numBlock > dl:nth-child(3) > dt:before {
content: "3. "; }
.siteMainArea .siteBlock.numBlock > dl:nth-child(4) > dt:before {
content: "4. "; }
.siteMainArea .siteBlock.numBlock > dl:nth-child(5) > dt:before {
content: "5. "; }
.siteMainArea .siteBlock.numBlock > dl:nth-child(6) > dt:before {
content: "6. "; }
.siteMainArea .siteBlock.numBlock > dl:nth-child(7) > dt:before {
content: "7. "; }
.siteMainArea .siteBlock.numBlock > dl:nth-child(8) > dt:before {
content: "8. "; }
.siteMainArea .siteBlock.numBlock > dl:nth-child(9) > dt:before {
content: "9. "; }
.siteMainArea .siteBlock.numBlock > dl:nth-child(10) > dt:before {
content: "10. "; }
.siteMainArea .siteBlock.numBlock > dl:nth-child(11) > dt:before {
content: "11. "; }
.siteMainArea .siteBlock.numBlock > dl:nth-child(12) > dt:before {
content: "12. "; }
.siteMainArea .corporateBlock {
padding: 1rem; }
.siteMainArea .corporateBlock > dl {
width: 100%;
max-width: 780px;
margin: 0 auto;
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start;
padding: 1rem 0;
font-size: 16px;
font-size: 1rem;
border-bottom: 1px solid #e3e3e3; }
@media only screen and (max-width: 780px) {
.siteMainArea .corporateBlock > dl {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }
.siteMainArea .corporateBlock > dl:last-child {
border-bottom: none; }
.siteMainArea .corporateBlock > dl > dt {
width: 30%;
text-align: right;
font-weight: bold; }
.siteMainArea .corporateBlock > dl > dt:after {
content: "："; }
@media only screen and (max-width: 780px) {
.siteMainArea .corporateBlock > dl > dt {
width: 100%;
text-align: left; } }
.siteMainArea .corporateBlock > dl > dd {
width: 70%;
padding-left: .5rem;
padding-bottom: 1rem; }
@media only screen and (max-width: 780px) {
.siteMainArea .corporateBlock > dl > dd {
padding-left: 0rem;
width: 100%; } }
.siteMainArea .corporateBlock > dl > dd:last-child {
padding-bottom: 0; }
.siteMainArea .corporateBlock > dl > dd > ol > li {
list-style: decimal;
margin-left: 1rem;
font-size: 14px;
font-size: 0.875rem;
margin-bottom: .5rem; }
.siteMainArea .corporateBlock > dl > dd > ol > li:last-child {
margin-bottom: 0; }
.siteMainArea .corporateBlock > dl > dd > ol > li > dl > dt {
font-weight: bold; }
.siteMainArea .signLine {
text-align: right;
padding: 1rem 0;
font-size: 16px;
font-size: 1rem;
font-weight: bold; }

.qaBox > dt:before {
content: "Q."; }
.qaBox > dd:before {
content: "A."; }
.qaBox > dd.noteLine {
color: #E60012; }
.qaBox > dd.noteLine:before {
content: "※"; }

@media only screen and (max-width: 780px) {
.shopListArea .flexblock {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }

@keyframes drift-fadeZoomIn {
0% {
transform: scale(1.5);
opacity: 0; }
100% {
transform: scale(1);
opacity: 1; } }
@keyframes drift-fadeZoomOut {
0% {
transform: scale(1);
opacity: 1; }
15% {
transform: scale(1.1);
opacity: 1; }
100% {
transform: scale(0.5);
opacity: 0; } }
@keyframes drift-loader-rotate {
0% {
transform: translate(-50%, -50%) rotate(0); }
50% {
transform: translate(-50%, -50%) rotate(-180deg); }
100% {
transform: translate(-50%, -50%) rotate(-360deg); } }
@keyframes drift-loader-before {
0% {
transform: scale(1); }
10% {
transform: scale(1.2) translateX(6px); }
25% {
transform: scale(1.3) translateX(8px); }
40% {
transform: scale(1.2) translateX(6px); }
50% {
transform: scale(1); }
60% {
transform: scale(0.8) translateX(6px); }
75% {
transform: scale(0.7) translateX(8px); }
90% {
transform: scale(0.8) translateX(6px); }
100% {
transform: scale(1); } }
@keyframes drift-loader-after {
0% {
transform: scale(1); }
10% {
transform: scale(1.2) translateX(-6px); }
25% {
transform: scale(1.3) translateX(-8px); }
40% {
transform: scale(1.2) translateX(-6px); }
50% {
transform: scale(1); }
60% {
transform: scale(0.8) translateX(-6px); }
75% {
transform: scale(0.7) translateX(-8px); }
90% {
transform: scale(0.8) translateX(-6px); }
100% {
transform: scale(1); } }
@-webkit-keyframes drift-fadeZoomIn {
0% {
-webkit-transform: scale(1.5);
opacity: 0; }
100% {
-webkit-transform: scale(1);
opacity: 1; } }
@-webkit-keyframes drift-fadeZoomOut {
0% {
-webkit-transform: scale(1);
opacity: 1; }
15% {
-webkit-transform: scale(1.1);
opacity: 1; }
100% {
-webkit-transform: scale(0.5);
opacity: 0; } }
@-webkit-keyframes drift-loader-rotate {
0% {
-webkit-transform: translate(-50%, -50%) rotate(0); }
50% {
-webkit-transform: translate(-50%, -50%) rotate(-180deg); }
100% {
-webkit-transform: translate(-50%, -50%) rotate(-360deg); } }
@-webkit-keyframes drift-loader-before {
0% {
-webkit-transform: scale(1); }
10% {
-webkit-transform: scale(1.2) translateX(6px); }
25% {
-webkit-transform: scale(1.3) translateX(8px); }
40% {
-webkit-transform: scale(1.2) translateX(6px); }
50% {
-webkit-transform: scale(1); }
60% {
-webkit-transform: scale(0.8) translateX(6px); }
75% {
-webkit-transform: scale(0.7) translateX(8px); }
90% {
-webkit-transform: scale(0.8) translateX(6px); }
100% {
-webkit-transform: scale(1); } }
@-webkit-keyframes drift-loader-after {
0% {
-webkit-transform: scale(1); }
10% {
-webkit-transform: scale(1.2) translateX(-6px); }
25% {
-webkit-transform: scale(1.3) translateX(-8px); }
40% {
-webkit-transform: scale(1.2) translateX(-6px); }
50% {
-webkit-transform: scale(1); }
60% {
-webkit-transform: scale(0.8) translateX(-6px); }
75% {
-webkit-transform: scale(0.7) translateX(-8px); }
90% {
-webkit-transform: scale(0.8) translateX(-6px); }
100% {
-webkit-transform: scale(1); } }
.drift-zoom-pane {
position: absolute;
width: 150px;
height: 150px;
border-radius: 5px;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3); }

.drift-zoom-pane.drift-opening {
animation: drift-fadeZoomIn 180ms ease-out;
-webkit-animation: drift-fadeZoomIn 180ms ease-out; }

.drift-zoom-pane.drift-closing {
animation: drift-fadeZoomOut 210ms ease-in;
-webkit-animation: drift-fadeZoomOut 210ms ease-in; }

.drift-zoom-pane.drift-inline {
position: absolute;
width: 150px;
height: 150px;
border-radius: 75px;
box-shadow: 0 6px 18px rgba(0, 0, 0, 0.3); }

.drift-loading .drift-zoom-pane-loader {
display: block;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-webkit-transform: translate(-50%, -50%);
width: 66px;
height: 20px;
animation: drift-loader-rotate 1800ms infinite linear;
-webkit-animation: drift-loader-rotate 1800ms infinite linear; }

.drift-zoom-pane-loader:before,
.drift-zoom-pane-loader:after {
content: "";
display: block;
width: 20px;
height: 20px;
position: absolute;
top: 50%;
margin-top: -10px;
border-radius: 20px;
background: rgba(255, 255, 255, 0.9); }

.drift-zoom-pane-loader:before {
left: 0;
animation: drift-loader-before 1800ms infinite linear;
-webkit-animation: drift-loader-before 1800ms infinite linear; }

.drift-zoom-pane-loader:after {
right: 0;
animation: drift-loader-after 1800ms infinite linear;
-webkit-animation: drift-loader-after 1800ms infinite linear;
animation-delay: -900ms;
-webkit-animation-delay: -900ms; }

.drift-bounding-box {
background-color: rgba(0, 0, 0, 0.4); }

.pageTop2 {
display: none;
position: fixed;
width: 100%;
margin: 0 auto;
padding: 1rem;
left: 0;
right: 0;
bottom: 0px;
text-align: center;
background: #000; }
.pageTop2.scroll a {
background: #00a1de;
padding: 0.5rem 1rem;
-webkit-border-radius: 1rem;
-moz-border-radius: 1rem;
-ms-border-radius: 1rem;
border-radius: 1rem;
color: #FFF;
text-decoration: none;
font-weight: bold;
font-size: 20px;
font-size: 1.25rem; }
.pageTop2.scroll a:hover, .pageTop2.scroll a :active, .pageTop2.scroll a :focus {
background: #005778; }
.pageTop2.scroll a:after {
content: "";
display: none; }
@media only screen and (max-width: 780px) {
.pageTop2 {
display: none; } }

/******************

TOP Page

*******************/
.mainVisual {
margin: 0 auto;
max-width: 980px;
padding-top: 1rem; }
.mainVisual a:hover {
opacity: 0.75;
filter: alpha(opacity=75); }

.mainArea.flexblock {
min-height: 55vh; }

.headerBlock {
padding: 2rem 1rem; }
.headerBlock h2 {
font-size: 32px;
font-size: 2rem;
text-align: center; }
@media only screen and (max-width: 780px) {
.headerBlock h2 {
font-size: 24px;
font-size: 1.5rem; } }
.headerBlock p {
padding: 1rem 0 0;
font-size: 24px;
font-size: 1.5rem;
text-align: center; }
.headerBlock p span {
border-bottom: 3px solid #E60012;
font-weight: bold; }
@media only screen and (max-width: 780px) {
.headerBlock p {
font-size: 16px;
font-size: 1rem; } }
.headerBlock p.leadTxt {
margin: 1rem 0;
border-bottom: 1px solid #333;
border-top: 1px solid #333;
padding: 1rem 0; }

.linkApp {
overflow-y: scroll;
height: 95vh;
margin-top: 5vh; }

/*lineUpArea */
.lineUpArea {
padding: 1rem 0; }
.lineUpArea .titleArea {
padding: 1rem; }
.lineUpArea .titleArea h3 {
text-align: center;
border-bottom: 1px solid #333;
font-size: 30px;
font-size: 1.875rem; }
.lineUpArea .titleArea p {
padding: 1rem 0 0;
text-align: center;
font-size: 16px;
font-size: 1rem;
color: #E60012; }
@media only screen and (max-width: 780px) {
.lineUpArea .titleArea p {
font-size: 12px;
font-size: 0.75rem; } }
@media only screen and (max-width: 780px) {
.lineUpArea .titleArea h3 {
text-align: left;
font-size: 20px;
font-size: 1.25rem; } }
.lineUpArea .lineUpBlock {
padding: 0rem 1rem 1rem;
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.lineUpArea .lineUpBlock .lineUpBox {
width: calc(100% / 2);
padding: 1rem;
margin-bottom: 2rem;
-webkit-align-self: stretch;
-moz-align-self: stretch;
-ms-align-self: stretch;
align-self: stretch; }
@media only screen and (max-width: 620px) {
.lineUpArea .lineUpBlock .lineUpBox {
width: calc(100% / 1);
padding: .5rem 0 0;
margin-bottom: 0;
min-width: auto; }
.lineUpArea .lineUpBlock .lineUpBox.line2 {
width: calc(100% / 1); } }
.lineUpArea .lineUpBlock .lineUpBox .itemBox {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.lineUpArea .lineUpBlock .lineUpBox .itemBox .imgBox {
width: 40%;
text-align: center; }
.lineUpArea .lineUpBlock .lineUpBox .itemBox .txtBox {
width: 60%; }
.lineUpArea .lineUpBlock .lineUpBox .itemBox .txtBox .innerBox {
padding: 1rem; }
.lineUpArea .lineUpBlock .lineUpBox .itemBox .txtBox h4 {
font-size: 24px;
font-size: 1.5rem; }
@media only screen and (max-width: 780px) {
.lineUpArea .lineUpBlock .lineUpBox .itemBox .txtBox h4 {
font-size: 16px;
font-size: 1rem; } }
.lineUpArea .lineUpBlock .lineUpBox .itemBox .txtBox p {
font-size: 24px;
font-size: 1.5rem; }
@media only screen and (max-width: 780px) {
.lineUpArea .lineUpBlock .lineUpBox .itemBox .txtBox p {
font-size: 16px;
font-size: 1rem; } }
.lineUpArea .lineUpBlock .lineUpBox .itemBox .txtBox p span {
font-size: 12px;
font-size: 0.75rem; }
@media only screen and (max-width: 780px) {
.lineUpArea .lineUpBlock .lineUpBox .itemBox .txtBox p span {
font-size: 10px;
font-size: 0.625rem; } }
.lineUpArea .lineUpBlock .lineUpBox .itemBox .txtBox p.priceLine.specialPrice {
line-height: 110%;
padding: .5rem;
border: 2px solid #E60012;
font-size: 30px;
font-size: 1.875rem;
color: #E60012; }
@media only screen and (max-width: 780px) {
.lineUpArea .lineUpBlock .lineUpBox .itemBox .txtBox p.priceLine.specialPrice {
font-size: 22px;
font-size: 1.375rem; } }
.lineUpArea .lineUpBlock .lineUpBox .itemBox .txtBox p.priceLine.specialPrice span {
font-size: 16px;
font-size: 1rem;
color: #333; }
@media only screen and (max-width: 780px) {
.lineUpArea .lineUpBlock .lineUpBox .itemBox .txtBox p.priceLine.specialPrice span {
font-size: 12px;
font-size: 0.75rem; } }
.lineUpArea .lineUpBlock .lineUpBox .itemBox .txtBox p.noteLine {
color: #E60012;
font-size: 14px;
font-size: 0.875rem; }
@media only screen and (max-width: 780px) {
.lineUpArea .lineUpBlock .lineUpBox .itemBox .txtBox p.noteLine {
font-size: 10px;
font-size: 0.625rem; } }
.lineUpArea .lineUpBlock .lineUpBox .listBox h5 {
color: #FFF;
background: #333;
padding: .5rem 0;
text-align: center; }
.lineUpArea .lineUpBlock .lineUpBox .listBox P {
color: #E60012;
padding: .5rem .5rem 0;
font-size: 14px;
font-size: 0.875rem; }
@media only screen and (max-width: 780px) {
.lineUpArea .lineUpBlock .lineUpBox .listBox P {
font-size: 10px;
font-size: 0.625rem; } }
.lineUpArea .lineUpBlock .lineUpBox .listBox dl {
padding: 1rem; }
@media only screen and (max-width: 780px) {
.lineUpArea .lineUpBlock .lineUpBox .listBox dl {
padding: 0.3rem; } }
.lineUpArea .lineUpBlock .lineUpBox .listBox dl:nth-child(odd) {
background: #f0f0f0; }
.lineUpArea .lineUpBlock .lineUpBox .listBox dl:last-child {
border-bottom: 2px solid #e3e3e3; }
.lineUpArea .lineUpBlock .lineUpBox .listBox dl dt {
font-size: 24px;
font-size: 1.5rem; }
@media only screen and (max-width: 780px) {
.lineUpArea .lineUpBlock .lineUpBox .listBox dl dt {
font-size: 16px;
font-size: 1rem; } }
.lineUpArea .lineUpBlock .lineUpBox .listBox dl dt span {
font-size: 12px;
font-size: 0.75rem; }
@media only screen and (max-width: 780px) {
.lineUpArea .lineUpBlock .lineUpBox .listBox dl dt span {
font-size: 10px;
font-size: 0.625rem; } }
.lineUpArea .lineUpBlock .lineUpBox .listBox dl dt a {
text-decoration: none; }
.lineUpArea .lineUpBlock .lineUpBox .listBox dl dt a[target="_blank"]:after {
font-size: 13px;
font-size: 0.8125rem;
line-height: 120%;
content: "launch";
vertical-align: middle; }
.lineUpArea .lineUpBlock .lineUpBox .listBox dl dt a:hover, .lineUpArea .lineUpBlock .lineUpBox .listBox dl dt a :active, .lineUpArea .lineUpBlock .lineUpBox .listBox dl dt a :focus {
text-decoration: underline; }
.lineUpArea .lineUpBlock .lineUpBox .listBox dl dd ul {
-webkit-justify-content: flex-start;
-moz-justify-content: flex-start;
-ms-justify-content: flex-start;
justify-content: flex-start;
-ms-flex-pack: flex-start; }
.lineUpArea .lineUpBlock .lineUpBox .listBox dl dd ul li {
padding: .5rem; }
.lineUpArea .lineUpBlock .lineUpBox .listBox dl dd ul li span {
font-size: 20px;
font-size: 1.25rem; }
@media only screen and (max-width: 780px) {
.lineUpArea .lineUpBlock .lineUpBox .listBox dl dd ul li span {
font-size: 16px;
font-size: 1rem; } }
@media only screen and (max-width: 780px) {
.lineUpArea .lineUpBlock .lineUpBox .listBox dl dd ul li {
padding: .2rem; } }
.lineUpArea .lineUpBlock .lineUpBox .listBox dl dd ul li a {
display: inline-block;
text-decoration: none;
font-size: 14px;
font-size: 0.875rem;
padding: .5rem 1rem;
margin: 0.3rem;
border: 1px solid #b3000e;
-webkit-border-radius: 0.3rem;
-moz-border-radius: 0.3rem;
-ms-border-radius: 0.3rem;
border-radius: 0.3rem;
color: #FFF;
background: #E60012; }
@media only screen and (max-width: 780px) {
.lineUpArea .lineUpBlock .lineUpBox .listBox dl dd ul li a {
font-size: 12px;
font-size: 0.75rem; } }
.lineUpArea .lineUpBlock .lineUpBox .listBox dl dd ul li a:hover, .lineUpArea .lineUpBlock .lineUpBox .listBox dl dd ul li a :active, .lineUpArea .lineUpBlock .lineUpBox .listBox dl dd ul li a :focus {
border: 1px solid #ff1a2c;
background: #ff808a;
-webkit-transition: background 300ms ease-in-out, border 100ms ease-in-out;
transition: background 300ms ease-in-out, border 100ms ease-in-out; }

#rullet_container {
display: block;
padding: 2rem 0;
margin-bottom: 4rem; }
#rullet_container .fadeOutAnime {
display: none;
transition: .3s;
/* なめらか変化 */ }
#rullet_container.fadeOutAnime {
display: none; }
#rullet_container p {
text-align: center;
padding: 1rem 0;
font-size: 28px;
font-size: 1.75rem; }
@media only screen and (max-width: 780px) {
#rullet_container p {
font-size: 18px;
font-size: 1.125rem;
text-align: left; } }

.resultBox {
padding: 2rem 0;
display: none;
height: 0; }
.resultBox.fadeInresult {
height: auto;
display: block;
transition: .3s;
/* なめらか変化 */ }
.resultBox .innerHeader {
width: 100%;
padding: 10px 0;
background: #E60012; }
.resultBox .innerHeader img {
display: block;
max-width: 100%;
height: auto;
margin: 0 auto; }
.resultBox .innerBody {
margin: 1rem auto 3rem;
max-width: 1080px;
width: 95%;
text-align: center;
position: relative; }
.resultBox .innerBody figure {
padding: 0 0 1rem;
text-align: center; }
.resultBox .innerBody figure img {
margin: 0 auto; }
.resultBox .innerBody p {
text-align: center; }
.resultBox .innerBody .flexblock {
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center; }
@media only screen and (max-width: 780px) {
.resultBox .innerBody .flexblock {
-webkit-flex-direction: column;
-moz-flex-direction: column;
-ms-flex-direction: column;
flex-direction: column; } }
.resultBox .innerBody .fBox {
width: 48%;
padding: 1%; }
@media only screen and (max-width: 780px) {
.resultBox .innerBody .fBox {
width: 98%; } }
.resultBox .innerBody .detailCoupon h2 {
font-weight: bold;
padding: .5rem;
color: #FFF;
background: #E60012;
font-size: 28px;
font-size: 1.75rem;
margin-bottom: 1rem; }
@media only screen and (max-width: 780px) {
.resultBox .innerBody .detailCoupon h2 {
font-size: 18px;
font-size: 1.125rem; } }
.resultBox .innerBody .detailCoupon dl {
padding: 1rem; }
.resultBox .innerBody .detailCoupon dl dt {
font-weight: bold;
font-size: 22px;
font-size: 1.375rem; }
@media only screen and (max-width: 780px) {
.resultBox .innerBody .detailCoupon dl dt {
font-size: 16px;
font-size: 1rem; } }
.resultBox .innerBody .detailCoupon dl dt:before {
content: "■";
margin-left: -1rem; }
.resultBox .innerBody .detailCoupon dl dd {
font-size: 22px;
font-size: 1.375rem; }
@media only screen and (max-width: 780px) {
.resultBox .innerBody .detailCoupon dl dd {
font-size: 16px;
font-size: 1rem; } }
.resultBox .innerBody .detailNote h3 {
font-weight: bold;
font-size: 24px;
font-size: 1.5rem;
margin-bottom: 1rem; }
@media only screen and (max-width: 780px) {
.resultBox .innerBody .detailNote h3 {
font-size: 16px;
font-size: 1rem; } }
.resultBox .innerBody .detailNote p {
padding: 0.5rem;
font-size: 18px;
font-size: 1.125rem; }
.resultBox .innerBody .detailNote p:before {
content: "■";
margin-left: -1rem; }
@media only screen and (max-width: 780px) {
.resultBox .innerBody .detailNote p {
font-size: 16px;
font-size: 1rem; } }
.resultBox .innerBody .btnCoupon {
position: -webkit-sticky;
position: sticky;
bottom: 0px;
align-self: flex-end;
padding: 2rem 0;
background: #FFF;
margin-top: 1rem;
border-top: 1px solid #e3e3e3;
text-align: center; }
.resultBox .innerBody .btnCoupon li {
display: inline-block;
border: 1px solid #E60012;
margin: 0 .5rem; }
.resultBox .innerBody .btnCoupon li a {
display: inline-block;
padding: .5rem 1rem;
border: 2px solid #FFF;
background: #E60012;
color: #FFF;
text-decoration: none;
transition: .3s;
/* なめらか変化 */ }
.resultBox .innerBody .btnCoupon li a[target="_blank"]:after {
font-size: 14px;
font-size: 0.875rem;
line-height: 100%;
content: "launch";
vertical-align: middle; }
.resultBox .innerBody .btnCoupon li a:hover, .resultBox .innerBody .btnCoupon li a :active, .resultBox .innerBody .btnCoupon li a :focus {
background: #ff6772; }

.shopList {
margin: 1rem auto;
max-width: 980px;
width: 95%; }
.shopList h3 {
border-bottom: 1px solid #333;
/* padding-top: 4rem; */
padding-top: 2rem;
font-size: 1.5rem; }
@media only screen and (max-width: 780px) {
.shopList h3 {
font-size: 1.25rem; } }
.shopList a {
text-decoration: none; }
.shopList dl {
padding: .5rem;
border-bottom: 1px solid #e3e3e3;
display: -webkit-box;
display: -moz-box;
display: -ms-flexbox;
display: -webkit-flex;
-js-display: flex;
display: flex;
-webkit-align-self: stretch;
-moz-align-self: stretch;
-ms-align-self: stretch;
align-self: stretch;
-webkit-justify-content: space-between;
-moz-justify-content: space-between;
-ms-justify-content: space-between;
justify-content: space-between;
-ms-flex-pack: space-between;
-webkit-align-items: center;
-moz-align-items: center;
-ms-align-items: center;
align-items: center; }
.shopList dl dt {
font-size: 20px;
font-size: 1.25rem; }
@media only screen and (max-width: 780px) {
.shopList dl dt {
font-size: 18px;
font-size: 1.125rem; } }
.shopList .linkBox {
border-top: none;
padding: 0 0 0 0; }
.shopList .linkBox ul {
padding-top: 1rem; }
.shopList .linkBox ul:last-child {
padding-bottom: 1rem; }
.shopList .linkBox ul li.btn {
display: inline-block;
border: 1px solid #E60012;
margin: 0 .5rem; }
@media only screen and (max-width: 780px) {
.shopList .linkBox ul li.btn:nth-child(even) {
margin-top: 1rem; } }
.shopList .linkBox ul li.btn a {
display: inline-block;
padding: .5rem 1rem;
border: 2px solid #FFF;
color: #FFF;
background: #E60012;
text-decoration: none;
transition: .3s;
/* なめらか変化 */ }
.shopList .linkBox ul li.btn a[target="_blank"]:after {
font-size: 14px;
font-size: 0.875rem;
line-height: 100%;
content: "launch";
vertical-align: middle; }
.shopList .linkBox ul li.btn a:hover, .shopList .linkBox ul li.btn a :active, .shopList .linkBox ul li.btn a :focus {
background: #ff6772; }

.appArea {
margin: 0 auto 1em;
width: 90%;
max-width: 780px;
padding-top: 1rem; }
.appArea h3 a {
font-size: 28px;
font-size: 1.75rem;
display: inline-block;
padding: .1rem .8rem;
color: #E60012;
text-decoration: none;
border: 1px solid #E60012;
margin-bottom: 1rem;
transition: .3s;
/* なめらか変化 */ }
@media only screen and (max-width: 780px) {
.appArea h3 a {
font-size: 20px;
font-size: 1.25rem; } }
.appArea h3 a:hover, .appArea h3 a :active, .appArea h3 a :focus {
background: #E60012;
color: #FFF; }
.appArea .imgAppBox {
padding: 1rem 0; }
.appArea > .flexblock {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start; }
.appArea > .flexblock .tkBox, .appArea > .flexblock .cpBox {
width: 49%; }
.appArea > .flexblock .tkBox p, .appArea > .flexblock .cpBox p {
font-size: 28px;
font-size: 1.75rem; }
@media only screen and (max-width: 780px) {
.appArea > .flexblock .tkBox p, .appArea > .flexblock .cpBox p {
font-size: 20px;
font-size: 1.25rem; } }
@media only screen and (max-width: 780px) {
.appArea > .flexblock {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap; }
.appArea > .flexblock .tkBox, .appArea > .flexblock .cpBox {
width: 100%; } }

.tkBox, .cpBox {
padding-top: 1rem; }
.tkBox .titleGuide, .cpBox .titleGuide {
color: #FFF;
font-size: 18px;
font-size: 1.125rem; }
.tkBox ul, .cpBox ul {
padding: 1rem 0; }

.tkBox .titleGuide {
color: #009843;
border-bottom: 3px solid #009843; }

.cpBox .titleGuide {
color: #00a1de;
border-bottom: 3px solid #00a1de; }
.cpBox ul li {
padding: 0 .5rem; }
.cpBox ul li a:hover img, .cpBox ul li a :active img, .cpBox ul li a :focus img {
opacity: 0.75;
filter: alpha(opacity=75); }

.webUser.appNoneDIs {
display: none; }

.showWebUser {
display: none; }
.showWebUser.appShowDIs {
display: inline-block; }

.serviceDetail {
margin: 1rem auto 3rem;
max-width: 1080px;
width: 95%; }
@media only screen and (max-width: 780px) {
.serviceDetail {
padding: 0; } }
.serviceDetail h2 {
font-weight: bold;
text-align: center;
border-bottom: 1px solid #333;
font-size: 28px;
font-size: 1.75rem; }
@media only screen and (max-width: 780px) {
.serviceDetail h2 {
font-size: 18px;
font-size: 1.125rem; } }
.serviceDetail p.leadLine {
padding: 1rem;
font-size: 22px;
font-size: 1.375rem; }
@media only screen and (max-width: 780px) {
.serviceDetail p.leadLine {
font-size: 16px;
font-size: 1rem;
text-align: left; } }
.serviceDetail .flexblock {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
padding-bottom: 2rem;
border-bottom: 1px solid #333; }
.serviceDetail .couponDetail {
width: 48%;
padding: 2rem 0 0; }
@media only screen and (max-width: 780px) {
.serviceDetail .couponDetail {
width: 100%; } }
.serviceDetail .couponDetail .titBox {
padding: .5rem;
background: #333; }
.serviceDetail .couponDetail span.titS {
text-align: center;
font-size: 24px;
font-size: 1.5rem;
color: #FFF; }
@media only screen and (max-width: 780px) {
.serviceDetail .couponDetail span.titS {
font-size: 18px;
font-size: 1.125rem; } }
.serviceDetail .couponDetail h3 {
text-align: center;
color: #FFF;
line-height: 100%;
font-size: 35px;
font-size: 2.1875rem;
font-weight: bold; }
@media only screen and (max-width: 780px) {
.serviceDetail .couponDetail h3 {
font-size: 24px;
font-size: 1.5rem; } }
.serviceDetail .couponDetail p {
font-size: 18px;
font-size: 1.125rem;
text-align: left;
padding: .8rem 0; }
.serviceDetail .couponDetail dt {
cursor: pointer;
display: block;
padding: .5rem 1rem;
border: 2px solid #FFF;
background: #e3e3e3;
text-decoration: none;
transition: .3s;
/* なめらか変化 */ }
.serviceDetail .couponDetail dt:hover, .serviceDetail .couponDetail dt :active, .serviceDetail .couponDetail dt :focus {
background: #333;
color: #FFF; }
.serviceDetail .couponDetail dt.dtOpen span {
display: none; }
.serviceDetail .couponDetail dt.dtOpen:before {
content: "閉じる"; }
.serviceDetail .couponDetail dd {
font-size: 16px;
font-size: 1rem;
text-align: left;
display: none;
padding: 1rem 0; }

.shopDetail {
margin: 3rem auto 3rem;
max-width: 1080px;
width: 95%;
padding: 2rem;
border: 5px solid #e3e3e3; }
.shopDetail h3 {
font-weight: bold;
text-align: center;
font-size: 20px;
font-size: 1.25rem; }
@media only screen and (max-width: 780px) {
.shopDetail h3 {
font-size: 16px;
font-size: 1rem; } }
.shopDetail .flexblock {
-webkit-flex-wrap: wrap;
-moz-flex-wrap: wrap;
-ms-flex-wrap: wrap;
flex-wrap: wrap;
-webkit-align-items: flex-start;
-moz-align-items: flex-start;
-ms-align-items: flex-start;
align-items: flex-start;
-webkit-justify-content: center;
-moz-justify-content: center;
-ms-justify-content: center;
justify-content: center;
-ms-flex-pack: center; }
.shopDetail .flexblock li {
padding: 1rem 0;
text-align: center; }
.shopDetail .flexblock li a figure {
display: inline-block; }
.shopDetail .flexblock li a figure img {
padding: 1rem;
display: inline-block; }
.shopDetail .flexblock li a:hover img, .shopDetail .flexblock li a :active img, .shopDetail .flexblock li a :focus img {
opacity: 0.75;
filter: alpha(opacity=75); }
@media only screen and (max-width: 780px) {
.shopDetail .flexblock li {
width: 100%; } }