@charset "UTF-8";

* {
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  font-family: "Meyrio" !important;
}

#container,
#header,
.container {
  max-width: 320px;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
  margin: 0 auto;
}

#container img,
#header img,
.container img {
  max-width: 100%;
}

body {
  background: transparent;
  color: #222;
  font-family: "Meyrio", "Yu Gothic", "YuGothic", "Meiryo", "MS Gothic", "繝｡繧､繝ｪ繧ｪ", "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif !important;
}

#header {
  height: 69px;
  width: 100% !important;
  position: relative;
}

@media all and (max-width: 400px) {
  #header {
    height: 90px;
  }
}

#header h1 {
  width: auto;
  height: auto;
  top: 20px;
  left: auto;
}

#header img {
  width: 99%;
  right: -2px;
  position: relative;
  top: -7px;
}

#header::after {
  content: "";
  position: absolute;
  background: #8ECAE9;
  height: 2px;
  width: 320px;
  bottom: 4px;
}

.mypage #container {
  margin-top: 0px;
  width: 100% !important;
}

.mypage #container #conbox-content {
  margin-top: 0px;
}

#h_nav {
  position: relative;
  margin: 0 auto;
  right: auto;
  height: 74px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

#h_nav:after {
  clear: both;
  content: "";
  display: block;
}

#h_nav li {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
  height: 74px;
  position: relative;
}

#h_nav li:last-child:after {
  display: none !important;
}

#h_nav li:first-child {
  margin-left: 9px;
}

#h_nav li:after {
  content: "";
  right: -12px;
  background: #8ECAE9;
  width: 1px;
  height: 50px;
  position: absolute;
  top: 0;
  display: block !important;
}

@media all and (max-width: 400px) {
  #h_nav li:after {
    right: -5px;
  }
}

#h_nav li a {
  color: #333;
  text-decoration: none;
  font-size: 14px;
  font-weight: normal !important;
  text-align: center;
  padding: 10px 0px;
  display: inline-block;
}

@media all and (max-width: 400px) {
  #h_nav li a {
    font-size: 16px !important;
  }
}

body {
  font-family: "Yu Gothic", "YuGothic", "Meiryo", "MS Gothic", "繝｡繧､繝ｪ繧ｪ", "繝偵Λ繧ｮ繝手ｧ偵ざ ProN W3", "Hiragino Kaku Gothic ProN", sans-serif;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  font-size: 13px;
}

.mypage #conbox {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100% !important;
}

.container,
#container {
  background: #F0F8FB;
}

#side-bar {
  width: 100% !important;
  padding: 0px !important;
}

.mypage #conbox-content {
  background: transparent !important;
  border: none !important;
}

.mypage #conbox-content {
  border-radius: 0px !important;
}

.sidebar_title {
  padding: 5px;
  font-size: 18px;
  font-weight: bold;
  border: 1px solid #000 !important;
  background: #fff !important;
  border-radius: 10px !important;
  font-size: 22px;
  position: relative;
  cursor: pointer;
}

.sidebar_title:after {
  content: "\f055";
  font-family: fontAwesome;
  position: absolute;
  top: 0;
  bottom: 0;
  margin: auto;
  font-size: 30px;
  height: 44px;
  right: 20px;
}

.content_hide {
  display: none;
  margin-bottom: 20px;
}

#side-bar .title {
  margin-bottom: 20px;
}

#side-bar .title.changeminus .sidebar_title:after {
  content: "\f056";
}

.banner_hearing img {
  max-width: 80% !important;
  margin: 0 auto;
}

.fa-chung {
  position: unset !important;
}

h2.bg-brown {
  padding: 10px;
  font-size: 16px;
}

h2.bg-brown img {
  position: absolute;
  left: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
}

h2.bg-brown:after {
  left: 0px !important;
  top: 0px;
  bottom: 0px;
  height: 100% !important;
}

.bg-brown fa::after {
  display: inline-block !important;
}

.fa::before,
.fa::after {
  display: inline-block !important;
}

.fa {
  width: 20px;
  height: 20px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  border-radius: 100%;
  line-height: auto !important;
}

.fa.warning {
  background: #dc3545;
  color: #fff;
}

.fa.fa-remove-sign:after {
  color: #dc3545;
  font-size: 30px;
  content: "\f057" !important;
  font-family: fontAwesome !important;
  font-style: normal !important;
  height: 45px;
}

.fa-ok-sign:after {
  content: "\f058" !important;
  font-family: fontAwesome !important;
  font-style: normal !important;
  font-size: 30px;
  color: #28a745;
}

.insideh2 {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  position: relative;
  font-size: 16px;
  background: #E1E0E2;
  padding: 10px;
}

.insideh2 img {
  left: 15px;
  position: absolute;
}

.insideh2 .fa {
  position: absolute;
  right: 15px;
  top: 0;
  bottom: 0;
  margin: auto;
}

.insideh2:before {
  content: "";
  height: 100%;
  width: 6px;
  background: #F76376;
  display: block;
  position: absolute;
  left: 0;
}

.insideh2.cl-yellow:before {
  background: #F2B01E;
}

.insideh2.cl-green:before {
  background: #28a745;
}

.insideh2.cl-blue:before {
  background: #2899DF;
}

#side-bar .content {
  font-size: 14px !important;
}

.mypage #conbox #side-bar table th,
.mypage #conbox #side-bar table td {
  font-size: 13px;
}

#side-bar table tr th {
  width: 80px;
}

.content_hide {
  background: #fff !important;
}

.openingtrailer #conbox #conbox_in {
  width: 100% !important;
}

.btn-bottom {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-top: 10px !important;
  width: 100% !important;
  text-align: center;
}

.btn-bottom img {
  width: 80% !important;
}

.btn-bottom a {
  margin-bottom: 10px;
}

.btn-right {
  text-align: center;
  margin-top: 30px !important;
}

.btn-right img {
  width: 80% !important;
}

.mypage #conbox #conbox_in #inner {
  padding-right: 0px !important;
}

.openingNagomi #conbox #conbox_in #inner .btn-bottom,
.openingNagomi #conbox #conbox_in #inner .btn-right {
  display: block !important;
}

.openingNagomi #pagetop {
  max-width: 320px !important;
}

.openingNagomi #pagetop .btn {
  position: relative;
  right: 20px;
}

body.form03 .timelimit {
  padding-left: 0px;
  text-align: center;
}

.mypage #conbox #conbox_in #inner {
  padding: 10px !important;
  border: 1px solid #ccc;
  background: #F3F3F3 !important;
  overflow: hidden;
  border-top: 1px solid #fff;
  border-radius: 20px;
}

body.form03 p.plscheck {
  padding-left: 0px;
}

.mypage #conbox #conbox_in #inner .fix-contact {
  max-width: 100%;
}

#talk_message,
#talk_message tr,
#talk_message th,
#talk_message td {
  display: block;
  padding-right: 0px;
}

body.form03 .sendcom {
  margin-right: 0px;
}

body.form03 .sendcom img {
  height: 40px;
}

.openingNagomi #conbox #conbox_in #inner .group .box-content {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.group {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.group .box {
  width: 100% !important;
}

.group .box-text {
  height: auto !important;
  margin: 10px 0px;
}

.group .box table {
  width: 100%;
}

.openingNagomi #conbox #conbox_in #inner .group .box {
  height: auto;
}

.bluebox {
  border: 1px solid #1490C6;
  margin-bottom: 20px;
}

.bluebox h3 {
  background: #1490C6;
  text-align: center;
  color: #fff;
  padding: 7px 0px;
}

.bluebox .bluebox_ct {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  background: #ddf2fc;
  padding: 10px 0px 5px 0px;
}

.bluebox .bluebox_ct input {
  border: 1px solid #1490C6;
  height: 34px;
}

.bluebox .bluebox_ct span {
  display: block;
  margin-left: 5px;
}

.bluebox .bluebox_ct span:first-child {
  max-width: 85px;
  min-width: 85px;
  display: inline-block;
}

.bluebox .bluebox_ct span:nth-child(2) {
  width: calc(100% - 150px);
  width: -moz-calc(100% - 150px);
  width: -webkit-calc(100% - 150px);
  width: -ms-calc(100% - 150px);
  width: -o-calc(100% - 150px);
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.bluebox .bluebox_ct span:nth-child(2) input {
  width: 48%;
  margin-right: 10px;
}

.bluebox .bluebox_ct span:nth-child(2) input:last-child {
  margin-right: 0px;
}

.bluebox .bluebox_ct:nth-child(2) {
  padding: 10px 0px 10px 0px;
  border-top: 1px dashed #1490C6;
}

.bluebox.mixpink {
  border: 1px solid #EB98A8;
}

.bluebox.mixpink h3 {
  background: #EB98A8;
}

.bluebox.mixpink .bluebox_ct {
  background: #fcedf0;
}

.bluebox.mixpink .bluebox_ct input {
  border: 1px solid #EB98A8;
}

.bluebox.mixpink .bluebox_ct:nth-child(2) {
  border-top: 1px dashed #EB98A8;
}

.openingtrailer #conbox #conbox_in #inner .inform .pd-text {
  padding: 15px;
}

.openingtrailer #conbox #conbox_in #inner .inform .inform-content {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.openingtrailer #conbox #conbox_in #inner .inform .inform-content img {
  width: 49%;
  margin-bottom: 8px;
}

.openingtrailer #conbox #conbox_in #inner .introduce__first {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.openingtrailer #conbox #conbox_in #inner .introduce__first img {
  width: 100%;
}

.openingNagomi #conbox #conbox_in #inner .introduce__first .text .text-ins {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
}

.openingNagomi #conbox #conbox_in #inner .introduce__first .text .text-ins img {
  width: 40px;
}

.openingNagomi #conbox #conbox_in #inner .introduce__first .text .text-ins * {
  margin-right: 3px;
}

.openingtrailer #conbox #conbox_in #inner .introduce__second {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  margin-left: 10px;
}

.openingtrailer #conbox #conbox_in #inner .introduce__second .boxwrap {
  width: calc(50% - 10px);
  width: -moz-calc(50% - 10px);
  width: -webkit-calc(50% - 10px);
  width: -ms-calc(50% - 10px);
  width: -o-calc(50% - 10px);
  margin-right: 20px;
  float: left;
  margin-bottom: 20px;
}

.openingtrailer #conbox #conbox_in #inner .introduce__second .boxwrap img {
  max-width: 100%;
}

.openingtrailer #conbox #conbox_in #inner .introduce__second .boxwrap .text-ins {
  width: 100%;
}

.openingtrailer #conbox #conbox_in #inner .introduce__second .boxwrap .text-ins img {
  width: auto;
  text-align: center;
}

.openingtrailer #conbox #conbox_in #inner .introduce__second .boxwrap img {
  margin-right: 0px !important;
  width: 100%;
}

.openingtrailer #conbox #conbox_in #inner .introduce__second .boxwrap:nth-child(2n) {
  margin-right: 0px;
}

.openingNagomi #conbox #conbox_in #inner .introduce .text-ins {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.openingNagomi #conbox #conbox_in #inner .introduce__first .text .text-ins {
  width: 100%;
}

.introduce__first .text.text_left {
  width: 100%;
}

.openingtrailer #conbox #conbox_in #inner .introduce__first {
  padding: 10px 0px;
}

.openingNagomi #conbox #conbox_in #inner .introduce__first .text .text-ins img {
  min-width: 27px;
  max-width: 27px;
  padding: 0px !important;
}

.openingNagomi #conbox #conbox_in #inner .introduce__first .text .text-ins {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
}

.openingtrailer #conbox #conbox_in #inner .fix-green-box table .fix-color-th th {
  width: 100% !important;
}

.openingtrailer #conbox #conbox_in #inner .fix-green-box table .fix-color-th td {
  margin-left: 0px !important;
}

.openingtrailer #conbox #conbox_in #inner .fix-green-box {
  width: 100% !important;
  height: auto !important;
}

.openingtrailer #conbox #conbox_in #inner .fix-green-box {
  width: 100%;
}

.openingtrailer #conbox #conbox_in #inner .fix-green-box table,
.openingtrailer #conbox #conbox_in #inner .fix-green-box table tbody,
.openingtrailer #conbox #conbox_in #inner .fix-green-box table th,
.openingtrailer #conbox #conbox_in #inner .fix-green-box table tr,
.openingtrailer #conbox #conbox_in #inner .fix-green-box table td {
  display: block;
  width: 100% !important;
}

.introduce__first .text.text_left {
  margin-left: 0px !important;
}

.introduce__first .text.text_left {
  padding: 10px;
}

.openingtrailer_realpage .table-row.table_trailer textarea {
  width: 100% !important;
}

.align_middle {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.align_middle .table_trailer {
  max-width: 160px !important;
  min-width: 160px !important;
}

.align_middle .table_trailer .textarea_caption {
  max-width: 100% !important;
}

.thetablelist {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.thetablelist_left {
  background: #1490C6;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  color: #fff;
  padding: 8px;
}

.thetablelist_right {
  width: calc(100% - 30px);
  width: -moz-calc(100% - 30px);
  width: -webkit-calc(100% - 30px);
  width: -ms-calc(100% - 30px);
  width: -o-calc(100% - 30px);
}

.thetablelist.thetablelist_pink .thetablelist_left {
  background: #EB98A8;
}

.thetablelist.thetablelist_yellow .thetablelist_left {
  background: #ffc107;
}

.thetablelist.thetablelist_yellow .thetablelist_right .group {
  width: 100%;
}

.thetablelist.thetablelist_yellow .thetablelist_right .fix-green-box table,
.thetablelist.thetablelist_yellow .thetablelist_right .fix-green-box tbody,
.thetablelist.thetablelist_yellow .thetablelist_right .fix-green-box tr,
.thetablelist.thetablelist_yellow .thetablelist_right .fix-green-box td {
  display: block !important;
  width: 100% !important;
}

.mypage #conbox {
  margin-bottom: 0px;
  padding-bottom: 0px;
}

.blueinput input {
  border: 1px solid #1490C6 !important;
}

.profileSimple #conbox #conbox_in #inner .group_last .group_last_ins {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.profileSimple #conbox #conbox_in #inner .group_last .group_last_ins .groom-pink {
  width: 100%;
  height: 48px;
}

.profileSimple #conbox #conbox_in #inner .group_last .group_last_ins .groom-input {
  width: 100%;
}

.profileSimple #conbox #conbox_in #inner .group_last .group_last_ins .groom-last {
  width: 100%;
  border-top: none;
}

.pink-box.box.box-bottom .bluebox.mixpink {
  margin-bottom: 0px;
  margin-top: 40px;
}

.groom-last.groom-last-pink {
  padding: 10px;
  border: 1px solid #EB98A8;
  background: #fcedf0;
  border-top: none;
}

.groom-last.groom-last-pink .groom-last-ins {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
}

.groom-last.groom-last-pink .groom-last-ins p {
  min-width: 40px;
  max-width: 40px;
}

.groom-last.groom-last-pink .groom-last-ins div {
  margin-right: 7px;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.groom-last.groom-last-pink .groom-last-ins div input {
  width: 50px;
  height: 60px;
  margin-right: 2px;
  border: 1px solid #EB98A8;
}

.profileSimple #conbox #conbox_in #inner .table-yll .table-yll-ins {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.profileSimple #conbox #conbox_in #inner .table-yll .table-yll-ins .yll-text {
  width: 100%;
  height: auto;
  font-size: 15px !important;
}

.profileSimple #conbox #conbox_in #inner .table-yll .table-yll-ins .yll-text p {
  font-size: 15px !important;
  padding: 10px !important;
}

.profileSimple #conbox #conbox_in #inner .table-yll .table-yll-ins img {
  width: 100% !important;
  margin-left: 0px !important;
}

.blueboxcontainer {
  margin: 20px 0px;
}

.blueboxcontainer .bluebox {
  margin-bottom: 0px;
}

.blueboxcontainer .groom-last.groom-last-pink {
  border: 1px solid #1490C6;
  background: #ddf2fc;
  border-top: none;
}

.blueboxcontainer .groom-last.groom-last-pink input {
  border: 1px solid #1490C6 !important;
}

.profileSimple #conbox #conbox_in #inner .table-yll .table-yll-ins .yll-content {
  width: 100% !important;
}

.clorange .groom-last input {
  border: 1px solid #ffc107 !important;
}

.openingNagomi #conbox #conbox_in #inner .introduce table.table_inside {
  width: 98% !important;
}

.tablecheckbox {
  display: block;
  margin-right: 0px !important;
}

.tablecheckbox tbody,
.tablecheckbox tr,
.tablecheckbox th,
.tablecheckbox td {
  display: block;
}

.tablecheckbox tr {
  margin-bottom: 15px;
}

.tablecheckbox tr:after {
  clear: both;
  content: "";
  display: block;
}

.tablecheckbox td {
  margin-bottom: 5px;
  padding-bottom: 0px !important;
}

.tablecheckbox td textarea {
  margin-bottom: 0px !important;
  height: 30px !important;
  width: 100% !important;
}

#img_del_button {
  margin-top: 5px;
}

.upload_header {
  padding-left: 0px !important;
}

#table2 {
  display: block !important;
}

#table2 tbody,
#table2 tr,
#table2 th,
#table2 td {
  display: block;
}

#table2 td span {
  display: block !important;
  white-space: pre-wrap;
}

body.form01 .message_sample {
  width: 100% !important;
}

body.form01 .message_sample li {
  width: 100% !important;
  margin-bottom: 20px;
}

body.form01 .message_sample li .msamplebox {
  width: 100%;
  height: auto;
}

body.form01 .message_sample li.sam_mid {
  padding: 0px;
}

.boxcheckbox {
  width: 100%;
}

.tablesmall {
  display: block;
}

.tablesmall tbody,
.tablesmall tr,
.tablesmall th,
.tablesmall td {
  display: block;
  text-align: left;
}

.tableab {
  margin-right: 0px !important;
}

.tableab th {
  width: 120px !important;
}

.tableab input.nameform {
  width: 190px !important;
}

.fix-tableab {
  width: 100%;
}

.fix-tableab tr,
.fix-tableab td {
  display: block;
  width: 100%;
  border: 1px solid #ccc;
}

.fix-tableab td {
  padding: 15px;
  border: none;
}

.fix-tableab tr {
  border-bottom: none;
}

.fix-tableab tr:last-child {
  border-bottom: 1px solid #ccc;
}

.fix-tableab th {
  border-bottom: 1px solid #ccc;
  width: 100% !important;
  display: block !important;
  text-align: center !important;
  padding: 5px 0 !important;
}

.fix-tableab input {
  width: 100% !important;
}

.fix-tableab input.nameform {
  width: 100% !important;
  display: block !important;
}

.thebox_wrap {
  margin-top: 0px !important;
}

.openingNagomi #pagetop {
  width: auto;
}

body.form03 #uploaded_images .photobox {
  width: 160px;
}

body.form03 #uploaded_images .photobox a {
  width: 100%;
  height: 140px;
}

body.form03 #uploaded_images .photobox img {
  width: 100% !important;
  height: 100% !important;
  max-width: 100% !important;
  min-width: 100% !important;
  max-height: 100% !important;
}

.mypage #conbox #conbox_in #inner {
  padding-bottom: 20px !important;
}

table.type1 {
  display: block !important;
}

table.type1 tbody,
table.type1 tr,
table.type1 th,
table.type1 td {
  display: block !important;
}

.mchoose img {
  max-height: 40px !important;
}

body.form01 .hints {
  margin-left: 0px;
  margin-bottom: 20px;
}

table.type1 {
  border: none;
}

table.type1 tr:nth-child(1) td {
  display: flex !important;
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

table.type1 tr:nth-child(2) th {
  border-top: none;
}

table.type1 tr:last-child input {
  width: 100%;
}

table.type1 th {
  border-bottom: none;
}

.mypage #pagetop {
  background-color: #F1F8FC;
  max-width: 320px !important;
  width: 100% !important;
  padding-right: 10px;
}

.boxcheckbox {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.boxcheckbox_inside {
  width: 100% !important;
  margin-top: 10px;
}

.openingNagomi #conbox #conbox_in #inner .group .blue-box table {
  border: none;
  border-top: 1px solid #1490C6;
}

.btn-bottom a {
  display: block !important;
}

#container {
  width: 100% !important;
}

body.top #newmember {
  width: 100% !important;
  height: auto;
  margin-bottom: 15px !important;
  margin-top: 20px !important;
}

body.top #newmember h2 {
  position: relative;
}

body.top #login {
  width: 100% !important;
  height: auto !important;
}

body.top #login ul li {
  display: block !important;
  width: 100% !important;
}

body.top #login table {
  position: relative !important;
}

body.top #login h2 {
  position: relative;
}

body.top #login table,
body.top #login ul,
body.top #login .saves,
body.top #login .link02 {
  left: auto;
  top: auto;
  right: auto;
  bottom: auto;
  position: relative;
}

body.top #login .link02 {
  position: relative;
}

body.top #login h2 {
  background: url(../images/pattern.jpg);
  text-align: center;
  color: #fff;
  padding: 8px 0px;
}

#login {
  background: #F3F3F3;
  border: 2px solid #fff;
  border-radius: 8px;
  overflow: hidden;
  -webkit-box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
  box-shadow: 1px 1px 2px 1px rgba(0, 0, 0, 0.2);
}

#login .boxwrapit {
  padding: 10px;
}

#login .boxwrapit table {
  width: 100%;
  margin-top: 10px;
}

#login .boxwrapit table tr td span {
  display: inline-block;
  color: #1490C6;
  width: 130px;
  font-weight: bold;
  text-align: right;
  padding-right: 20px;
}

#login .boxwrapit table tr td input {
  border: 1px solid #ccc !important;
  height: 34px;
  width: calc(100% - 150px);
  width: -moz-calc(100% - 150px);
  width: -webkit-calc(100% - 150px);
  width: -ms-calc(100% - 150px);
  width: -o-calc(100% - 150px);
}

#login .link02 button {
  border: none;
  background: transparent;
}

#login .saves {
  margin: 10px 0px;
}

#login ul {
  margin-bottom: 20px;
  padding-bottom: 30px !important;
  padding-left: 20px !important;
}

.videone {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.videone a {
  width: calc(50% - 5px);
  width: -moz-calc(50% - 5px);
  width: -webkit-calc(50% - 5px);
  width: -ms-calc(50% - 5px);
  width: -o-calc(50% - 5px);
  margin-right: 10px;
  float: left;
  display: block;
  margin-bottom: 10px;
}

.videone a:nth-child(2n) {
  margin-right: 0px;
}

.videone a img {
  width: 100%;
}

#bg_news {
  width: 100% !important;
  height: auto !important;
  background: transparent !important;
}

#bg_news img {
  max-width: 100%;
}

#bg_news #news {
  padding: 15px !important;
  height: auto !important;
  margin-left: auto !important;
}

#bg_news #news table tr,
#bg_news #news table th,
#bg_news #news table td,
#bg_news #news table tbody {
  width: 100% !important;
  display: block !important;
}

body.top #news {
  width: 100% !important;
}

body.top #login .saves {
  padding-left: 20px;
}

#footer {
  width: 100% !important;
  height: auto !important;
  padding: 20px;
  margin-top: 20px;
  margin-bottom: 20px !important;
}

#footer .f_logo {
  position: relative;
}

#footer .f_add {
  position: relative;
  top: auto;
  left: auto;
  bottom: auto;
  right: auto;
  margin-top: 20px !important;
}

.registration #conbox-content {
  max-width: 100% !important;
}

.registration_group {
  padding: 0px 0px !important;
  margin-top: 10px !important;
}

.registration #conbox {
  padding: 10px 10px 20px 10px;
  background: #F4F4F4;
  border: 1px solid #fff;
  border-radius: 10px;
  margin-top: 20px;
}

.registration_group .radiogroup {
  margin-left: 0px !important;
}

#pagetop {
  max-width: 320px !important;
  width: 100%;
  margin: 0 auto;
}

#pagetop .page-up {
  padding: 0;
}

#pagetop .page-up a {
  padding: 0 0 0 15px;
  background: url(../common_img/icon_page_top.png) left center no-repeat;
  color: #333;
}

.openingtrailer_realpage #conbox #conbox_in #inner .introduce__first .text .text-ins .table_trailer {
  width: 100%;
}

.openingtrailer_realpage .align_middle .table_trailer {
  max-width: 60% !important;
  min-width: 60% !important;
}

.openingtrailer_realpage #conbox #conbox_in #inner .group .green-box .box-content .first-input {
  border: 1px solid #6EBD75 !important;
}

.openingtrailer_realpage #conbox #conbox_in #inner .group .green-box .box-content .second-input {
  border: 1px solid #6EBD75 !important;
}

.profilefavorite #conbox #conbox_in #inner .attention-column .video-number {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.profileAshiato p.plscheck {
  padding: 0px !important;
}

.profileAshiato .group_couple {
  background-color: #ffff;
  padding: 20px 10px;
}

.profileAshiato #conbox #conbox_in #inner .introduce__first {
  padding: 0;
}

.profileAshiato #conbox #conbox_in #inner .introduce__first img {
  margin-top: 0;
}

.profileAshiato #conbox #conbox_in #inner .introduce__first .text .text-ins {
  -ms-flex-wrap: unset;
  flex-wrap: unset;
}

.profileAshiato #conbox #conbox_in #inner .introduce__first .text .text-ins span:first-child {
  white-space: nowrap;
}

.profileAshiato #conbox #conbox_in #inner .introduce__second {
  margin-left: 0;
}

.profileSimple #conbox #conbox_in #inner .group_first .group_first-ins .sum {
  width: 40%;
  height: 75px;
}

.profileSimple #conbox #conbox_in #inner .group_first .group_first-ins .sum-input-bd,
.profileSimple #conbox #conbox_in #inner .group_first .group_first-ins .sum-input {
  width: 60%;
  height: 75px;
}

.profileSimple #conbox #conbox_in #inner .group_first .group_first-ins .sum-input select,
.profileSimple #conbox #conbox_in #inner .group_first .group_first-ins .sum-input input {
  height: 55px;
}

.profileSimple #conbox #conbox_in #inner .group_couple .couple_ins .couple_img .img_ins {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.profileSimple #conbox #conbox_in #inner .group_couple .couple_ins .couple_img .img_ins .title {
  width: 20%;
  margin-left: 20px;
}

.profileSimple #conbox #conbox_in #inner .group_couple .couple_ins .couple_img .img_ins .title .guide_content {
  color: #00B372;
  height: 70px;
  width: 70px;
}

.profileSimple #conbox #conbox_in #inner .group_couple .couple_ins .couple_img .img_ins .title .guide_content .guide {
  border-radius: 3px;
  border: 2px solid #00B372;
  padding: 0;
  font-size: 22px;
}

.profileSimple #conbox #conbox_in #inner .group_couple .couple_ins .couple_image {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.profileSimple #conbox #conbox_in #inner .group_couple .couple_ins .couple_image .couple_img {
  -webkit-box-flex: 0;
  -ms-flex: 0 0 45%;
  flex: 0 0 45%;
  -webkit-box-sizing: border-box;
  box-sizing: border-box;
}

.profileSimple #conbox #conbox_in #inner .group_couple .couple_ins .couple_image .couple_img:nth-child(3),
.profileSimple #conbox #conbox_in #inner .group_couple .couple_ins .couple_image .couple_img:nth-child(4) {
  margin-top: 60px;
}

.profileSimple #conbox #conbox_in #inner .group_couple .couple_ins .couple_image .couple_img .img_ins .title {
  width: 40%;
}

.profileSimple #conbox #conbox_in #inner .group_couple .couple_ins .blue_title {
  background-color: #A4D5D7;
}

.profileSimple #conbox #conbox_in #inner .group_couple .couple_ins .fix_couple_image {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -ms-flex-pack: distribute;
  justify-content: space-around;
  -webkit-box-align: start;
  -ms-flex-align: start;
  align-items: flex-start;
}

.profileSimple #conbox #conbox_in #inner .group_couple .couple_ins .couple_text p {
  text-align: justify;
}

.openingNagomi #conbox #conbox_in #inner .introduce__first-fixsp {
  display: block !important;
}

.openingNagomi #conbox #conbox_in #inner .group .green-box .fix-box-content input {
  border: 1px solid #00A3D6;
}

.openingNagomi #conbox #conbox_in #inner .group .green-box td.fix-box-content {
  border-bottom: 1px solid #00A3D6 !important;
}

.openingNagomi #conbox #conbox_in #inner .group .green-box .fix-blue-box table td {
  background-color: #DDF2FC;
}

.openingNagomi #conbox #conbox_in #inner .introduce table .bd-introduce-th th {
  width: unset;
  height: unset;
}

.openingNagomi .openingtrailer #conbox #conbox_in #inner .introduce__first .first-box .first-box-ins {
  border-right: none;
  width: 100%;
}

.openingNagomi .openingtrailer #conbox #conbox_in #inner .introduce__first-fiximg img {
  width: unset;
}

.openingtrailer #conbox #conbox_in #inner .introduce__first .first-box .first-box-ins {
  width: 100%;
}

.openingtrailer #conbox #conbox_in #inner .introduce__first .first-box .fix-first-box-ins img {
  width: 10%;
}

.profilefavorite .input_sp input {
  width: 100%;
  height: 50px;
  border: 1px solid #00A3D6;
}

.profilefavorite .pink-input_sp input {
  border: 1px solid #E47B8A;
}

.profilefavorite .yll-input_sp input {
  border: 1px solid #F6B15E;
}

.profilefavorite .bg_white {
  background-color: #fff !important;
}

.profilefavorite #conbox #conbox_in #inner .attention-column table .bg-blue-sp td {
  background-color: #C4EBFE;
}

.profilefavorite #conbox #conbox_in #inner .attention-column table .bg-pink-sp td {
  background-color: #FDDADE;
}

.profilefavorite #conbox #conbox_in #inner .attention-column table .bg-yellow-sp td {
  background-color: #FEE5C6;
}

.profilefavorite #conbox #conbox_in #inner .attention-column table .bg-blue th,
.profilefavorite #conbox #conbox_in #inner .attention-column table .bg-yellow th {
  font-size: 18px;
  font-weight: bold;
}

.profilefavorite #conbox #conbox_in #inner .attention-column table .fix-text-tb td {
  font-size: 15px;
}

.profilefavorite #conbox #conbox_in #inner .video-number input {
  width: 160px !important;
}

.profilefavorite #conbox #conbox_in #inner .comment-field table .other-number-cell {
  display: block;
}

.profilefavorite #conbox #conbox_in #inner .comment-field table .other-number-cell input {
  width: 95%;
  height: 50px;
}

.profilefavorite #conbox #conbox_in #inner .comment-field table .pink-cell input {
  border: 1px solid #E47B8A;
}

.profilefavorite #conbox #conbox_in #inner .comment-field table .yll-cell input {
  border: 1px solid #F6B15E;
}

.profilefavorite #conbox #conbox_in #inner .comment-field table .fix-bd-top-pink th,
.profilefavorite #conbox #conbox_in #inner .comment-field table .fix-bd-top-yll th {
  font-size: 18px;
  font-weight: bold;
}

.profilefavorite #conbox #conbox_in #inner .introduce__second {
  margin-left: 0;
}

.profilefavorite #conbox #conbox_in #inner .attention-column-pink-txt table::before,
.profilefavorite #conbox #conbox_in #inner .attention-column-yll-txt table::before,
.profilefavorite #conbox #conbox_in #inner .attention-column-text table::before {
  display: table-caption !important;
  width: 100%;
}

.openingNagomi #conbox #conbox_in #inner .introduce__first .text .text-ins {
  -ms-flex-wrap: unset;
  flex-wrap: unset;
}

.openingNagomi #conbox #conbox_in #inner .introduce__first .text .text-ins p:first-child {
  white-space: nowrap;
}

.openingNagomi #conbox #conbox_in #inner .introduce__first .text .fix-text {
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.openingNagomi #conbox #conbox_in #inner .introduce__first .text .fix-text p:first-child {
  white-space: inherit;
}

.table_inside td {
  padding: 5px !important;
}

.table-row .count_text {
  font-size: 10px;
}

.registration_group h3 {
  font-size: 15px;
}

.registration_group .radiogroup .item {
  padding: 10px 5px;
}

.registration_group .radiogroup .item label {
  font-size: 12px;
}

.openingtrailer_realpage #conbox #conbox_in #inner .introduce__first .text .text-ins .table_trailer {
  width: 100%;
}

.fix-table2 td ul {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
}

.openingtrailer #conbox #conbox_in #inner .introduce__first .first-box .first-box-ins {
  padding: 3px 0 0 0;
}

body.form03 .contactbox table td {
  width: 100%;
}

a {
  color: #000;
}

body {
  background: #F1F8FC !important;
}

.hints02 a {
  color: #18abf1;
}

.hints02 a:hover {
  color: #FB7DBC;
}

.thelightbox_ins {
  padding: 0px 20px;
}

.thelightbox_ins h3 {
  font-size: 16px;
  margin: 15px 0 25px 0;
}

.thelightbox_ins p {
  font-size: 14px;
}

.thelightbox_ins .btn-agree button {
  font-size: 16px;
  margin: 25px 0px 10px 0px;
}

.pink-box.box.box-bottom .bluebox.mixpink {
  margin-top: 0px;
}

.w35 {
  width: 35% !important;
}

.openingNagomi #conbox #conbox_in #inner .group .green-box .box-content .first-input {
  width: 40px;
}

.openingNagomi #conbox #conbox_in #inner .introduce__first .text .fix-table * {
  margin-right: 0px;
}

.groom-last.groom-last-blue {
  padding: 10px;
  border: 1px solid #1490C6;
  background: #DDF2FC;
  border-top: none;
}

.groom-last.groom-last-blue .groom-last-ins {
  display: -webkit-box;
  display: -moz-box;
  display: -ms-flexbox;
  display: -webkit-flex;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  margin-top: 10px;
}

.groom-last.groom-last-blue .groom-last-ins div input {
  width: 50px;
  height: 60px;
  margin-right: 2px;
  border: 1px solid #1490C6;
}

.fix-bluebox {
  margin-bottom: 0;
}

table.type1-fix tr:last-child input::-webkit-input-placeholder {
  font-size: 9px;
}

table.type1-fix tr:last-child input:-ms-input-placeholder {
  font-size: 9px;
}

table.type1-fix tr:last-child input::-ms-input-placeholder {
  font-size: 9px;
}

table.type1-fix tr:last-child input::placeholder {
  font-size: 9px;
}

.profileSimple #conbox #conbox_in #inner .group_first .group_first-ins-fix .sum {
  height: 65px;
}

.profileSimple #conbox #conbox_in #inner .group_first .group_first-ins-fix .sum-input {
  height: 65px;
}

.profileSimple #conbox #conbox_in #inner .group_first .group_first-ins-fix .sum-input textarea {
  height: 45px;
  width: 163px;
  border: 1px solid #66BE7A;
  padding: 5px;
  margin-right: 5px;
  padding-right: 5px;
}

.profilefavorite .input_sp textarea {
  width: 100%;
  height: 50px;
  border: 1px solid #00A3D6;
}

.profilefavorite .pink-input_sp textarea {
  border: 1px solid #E47B8A;
}

.profilefavorite .yll-input_sp textarea {
  border: 1px solid #F6B15E;
}



/* 26/02/2020 questionaire page */
.questionaire #conbox #conbox_in #inner {
  padding-top: 30px;
}

.questionaire .questionaire-block h2 {
  margin-bottom: 20px;
}

.questionaire .questionaire-block .pink_box {
  background: #ffffff;
  border: 1px solid #EB99A8;
  padding: 10px;
  margin-bottom: 15px;
}

.questionaire .questionaire-block .pink_box p {
  line-height: 1.8;
}

.questionaire .questionaire-block .block-input-area textarea {
  padding: 10px;
  height: 150px;
  border: 1px solid #EB99A8;
  background: #ffffff;
  width: 100%;
}

.questionaire .questionaire-block .block-input {
  border: 1px solid #EB99A8;
  background: #ffffff;
  padding: 10px;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
}

.questionaire .questionaire-block .block-input div {
  width: calc(33.3% - 6.66667px);
  width: -moz-calc(33.3% - 6.66667px);
  width: -webkit-calc(33.3% - 6.66667px);
  width: -ms-calc(33.3% - 6.66667px);
  width: -o-calc(33.3% - 6.66667px);
  margin-right: 10px;
  float: left;
  margin-top: 10px;
}

.questionaire .questionaire-block .block-input div:nth-child(3n) {
  margin-right: 0;
}

.questionaire .questionaire-block .block-input div:nth-child(1),
.questionaire .questionaire-block .block-input div:nth-child(2),
.questionaire .questionaire-block .block-input div:nth-child(3) {
  margin-top: 0;
}

.questionaire .questionaire-block .block-input div label {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}

.questionaire .questionaire-block .block-input div label input[type="checkbox"],
.questionaire .questionaire-block .block-input div label input[type="radio"] {
  margin: 0;
  margin-right: 5px;
}

.questionaire .questionaire-block .block-input div:last-child {
  margin-right: 0;
}

.questionaire .questionaire-block .questionaire-box {
  margin: 0 10px 0 10px;
}

.questionaire .questionaire-block--ins {
  margin-top: 30px;
}

.questionaire .questionaire-block .questionaire-btn-block {
  margin-top: 40px;
  text-align: center;
}

.questionaire .questionaire-block .questionaire-btn-block .questionaire-btn {
  margin-top: 15px;
}

.questionaire .questionaire-block .questionaire-btn-block .questionaire-btn input {
  background: #01AC50;
  color: #ffffff;
  border: none;
  padding: 10px 50px;
  font-size: 16px;
  font-weight: bold;
  border-radius: 3px;
  cursor: pointer;
}

.questionaire .questionaire-block .questionaire-btn-block .questionaire-btn input:hover {
  opacity: 0.8;
}


/* update 24/03/2020 */
.questionaire .questionaire-block .ques-tit {
  background: url(../sp/questionaire/images/title.png) center center no-repeat;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  -webkit-box-pack: start;
  -ms-flex-pack: start;
  justify-content: flex-start;
  margin-bottom: 30px;
  background-size: cover;
  height: 60px;
}

.questionaire .questionaire-block h2 {
  margin-bottom: 0px;
  padding-left: 70px;
  color: #E65E90;
  font-weight: bold;
  font-size: 14px;
}


.hints {
  padding: 0 0 10px 33px !important;
  margin-left: 20px;
  background: url(../images/icon02.jpg) 10px 0 no-repeat;
}

.hints.noleft {
  margin-left: -9px;
  margin-bottom: 0px !important;
  position: relative;
  top: 20px;
}


/**/

.addimage .table-yll .table-yll-ins .table-row-f .yll-text-full{
  width: 100% !important;
}

 /* edit 03/11/2020 */

 .questionaire .ques-tit h2{
  background: #FCE5F1;
  box-shadow: inset 0 0 5px #ddd;
  -moz-box-shadow: inset 0 0 5px #ddd;
  -webkit-box-shadow: inset 0 0 5px #ddd;
  padding: 10px;
  border-radius: 8px;
  border: 1px solid #fff;
  width: calc(100% - 80px);
  margin-left: 80px;
}

.questionaire .ques-tit{
  min-height: 65px;
  background: url(../questionaire/images/title.png) center left no-repeat;
  height: auto;
  position: relative;
}
.red-color {
  color: red;
}