/*
Theme Name:アーティゾン美術館
Theme URI:
Version:1.0.0
Description:js/
Author:アーティゾン美術館
Author URI: https://www.artizon.museum/
*/


@charset "UTF-8";

/* reset css
---------------------------------------- */
* {
  margin: 0px;
  padding: 0px;
}

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, figcaption, figure,
footer, header, hgroup, menu, nav, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  vertical-align: baseline;

}
html, body{
  font-size: 14px;
  font-family: "A+mfCv-AXIS Font ベーシック R ProN", "NoChattering";
  color: #000;
  font-style: normal;
  line-height: 1.8;
}
main {
  display: block;
}
h1, h2, h3, h4, h5, h6 {
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
  font-weight: normal;
  font-size: 100%;
}
article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section {
  display: block;
}
ul, ol {
  list-style: none;
}
blockquote, q {
  quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
  content: '';
  content: none;
}
a {
  margin: 0;
  padding: 0;
  font-size: 100%;
  vertical-align: baseline;
  color: #000;
  text-decoration: none;
}
a:hover{
  opacity: 0.7;
}
a.linkBlockHover{
..display:block !important;
}
a:hover.linkBlockHover, a:hover.linkBlockHover div, a:hover.linkBlockHover span,a:hover.linkBlockHover p, a:hover.linkBlockHover h2,a:hover.linkBlockHover h3, a:hover.linkBlockHover h4, a:hover.linkBlockHover h5, a:hover.linkBlockHover h6{
  opacity: 0.7 !important;
}
ins {
  background-color: #ff9;
  color: #000;
  text-decoration: none;
}
mark {
  background-color: #ff9;
  color: #000;
  font-style: italic;
  font-weight: bold;
}
del {
  text-decoration: line-through;
}
abbr[title], dfn[title] {
  border-bottom: 1px dotted;
  cursor: help;
}
img {
  width: 100%;
  height: auto;
  border-top-style: none;
  border-right-style: none;
  border-bottom-style: none;
  border-left-style: none;
  font-size: 0%;
  line-height: 0%;
  vertical-align: bottom;
  -ms-interpolation-mode: bicubic;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

hr {
  display: block;
  height: 1px;
  border: 0;
  border-top: 1px solid #cccccc;
  margin: 1em 0;
  padding: 0;
}

input, select {
  vertical-align: middle;
}

strong,em{
  font-style: normal;
}

.opacity {
  opacity: 0;
  pointer-events: none;
  user-select: none;
}

/*ClearFix*/
.clearfix:after {
  content: ".";
  clear: both;
  height: 0;
  display: block;
  visibility: hidden;
}
.clearfix {
  display: inline-block;
}
.clearfix {
  display: block;
}


/* 共通CSS
---------------------------------------------------------- */
#wrapper {
  min-height: 100%;
  margin:0px auto;
  position: relative;
  width: 100%;
  overflow: hidden;
}
.contents {
  max-width: 1000px;
  width: 100%;
  padding: 0 20px;
  margin: 0 auto;
  box-sizing: border-box;
}
.contents:last-child section:last-child {
  margin-bottom: 140px!important;
}
.contents.contentsPlusMargin {
  max-width: 1040px;
}
.contents.contentsPlusMargin section {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  box-sizing: border-box;
}
.contents.contentsPlusMargin section.sectionwidthFull {
  width: 100%;
  max-width: 1000px;
  padding: 0;
}
.box {
  margin-bottom: 70px;
}
.container {
  margin-bottom: 50px;
}
.case {
  margin-bottom: 30px;
}
.box25 {
  margin-bottom: 25px;
}
.item {
  margin-bottom: 20px;
}
.section_relative{
  position: relative;
}
.ab60{
  position: absolute;top:-60px
}
.contents section .box:last-child,
.contents section .container:last-child,
.contents section .case:last-child,
.contents section .item:last-child {
  margin-bottom: 0;
}
.pc {
  display: block;
}
.pc-inline {
  display: inline;
}
.sp, .sp-inline{
  display: none;
}
.d-block {
  display: block !important;
}
.d-none {
  display: none !important;
}
.mbClear {
  margin-bottom: 0!important;
}
.lh0 {
  line-height: 0 !important;
}

/* リンクスタイル */
.btnSty {
  border: solid 1px #FFF;
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
  color: #FFF;
  display: table;
  padding: 10px 15px;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
}
.btnSty span {
  display: table-cell;
  vertical-align: middle;
  line-height: 1;
}
.btnStyOutLine {
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
  color: #FFF;
  display: table;
  padding: 10px 15px;
  box-sizing: border-box;
  width: 100%;
  height: 40px;
}
.btnStyOutLine span {
  display: table-cell;
  vertical-align: middle;
  line-height: 1;
}
.btnArr {
  position: relative;
}
.btnArr .btnSty__ico {
  position: absolute;
  right: 20px;
  width: 18px;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.btnStyOutLine .btnSty__ico line,
.btnSty .btnSty__ico line,
.btnSty .btnSty__ico path {
  stroke: #FFF;
}
:hover.btnStyOutLine ,
:hover.btnSty {
  opacity: 0.7;
}
.btnSty--black {
  border: solid 1px #000;
  color: #000;
}
.btnStyOutLine--black .btnSty__ico line,
.btnSty--black .btnSty__ico line,
.btnSty--black .btnSty__ico path {
  stroke: #000;
}
.btnSty--gray {
  border: solid 1px #555;
  color: #FFF;
  background-color: #555555;
}
.btnSty--gray .btnSty__ico line,
.btnSty--gray .btnSty__ico path {
  stroke: #FFF;
}
.btnSty--download {
  border: solid 1px #000;
  color: #000;
  padding: 18px 15px;
  background: #FFF url(images/common/ico_download.png) no-repeat 95% center;
  background-size: 20px;
}
.btnSty--download:hover {
  color: #FFF;
  background: #3B3B3B url(images/common/ico_download_white.png) no-repeat 95% center;
  background-size: 20px;
  opacity: 1;
}
.btnSty--cart {
  border: solid 2px #FFF!important;
  color: #FFF!important;
  background: #000 url(images/common/ico_cart.svg) no-repeat right 10% center!important;
  background-size: 20px!important;
}
footer .btnSty--cart {
  border: solid 2px #FFF!important;
  background: #000 url(images/common/ico_cart.svg) no-repeat right 10% center!important;
  background-size: 26px!important;
  padding: 10px 20px;
}
.btnSty--contact {
  border: solid 2px #FFF!important;
  color: #FFF!important;
  background: #000 url(images/common/ico_contact.png) no-repeat right 10% center!important;
  background-size: 20px!important;
}
/* btnStyOutLine */
.btnStyOutLine--cart {
  color: #FFF!important;
  background: transparent url(images/common/ico_cart.svg) no-repeat left center!important;
  background-size: 20px!important;
  padding-left: 30px;
}
.btnStyOutLine--contact {
  color: #FFF!important;
  background: transparent url(images/common/ico_contact.png) no-repeat left 2px center!important;
  background-size: 20px!important;
  padding-left: 30px;
}
/* end btnStyOutLine */
.btnSty--backtop {
  max-width: 280px;
  margin: 0 auto;
}
.btnListBox {
  position: relative;
}
.btnListBox a {
  position: absolute;
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
  font-size: 14px;
  right: 0;
  top: 50%;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  line-height: 1;
  display: flex;
}
.btnListBox a .btnSty__ico {
  vertical-align: middle;
  padding-left: 15px;
}
.btnListBox a .btnSty__ico line,
.btnListBox a .btnSty__ico path {
  stroke: #000;
}
.backBtn {
  display: inline-block;
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
  max-width:100%;
  overflow:hidden;
}
.backBtn .btnSty__ico {
  transform:rotate(180deg);
  vertical-align: middle;
  margin-right: 25px;
}
.backBtn .btnSty__ico line,
.backBtn .btnSty__ico path {
  stroke: #000;
}
.btnSize--small {

}
.btnExhibition {
  font-size: 16px;
  padding-bottom: 12px;
  font-family: "A+mfCv-AXIS Font ベーシック B ProN", "NoChattering";
  max-width: 320px;
  padding: 11px 20px;
  width: 100%;
  display: block;
  box-sizing: border-box;
}
.btnPlay__ico {
  position: absolute;
  width: 28px;
  height: 28px;
  top: 50%;
  right: 14px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}


/* align設定 */
.textCenter {
  text-align: center;
}
.textLeft {
  text-align: left;
}
.textRight {
  text-align: right;
}


/* フォントスタイル */
.axisf_L_ProN {
  font-family: "A+mfCv-AXIS Font ベーシック L ProN", "NoChattering";
}
.axisf_R_ProN {
  font-family: "A+mfCv-AXIS Font ベーシック R ProN", "NoChattering";
}
.axisf_M_ProN {
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
}
.axisf_B_ProN {
  font-family: "A+mfCv-AXIS Font ベーシック B ProN", "NoChattering";
}

/* フォントスタイル イタリック */
.axisf_L_It {
  font-family: "A+mfCv-AXIS Latin ベーシック L It", "NoChattering";
}
.axisf_R_It {
  font-family: "A+mfCv-AXIS Latin ベーシック R It", "NoChattering";
}
.axisf_M_It {
  font-family: "A+mfCv-AXIS Latin ベーシック M It", "NoChattering";
}
.axisf_B_It {
  font-family: "A+mfCv-AXIS Latin ベーシック B It", "NoChattering";
}

.textRed {
  color: #CC0000;
}
.txtSmall {
  font-size: 12px;
}

/* パンくず */
.breadCrumb {
  padding: 20px 20px 55px;
}
.breadCrumb li {
  display: inline-block;
  font-size: 12px;
  font-weight: bold;
  background: url(images/common/ico_bread.png) no-repeat right center;
  background-size: 5px;
  padding-right: 15px;
  margin-right: 10px;
}
.breadCrumb li:last-child {
  background: none;
  padding-right: 0;
  margin-right: 0;
}

/* 下層ページタイトルh1 */
.subPageTitleH1 {
  font-size: 30px;
  font-weight: bold;
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
  margin: 0 auto 30px;
  width: 100%;
  max-width: 1000px;
  padding: 0 20px;
  overflow: hidden;
  box-sizing: border-box;
  line-height: 53px;
}
.subPageTitleH1.mbClear {
  margin: 0 auto;
}

/* 下層ページタイトルh2 */
.subPageTitleH2 {
  font-size: 20px;
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
  margin-bottom: 20px;
}


/* 下層ページタイトルh3 */
.subPageTitleH3 {
  font-size: 18px;
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
  margin-bottom: 15px;
}

/* テーブルスタイル */
.tbSty {
  width: 100%;
  border-top: solid 1px #DDDDDD;
}
.tbSty th {
  width: 24%;
  font-weight: normal;
  text-align: left;
  padding: 25px 30px 25px 0;
  border-bottom: solid 1px #DDDDDD;
  box-sizing: border-box;
}
.tbSty th .tbTitleH2 {
  font-size: 16px;
  font-weight: normal;
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
}
.tbSty td {
  width: 76%;
  padding: 25px 0;
  border-bottom: solid 1px #DDDDDD;
}


/* 2カラム左画像小 */
.colPicBox--small {
  display: flex;
  flex-wrap:wrap;
}
.colPicBox--small .imgBox {
  max-width: 160px;
  width: 17%;
  padding-right: 3%;
}
.colPicBox--small .textBox {
  max-width: 760px;
  width: 80%;
}
.colPicBoxTitle {
  font-size: 18px;
  margin-bottom: 15px;
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
}

/* 2カラム */
.col2Box {
  display: flex;
  flex-wrap:wrap;
}
.col2Box .col {
  width: 48%;
  max-width: 460px;
  margin-right: 4%;
  margin-top: 30px;
}
.col2Box .col:nth-child(even) {
  margin-right: 0!important;
}
.col2Box .col:nth-child(-n+2) {
  margin-top: 0;
}

/* 4カラム */
.col4Box {
  display: flex;
  flex-wrap:wrap;
}
.col4Box .col {
  width: 21.9%;
  max-width: 210px;
  margin-right: 4.1%;
  margin-top: 30px;
}
.col4Box .col:nth-child(4n) {
  margin-right: 0;
}
.col4Box .col:nth-child(-n+4) {
  margin-top: 0;
}


/* カルーセルスライダー */

.slideBox__col{
  padding:0 10px;
  box-sizing: border-box;
}

.slideBox__col a{
  display:block;
}

/* モーダルウィンドウ */
#wrapper.is-locked {
  position: fixed;
  width: 100%;
}
.modal {
  visibility: hidden;
  opacity: 0;
  position: fixed;
  z-index: 9999;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  padding: 0 ;
  transition: opacity 0.3s, visibility 0s 0.3s;
  background: rgba(0, 0, 0, 0.8);
}
.modal.modalIndex {
  background: rgba(0, 0, 0, 0.8);
}
.modal.is-active {
  visibility: visible;
  opacity: 1;
  transition: opacity 0.3s, visibility 0s 0s;
}
.modal_container {
  display: flex;
  height: 100%;
  justify-content: center;
  align-items: center;
}
.modal_container::after {
  content: '';
  min-height: inherit;
  font-size: 0;
}
.modal_inner {

}
.modal_content {
  display: none;
  background: #fff;
  margin: auto;
  max-width: 600px;
  width: 100%;
  text-align: center;
  box-sizing: border-box;
  padding: 50px;
}
.modal.modalIndex .modal_content {
  text-align: left;
  padding: 50px 20px 50px 30px;
}
.modal.modalIndex .modal_content section {
  max-height: 600px;
  overflow: auto;
  padding-right: 10px;
}
.modal.modalIndex .modal_content section::-webkit-scrollbar {
  width: 4px;
}
.modal.modalIndex .modal_content section::-webkit-scrollbar-thumb {
  background: #000;
}
.modalIndexTit {
  font-size: 20px;
  margin-bottom: 30px;
  line-height: 1.5;
}
.modal.modalIndex .modal_content p {
  font-size: 12px;
  line-height: 1.8;
  margin-bottom: 30px;
}
.modal.modalIndex .modal_content p:last-child {
  margin-bottom: 0;
}
.modal.modalCollection .modal_content {
  padding: 0px;
  max-width: 80%;
  width: 80%;
}
.modal.modalCollection .modal_content img {
  max-height: 650px;
}
.is-active .modal_content {
  display: block;
}
.modalClose {
  position: absolute;
  top: 50px;
  right: 50px;
  width: 60px;
  height: 30px;
}
.modalClose span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
}
.modalClose span:nth-of-type(1) {
  -webkit-transform: translateY(14px) rotate(-45deg);
  transform: translateY(14px) rotate(-45deg);
  top: 0;
}
.modalClose span:nth-of-type(2) {
  -webkit-transform: translateY(-14px) rotate(45deg);
  transform: translateY(-14px) rotate(45deg);
  bottom: 0;
}

/* 画像トリミング */
.trimBox {
  width: 100%;
  height: 0;
  position:relative;
}
.objectFit {
  object-fit: cover;
  font-family: 'object-fit: cover';
  width: 100%;
  height: 100%;
  position: absolute;
}
.objectFit.objectFit--contain {
  object-fit: contain;
  font-family: 'object-fit: contain';
}

/* コピーガード */
img.protect {
  pointer-events: none;
  -webkit-touch-callout:none;
  -webkit-user-select:none;
  -moz-touch-callout:none;
  -moz-user-select:none;
  touch-callout:none;
  user-select:none;
}

/* フォームスタイル */
.agreeCheck label {
  padding-left: 40px;
  line-height: 30px;
  display: inline-block;
  cursor: pointer;
  position: relative;
}
.agreeCheck label:before {
  content: '';
  width: 30px;
  height: 30px;
  border: solid 1px #000000;
  display: inline-block;
  position: absolute;
  left: 0;
  background-color: #fff;
  box-sizing: border-box;
}
.agreeCheck input[type=checkbox] {
  display: none;
}
.agreeCheck input[type=checkbox]:checked + label:before {
  content: url(images/common/ico_check.svg);
  color: #000000;
  background-color: #FFFFFF;
  padding-top: 2px;
  box-sizing: border-box;
}

input[type=text],input[type=email],input[type=tel], textarea, select {
  width: 100%;
  border: solid 1px #000;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  -moz-appearance: none;
  appearance: none;
  border-radius: 0;
  padding: 10px 20px;
  font-size: 14px;
  font-family: "A+mfCv-AXIS Font ベーシック R ProN", "NoChattering";
  outline: none;
}
input[type=text],input[type=email],input[type=tel], select {
  height: 50px;
  line-height: 1em;
  padding-top: 0px;
  padding-bottom: 0px;
}
.wpcf7 input[type=text],.wpcf7 input[type=email],.wpcf7 input[type=tel],.wpcf7 select {
  line-height: 4em;
}
.wpcf7 input[type=text]::-webkit-input-placeholder ,
.wpcf7 input[type=email]::-webkit-input-placeholder ,
.wpcf7 input[type=tel]::-webkit-input-placeholder ,
.wpcf7 select::-webkit-input-placeholder  {
  padding:1px;
}
textarea {
  min-height: 100px;
  resize: vertical;
  margin-bottom:0;
}
input::placeholder,
textarea::placeholder{
  font-size: 14px;
  color: rgba(0,0,0,0.3);
}
input::-webkit-input-placeholder{
  padding-top: 7px;
}

.seletBox {
  width: 100%;
  overflow: hidden;
  border: solid 1px #000;
  border-radius: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  font-size: 14px;
  font-family: "A+mfCv-AXIS Font ベーシック R ProN", "NoChattering";
  background: #FFFFFF url(images/common/ico_select.svg) no-repeat 95% center;
  height: 50px;

}
.seletBox select {
  width: 100%;
  margin: 0;
  border: none;
  outline: none;
  background: transparent;
  color: rgba(0,0,0,0.3);
}
.seletBox select option {
  color: #000000;
}
.seletBox select::-ms-expand {
  display: none; 
}

.press_date {
  display: inline-block;
  width: 335px;
  height: 52px;
  background-position: right 18px center;
  margin-bottom: 30px;
}

.press_date #press_date {
  color: #000000;
}

.submitArea input[type="submit"] {
  color : #FFF;
  background: #000000;
  width: 300px;
  height:50px;
  line-height:50px;
  font-size:14px;
  border: none;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 0;
}
.submitArea input[type="submit"]:hover {
  opacity:0.7;
}
.submitArea input[type="submit"]:disabled,
.submitArea input[type="submit"].noPassword {
  background: rgba(0,0,0,0.3);
  pointer-events : none;
}
.bacyBtArea button[type="button"] {
  color : #FFF;
  background: #CC0000;
  width: 300px;
  height:50px;
  line-height:50px;
  font-size:14px;
  border: none;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 0;
  margin-top:20px;
}
.bacyBtArea button[type="button"]:hover {
  opacity:0.7;
}
.errorText {
  color: #CC0000;
  display: block;
  margin-top: 5px;
}
.errorText-mt0 {
  margin-top: -2px;
}


/* ヘッダー
---------------------------------------- */
header {
  width: 100%;
  z-index: 9998;
  background-color:#FFF;
  box-sizing:border-box;
}
/* ヘッダー黒帯 */
.headerBlockTop {
  background: #000;
  color: #FFF;
  padding: 8px 20px;
  max-width:100%;
  overflow:hidden;
  box-sizing:border-box;
}
.headerBlockTop__text {
  float: left;
}
.headerBlockTop__text {
  float: left;
  min-height: 4px;
}
.headerBlockTop__language {
  float: right;
}
.headerBlockTop__language div{
  cursor: pointer;
  background: url(images/common/ico_language.svg) no-repeat left center;
  background-size: 17px;
  padding-left: 25px;
  font-size: 13px;
  font-family: "ヒラギノ角ゴ ProN W6", "Hiragino Kaku Gothic ProN", "游ゴシック Medium", "Yu Gothic Medium", "游ゴシック体", "YuGothic", "メイリオ", "Meiryo", "verdana", sans-serif;
}
.headerBlockTop__language div:hover{
  opacity:0.7;
}
.headerBlockTop__language span {
  display: block;
}
.headerBlockTop__language ul {
  position: absolute;
  background: #000;
  right: 0;
  width: 180px;
  text-align: center;
  z-index: 9999;
  display: none;
}
.headerBlockTop__language ul li a {
  display: block;
  padding: 10px;
  color: #FFF;
}
.headerBlockTop__onlineShop {
  float: right;
  margin-right: 31px;
  padding-left: 37px;
  font-size: 13px;
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
  background: url(images/common/ico_cart_header.png) no-repeat left center;
}
.headerBlockTop__onlineShop:hover {
  opacity: 0.7;
  cursor: pointer;
}
.headerBlockTop__onlineShop a {
  color: #FFF;
}
.headerBlockTop__onlineShop a:hover {
  opacity: 1;
}
.headerBlockTop__search {
  float: right;
  margin-right: 31px;
}
.headerBlockTop__search .searchBtn {
  padding-left: 26px;
  font-size: 13px;
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
  background: url(images/common/ico_loupe_header.png) no-repeat left center;
  cursor: pointer;
}
.headerBlockTop__search .searchBtn:hover {
  opacity: 0.7;
}
.headerBlockTop__search .searchArea {
  display: none;
}

/* ヘッダー白帯 */
.headerBlockBottom {
  width: 100%;
  background-color:#FFF;
  box-sizing: border-box;
}
.header_fixed {
  left: 0;
  position: fixed;
  top: 0;
  background: #FFF;
  z-index: 9995;
}
.headerBlockBottom__inner {
  padding: 0 0px 0 20px;
  position: relative;
  box-sizing: border-box;
}
.headerBlockBottom__logo {
  float: left;
  line-height: 1;
  padding: 20px 0;
  max-height: 20px;
}
h1.headerBlockBottom__logo {
  line-height: 0;
}
.headerBlockBottom__logo img {
  height: 20px;
  width:auto;
}
.headerBlockBottom__logo img
.headerBlockBottom__nav {
  float: right;
}
.headerBlockBottom__nav--pc {
  display: block;
}
.headerBlockBottom__nav--sp {
  display: none;
}
.headerBlockBottomNavList li {
  float: right;
  display:block;
  padding:0;
  margin-right:2.2%;
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
}
.headerBlockBottomNavList > li:nth-child(1) {
  margin-right: 3.5%;
}
.headerBlockBottomNavList li a {
  display: block;
  line-height:60px;
  height:60px;
  cursor: pointer;
}
.headerBlockBottomNavList li.headerNavSearch{
  width:60px;
  height:60px;
  padding:0;
  margin-right:0;
}
.headerBlockBottomNavList li.headerNavSearch a {
  width:100%;
  height:60px;
  padding:0;
  background-image:url(images/common/ico_loupe.png);
  background-size:20px auto;
  background-repeat:no-repeat;
  background-position:center center;
}
.headerBlockBottomNavList > li > a:hover,
.headerBlockBottomNavList > li.active > a {
  background: url(images/common/bg_nav.png) repeat-x left bottom;
}
.headerBlockBottomNavList>li:hover ul .container-wrapper {
  padding-top: 55px;
  padding-bottom: 57.5px;
  display: grid;
  grid-template-columns: repeat(4, 255px);
  margin: 0 auto;
}
.headerBlockBottomNavList>li:hover  ul .block-wrapper:not(:first-child) {
  padding-left: 30px;
  padding-right: 30px;
}
.headerBlockBottomNavList>li:hover ul .block-wrapper {
  flex-direction: column;
  row-gap: 0;
  column-gap: 24px;
  display: flex;
}
.headerBlockBottomNavList>li:hover  ul .block-wrapper:not(:last-child) {
  border-right: 1px solid #CCCCCC;
  box-shadow: inset  #000000;
}
.headerBlockBottom__navNolink a {
  color: #d5d5d5;
  pointer-events:none;
}
.headerBlockBottomNavList ul {
  width:100%;
  position: absolute;
  z-index: 9999;
  left: 0;
  top: 60px;
  background-color: #F5F5F5;
}
.block-wrapper:first-child li{
  font-size: 20px;
  line-height: 25px;
}
.block-wrapper li {
  /* cursor: pointer; */
}
.headerBlockBottomNavList li:first-child > ul {
  /* left: -172px; */
}
.headerBlockBottomNavList li li {
  float: none;
  box-sizing: border-box;
  margin: 0;
  padding: 0;
  height: 0;
  overflow: hidden;
}
.headerBlockBottomNavList li li:nth-child(2) {
  margin-right:0%;
}
.headerBlockBottomNavList li > ul > div > li {
  transform-origin: 50% 0;
  transform: rotateX(-90deg);
  transition: all 0.5s;
  background: transparent;
}


.headerBlockBottomNavList li:hover ul  li {
  height: auto;
  overflow: visible;
  transform: rotateX(0deg);
}
.headerBlockBottomNavList li li a{
  display: block;
  color: #000000;
  text-decoration: none;
  font-size: 14px;
  line-height: 20px;
  height: auto;
  padding-bottom: 23px;
  box-sizing: border-box;
}

.headerBlockBottom__navNolink a {
  opacity: 0.5;
  pointer-events: none;
}


/* 検索エリア
---------------------------------------- */
.searchArea {
  z-index: 100;
  position: absolute;
  right: 318px;
  top: 4px;
  transition: all .3s;
  transition-delay: .3s;
  transform-origin: 100% 50%;
  transform: scaleX(0);
  opacity: 0;
  visibility: hidden;
}
.searchArea__box {
  height: 31px;
}
.searchArea.form-show {
  transform: scaleX(1);
  opacity: 1;
  visibility: visible;
  width: 311px;
}
.searchArea__box-input {
  background: #FFF !important;
  border: none !important;
  padding: 3px 30px 3px 40px !important;
  border-radius: 2px  !important  ;
  width: 100%;
  height: 100% !important;
  box-sizing: border-box;
  font-size: 16px;
  line-height: 20px;
}
.searchArea__box-button {
  position: absolute;
  left: 6px;
  top: 6px;
  margin: auto;
  background: transparent;
  border: none;
  cursor: pointer;
}
.searchArea__box-button img{
  width:20px;
  height:auto;
}
.searchArea__box-button--close {
  position: absolute;
  right: 0;
  top: 0;
  background: transparent;
  border: none;
  cursor: pointer;
  width: 31px;
  height: 31px;
  background-image: url(images/common/ico_search_close.png);
  background-repeat: no-repeat;
  background-size: 19px;
  background-position: center center;
}

/* フッター
---------------------------------------- */
footer {
  background: #000;
  padding: 60px 0 50px;
}
.pc .footerNavBox{
  margin-bottom: 35px;
}
.footerNavBox{
  max-width:1280px;
  width:100%;
  margin:0 auto;
  padding:0 3.9%;
  display: flex;
  justify-content: space-between;
  box-sizing:border-box;
  color:#FFF;
}
.footerNavBox__col {
  max-width:205px;
  width:17.4%;
}
.footerNavBox__col a{
  color:#DDDDDD;
  font-size:12px;
}
.footerNavBox__title{
  color:#FFF;
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
}
.footerNavBox__title a{
  color:#FFF;
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
}
.footerNavBox__col ul{
  margin-top:25px;
  display:block;
  padding-top:1.8em;
}
.footerNavBox__col ul:first-child{
  margin-top:0px;
  padding-top:0em;
}
.footerNavBox__col ul li{
  padding-bottom:15px;
}
.footerNavBox__col ol{
  display: flex;
  justify-content: space-between;
  align-items: center;
  margin:25px 0;
}
.footerNavBox__col ol li{
  width:15.4%;
}
.footerNavBox__col:last-child{
  position: relative;
}
.footerNavBox__col:last-child .copyrightBox{
  position: absolute;
  bottom: 0;
  padding-bottom: 15px;
}
.copyrightBox {
  max-width:1280px;
  width:100%;
  padding:0 ;
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  color:#FFF;
  box-sizing:border-box;
}
.copyrightBox_text {
  color: #FFF;
  font-size: 10px;
}
.pc .copyrightBox_text{
  text-align: center;
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
}

.footer_address{
  font-size: 14px;
  color: #FFF;
  font-family: "A+mfCv-AXIS Font ベーシック R ProN", "NoChattering";
}
.pc .copyrightBox_image a{
  display: block;
  margin-bottom: 25px;
}
/* ブラウザーチェック */
footer{
    margin-bottom:80px;
}
footer.checkBrowserNone{
    margin-bottom:0px;
}
footer.checkBrowserNone2{
    margin-bottom:0px;
}
footer.checkBrowserNone .checkBrowser{
    display:none;
}
.checkBrowser {
  position:fixed;
  bottom:0;
  left:0;
  width:100%;
  z-index:9990;
  background: #D3D3D3;
  height:80px;
  box-sizing:border-box;
}
.checkBrowserWrap {
  line-height: 1.6;
  position: relative;
  display: flex;
  align-items: center;
  justify-content: space-between;
  height:80px;
}
.checkBrowserTextBox{
    padding-left:20px;
}
.checkBrowser__text {
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
}
.checkBrowser__text a {
  text-decoration: underline;
}
.checkBrowser__textAttention {
  font-size: 12px;
}
.checkBrowser__checkBox {
  width: 20px;
  height:20px;
  cursor: pointer;
  padding-right:23px;
  position:relative;
}
.checkBrowser__checkBox span {
  position: absolute;
  left: 0;
  width: 30px;
  height: 1px;
  background-color: #000;
  display:block;
}
.checkBrowser__checkBox span:nth-child(1) {
  -webkit-transform: translateY(14px) rotate(-45deg);
  transform: translateY(14px) rotate(-45deg);
  top: -4px;
}
.checkBrowser__checkBox span:nth-child(2) {
  -webkit-transform: translateY(-14px) rotate(45deg);
  transform: translateY(-14px) rotate(45deg);
  bottom: -4px;
}


/* トップに戻るボタン
---------------------------------------- */
.backTop {
  position: fixed;
  right: 15px;
  bottom: 10px;
  z-index: 1;
}
.backTop div{
  width: 15px;
  height: 15px;
  border: 2px solid;
  border-color:  #999999 #999999 transparent transparent;
  transform: rotate(-45deg);
  display:block;
}
a .backTop {
  bottom:0px;
}
a .backTop.noFix {
  top:-47px;
}
@media screen and (max-width: 767px) {
  .backTop.sp-d-block {
    display: block !important;
  }
}

/* margin-bottom設定
---------------------------------------- */

.mb0{
  margin-bottom:0px!important;
}
.mb5{
  margin-bottom:5px!important;
}
.mb10{
  margin-bottom:10px!important;
}
.mb15{
  margin-bottom:15px!important;
}
.mb20{
  margin-bottom:20px!important;
}
.mb25{
  margin-bottom:25px!important;
}
.mb30{
  margin-bottom:30px!important;
}
.mb35{
  margin-bottom:35px!important;
}
.mb40{
  margin-bottom:40px!important;
}
.mb45{
  margin-bottom:45px!important;
}
.mb50{
  margin-bottom:50px!important;
}
.mb55{
  margin-bottom:55px!important;
}
.mb60{
  margin-bottom:60px!important;
}
.mb65{
  margin-bottom:65px!important;
}
.mb70{
  margin-bottom:70px!important;
}
.mb75{
  margin-bottom:75px!important;
}
.mb80{
  margin-bottom:80px!important;
}
.mb85{
  margin-bottom:85px!important;
}
.mb90{
  margin-bottom:90px!important;
}
.mb95{
  margin-bottom:95px!important;
}
.mb100{
  margin-bottom:100px!important;
}
.mb130{
  margin-bottom:130px!important;
}
.mb140{
  margin-bottom:140px!important;
}
.mb170{
  margin-bottom:170px!important;
}
/* フォントサイズ 設定
---------------------------------------- */
.font16{
  font-size: 16px!important;
}
.font18{
  font-size: 18px!important;
}
.font20 {
  font-size: 20px!important;
}


/* テンプレート 設定
---------------------------------------- */

.pb30{
  padding-bottom:30px;
}
.borderRight{
  border-right:1px solid #DDD !important;
}
.borderBottom{
  border-bottom:1px solid #DDDDDD;
}

.colFlexBox{
  display: flex;
}
.colFlexBox__between{
  justify-content: space-between;
}
.colFlexBox__alignEnd{
  align-items: flex-end;
}
.colFlexBox__reverse{
  flex-direction: row-reverse;
}
.colFlexBox__wrap{
  flex-wrap:wrap;
}
.slideContents{
  margin:0 -10px !important;
}


.w460{
  max-width:460px;
  width:48%;
}
.w300{
  max-width:300px;
  width:31.3%;
}
.w210{
  max-width:210px;
  width:21.9%;
}
.w225{
  max-width:225px;
  width:23.4%;
  margin-bottom:20px;
}
.w340Img{
  width:35.4%;
}
.w340Txt{
  width:60.5%;
}
.w160Img{
  width:16.7%;
}
.w160Txt{
  width:79.2%;
}

.tempListDl dl{
  padding:30px 0;
  border-bottom:1px solid #DDD;
  display: flex;
  justify-content: space-between;
}
.tempListDl dl:first-child{
  border-top:1px solid #DDD;
}
.tempListDl dl dt{
  width:20.8%;
  font-family: "A+mfCv-AXIS Font ベーシック M ProN";
  font-size:16px;
}
.tempListDl dl dd{
  width:75%;
}

ul.tempListUl li{
  padding:30px 0;
  border-bottom:1px solid #DDD;
  display: flex;
  justify-content: space-between;
}
ul.tempListUl li:first-child{
  border-top:1px solid #DDD;
}
.tempListUl__box{
  width:10.4%;
}
.tempListUl__box--txt{
  width:85.4%;
}

.spanBlock{
  display: block;
}

.linkUnderLine{
  text-decoration: underline;
}


/* 多言語 display:none; 設定
---------------------------------------- */

.hide_if_ja{
  display:none;
}
.hide_if_en{
  display:none;
}
.hide_if_ko{
  display:none;
}
.hide_if_zh-Hans{
  display:none;
}
.hide_if_fr{
  display:none;
}
.hide_if_es{
  display:none;
}
.hide_if_de{
  display:none;
}
.hide_if_it{
  display:none;
}





/* 投稿系ページ 設定
---------------------------------------- */

/*もっと見るボタン*/
a.moreBt, .infinite-scroll-last{
  display:block;
  max-width:280px;
  width:100%;
  box-sizing:border-box;
  border:1px solid #000000;
  text-align:center;
  margin-left:auto;
  margin-right:auto;
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
  padding:10px 20px 10px 20px;
}
.infinite-scroll-last {
  cursor: pointer;
}
/*右→ボタン*/
a.arrowBt{
  display:block;
  max-width:335px;
  width:100%;
  box-sizing:border-box;
  border:1px solid #000000;
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
  padding:12.5px 40px 12.5px 20px;
  max-height: 52px;
}
.userListBox a.arrowBt{
  max-width:335px;
}
/*SNSボタン*/
.detailSnsArea li {
  padding: 0 10px;
  display: inline-block;
  vertical-align: top;
  position: relative;
  max-width:100%;
  overflow:hidden;
}
.detailSnsArea svg:hover .snsBlack {
  fill: #555;
}
.detailSnsArea svg:hover .snsBlackLine {
  stroke: #555;
}
.copyPage {
  cursor: pointer;
}
#modalCopy {
  display: none;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  text-align: center;
  background-color: rgba(0, 0, 0, 0.8);
  color: white;
  position: fixed;
  z-index: 2;
  padding: 20px;
  max-width: 300px;
  width: 80%;
}

/*PDF リンクリスト*/
ul.pdfLinkList li{
  display:block;
  border-bottom:1px solid #DDD;
}
ul.pdfLinkList li:first-child{
  border-top:1px solid #DDD;
}
ul.pdfLinkList li a{
  display:flex;
  padding:30px 40px 30px 0;
  background-image:url(images/common/ico_pdf.svg);
  background-repeat:no-repeat;
  background-size:24px auto;
  background-position:right center;
}
.pdfLinkList__box--day{
  width:15%;
}
.pdfLinkList__box{
  width:85%;
}

/*右側に2つのリンクボタン*/
ul.right2BtList{
  display: flex;
  justify-content: space-between;
  align-items: center;
}
ul.right2BtList li{
  width:32%;
  display:block;
}
ul.right2BtList li:nth-child(3){
  display: flex;
  justify-content: flex-end;
}

/*ページ下部グレイエリア*/
.grayArea{
  padding:30px 40px;
  background-color:#F5F5F5;
  border:1px solid #E3E3E3;
}


/*画像ループリスト*/
.imgLoopConrenrs{
  display:flex;
  flex-wrap:wrap;
}
.imgLoopConrenrs .col{
  width:21.88%;
  margin-bottom:40px;
  margin-right:4.16%;
}
.imgLoopConrenrs .col:nth-child(4n){
  margin-right:0;
}
.imgLoopConrenrs .col .trimBox {
  padding-bottom: 100%;
  background: #DDDDDD;
}




/* 検索・404 設定
---------------------------------------- */

.searchFormBox{
  display:flex;
  justify-content: space-between;
  align-items: center;
}
.searchFormBoxText{
  width:88.5%;
}
.searchFormBoxSubmit{
  width:10.42%;
}
.searchFormBoxSubmit input[type="submit"]{
  width:100%;
  height: 50px;
}
.searchWord{
  font-size:18px;
}
ul.searchList li{
  display:block;
  padding:30px 0;
  border-bottom:1px solid #DDD;
}
ul.searchList li:first-child{
  border-top:1px solid #DDD;
}
ul.searchList li a{
  display:inline-block;
}
.searchListLink1{
  font-size:16px;
  text-decoration:underline;
}
.box404{
  font-size:60px;
  color:#CECECE;
  padding-top:100px;
  line-height:1em;
}
.box404__text{
  font-size:16px;
}
a.arrowBtBk{
  display:block;
  max-width:335px;
  width:100%;
  box-sizing:border-box;
  border:1px solid #000000;
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
  padding:12.5px 40px 12.5px 20px;
  margin-left:auto;
  margin-right:auto;
  background-color:#000;
  color:#FFF;
  height:auto;
}
a.btnSty--gray{
  border: 1px solid #555;
}



/* 問い合わせ 設定
---------------------------------------- */

a.arrowBtWh{
  display:block;
  max-width:335px;
  width:100%;
  box-sizing:border-box;
  border:1px solid #000000;
  font-family: "A+mfCv-AXIS Font ベーシック M ProN", "NoChattering";
  padding:12.5px 40px 12.5px 20px;
  margin-left:auto;
  margin-right:auto;
  height:auto;
}
.contactRedBox{
  color:#CC0000;
}
.contactRedBox--f12{
  font-size:12px;
}
.contactHissuIco{
  color:#CC0000;
  margin-left:20px;
}
.contactFormHarfBox{
  width:48%;
}
.contactTextareaBox textarea {
  min-height: 300px;
  display: block;
  padding: 15px 20px;
}
.contactPoricyBox a{
  text-decoration:underline;
}
ul.contactList li{
  list-style-type:disc;
  margin-left:1em;
}
a.contactFaqBt{
  display: block;
  width: 60px;
  position: fixed;
  right: 15%;
}

/* チケット用モーダル 設定
---------------------------------------- */
#modalOpenTiketModal{
  cursor:pointer;
}
#modal-overlay3 {
  z-index: 9998 ;
  display: none ;
  position: fixed ;
  top: 0 ;
  left: 0 ;
  width: 100% ;
  height: 100vh ;
  background-color: rgba( 0,0,0, 0.8 ) ;
  box-sizing:border-box;
}
#modalContentsTiketModal{
  display:none;
  z-index: 9999 ;
  position: fixed ;
  top: 0 ;
  left: 0 ;
}

.modalPositionTiketModal{
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 9999 ;
}
.modalMainContenstTiketModal__box{
  height:auto;
  width:600px;
  background-color:#FFF;
  padding:50px;
  box-sizing:border-box;
  margin: 0 auto;
  z-index: 9999 ;
}
.modalCloseDesignTiketModal {
  position: fixed;
  top: 50px;
  right: 50px;
  width: 60px;
  height: 30px;
  cursor:pointer;
}
.modalCloseDesignTiketModal span {
  position: absolute;
  left: 0;
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
}
.modalCloseDesignTiketModal span:nth-of-type(1) {
  -webkit-transform: translateY(14px) rotate(-45deg);
  transform: translateY(14px) rotate(-45deg);
  top: 0;
}
.modalCloseDesignTiketModal span:nth-of-type(2) {
  -webkit-transform: translateY(-14px) rotate(45deg);
  transform: translateY(-14px) rotate(45deg);
  bottom: 0;
}
a.buttonLinkTiketModal{
  cursor: pointer;
  max-width: 335px;
}


/* 活動レポート用モーダル 設定
---------------------------------------- */
dl.reportModalTri dt div.trimBox{
  cursor:pointer;
}
dl.reportModalTri dt div.trimBox:hover{
  opacity: 0.7;
}
dl.reportModalTri dd{
  display: none;
}
dl.reportModalTri dd.reportModalOpen3{
  position: fixed;
  top:50%;
  left: 50%;
  transform: translate(-50%, -50%);
  display: block;
  z-index: 9999;
}
dl.reportModalTri dd.reportModalOpen3 .reportModal{
  height: 60vh;
  width: 100%;
}
dl.reportModalTri dd.reportModalOpen3 .reportModal img{
    object-fit: contain;
  height:100%;
  width:100%;
    font-family: 'object-fit: contain; object-position: center top;'; /*IE対策*/
}
dl.reportModalTri dt.reportModalOpen1 div.reportModalOverlay{
  width: 100%;
  height: 100%;
  background: rgba( 0,0,0, 0.8 );
  position: fixed;
  top:0;
  left: 0;
  z-index: 9999;
}
dl.reportModalTri dt.reportModalOpen1 div.reportModalCloseBt {
  position: fixed;
  top: 50px;
  right: 50px;
  width: 60px;
  height: 30px;
  cursor:pointer;
  z-index: 9999;

}
dl.reportModalTri dt.reportModalOpen1 div.reportModalCloseBt span {
  width: 100%;
  height: 1px;
  background-color: #FFFFFF;
  display: block;
  position: absolute;
  left: 0;

}
dl.reportModalTri dt.reportModalOpen1 div.reportModalCloseBt span:nth-of-type(1) {
  -webkit-transform: translateY(14px) rotate(-45deg);
  transform: translateY(14px) rotate(-45deg);
  top:0;
}
dl.reportModalTri dt.reportModalOpen1 div.reportModalCloseBt span:nth-of-type(2) {
  -webkit-transform: translateY(-14px) rotate(45deg);
  transform: translateY(-14px) rotate(45deg);
  bottom: 0;
}

/* ページャー 設定
---------------------------------------- */
.pagination{
  display: flex;
  align-items: center;
  justify-content: center;
}
.pagination span{
  display: block;
  background-color: #111111;
  color: #FFF;
  text-align: center;
  height: 40px;
  line-height: 40px;
  width: 40px;
  margin-right: 10px;
}
.pagination a{
  display: block;
  background-color: #EEEEEE;
  color: #333333;
  text-align: center;
  height: 40px;
  line-height: 40px;
  width: 40px;
  margin-right: 10px;
}
.pagination a.next{
  width: 5px;
  height: 5px;
  border: 1px solid;
  border-color:  #999999 #999999 transparent transparent;
  transform: rotate(45deg);
  display:block;
  background-color: #FFF;
  margin-right: 0;
}
.pagination a.prev{
  width: 5px;
  height: 5px;
  border: 1px solid;
  border-color: transparent transparent #999999 #999999;
  transform: rotate(45deg);
  display:block;
  background-color: #FFF;
  margin-right: 10px;
}
.pagination a:focus{
  outline: none;
}


/* シングルページ用 設定
---------------------------------------- */
.singleContents a{
  text-decoration: underline;
}



/* コンタクトフォーム7 設定
---------------------------------------- */

.wpcf7 span.wpcf7-not-valid-tip {
  color: #CC0000;
}
#contactForm7Box select {
  color: #afafaf;
}
#contactForm7Box select option {
  color: #000;
}
/* #contactForm7Box select:focus, #contactForm7Box .select-option select {
  color: #000;
} */
span.wpcf7-list-item {
  position: relative;
}
input[type="checkbox"] + .wpcf7-list-item-label {
  cursor: pointer;
  display: inline-block;
  font-size: 16px;
  padding-left: 40px;
  line-height: 30px;
}
input[type="checkbox"] {
  position: absolute;
  opacity: 0;
}
input[type="checkbox"] + .wpcf7-list-item-label:before {
  content: '';
  width: 30px;
  height: 30px;
  border: solid 1px #000000;
  display: inline-block;
  position: absolute;
  left: 0;
  background-color: #fff;
  box-sizing: border-box;
}
input[type="checkbox"]:checked + .wpcf7-list-item-label:after {
  content: url(images/common/ico_check.svg);
  color: #000000;
  box-sizing: border-box;
  position: absolute;
  top: 2px;
  left: 4px;
}
#contactForm7Box .bacyBtArea input[type="button"] {
  color : #FFF;
  background: #CC0000;
  width: 300px;
  height:50px;
  line-height:50px;
  font-size:14px;
  border: none;
  cursor: pointer;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  -webkit-appearance: none;
  border-radius: 0;
  margin:0 auto 30px;
  display: block;
}
#contactForm7Box .submitArea input[type="submit"] {
  margin: 0 auto;
  display: block;
}
/* 入力欄のボックスを消す */
input.wpcf7c-conf{
  background-color:#F9F4CF !important;
  border: 1px solid #000;
  box-shadow:none;
  border-radius:0;
}
textarea.wpcf7c-conf{
  background-color:#F9F4CF !important;
  border-radius:0;
  border: 1px solid #000;
  box-shadow:none;
}
select.wpcf7c-conf{
  background-color:#F9F4CF !important;
  border-radius:0;
  box-shadow:none;
}
.wpcf7 form.invalid .wpcf7-response-output{
  border:0px;
  color: #CC0000;
}
.wpcf7 form.sent .wpcf7-response-output{
  border:0px;
}
.wpcf7 form .wpcf7-response-output{
  padding:0 !important;
  margin: 30px 0px !important;
  text-align: center;
}

div.wpcf7 .row-ajax-loading .ajax-loader{
  display: none;
}
div.wpcf7 .row-ajax-loading .ajax-loader.is-active{
  display: block;
  margin:  30px auto;
}

.wpcf7-list-item.wpcf7c-conf {
  background-color: transparent;
  border: none;
}

.wpcf7-list-item.wpcf7c-conf .wpcf7-list-item-label:before {
  background-color: #F9F4CF;
}
.font_size_16 {
  font-size: 16px;
}

/* pull down */
.pullDownWrapper {
  position: relative;
}
.pullDownWrapper .trigger {
  font-size: 14px;
  font-weight: 300;
  font-family: "A+mfCv-AXIS Font ベーシック R ProN", "NoChattering";
  border: solid 1px #000000;
  width: 320px;
  padding: 13px 20px 11px 20px;
  box-sizing: border-box;
  position: relative;
  cursor: pointer;
  min-height: 52px;
  max-height: 52px;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.pullDownWrapper .trigger:hover {
  opacity: 0.8;
}
.pullDownWrapper .trigger .icoArrow {
  position: absolute;
  top: calc(50% + 1px);
  right: 20px;
  max-width: 16px;
  transform: translateY(-50%);
  -webkit-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
}
.pullDownWrapper .trigger.active .icoArrow {
  transform: rotate(180deg);
  top: 44%;
}
.pullDownWrapper .accordion {
  display: none;
  position: absolute;
  box-sizing: border-box;
  z-index: 100;
  width: 100%;
  border: solid 1px #999999;
  border-top: 0;
  max-width: 320px;
}

.pullDownWrapper .accordion ul {
  background: #fff;
  max-width: 320px;
  width: 100%;
  border-top: none;
}
.pullDownWrapper .accordion li {
  border-bottom: dotted 1px #bbbbbb;
  cursor: pointer;
}
.pullDownWrapper .accordion li:last-child {
  border-bottom: none;
}
.pullDownWrapper .accordion li a {
  display: block;
  width: 100%;
  padding: 10px 20px;
  box-sizing: border-box;
}
.pullDownWrapper .accordion li a:hover {
  opacity: 0.8;
}
.pullDownWrapper .select-scroll {
  max-height: 230px;
  overflow: scroll;
  overflow-x: hidden;
}
.pullDownWrapper .select-options {
  background-image: url("images/common/icon_arrow.svg");
  background-repeat: no-repeat;
  background-position: 96% 50%;
  background-size: 13px;
  background-color: #fff;
  color: #000000;
  width: 100%;
  max-width: 320px;
}
.pullDownWrapper .sp {
  display: none;
}
/* Css Pull down custom for contact form */
.pullDownWrapper .selectOpTionCustom {
  min-width: 320px;
  width: unset;
}
.pullDownWrapper .accordionCustom ul  {
  max-width: unset;
}
.pullDownWrapper .selectOpTionAccordionCustom {
  min-width: 320px;
  width: 100%;
  max-width: unset;
}
.pullDownWrapper .wpcf7c-conf {
  background-color: #F9F4CF !important;
  border-radius: 0;
  box-shadow: none;
}
.pullDownWrapper .trigger .lineCustom {
  overflow: hidden;
  width: 90%;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  white-space: nowrap;
}
/* End css pull down custom for contact form */
/* press page */
.pullDownWrapper.pulldown_press_date {
  background-position: right 18px center;
  margin-bottom: 30px;
}
.pullDownWrapper.pulldown_press_date .trigger,
.pullDownWrapper.pulldown_press_date .accordion {
  /* width: 335px; */
}
.pullDownWrapper.pulldown_press_date ul {
  max-width: 335px;
}
@media screen and (max-width: 767px) {
  .pullDownWrapper .pc {
    display: none;
  }
  .pullDownWrapper .sp {
    display: block;
  }
  .pullDownWrapper.pulldown_press_date .select-options {
    width: 100%;
  }
  .pullDownWrapper .selectOpTionAccordionCustom {
    min-width: unset;
    width: 100%;
  }
}