@import url(https://fonts.googleapis.com/earlyaccess/roundedmplus1c.css);

/*@charset "utf-8";*/
*{
	margin: 0;
	padding: 0;
	box-sizing: border-box;
	-webkit-appearance: none;
/*    border: solid 1px black;/**/
}

/* ルール：マージンについて
	上下の余幅は基本的に上の要素で指定。（上の要素がmargin-bottomで処理）
	しかし影響の責任というか関係性が明らかであるものはその限りではない。
*/
/**/

/**/
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼HTML共通部分 */

.msg {
  color: whitesmoke;
  text-align:center;
  font-size: 120px;
  width:100%;
  position:absolute;
  pointer-events: none; 
}

.msg_black {
  color: black;
  text-align:center;
  font-size: 120px;
  width:100%;
  position:absolute;
  pointer-events: none; 
}

.box25{
    position: relative;
    background: #fff0cd;
    box-shadow: 0px 0px 0px 5px #fff0cd;
    border: dashed 2px white;
    padding: 0.2em 0.5em;
    color: #454545;
}
.box25:after{
    position: absolute;
    content: '';
    border-width: 0 15px 15px 0;
    border-style: solid;
    border-color: #ffdb88 #fff #ffdb88;
}
.box25 p {
    margin: 0; 
    padding: 0;
}

.form-select-wrap{
  display: flex;
  width: 30%;
}
.form-select-wrap > select{
  padding:16px;
  border: 2px solid #c9ced1;
  font-size: 42px;
  color: #333;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #fafafa;
  margin-bottom: 5px;
}

.c-block-input__items {
  margin-bottom: 32px
}

.c-block-input__title {
  font-size: 32px;
  font-weight: 700;
  margin-bottom: 10px;
  display: block
}

.c-block-input__checkbox input[type=checkbox] {
  display: none
}

.c-block-input__checkbox label {
  box-sizing: border-box;
  display: inline-block;
  padding: 3px 0 3px 100px;
  position: relative;
  width: auto;
  text-align: center;
}

.c-block-input__checkbox label::before {
  content: "";
  display: block;
  background: #fff;
  border: 4px solid #333;
  width: 35px;
  height: 35px;
  position: absolute;
  left: 70px;
  top: 10%;
  margin-top: -6px
  text-align: center;
}

.c-block-input__checkbox label::after {
  content: "";
  display: block;
  border-right: 8px solid #E6A54D;
  border-bottom: 8px solid #E6A54D;
  width: 10px;
  height: 18px;
  position: absolute;
  left: 80px;
  top: 30%;
  margin-top: -6px;
  opacity: 0;
  transform: rotate(45deg)
}

.c-block-input__checkbox input[type=checkbox]:checked+label::after {
  opacity: 1
}

.progressbar {
    position: relative;
    margin: 0;
    padding: 0;
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
}
.progressbar li {
    position: relative;
    list-style-type: none;
    text-align: center;
    text-transform: uppercase;
    width: 11.111%;
    color: #999999;
    font-weight: bold;
}
.progressbar li:before {
    display: block;
    width: 18px;
    height: 18px;
    margin: 7px auto 20px auto;
    content: '';
    text-align: center;
    border-radius: 50%;
    background-color: #F5F5F5;
}
.progressbar li:after {
    position: absolute;
    z-index: -1;
    top: 15px;
    left: -50%;
    width: 100%;
    height: 2px;
    content: '';
    background-color: #F5F5F5;
}
.progressbar li:first-child:after {
    content: none;
}
.progressbar li.active,
.progressbar li.complete{
    color: #0070BD;
}
.progressbar li.active:before,
.progressbar li.complete:before {
    background-color: #0070BD;
}
.progressbar li.active:after,
.progressbar li.complete:after {
    background-color: #0070BD;
}

.load-wrapp {
  width: 100%;
  height: 100%;
  text-align: center;
}

.load-wrapp p {
  padding: 0 0 40px;
  font-size: 32px
  color: white;
}

@media screen and (orientation: landscape) {
   /* 横向きの場合のスタイル */
  .load-wrapp:last-child {
    margin-top: 20%;
  }
}

@media screen and (orientation: portrait) {
   /* 横向きの場合のスタイル */
  .load-wrapp:last-child {
    margin-top: 40%;
  }
}

.line {
  display: inline-block;
  width: 45px;
  height: 45px;
  margin: 15px;
  border-radius: 30px;
  background-color: #4b9cdb;
}

.load-3 .line:nth-last-child(1) {
  animation: loadingC 0.6s 0.1s linear infinite;
}
.load-3 .line:nth-last-child(2) {
  animation: loadingC 0.6s 0.2s linear infinite;
}
.load-3 .line:nth-last-child(3) {
  animation: loadingC 0.6s 0.3s linear infinite;
}
.load-3 .line:nth-last-child(4) {
  animation: loadingC 0.6s 0.4s linear infinite;
}

.load-4 .ring-1 {
  animation: loadingD 1.5s 0.3s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}

.load-7 .square {
  animation: loadingG 1.5s cubic-bezier(0.17, 0.37, 0.43, 0.67) infinite;
}

.ring-1 {
  width: 300px;
  height: 300px;
  margin: 0 auto;
  padding: 10px;
  border: 40px dashed #4b9cdb;
  border-radius: 100%;
}

.square {
  width: 52px;
  height: 52px;
  border-radius: 4px;
  margin: 0 auto;
  background-color: #E94545;
}

@keyframes loadingC {
  0 {
    transform: translate(0, 0);
  }
  50% {
    transform: translate(0, 15px);
  }
  100% {
    transform: translate(0, 0);
  }
}

@keyframes loadingD {
  0 {
    transform: rotate(0deg);
  }
  50% {
    transform: rotate(180deg);
  }
  100% {
    transform: rotate(360deg);
  }
}

@keyframes loadingG {
  0% {
    transform: translate(-200px, 0) rotate(0deg);
  }
  50% {
    transform: translate(0, 0) rotate(360deg);
  }
  100% {
    transform: translate(200px, 0) rotate(360deg);
  }
}

#overlay{ 
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}

#overlay2{ 
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height: 60%;
  display: none;
  background: rgba(0,0,0,0);
}

#overlay3{ 
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.6);
}

#overlay4{ 
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.9);
}

#overlay5{ 
  position: fixed;
  top: 0;
  z-index: 100;
  width: 100%;
  height:100%;
  display: none;
  background: rgba(0,0,0,0.9);
}

.heading_border {
  position: relative;
  width: 80%;
  padding-bottom: 20px;
  font-size: 24px;
  color: white;
  left: 10%;
  top: 52%;
  padding: 1em 2em;
  text-align: center;
}

.heading_border:before,
.heading_border:after {
  position: relative;
  content: '';
}

.heading_border:after {
  left: 5%;
  top: 10%;
  width: 100px;
  height: 100px;
  border-right: 16px solid #E94545;
}

.heading_border:before {
  right: 5%;
  bottom: 10%;
  width: 100px;
  height: 100px;
  border-right: 16px solid #E94545;
}

.heading16 {
  position: relative;
  padding-bottom: 60px;
  font-size: 42px;
  color: white;
  text-align: center;
  top: 50%;
}

.heading16::after {
  content: '';
  position: absolute;
  bottom: 0;
  left: 50%;
  transform: translateX(-50%);
  width: 0;
  height: 0;
  border-style: solid;
  border-width: 30px 24px 0 24px;
  border-color: white rgba(0,0,0,0) rgba(0,0,0,0) rgba(0,0,0,0);
}

.cv-spinner {
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;  
}
.spinner {
  width: 120px;
  height: 120px;
  border: 12px #ddd solid;
  border-top: 12px #2e93e6 solid;
  border-radius: 50%;
  animation: sp-anime 0.8s infinite linear;
}
@keyframes sp-anime {
  100% { 
    transform: rotate(360deg); 
  }
}
.is-hide{
  display:none;
}

@keyframes blink{
    0% {opacity:0.25;}
    100% {opacity:1;}
}

.blinking{
    animation:blink 1s ease-in-out infinite alternate;
}

header {
  width:1200px;
}

section {
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25%;
}

#badges{
  width: 50px;
  height: 50px;
  background-color: #ddd;
  border-radius: 12px;
  position: relative;
  margin: 20px;
}
#badges[data-num="0"]::before {
  display: none;
}
#badges::before {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    content: attr(data-num);
    min-width: 20px;
    height: 20px;
    box-sizing: border-box;
    padding: 4px;
    font-size: 10px;
    font-weight: bold;
    background-color: #ef5350;
    border: 1px solid #fff;
    border-radius: 10px;
    top: 0;
    right: 0;
    transform: translate(40%, -40%);
    z-index: 1;
}

#kikaku_frame {
  display: none;
}

#kikaku_frame h1 {
  display: none;
}

#kikaku_frame menu {
  list-style-type: none;
  width: 100%;
  display:grid;
  column-gap: 1em;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 300px;
  margin: 24px 0px 0px 0px;
}

#kikaku_frame ul {
  display: none;
  list-style-type: none;
  width: 100%;
  display:grid;
  column-gap: 1em;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 300px;
  margin: 24px 0px 0px 0px;
}

#kikaku_frame li {
  display: none;
}

#fc_okazu_frame {
  display: none;
}

#fc_okazu_frame h1 {
  display: none;
}

#fc_okazu_frame ul {
  display: none;
  list-style-type: none;
  width: 100%;
  display:grid;
  column-gap: 1em;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 300px;
  margin: 24px 0px 0px 0px;
}

#fc_okazu li {
  display: none;
}

footer{
    position: fixed;/*←絶対位置*/
    top: 0px; /*下に固定*/
}

footer ul {
  list-style-type: none;
  width: 100%;
  display:grid;
  column-gap: 1em;
  grid-template-columns: 1fr 1fr 1fr 1fr;
  grid-template-rows: 150px 100px 50px auto;
  margin: 6px 0px 0px 0px;
}

ul.menu {
  list-style-type: none;
  width: 100%;
  display:grid;
  column-gap: 1em;
  grid-template-columns: 1fr 1fr;
  grid-template-rows: 300px;
  margin: 24px 0px 0px 0px;
}

li.menu {
  border-radius: 10px;
  margin: 2px;
}

a.menu {
  font-size: 40px;
  border-radius: 10px;
  text-align: center;
}

p.menu {
  font-size: 46px;
  border-radius: 10px;
  text-align: center;
}

p.top_menu {
  font-size: 46px;
  border-radius: 10px;
  text-align: center;
  padding: 30px;
  margin: auto;
}

ul.kikaku_menu {
  display:grid;
  list-style-type: none;
  width: 100%;
  height: 165px;
  grid-template-columns: 1fr;
  margin-left: 10px;
  margin-right: 40px;
  grid-gap: 10px;
}

li.kikaku_menu {
  width: 100%;
  height: 165px;
  border-radius: 10px;
  margin: 2px;
}

#container {
  display: grid;
  grid-template-columns: 180px 1fr;
}

.pan {
  margin: 18px 0px 0px 0px;
  width: 160px;
  height: 160px;
}

.small_icon {
  margin: 0px 0px 0px 0px;
  width: 40px;
  height: 40px;
}

.very_small_icon {
  margin: auto;
  width: 20px;
  height: 20px;
}

.toka_icon {
  position: absolute;
  z-index:2;
  margin: 10px;
  width: 50px;
  height: 50px;
}

.badge {
  font-size: 42px;
  margin: 0 50px;
}

footer li {
  font-size: 26px;
  border-radius: 10px;
  margin: 2px;
}

footer div:nth-child(1){
  background-color: #fefefe;
}

footer div:nth-child(2){
  background-color: #e0e0e0;
  transform: translate(0%, 0%);
  height: 11%;
  position: fixed;
  bottom: 0px;
  width: 100%;
  text-align: right;
  padding-left: 50px;
  padding-right: 50px;
  border-top: solid 2px white;
  bottom: 0; /*下に固定*/
}

footer .footerIMG01 {
  margin: 13px 0px 0px 0px;
  width: 80px;
  height: 80px;
}

footer dt.menu {
  height: 180px;
  border-radius: 10px;
  background: #FFF;
  padding-left: 10px;
}

footer a.menu {
  display:block;
  height: 160px;
  text-align: center;
  font-size: 30px;
  color: #FFF;
  text-decoration: none;
  margin: 6px 0px 0px 0px;
}

footer p.menu {
  display:block;
  text-align: center;
  font-size: 34px;
  color: #333;
  text-decoration: none;
  transform: translate(0%, 0%);
  margin: 3px 0px 0px 0px;
}

footer p.menu_small {
  display:block;
  text-align: center;
  font-size: 32px;
  color: #333;
  text-decoration: none;
  transform: translate(0%, 0%);
  margin: 0px 0px 0px 0px;
}

dt.search_menu {
  background: #F0F4C3;
  border-bottom: dashed 8px white;
  border-radius: 10px;

}


/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲HTML共通部分 */
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼スタイル共通部分 */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼林おためし追加 */

html, body {
  font-family: 'Rounded Mplus 1c';
}

h1.customer_info {
  font-size: 38px;
  text-align: center;
}

.datepicker {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  max-height : 95%;
  transform: translate(0%, 3%);
  background:#eff3f6;
  z-index:2;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
}
  
.datepicker-header {
    z-index:2;
    height: 400px;
    background-position: center center;
    background-size: 100%;
}

.ui-datepicker-inline {
    padding: 30px;
}

.ui-datepicker-header {
  text-align: center;
  padding-bottom: 1em;
  text-transform: uppercase;
  letter-spacing: .1em;
  font-size: 2.5em;
  text-align: center;
  
  .ui-datepicker-next {
    float: right;
  }
}

.ui-datepicker-prev,
.ui-datepicker-next {
  display: inline;
  float: left;
  cursor: pointer;
  font-size: 2.4em;
  padding: 0 20px;
  margin-top: -10px;
  color: #CCC;
}

.ui-datepicker-calendar {
  width: 100%;
  text-align: left;
  font-size: 32px;
}

.ui-state-default {
  text-decoration: none;
  color: #444;
}

.ui-state-highlight {
  border-color: #f2cf01;
  color: #333;
  font-weight: bold;
}

.ui-datepicker-calendar thead {
  color: #CCC;
}

.ui-datepicker-calendar td {
  background: #FFF;
  padding:16px;
}

.ui-datepicker-calendar td:hover {
  background: #cacaca;
  color: #fff;
}

.class-enable > .ui-state-default {
color: #333;
}
.class-disable > .ui-state-default {
color: #acae98;
}

.btn00 {
  display:block;
  width: 200px;
  max-width: 200px;
  border: 2px solid #333 !important;
  font-size: 36px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

.btn00:hover {
  background-color: #f8e352;
  border-color: #56a764;
  color: #333;
}

.btn01 {
  display:block;
  width: 200px;
  max-width: 200px;
  border: 2px solid #333 !important;
  font-size: 32px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  margin-bottom: 5px;
  background-color: #eff3f6;
}

.btn02 {
  display:block;  
  width: 200px;
  max-width: 200px;
  border: 2px solid #333 !important;
  font-size: 32px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  margin-bottom: 5px;
  background-color: #eff3f6;
}

.btn03 {
  display:block;
  width: 200px;
  max-width: 200px;
  border: 2px solid #333 !important;
  font-size: 32px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  margin-bottom: 5px;
  background-color: #eff3f6;
}

.btn04 {
  display:block;  
  width: 200px;
  max-width: 200px;
  border: 2px solid #333 !important;
  font-size: 30px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  margin-bottom: 5px;
  background-color: #eff3f6;
}

.btn05 {
  display:block;
  width: 200px;
  max-width: 200px;
  border: 2px solid #333 !important;
  font-size: 28px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

.btn06 {
  display:block;
  width: 220px;
  max-width: 220px;
  border: 2px solid #333 !important;
  font-size: 32px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #d6d680;
  margin-bottom: 5px;
}

.btn07 {
  display:block;
  width: 100%;
  border: 2px solid #c9ced1 !important;
  font-size: 24px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

.btn08 {
  display:block;
  width: 100%;
  border: 2px solid #FFF !important;
  font-size: 28px;
  color: #333;
  text-align: left;
  font-weight: bold;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 2px;
}

.btn09 {
  display:block;
  width: 400px;
  max-width: 400px;
  font-size: 36px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

.btn10 {
  display:block;
  width: 240px;
  max-width: 240px;
  border: 2px solid #333 !important;
  font-size: 32px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  margin-bottom: 5px;
  background-color: #eff3f6;
}

.btn11 {
  display:block;
  width: 220px;
  max-width: 220px;
  border: 2px solid #333 !important;
  font-size: 28px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

.btn12 {
  display:block;
  width: 220px;
  max-width: 220px;
  border: 2px solid #333 !important;
  font-size: 28px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #eff3f6;
  margin-bottom: 5px;
}

.btn13 {
  display:block;  
  width: 240px;
  max-width: 240px;
  border: 2px solid #333 !important;
  font-size: 28px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  margin-bottom: 5px;
  background-color: #eff3f6;
}

.btn14 {
  display:block;  
  width: 240px;
  max-width: 240px;
  border: 2px solid #333 !important;
  font-size: 28px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  margin-bottom: 5px;
  background-color: #fff;
}

.btn15 {
  display:block;
  width: 200px;
  max-width: 200px;
  border: 2px solid #c9ced1;
  font-size: 36px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

.btn16 {
  display:block;
  width: 200px;
  max-width: 200px;
  border: 2px solid #c9ced1;
  font-size: 36px;
  color: #757575;
  font-weight: bold;
  padding:16px;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

.btn17 {
  display:block;
  width: 200px;
  max-width: 200px;
  height: 100px;
  max-height: 100px;
  border: 2px solid #333 !important;
  font-size: 36px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

.btn18 {
  display:block;
  width: 150px;
  max-width: 150px;
  border: 2px solid #333 !important;
  font-size: 28px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

.btn19 {
  display:block;  
  width: 150px;
  max-width: 150px;
  border: 2px solid #333 !important;
  font-size: 30px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  margin-bottom: 5px;
  background-color: #eff3f6;
}

.btn20 {
  display:block;  
  width: 150px;
  max-width: 150px;
  border: 2px solid #333 !important;
  font-size: 28px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  margin-bottom: 5px;
  background-color: #eff3f6;
}

.btnProduct_name_h {
  display:block;
  width: 420px;
  max-width: 420px;
  border: 2px solid #333 !important;
  font-size: 28px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

.btnProduct_name_d {
  display:block;
  width: 420px;
  max-width: 420px;
  border: 2px solid #333 !important;
  font-size: 32px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

#header_midasi {
	text-align: center;
	font-size: 50px;
	margin: 10px;
	color: #755328;
}

.midashi {
  position: relative;
  padding-left: 1em;
  font-size: 38px;
}

.midashi span {
  position: absolute;
  top: 0;
  left: 0;
  padding: 0 1.5rem;
  color: #fff;
  border-radius: 10px;
  background: #E94545;
}

.midashi span i {
  margin-right: 1rem;
}

.midashi span:after {
  position: absolute;
  top: calc(50% - 7px);
  right: -11px;
  width: 0;
  height: 0;
  content: '';
  border-width: 7px 0 7px 12px;
  border-style: solid;
  border-color: transparent transparent transparent #E94545;
}

.btnDL_midashi {
  display:block;
  width: 600px;
  max-width: 600px;
  border: 2px solid #333 !important;
  font-size: 36px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

.btnDL {
  display:block;
  width: 600px;
  max-width: 600px;
  border: 2px solid #333 !important;
  font-size: 26px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

.btnOCR_midashi {
  display:block;
  width: 600px;
  max-width: 600px;
  border: 2px solid #333 !important;
  font-size: 30px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  margin-bottom: 5px;
  background-color: #eff3f6;
}

.btnOCR_midashi_d {
  display:block;
  width: 600px;
  max-width: 600px;
  border: 2px solid #333 !important;
  font-size: 30px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  margin-bottom: 5px;
  background-color: #FFF;
}

.btnOCR {
  display:block;
  width: 600px;
  max-width: 600px;
  border: 2px solid #333 !important;
  font-size: 28px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

.btnOCR_q {
  display:block;
  width: 200px;
  max-width: 200px;
  border: 2px solid #333 !important;
  font-size: 28px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #d6d680;
  margin-bottom: 5px;
}

.btnCH01 {
  display:block;
  width: 120px;
  max-width: 120px;
  border: 2px solid #333 !important;
  font-size: 32px;
  text-align: center;
  color: #333;
  font-weight: bold;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;;
  margin-bottom: 5px;
  padding:16px;
  background-color: #eff3f6;
}

.btnCH02 {
  display:block;
  width: 120px;
  max-width: 120px;
  border: 2px solid #333 !important;
  font-size: 32px;
  color: #333;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  margin-bottom: 5px;
  padding:16px;
  background-color: #eff3f6;
}

.btnCH03 {
  display:block;
  width: 120px;
  max-width: 120px;
  border: 2px solid #333 !important;
  font-size: 32px;
  color: #333;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  margin-bottom: 5px;
  padding:16px;
  background-color: #eff3f6;
}

.btnCH {
  display:block;
  width: 120px;
  max-width: 120px;
  border: 2px solid #333 !important;
  font-size: 30px;
  color: #333;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

.btnCONF {
  display:block;
  width: 100%;
  border: 2px solid #FFF !important;
  font-size: 18px;
  color: #333;
  text-align: left;
  font-weight: bold;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 2px;
}

.btnCalendar {
  display:block;
  width: 260px;
  max-width: 260px;
  border: 2px solid #333 !important;
  font-size: 36px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  background-color: #eff3f6;
  margin-bottom: 5px;
}

.btnCalendar_d {
  display:block;
  width: 260px;
  max-width: 260px;
  border: 2px solid #333 !important;
  font-size: 36px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

.btnCalendar_name {
  display:block;
  width: 320px;
  max-width: 320px;
  border: 2px solid #333 !important;
  font-size: 36px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  background-color: #eff3f6;
  margin-bottom: 5px;
}

.btnCalendar_name_d {
  display:block;
  width: 320px;
  max-width: 320px;
  border: 2px solid #333 !important;
  font-size: 32px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: left;
  border-radius: 4px;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

.btnCalendar_name_under {
  display:block;
  width: 380px;
  max-width: 380px;
  border: 2px solid #333 !important;
  font-size: 36px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  background-color: #eff3f6;
  margin-bottom: 5px;
}

.btnCalendar_name_under_d {
  display:block;
  width: 380px;
  max-width: 380px;
  border: 2px solid #333 !important;
  font-size: 32px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: left;
  border-radius: 4px;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

.btnReg {
  display:block;
  width: 80px;
  max-width: 80px;
  border: 2px solid #333 !important;
  font-size: 24px;
  color: #333;
  font-weight: bold;
  padding:10px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  background-color: #eff3f6;
  margin-bottom: 5px;
}

.btnReg_d {
  display:block;
  width: 80px;
  max-width: 80px;
  border: 2px solid #333 !important;
  font-size: 24px;
  color: #333;
  font-weight: bold;
  padding:10px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

.btnRem {
  display:block;
  width: 100%;
  border: 2px solid #c9ced1 !important;
  font-size: 32px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

.btnACL_h {
  display:block;
  width: 200px;
  max-width: 200px;
  border: 2px solid #333 !important;
  font-size: 24px;
  color: #333;
  background-color: #eff3f6;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  margin-bottom: 5px;
}

.btnACL_d {
  display:block;
  width: 200px;
  max-width: 200px;
  border: 2px solid #333 !important;
  font-size: 32px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 10px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

.btnACL_d2 {
  display:block;
  width: 200px;
  max-width: 200px;
  border: 2px solid #333 !important;
  font-size: 32px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 10px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin: 0px 50px 0px 0px;
}

.btnKIKAKU {
  display:block;
  width: 600px;
  max-width: 600px;
  font-size: 28px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
  padding:16px;
}

.btnKIKAKU_p {
  display:block;
  width: 100%;
  max-width: 100%;
  font-size: 28px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
  padding:16px;
}

.btnKIKAKU_under_line {
  display:block;
  width: 100%;
  max-width: 100%;
  font-size: 28px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin: 5px;
  border-bottom: solid 6px #ff758f;
}

.btnKIKAKU_d {
  display:block;
  width: 100%;
  max-width: 100%;
  font-size: 28px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
  padding:16px;
}

.btnKIKAKU_m {
  display:block;
  width: 100%;
  font-size: 32px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
  padding:16px;
}

.cp_ipselect {
	position: relative;
	width: 90%;
	margin: 2em auto;
	text-align: center;
}
.cp_sl06 {
	position: relative;
	font-family: inherit;
	background-color: transparent;
	width: 100%;
	padding: 10px 10px 10px 0;
	font-size: 32px;
	border-radius: 0;
	border: none;
	border-bottom: 1px solid rgba(0,0,0, 0.3);
}
.cp_sl06:focus {
	outline: none;
	border-bottom: 1px solid rgba(0,0,0, 0);
}
.cp_ipselect .cp_sl06 {
	appearance: none;
	-webkit-appearance:none
}
.cp_ipselect select::-ms-expand {
	display: none;
}
.cp_ipselect:after {
	position: absolute;
	top: 18px;
	right: 10px;
	width: 0;
	height: 0;
	padding: 0;
	content: '';
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid rgba(0, 0, 0, 0.3);
	pointer-events: none;
}
.cp_sl06_selectlabel {
	color: rgba(0,0,0, 0.5);
	font-size: 32px;
	font-weight: normal;
	position: absolute;
	pointer-events: none;
	left: 0;
	top: 10px;
	transition: 0.2s ease all;
}
.cp_sl06:focus ~ .cp_sl06_selectlabel, .cp_sl06:valid ~ .cp_sl06_selectlabel {
	color: #da3c41;
	top: -20px;
	transition: 0.2s ease all;
	font-size: 14px;
}
.cp_sl06_selectbar {
	position: relative;
	display: block;
	width: 100%;
}
.cp_sl06_selectbar:before, .cp_sl06_selectbar:after {
	content: '';
	height: 2px;
	width: 0;
	bottom: 1px;
	position: absolute;
	background: #da3c41;
	transition: 0.2s ease all;
}
.cp_sl06_selectbar:before {
	left: 50%;
}
.cp_sl06_selectbar:after {
	right: 50%;
}
.cp_sl06:focus ~ .cp_sl06_selectbar:before, .cp_sl06:focus ~ .cp_sl06_selectbar:after {
	width: 50%;
}
.cp_sl06_highlight {
	position: absolute;
	top: 25%;
	left: 0;
	pointer-events: none;
	opacity: 0.5;
}

.cp_iptxt {
    position: relative;
    width: 100%;
    margin: 40px 0%;
}
.cp_iptxt input[type='date'] {
  font: 15px/24px sans-serif;
  box-sizing: border-box;
  width: 100%;
  height: 110px;
  background-color: #dfd4be;
  font-size: 30px;
  padding: 0.3em;
  padding-left: 40px;
  letter-spacing: 1px;
  border: 0;
}
.cp_iptxt input[type='date']:focus {
  outline: none;
}
.cp_iptxt input[type='date']:focus::after {
  outline: none;
}

.cp_iptxt::after {
  display: block;
  width: 100%;
  height: 4px;
  margin-top: -1px;
  content: '';
  border-width: 0 1px 1px 1px;
  border-style: solid;
  border-color: #da3c41;
}

.cp_ipsmt input[type='submit']{
  border: none;
  display: block;
  width: 100%;
  max-width: 300px;
  height: 110px;
  padding: 10px;
  border-radius: 5px;
  background-color: #333;
  color: #fff;
  font-size: 24px;
  font-weight: bold;
  appearance: none;
  -webkit-appearance: none;
  -moz-appearance: none;
  cursor: pointer;
  margin: 0 auto;
}

h1.download_date {
  position: relative;
  color: #000;
  background: #c7ddae;
  font-size: 28px;
  line-height: 1.4;
  padding: 0.5em 0.5em 0.5em 1.8em;
}

h1.download_date:before {
  position: absolute;
}

.btn-circle {
  display: inline-block;
  text-decoration: none;
  color: #000;
  font-weight: 700;
  font-size: 32px;
  background-color: #FFF;
  letter-spacing: 1.5px;
   width: 100%;
  height: 110px;
  text-align: left;
  padding: 24px;
  position: relative;
  opacity: 1 !important;
  transition: all 0.4s;
  overflow: hidden;
  border: none;
}
.btn-circle:before {
  content: "";
  display: block;
  width: 100%;
  height: 220px;
  background-color: #f8e352;
  border-radius: 0%;
  position: absolute;
  left: 0;
  bottom: 0;
  transform: translate(-100%, 100%);
  transition: all 0.4s;
  pointer-events: none;
}
.btn-circle:after {
  content: "";
  width: 8px;
  height: 8px;
  background-color: #FFF;
  border-radius: 0%;
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  right: 18px;
  transition: all 0.4s;
}
.btn-circle:hover {
  color: #000;
  box-shadow: 0px 10px 20px rgba(0, 0, 0, 0.2);
}
.btn-circle:hover:after {
  width: 0;
  height: 0;
  border-radius: 0;
  background-color: transparent;
  border-style: solid;
  border-width: 5px 0 5px 6px;
  border-color: transparent transparent transparent #FFF;
  right: 12px;
}
.btn-circle:hover:before {
  transform: translate(-12px, 60px);
}
.btn-circle span {
  position: relative;
  z-index: 99;
}

.ScrollTop {
  position: fixed;
  top:  150px;
  left: 50px;
  width: 250px;
  height: 100px;
  font-size: 32px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #261e1c;
  color: #fff;
  text-decoration: none;
  opacity: 0;
  transition: all 0.65s;
}
.ScrollTop.isActive {
  opacity: 1;
  transition: all 0.65s;
}

.regularScrollTop {
  position: fixed;
  top:  150px;
  left: 15px;
  width: 350px;
  max-width: 350px;
  height: 100px;
  font-size: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #356c92;
  color: #fff;
  text-decoration: none;
  opacity: 0;
  transition: all 0.65s;
  border-radius: 20px;
}

.historyScrollTop {
  position: absolute;
  top:  640px;
  left: 15px;
  width: 350px;
  max-width: 350px;
  height: 110px;
  font-size: 36px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #333;
  color: #fff;
  text-decoration: none;
  opacity: 0;
  transition: all 0.65s;
  border-radius: 10px;
}

.historyScrollTop.isActive {
  opacity: 1;
  transition: all 0.65s;
}

.addOrderScrollTop.isActive {
  opacity: 1;
  transition: all 0.65s;
}

.addOrderScrollTop {
  position: fixed;
  top:  150px;
  left: 15px;
  width: 400px;
  max-width: 400px;
  height: 100px;
  font-size: 34px;
  display: flex;
  justify-content: center;
  align-items: center;
  background: #E94545;
  color: #FFF;
  text-decoration: none;
  opacity: 0;
  transition: all 0.65s;
  border-radius: 20px;
}
.regularScrollTop.isActive {
  opacity: 1;
  transition: all 0.65s;
}

/* ホワイトボード風　タイトル　3 */
.wboard-w3 {
 position: relative;
 margin: 2em auto;
 padding: 3em 1em 1em;
 width: 100%; /* ボックス幅 */
 background-color: #fff; /* ボックス背景色 */
 color: #000000; /* 文章色 */
 border: 5px solid #c6c6c6; /* 枠線 */
 box-shadow: 0 0 8px #333, 0 0 2px #555 inset;
}
.wboard-w3::before,
.wboard-w3::after {
 position: absolute;
 content: '';
 bottom: 4px;
 width: 25px; 
 border-radius: 2px;
 box-shadow: 1px 1px 3px #666;
} 
.wboard-w3::before {
 right: 60px;
 border: solid 3px #333; /*飾ペン黒 */
 transform: rotate(2deg); /*飾ペン角度 */
}
.wboard-w3::after {
 right: 22px;
 border: solid 3px #ff0000; /*飾ペン赤 */
 transform: rotate(9deg); /*飾ペン角度 */
}
.title-w3 {
 position: absolute;
 left: 1em;
 top: .5em;
 font-weight: bold;
 font-size: 1.2em; /* 文字サイズ */
 color: #ff0000; /* タイトル文字色 */
 border-style: none none solid;
 border-color: #ff0000; /*タイトル下線 */
 border-width: 3px;
}

.box5{
	background-color: #fff;	/* 背景色 */
	border: 2px solid #D5D5D5;	/* 線の太さ・種類・色 */
	border-radius: 40px;
	margin: 40px 5px 5px 20px;	/* 外側の余白 上・右・左・下 */
	padding: 25px 20px 10px 20px;	/* 内側の余白 上・右・左・下 */
	position: relative;
}
.box5:before{
	background-color: #E94545;	/* 吹き出し背景色 */
	border-radius: 40px;
	color: #fff;	/* 吹き出し文字色 */
	content: '注文週選択';
	padding: 5px 20px;
	position: absolute;
	left: -10px;
	top: -20px;
	font-size: 28px;
}

.Form-Item-Input {
  display:block;
  width: 100%;
  border: 2px solid #c9ced1;
  font-size: 32px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

h1.remarks {
  width: 100%;
  padding: 0.5em;
  background: aliceblue;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.23);
}

#modal-align{
  width: 80%;
  margin: 0 auto;
}

#modal-left{
  width: 90%;
  margin: 0 auto;
}

.modal_facility {
  display:block;
  width: 800px;
  max-width: 800px;
  font-size: 32px;
  color: #333;
  background-color: #FFF;
  text-align: left;
  transition: .4s;
  text-decoration: none;
}

#hidden_menu_week {
  display:none;
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲林追加 */

#midasi {
	text-align: center;
	font-size: 3em;
	margin-bottom: 20px;
	color: #755328;
}

#gray {
  background-image: url("../img/prism.png");
	width: 1200px;
	height: 1400px;
	background-color: #F8F6F2;
	padding: 30px 0;
	text-align: center;
	color: #755328;
}

#gray > * {
	width: 80%;
	margin: 0 auto;
}

#gray hr {
	padding: 0 40px;
	border: dashed 1px #D5D5D5;
	margin-bottom: 30px;
}

#gray_op {
  background-image: url("../img/prism.png");
	width: 1200px;
	height: 1400px;
	background-color: #F8F6F2;
	text-align: center;
	color: #755328;
}

#gray_op > * {
	width: 1200px;
	margin: 0 auto;
}

#gray_op hr {
	padding: 0 40px;
	border: dashed 1px #D5D5D5;
	margin-bottom: 30px;
}

#gray_o {
	width: 1200px;
	background-color: #F8F6F2;
	text-align: center;
	color: #755328;
}

#gray_o > * {
	width: 1200px;
	margin: 0;
}

#gray_o hr {
	border: dashed 1px #D5D5D5;
	margin-bottom: 30px;
}

#submidasi {
	font-size: 3em;
	margin-bottom: 20px;
}

#submidasi_week {
	font-size: 3em;
	margin-bottom: 20px;
}

.btn2 {
	width: 50%;
	float: left;
	height: 110px;
}

.btn2 > * {
	-webkit-appearance: none;
	border: solid 0px #D5D5D5;
	border-radius: 20px;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
/*　▲欲張りセット▲　*/
	display: block;
	background-color: #E94545;
	color: white;
	text-decoration: none;
	width: 90%;
/*	margin: 0 auto;
*/	height: 110px;
	line-height: 110px;
	font-size: 3em;
}

.btn2:first-child > * {
	margin-left: 0px;
	margin-right: auto;
}

.btn2:nth-last-child(2) > * {
	margin-left: auto;
	margin-right: 0px;
}

.order_btn {
	width: 30%;
	height: 40px;
	text-align:center;
	margin: 0 0 0 auto;
}

.order_btn > * {
	border-radius: 10px;
	text-align: center;
	margin: 0 auto ;
	-webkit-appearance: none;
	border: solid 0px #D5D5D5;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
/*　▲欲張りセット▲　*/
	display: block;
	background-color: #85beab;
	color: white;
	text-decoration: none;
	width: 100%;
/*	margin: 0 auto;
*/	height: 110px;
	line-height: 110px;
	font-size: 2.5em;
}

.love_btn {
	width: 50%;
	height: 40px;
	text-align:center;
	margin: 0 0 0 auto;
}

.love_btn > * {
	border-radius: 10px;
	text-align: center;
	margin: 0 auto ;
	-webkit-appearance: none;
	border: solid 0px #D5D5D5;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
/*　▲欲張りセット▲　*/
	display: block;
	background-color: #dfd4be;
	color: white;
	text-decoration: none;
	width: 100%;
/*	margin: 0 auto;
*/	height: 110px;
	line-height: 110px;
	font-size: 2.5em;
}

.clear_btn {
	width: 50%;
	height: 40px;
	text-align:center;
    left: 0px;
}

.clear_btn > * {
	border-radius: 10px;
	text-align: center;
	margin: 0 auto ;
	-webkit-appearance: none;
	border: solid 0px #D5D5D5;
	cursor: pointer;
	outline: none;
	padding: 0;
	appearance: none;
/*　▲欲張りセット▲　*/
	display: block;
	background-color: #bcccd9;
	color: white;
	text-decoration: none;
	width: 100%;
/*	margin: 0 auto;
*/	height: 110px;
	line-height: 110px;
	font-size: 2.5em;
}

.btn-brackets {
  display: inline-block;
  position: relative;
  padding: 0.5em 1em;
  text-decoration: none;
  color: #000;
  transition: .4s;
}
.btn-brackets:hover {
  color:#ff7f7f;
}
.btn-brackets:before, .btn-brackets:after {
  position: absolute;
  top: 0;
  content:'';
  width: 8px;
  height: 100%;
  display: inline-block;
}
.btn-brackets:before {
  border-left: solid 1px #ff7f7f;
  border-top: solid 1px #ff7f7f;
  border-bottom: solid 1px #ff7f7f;
  left: 0;
}
.btn-brackets:after {
  content: '';
  border-top: solid 1px #ff7f7f;
  border-right: solid 1px #ff7f7f;
  border-bottom: solid 1px #ff7f7f;
  right: 0;
}

#modal-content{
  position: fixed;
  width: 90%;
  height: 900px;
  max-width: 90%;
  max-height : 95%;
  transform: translate(0%, 3%);
  background: #fff;
  z-index:2;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  margin: 50px;
  border-radius: 10px;
  top: 0;
  display:none;
}

#modal-content h1 {
  font-size: 46px;

}

#modal-content p {
  font-size: 36px;

}

#modal-cnt{
  position: fixed;
  width: 80%;
  height: 75%;
  max-width: 80%;
  max-height: 75%;
  background: #fff;
  z-index:2;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  border-radius: 10px;
  top: 0;
  margin: 5px;
  display:none;
}

#modal-web-cnt{
  position: fixed;
  width: 80%;
  height: 75%;
  max-width: 80%;
  max-height: 75%;
  background: #fff;
  z-index:2;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  border-radius: 10px;
  top: 0;
  margin: 5px;
  display:none;
}

#modal-install{
  position: fixed;
  width: 80%;
  height: 90%;
  max-width: 80%;
  max-height: 90%;
  background: #fff;
  z-index:2;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  border-radius: 10px;
  top: 0;
  margin: 5px;
  display:none;
}

#modal-detail{
  position: fixed;
  width: 90%;
  height: 80%;
  max-width: 90%;
  max-height: 100%;
  background: #fff;
  z-index:2;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  border-radius: 10px;
  top: 0;
  margin: 5px 60px;
  display:none;
}

#modal-kiyaku{
  position: fixed;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  background: #fff;
  z-index:2;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  border-radius: 10px;
  top: 0;
  display:none;
}

#modal-confirm{
  position: fixed;
  width: 90%;
  height: 80%;
  max-width: 90%;
  max-height: 100%;
  background: #fff;
  z-index:2;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  border-radius: 10px;
  top: 0;
  margin: 5px 60px;
  display:none;
}

#modal-input{
  position: fixed;
  width: 90%;
  height: 60%;
  max-width: 90%;
  max-height: 100%;
  background: #fff;
  z-index:3;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  border-radius: 10px;
  top: 0;
  margin: 5px 60px;
  display:none;
}

#modal-input-simei{
  position: fixed;
  width: 90%;
  height: 80%;
  max-width: 90%;
  max-height: 100%;
  background: #fff;
  z-index:3;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  border-radius: 10px;
  top: 0;
  margin: 5px 60px;
  display:none;
}

#modal-input-simei-kana{
  position: fixed;
  width: 90%;
  height: 80%;
  max-width: 90%;
  max-height: 100%;
  background: #fff;
  z-index:3;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  border-radius: 10px;
  top: 0;
  margin: 5px 60px;
  display:none;
}

#modal-input-kubun{
  position: fixed;
  width: 90%;
  height: 80%;
  max-width: 90%;
  max-height: 100%;
  background: #fff;
  z-index:3;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  border-radius: 10px;
  top: 0;
  margin: 5px 60px;
  display:none;
}

#modal-input-sex{
  position: fixed;
  width: 90%;
  height: 80%;
  max-width: 90%;
  max-height: 100%;
  background: #fff;
  z-index:3;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  border-radius: 10px;
  top: 0;
  margin: 5px 60px;
  display:none;
}

#modal-input-birth{
  position: fixed;
  width: 90%;
  height: 80%;
  max-width: 90%;
  max-height: 100%;
  background: #fff;
  z-index:3;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  border-radius: 10px;
  top: 0;
  margin: 5px 60px;
  display:none;
}

#modal-input-address{
  position: fixed;
  width: 90%;
  height: 95%;
  max-width: 90%;
  max-height: 100%;
  background: #fff;
  z-index:3;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  border-radius: 10px;
  top: 0;
  margin: 5px 60px;
  display:none;
}

#modal-input-phone{
  position: fixed;
  width: 90%;
  height: 80%;
  max-width: 90%;
  max-height: 100%;
  background: #fff;
  z-index:3;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  border-radius: 10px;
  top: 0;
  margin: 5px 60px;
  display:none;
}

#modal-input-dm{
  position: fixed;
  width: 90%;
  height: 80%;
  max-width: 90%;
  max-height: 100%;
  background: #fff;
  z-index:3;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  border-radius: 10px;
  top: 0;
  margin: 5px 60px;
  display:none;
}

#modal-input-senior{
  position: fixed;
  width: 90%;
  height: 80%;
  max-width: 90%;
  max-height: 100%;
  background: #fff;
  z-index:3;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  border-radius: 10px;
  top: 0;
  margin: 5px 60px;
  display:none;
}

#modal-input-summary{
  position: fixed;
  width: 100%;
  height: 100%;
  max-width: 100%;
  max-height: 100%;
  background: #fff;
  z-index:3;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  border-radius: 10px;
  top: 0;
  display:none;
  overflow-y: scroll;
}

#modal-send{
  position: fixed;
  width: 95%;
  height: 35%;
  max-width: 90%;
  max-height: 100%;
  background: #fff;
  z-index:2;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  border-radius: 10px;
  bottom: 0;
  margin: 5px 60px;
  display:none;
}

#modal-free-order-content {
  position: fixed;
  width: 90%;
  height: 1500px;
  max-width: 90%;
  max-height : 95%;
  transform: translate(0%, 3%);
  background: #fff;
  z-index:2;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  margin: 50px;
  border-radius: 10px;
  top: 0;
  display:none;
}

#modal-free-order-content h1 {
  font-size: 46px;

}

#modal-free-order-content p {
  font-size: 36px;

}


#modal-main_menu_content{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  max-height : 95%;
  transform: translate(0%, 3%);
  background:#fff;
  z-index:2;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  display:none;
}

#modal-main_menu_content h1 {
  font-size: 46px;

}

#modal-main_menu_content p {
  font-size: 36px;

}

.modal-p{
	margin-top:1em;
}

.modal-p:first-child{
	margin-top:0;
}

#modal-regular_menu_content{
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  max-width: 100%;
  max-height : 95%;
  transform: translate(0%, 3%);
  background:#fff;
  z-index:2;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  display:none;
}

#modal-regular_menu_content h1 {
  font-size: 46px;

}

#modal-regular_menu_content p {
  font-size: 36px;

}

#modal-acl-content{
  position: fixed;
  width: 100%;
  height: 1400px;
  max-width: 100%;
  max-height: 100%;
  background: #fff;
  z-index:2;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  border-radius: 10px;
  top: 0;
  margin: 0 auto;
  display:none;
}

#modal-acl-content h1 {
  font-size: 46px;

}

#modal-acl-content p {
  font-size: 36px;

}

#modal-order-mail-content{
  position: fixed;
  width: 90%;
  height: 1900px;
  max-width: 90%;
  max-height : 95%;
  transform: translate(0%, 3%);
  background: #fff;
  z-index:2;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  margin: 50px;
  border-radius: 10px;
  top: 0;
  display:none;
}

#modal-order-mail-content h1 {
  font-size: 46px;

}

#modal-order-mail-content p {
  font-size: 36px;

}

#modal-mail-settings-content{
  position: fixed;
  width: 90%;
  height: 1200px;
  max-width: 90%;
  max-height : 100%;
  transform: translate(0%, 3%);
  background: #fff;
  z-index:2;
  border:2px solid #aaa;
  text-align: left;
  overflow-y: scroll;
  text-size-adjust: 100%;
  -webkit-text-size-adjust: 100%;/*Chrome,Safari*/
  -ms-text-size-adjust: 100%;/*EgdeMobile*/
  -moz-text-size-adjust: 100%;/*firefox*/
  margin: 50px;
  border-radius: 10px;
  top: 0;
  display:none;
}

#modal-mail-settings-content h1 {
  font-size: 46px;

}

#modal-mail-settings-content p {
  font-size: 36px;

}

.modal_action_btn {
  display:block;
  width: 300px;
  max-width: 300px;
  border: 2px solid #333 !important;
  font-size: 32px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  background-color: #FFF;
  margin: 10px;
}

.modal_msg_btn {
  display:block;
  width: 100%;
  max-width: 100%;
  border: 2px solid #333 !important;
  font-size: 36px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  text-decoration: none;
  background-color: #FFF;
  margin: 10px;
}

.button-link{
  display:block;
  width: 250px;
  max-width: 250px;
  border: 2px solid #333;
  font-size: 36px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
  margin: 0 auto;
}
 
.button-link:hover{
	cursor:pointer;
	color:#f00;
}

.Form-Item-Input-Tel {
  display:block;
  width: 95%;
  border: 2px solid #c9ced1;
  font-size: 36px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #fafafa;
  margin-bottom: 5px;
}

.Form-Item-Input-Bar {
  display:block;
  width: 60%;
  padding:16px;
  border: 2px solid #c9ced1;
  font-size: 42px;
  color: #333;
  font-weight: bold;
  text-align: center;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #fafafa;
  margin-bottom: 5px;
}

.Form-Item-Input-Store-Code {
  display:block;
  width: 40%;
  padding:16px;
  border: 2px solid #c9ced1;
  font-size: 38px;
  color: #333;
  font-weight: bold;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #fafafa;
  margin-bottom: 5px;
}

.Form-Item-Input-Store-Name {
  display:block;
  width: 100%;
  padding:16px;
  font-size: 38px;
  color: #333;
  font-weight: bold;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #fafafa;
  margin-bottom: 5px;
}

.Form-Item-Input-Simei {
  display:block;
  width: 60%;
  padding:16px;
  border: 2px solid #c9ced1;
  font-size: 42px;
  color: #333;
  font-weight: bold;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #fafafa;
  margin-bottom: 5px;
}

.Form-Item-Input-Simei-Kana {
  display:block;
  width: 60%;
  padding:16px;
  border: 2px solid #c9ced1;
  font-size: 42px;
  color: #333;
  font-weight: bold;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #fafafa;
  margin-bottom: 5px;
}

.Form-Item-Input-PostCode {
  display:block;
  width: 60%;
  padding:16px;
  border: 2px solid #c9ced1;
  font-size: 36px;
  color: #333;
  font-weight: bold;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #fafafa;
  margin-bottom: 5px;
}

.Form-Item-Input-StoreCode {
  display:block;
  width: 220px;
  padding:16px;
  border: 2px solid #c9ced1;
  font-size: 36px;
  color: #333;
  font-weight: bold;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #fafafa;
  margin-bottom: 5px;
}

.Form-Item-Input-Todofuken {
  display:block;
  width: 200px;
  padding:16px;
  border: 2px solid #c9ced1;
  font-size: 36px;
  color: #333;
  font-weight: bold;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #fafafa;
  margin-bottom: 5px;
}

.Form-Item-Input-Sikugun {
  display:block;
  width: 600px;
  padding:16px;
  border: 2px solid #c9ced1;
  font-size: 36px;
  color: #333;
  font-weight: bold;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #fafafa;
  margin-bottom: 5px;
}

.Form-Item-Input-Address {
  display:block;
  width: 900px;
  padding:16px;
  border: 2px solid #c9ced1;
  font-size: 36px;
  color: #333;
  font-weight: bold;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #fafafa;
  margin-bottom: 5px;
}

.Form-Item-Input-Phone {
  display:block;
  width: 60%;
  padding:16px;
  border: 2px solid #c9ced1;
  font-size: 42px;
  color: #333;
  font-weight: bold;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #fafafa;
  margin-bottom: 5px;
}

.Form-Item-Input-MailAddress {
  display:block;
  width: 900px;
  padding:16px;
  border: 2px solid #c9ced1;
  font-size: 36px;
  color: #333;
  font-weight: bold;
  text-align: left;
  border-radius: 4px;
  transition: .4s;
  text-decoration: none;
  background-color: #fafafa;
  margin-bottom: 5px;
}

.modal_title {
  background-color: #fff;
  font-size: 42px;
  text-align:center;
}

.modal_detail_title {
  background-color: #fff;
  font-size: 28px;
  text-align:center;
}

.modal_detail_title_red {
  color: #F45A4C;
  text-align:center;
}

.modal_err_msg {
  background-color: #ffce00;
  color: #F45A4C;
  font-size: 32px;
  text-align:left;
}

#modal-overlay{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:rgba(0,0,0,0.75);
}

#modal-overlay-white{
	z-index:1;
	display:none;
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:120%;
	background-color:white;
}

.clear {
	clear: both;
	display: block;
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲スタイル共通部分 */
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼cttコンテンツ部分 */

#ctt {
	border: solid 0px rgba(255, 200, 200, 1);
/*	height: 500px;/**/
	margin-bottom: 0px;
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲cttコンテンツ部分 */
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼準共通 */

.input {
	width: 100%;
	font-size: 6em;
	border-radius: 5px;
	border:4px solid;
	border-color: #D5D5D5;
}

::placeholder{
	color: #d5d5d5;
}

li {
	list-style: none;
}

.n0 {
	height: 20px;
	width: 100%;
	margin: 5px auto;
	border: dotted 0px blue;
}

.n0 > div {

	height: 20px;
	border: solid 1px gray;
	background-color: #ffffff;
	float: left;
	margin-right: 3%;
	border-radius: 10px;
}

.n0 > div:nth-last-child(2) {
	margin-right: 0px;
}

#n1 > div {
	width: 22.7%;
}

#n2 > div {
	width: 11.7%;
}

#n3 > div {
	width: 22.7%;
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲準共通 */
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼p1 */

#p1 #ctt p {
	font-size: 6em;
}

#p1 #ctt {
	margin-bottom: 40px;
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲p1 */
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼p2 */

#p2 #ctt li:nth-child(1), #p2 #ctt li:nth-child(3) {
	font-size: 4em;
	text-align: left;
}

#p2 #ctt li:first-child {
	margin-bottom: 20px;
}

#p2 #ctt ul:last-child li:last-child {
	margin-bottom: 40px;
}

#p2 #ctt #mcheck {
	overflow: hidden;
	height: 80px;
	opacity: 0;
}

#p2 #ctt #mcheck > div {
	color: #E94545;
	background-color: white;
	border: solid 1px #E94545;
	line-height: 80px;
	height: 80px;
	font-size: 40px;
	border-radius: 5px;
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲p2 */
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼p3 */

#p3 .dead_line {
	font-size: 2.3em;
	margin-bottom: 20px;
	text-align:center;
	color: #E94545;
	
}

#p3 #ctt dl > * {
	text-align: left;
	font-size: 2.5em;
}

#p3 #ctt ul {
	margin-bottom: 30px;
}

#p3 #ctt li {
	margin-bottom: 10px;
}

#p3 #ctt dt {
	padding-left: 0.5em;
	margin-bottom: 10px;
}

#p3 #ctt dt.menu {
	background: #fff;
	
	border-radius: 10px;
}

#p3 #ctt a.menu {
	display:block;
	color: black;
	text-decoration: none;
}

#p3 #ctt dt.love_menu {
	height: 280px;
	border-left: solid 10px #E94545;
	border: 2px solid #000;
	border-radius: 10px;
	background: #fff;
	-webkit-box-shadow: 4px 4px 0 #000;
	box-shadow: 4px 4px 0 #000;
	
	background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 5px, #faede5 3px, #faede5 14px);
	background: repeating-linear-gradient(-45deg, #fff, #fff 5px, #faede5 3px, #faede5 14px);
}

#p3 #ctt a.love_menu {
	color: black;
	text-decoration: none;
}

#p3 #ctt dt.regular_menu {
	height: 280px;
	border-left: solid 10px #E94545;
	border: 2px solid #000;
	border-radius: 20px;
	-webkit-box-shadow: 4px 4px 0 #000;
	box-shadow: 4px 4px 0 #000;
	background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 5px, #eff3f6 6px, #eff3f6 21px);
	background: repeating-linear-gradient(-45deg, #fff, #fff 5px, #eff3f6 6px, #eff3f6 21px);
}

#p3 #ctt dd {
	padding-left: 1em;
}

.modal {
  background-color:#fff;
  display:none;
  width:350px;
  padding:15px;
  text-align:left;
  border:2px solid #333;
 
  opacity:0.8;
  -moz-border-radius:6px;
  -webkit-border-radius:6px;
  -moz-box-shadow: 0 0 50px #ccc;
  -webkit-box-shadow: 0 0 50px #ccc;
}
 
.modal h2 {
  background:url(/media/img/global/info.png) 0 50% no-repeat;
  margin:0px;
  padding:10px 0 10px 45px;
  border-bottom:1px solid #333;
  font-size:20px;
}

#p3 #ctt .fc_midasi{
  font-size: 3em;
  border-bottom: double 5px #FFC778;
}

#p3 #ctt .option_midasi{
  font-size: 3.3em;
  border-bottom: double 5px #FFC778;
}

#p3 details {
    padding: .5em .5em 0;
}

#p3 summary {
    font-size: 32px;
    font-weight: bold;
    margin: -.5em -.5em 0;
    padding: .5em;
}

#p3 details[open] {
    padding: .5em;
}

#p3 details[open] summary {
    margin-bottom: .5em;
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲p3 */
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼p4 */

#p4 .dead_line {
	font-size: 3em;
	margin-bottom: 20px;
	text-align:center;
	color: #E94545;
	
}

#p4 #ctt .option_midasi{
  font-size: 3em;
  border-bottom: double 5px #FFC778;
}

#p4 #ctt .fc_midasi{
  font-size: 3em;
  border-bottom: double 5px #FFC778;
}

#p4 .dead_line {
	color
	font-size: 3em;
	margin-bottom: 20px;
	text-align:center;
}

#p4 #ctt p {
	font-size: 3em;
	text-align: left;
	margin-left: 20px;
}

#p4 #gray > p {
	color: #E94545;
	font-size: 4em;
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲p4 */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼p4_5 */
#p4_5 table td.dummy {
  border-bottom: solid 0px #ddd;
}

#p4_5 table {
  width: 100%;
  border-spacing: 0;
}

#p4_5 table th {
  border-bottom: solid 2px #fb5144;
  padding: 10px 0;
  font-size: 30px;
}

#p4_5 table td {
  border-bottom: solid 2px #ddd;
  text-align: center;
  padding: 10px 0;
  font-size: 30px;
}

#p4_5 .dummy_line {
  border-bottom: solid 0px #FFF;
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲p4_5 */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼p5 */

#p5 #ctt p {
	font-size: 3em;
	margin-bottom: 40px;
}

#p5 #ctt p:nth-child(2) {
	text-align: left;
	margin-left: 2em;
}

#p5 #ctt p .redline {
	border-bottom: solid 2px #E94545;
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲p5 */
/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼p6 */
#p6 #ctt p {
	font-size: 3em;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲p6 */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼p8 */

#p8 .dead_line {
	font-size: 1.5em;
	margin-bottom: 20px;
	text-align:center;
	color: #E94545;
}

#p8 #ctt dl > * {
	text-align: left;
	font-size: 3em;
}

#p8 #ctt ul {
	margin-bottom: 30px;
}

#p8 #ctt li {
	margin-bottom: 10px;
}

#p8 #ctt dt {
	border-left: solid 10px #E94545;
	padding-left: 0.5em;
	margin-bottom: 10px;
}

#p8 #ctt dt.menu {
	border-left: solid 10px #E94545;
	border: 2px solid #000;
	border-radius: 10px;
	background: #fff;
	-webkit-box-shadow: 4px 4px 0 #000;
	box-shadow: 4px 4px 0 #000;
	background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
	background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

#p8 #ctt a.menu {
	display:block;
	color: black;
	text-decoration: none;
}

#p8 #ctt dt.love_menu {
	border-left: solid 10px #E94545;
	border: 2px solid #000;
	border-radius: 10px;
	background: #fff;
	-webkit-box-shadow: 4px 4px 0 #000;
	box-shadow: 4px 4px 0 #000;
	
	background: -webkit-repeating-linear-gradient(-45deg, #f2dae8, #f2dae8 3px,#e9f4ff 3px, #e9f4ff 7px);
	background: repeating-linear-gradient(-45deg, #f2dae8, #f2dae8 3px,#e9f4ff 3px, #e9f4ff 7px);
}

#p8 #ctt a.love_menu {
	color: black;
	text-decoration: none;
}

#p8 #ctt dd {
	padding-left: 1em;
}

#p8 #ctt .fc_midasi{
  font-size: 3em;
  border-bottom: double 5px #FFC778;
}

#p8 #ctt .option_midasi{
  font-size: 3em;
  border-bottom: double 5px #FFC778;
}


#8 .title-w3 {
 position: absolute;
 left: 1em;
 top: .5em;
 font-weight: bold;
 font-size: 0.5em; /* 文字サイズ */
 color: #ff0000; /* タイトル文字色 */
 border-style: none none solid;
 border-color: #ff0000; /*タイトル下線 */
 border-width: 3px;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲p8 */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼p9 */

#p9 .dead_line {
	font-size: 1.5em;
	margin-bottom: 20px;
	text-align:center;
	color: #E94545;
	
}

#p9 #ctt dl > * {
	text-align: left;
	font-size: 3em;
}

#p9 #ctt ul {
	margin-bottom: 30px;
}

#p9 #ctt li {
	margin-bottom: 10px;
}

#p9 #ctt dt {
	border-left: solid 10px #E94545;
	padding-left: 0.5em;
	margin-bottom: 10px;
}

#p9 #ctt dt.menu {
	height: 280px;
	border-left: solid 10px #E94545;
	border: 2px solid #000;
	border-radius: 20px;
	-webkit-box-shadow: 4px 4px 0 #000;
	box-shadow: 4px 4px 0 #000;
	background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 5px, #fffbcc 6px, #fffbcc 21px);
	background: repeating-linear-gradient(-45deg, #fff, #fff 5px, #fffbcc 6px, #fffbcc 21px);
}

#p9 #ctt a.menu {
	display:block;
	color: black;
	text-decoration: none;
}

#p9 #ctt dt.love_menu {
	height: 280px;
	border-left: solid 10px #E94545;
	border: 2px solid #000;
	border-radius: 10px;
	background: #fff;
	-webkit-box-shadow: 4px 4px 0 #000;
	box-shadow: 4px 4px 0 #000;
	
	background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 5px, #faede5 3px, #faede5 14px);
	background: repeating-linear-gradient(-45deg, #fff, #fff 5px, #faede5 3px, #faede5 14px);
}

#p9 #ctt a.love_menu {
	color: black;
	text-decoration: none;
}

#p9 #ctt dt.regular_menu {
	height: 280px;
	border-left: solid 10px #E94545;
	border: 2px solid #000;
	border-radius: 20px;
	-webkit-box-shadow: 4px 4px 0 #000;
	box-shadow: 4px 4px 0 #000;
	background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 5px, #eff3f6 6px, #eff3f6 21px);
	background: repeating-linear-gradient(-45deg, #fff, #fff 5px, #eff3f6 6px, #eff3f6 21px);
}

#p9 #ctt dd {
	padding-left: 1em;
}

#p9 #ctt .fc_midasi{
  font-size: 3em;
  border-bottom: double 5px #FFC778;
}

#p9 #ctt .option_midasi{
  font-size: 3.3em;
  border-bottom: double 5px #FFC778;
}

#p9 details {
    padding: .5em .5em 0;
}

#p9 summary {
    font-size: 32px;
    font-weight: bold;
    margin: -.5em -.5em 0;
    padding: .5em;
}

#p9 details[open] {
    padding: .5em;
}

#p9 details[open] summary {
    margin-bottom: .5em;
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲p9 */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼p12 */
#p12 #ctt .option_midasi{
  font-size: 3em;
  border-bottom: double 5px #FFC778;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲p12 */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼p13 */

#p13 .dead_line {
	font-size: 1.5em;
	margin-bottom: 20px;
	text-align:center;
	color: #E94545;
	
}

#p13 #ctt dl > * {
	text-align: left;
	font-size: 3em;
}

#p13 #ctt ul {
	margin-bottom: 30px;
}

#p13 #ctt li {
	margin-bottom: 10px;
}

#p13 #ctt dt {
	border-left: solid 10px #E94545;
	padding-left: 0.5em;
	margin-bottom: 10px;
}

#p13 #ctt dt.menu {
	height: 280px;
	border-left: solid 10px #E94545;
	border: 2px solid #000;
	border-radius: 20px;
	-webkit-box-shadow: 4px 4px 0 #000;
	box-shadow: 4px 4px 0 #000;
	background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 5px, #fffbcc 6px, #fffbcc 21px);
	background: repeating-linear-gradient(-45deg, #fff, #fff 5px, #fffbcc 6px, #fffbcc 21px);
}

#p13 #ctt a.menu {
	display:block;
	color: black;
	text-decoration: none;
}

#p13 #ctt dt.love_menu {
	height: 280px;
	border-left: solid 10px #E94545;
	border: 2px solid #000;
	border-radius: 10px;
	background: #fff;
	-webkit-box-shadow: 4px 4px 0 #000;
	box-shadow: 4px 4px 0 #000;
	
	background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 5px, #faede5 3px, #faede5 14px);
	background: repeating-linear-gradient(-45deg, #fff, #fff 5px, #faede5 3px, #faede5 14px);
}

#p13 #ctt a.love_menu {
	color: black;
	text-decoration: none;
}

#p13 #ctt dt.regular_menu {
	height: 280px;
	border-left: solid 10px #E94545;
	border: 2px solid #000;
	border-radius: 20px;
	-webkit-box-shadow: 4px 4px 0 #000;
	box-shadow: 4px 4px 0 #000;
	background: -webkit-repeating-linear-gradient(-45deg, #fff, #fff 5px, #eff3f6 6px, #eff3f6 21px);
	background: repeating-linear-gradient(-45deg, #fff, #fff 5px, #eff3f6 6px, #eff3f6 21px);
}

#p13 #ctt dd {
	padding-left: 1em;
}

#p13 #ctt .fc_midasi{
  font-size: 3em;
  border-bottom: double 5px #FFC778;
}

#p13 #ctt .option_midasi{
  font-size: 3.3em;
  border-bottom: double 5px #FFC778;
}

#p13 details {
    padding: .5em .5em 0;
}

#p13 summary {
    font-size: 32px;
    font-weight: bold;
    margin: -.5em -.5em 0;
    padding: .5em;
}

#p13 details[open] {
    padding: .5em;
}

#p13 details[open] summary {
    margin-bottom: .5em;
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲p13 */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼p21 */

#p21 .dead_line {
	font-size: 3em;
	margin-bottom: 20px;
	text-align:center;
	color: #E94545;
}

#p21 .btn99 {
  display:block;
  width: 300px;
  max-width: 300px;
  border: 2px solid #333;
  font-size: 28px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

#p21 .btn99:hover {
  background-color: #f8e352;
  border-color: #56a764;
  color: #333;
}

#p21 .option_midasi{
  font-size: 3em;
  border-bottom: double 5px #FFC778;
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲p21 */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼p22 */

#p22 .btn99 {
  display:block;
  width: 380px;
  max-width: 380px;
  border: 2px solid #333;
  font-size: 28px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

#p22 .btn99:hover {
  background-color: #f8e352;
  border-color: #56a764;
  color: #333;
}

#p22 .tel_status_btn99 {
  display:block;
  width: 200px;
  max-width: 200px;
  border: 2px solid #333;
  font-size: 28px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

#p22 .tel_status_btn99:hover {
  background-color: #f8e352;
  border-color: #56a764;
  color: #333;
}

#p22 .facility_name_btn99 {
  display:block;
  width: 700px;
  max-width: 700px;
  border: 2px solid #333;
  font-size: 28px;
  color: #333;
  font-weight: bold;
  padding:16px;
  text-align: center;
  transition: .4s;
  text-decoration: none;
  background-color: #FFF;
  margin-bottom: 5px;
}

#p22 .facility_name_btn99:hover {
  background-color: #f8e352;
  border-color: #56a764;
  color: #333;
}

#p22 .option_midasi{
  font-size: 3em;
  border-bottom: double 5px #FFC778;
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲p21 */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼p31 */

#p31 .dead_line {
	font-size: 3em;
	margin-bottom: 20px;
	text-align:center;
	color: #E94545;
}

#p31 #ctt dl > * {
	text-align: left;
	font-size: 3em;
}

#p31 #ctt ul {
	margin-bottom: 30px;
}

#p31 #ctt li {
	margin-bottom: 10px;
}

#p31 #ctt dt {
	border-left: solid 10px #E94545;
	padding-left: 0.5em;
	margin-bottom: 10px;
}

#p31 #ctt dt.menu {
	border-left: solid 10px #E94545;
	border: 2px solid #000;
	border-radius: 10px;
	background: #fff;
	-webkit-box-shadow: 4px 4px 0 #000;
	box-shadow: 4px 4px 0 #000;
	background: -webkit-repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
	background: repeating-linear-gradient(-45deg, #cce7ff, #cce7ff 3px,#e9f4ff 3px, #e9f4ff 7px);
}

#p31 #ctt a.menu {
	display:block;
	color: black;
	text-decoration: none;
}

#p31 #ctt dt.love_menu {
	border-left: solid 10px #E94545;
	border: 2px solid #000;
	border-radius: 10px;
	background: #fff;
	-webkit-box-shadow: 4px 4px 0 #000;
	box-shadow: 4px 4px 0 #000;
	
	background: -webkit-repeating-linear-gradient(-45deg, #f2dae8, #f2dae8 3px,#e9f4ff 3px, #e9f4ff 7px);
	background: repeating-linear-gradient(-45deg, #f2dae8, #f2dae8 3px,#e9f4ff 3px, #e9f4ff 7px);
}

#p31 #ctt a.love_menu {
	color: black;
	text-decoration: none;
}

#p31 #ctt dd {
	padding-left: 1em;
}

#p31 #ctt .fc_midasi{
  font-size: 3em;
  border-bottom: double 5px #FFC778;
}

#p31 #ctt .option_midasi{
  font-size: 3em;
  border-bottom: double 5px #FFC778;
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲p31 */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼p31_5 */
#p31_5 table td.dummy {
  border-bottom: solid 0px #ddd;
}

#p31_5 table {
  width: 90%;
  border-spacing: 0;
  margin: auto;
}

#p31_5 table th {
  border-bottom: solid 2px #fb5144;
  padding: 10px 0;
  font-size: 30px;
}

#p31_5 table td {
  border-bottom: solid 2px #ddd;
  text-align: left;
  padding: 10px 0;
  font-size: 32px;
}

#p31_5 .dummy_line {
  border-bottom: solid 0px #FFF;
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲p31_5 */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼p33 */

#p33 .dead_line {
	font-size: 3em;
	margin-bottom: 20px;
	text-align:center;
	color: #E94545;
}

#p33 #ctt dl > * {
	text-align: left;
	font-size: 3em;
}

#p33 #ctt ul {
	margin-bottom: 30px;
}

#p33 #ctt li {
	margin-bottom: 10px;
}

#p33 #ctt dt {
	border-left: solid 10px #E94545;
	padding-left: 0.5em;
	margin-bottom: 10px;
}

#p33 #ctt dt.menu {
	border-left: solid 10px #E94545;
	border: 2px solid #000;
	border-radius: 10px;
	background: #fff;
	-webkit-box-shadow: 4px 4px 0 #000;
	box-shadow: 4px 4px 0 #000;
}

#p33 #ctt a.menu {
	display:block;
	color: black;
	text-decoration: none;
}

#p33 #ctt dt.love_menu {
	border-left: solid 10px #E94545;
	border: 2px solid #000;
	border-radius: 10px;
	background: #fff;
	-webkit-box-shadow: 4px 4px 0 #000;
	box-shadow: 4px 4px 0 #000;
	
	background: -webkit-repeating-linear-gradient(-45deg, #f2dae8, #f2dae8 3px,#e9f4ff 3px, #e9f4ff 7px);
	background: repeating-linear-gradient(-45deg, #f2dae8, #f2dae8 3px,#e9f4ff 3px, #e9f4ff 7px);
}

#p33 #ctt a.love_menu {
	color: black;
	text-decoration: none;
}

#p33 #ctt dd {
	padding-left: 1em;
}

#p33 #ctt .fc_midasi{
  font-size: 3em;
  border-bottom: double 5px #FFC778;
}

#p33 #ctt .option_midasi{
  font-size: 3em;
  border-bottom: double 5px #FFC778;
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲p33 */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ボタン無効化：各ページ用 */
#p1 .btn2:first-child > * {display: none;}/**/
/*#p1 .btn2:nth-last-child(2) > * {display: none;}/**/
#p2 .btn2:first-child > * {display: none;}/**/
/*#p2 .btn2:nth-last-child(2) > * {display: none;}/**/
#p2t5 .btn2:first-child > * {display: none;}/**/
#p2t5 .btn2:nth-last-child(2) > * {display: none;}/**/
/*#p3 .btn2:first-child > * {display: none;}/**/
#p3 .btn2:nth-last-child(2) > * {display: none;}/**/
/*#p4 .btn2:first-child > * {display: none;}/**/
/*#p4 .btn2:nth-last-child(2) > * {display: none;}/**/
/*#p4_5 .btn2:first-child > * {display: none;}/**/
#p4_5 .btn2:nth-last-child(2) > * {display: none;}/**/
/*#p5 .btn2:first-child > * {display: none;}/**/
#p5 .btn2:nth-last-child(2) > * {display: none;}/**/
/*#p6 .btn2:first-child > * {display: none;}/**/
#p6 .btn2:nth-last-child(2) > * {display: none;}/**/
/*#p13 .btn2:first-child > * {display: none;}/**/
/*#p13 .btn2:nth-last-child(2) > * {display: none;}/**/
/*#p31_5 .btn2:first-child > * {display: none;}/**/
#p31_5 .btn2:nth-last-child(2) > * {display: none;}/**/
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ボタン無効化：各ページ用 */