/*
Theme Name:  Hello Elementor
Template: 	 hello-elementor
Theme URI:	 https://wordpress.org/themes/hello-elementor/
Author:		 ChildThemeWP
Author URI:	 https://childthemewp.com
Version:	 1.0.0
License:	 GNU General Public License v2 or later
License URI: http://www.gnu.org/licenses/gpl-2.0.html
Tags:    	 opensource     
Text Domain: helloelementorchild
*/
/*------WEB fontのインポート---------------*/
@font-face {
    font-family: 'Material Icons';
    font-style: normal;
    font-weight: 400;
    src: url(https://xs711827.xsrv.jp/corporate/font/MaterialIcons-Regular.eot);
    /* For IE6-8 */
    src: local("Material Icons"), local("MaterialIcons-Regular"), url(https://xs711827.xsrv.jp/corporate/font/MaterialIcons-Regular.woff2) format("woff2"), url(https://xs711827.xsrv.jp/corporate/font/MaterialIcons-Regular.woff) format("woff"), url(https://xs711827.xsrv.jp/corporate/font/MaterialIcons-Regular.ttf) format("truetype");
  }
  
  .material-icons .material-icons-outlined {
    font-family: 'Material Icons';
    font-weight: normal;
    font-style: normal;
    /* Preferred icon size */
    display: inline-block;
    line-height: 1;
    text-transform: none;
    letter-spacing: normal;
    word-wrap: normal;
    white-space: nowrap;
    direction: ltr;
    /* Support for all WebKit browsers. */
    -webkit-font-smoothing: antialiased;
    /* Support for Safari and Chrome. */
    text-rendering: optimizeLegibility;
    /* Support for Firefox. */
    -moz-osx-font-smoothing: grayscale;
    /* Support for IE. */
    font-feature-settings: 'liga';
  }

/*------ページタイトル(h1)の文字サイズ調整---------------*/
h1 {
	font-family "Noto Sans JP", sans-serif; 
}


/*------見出し(h2)の横幅調整---------------*/
h2 {
	letter-spacing: 0.03em; 
}

/*------Home用お問い合わせフォーム---------------*/



/* ボタンのラッピング */
.button-wrap {
  display: flex;
  align-items: center;
  justify-content: center;
}


@media screen and (min-width: 500px) {
/* 500px以上。タブレット・PC表示用 */
/* 「内容確認」ボタン */
.button-wrap .button01 {
    background-color:#FFA1A1; /* ピンク*/
    border:0;
    color:#fff;
    font-size:1.2em;
    font-weight:bold;
    margin:15px;
    width:300px;
    text-align:center;
    height:66px;
    border-radius: 10px 10px 10px 10px;
}

	
/* 「戻る」ボタン */
.mw_wp_form_confirm .button-wrap .button02 {
    background-color:#F2F2F2 !important; /* 薄いグレー*/
    border:0 !important;
    color:#666666 !important;
    text-align:center;
    font-size:1.2em !important;
    font-weight:bold !important;
    margin:0;
    width:300px;
    height:66px;
    border-radius: 10px 10px 10px 10px;
}
.mw_wp_form_input .button-wrap .button02 {
    display: none;
}	
.mw_wp_form_complete .button-wrap .button02 {
    display: none;
}
}


@media screen and (max-width: 499px) {
/* 499px以下。タブレット・PC表示用 */
/* 入力画面の「内容確認」ボタン */
.mw_wp_form_input .button-wrap .button01 {
    background-color:#FFA1A1; /* ピンク*/
    border: 0;
    color:#fff;
    font-size:1.2em;
    font-weight:bold;
    margin:15px;
    width:340px;
    text-align:center;
    height:66px;
    border-radius: 10px 10px 10px 10px;
}
/* 確認画面の「送信する」ボタン */
.mw_wp_form_confirm .button-wrap .button01 {
    background-color:#FFA1A1; /* ピンク*/
    border: 0;
    color:#fff;
    font-size:1.2em;
    font-weight:bold;
    margin:15px;
    width:160px;
    text-align:center;
    height:66px;
    border-radius: 10px 10px 10px 10px;
}	
	
/* 確認画面の「戻る」ボタン */
.button-wrap .button02 {
    background-color:#F2F2F2 !important; /* 薄いグレー*/
    border:0 !important;
    color:#666666 !important;
    text-align:center;
    font-size:1.2em !important;
    font-weight:bold !important;
    margin:0;
    width:160px;
    height:66px;
    border-radius: 10px 10px 10px 10px;
}
}




/* 内容確認ボタンの無効化時の表示 */
[type=submit]:disabled {
  color: #ffffff;
  background-color: #F9D5D5 !important;
  border: 1px solid none;
  text-decoration: none;
  filter: alpha(opacity=70);
  -moz-opacity: 0.7;
  opacity: 0.7;
  -webkit-transition: 0.7s;
  -moz-transition: 0.7s;
  -o-transition: 0.7s;
  transition: 0.7s;
}

/* ディスプレイ表示の時のフォームの横幅設定 */
@media (min-width:1200px){ 
    form table.cform{
	width:80%;
	margin:0 auto;
    border-spacing: 0;
}
}

/* タブレット・横スマホ表示の時のフォームの横幅設定 */
@media (max-width:1199px){ 
    form table.cform{
	width:100%;
	margin:0 auto;
    border-spacing: 0;
}
}


form table.cform td{
    padding: 10px;
	border-bottom: 3px solid #ffffff !important;;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
	background-color: #EDEDED !important;;
}

/* @media (min-width:769px){ */
 @media (min-width:1200px){ 
	form table.cform th{
    padding: 15px;
	background-color:#C0BFBF !important;
	border-bottom: 3px solid #ffffff !important;
    border-top: 0px;
    border-right: 0px;
    border-left: 0px;
	color:#323232 !important;
    text-align: center !important;
    font-weight: bold;
    vertical-align: middle;
	width:30%;
}
}


.hissu,.ninni{
    padding-right: 4em;
    position: relative;
}
.hissu::after,.ninni::after{
    content: "必須";
    display: inline-block;
    position: absolute;
	right: auto;
	left: 15px;
    border: 1px solid #CCC;
    padding: 0 5px;
    font-size: 85%;
    background: #FFA1A1;
    color: #FFF;
}
.ninni::after{
    content: "任意";
	border: 1px solid #C0BFBF;
    background: #C0BFBF;
    color: #C0BFBF;
}
form table.cform input,form table textarea{
	border: 1px solid #EDEDED !important;
    width: 300px;
    padding: 5px;
    box-sizing: border-box;
}

/*入力欄 - プレイスホルダーの色*/
form .cform ::placeholder {
	color:#CAC2C2;
}

/* 入力フィールド・テキストの横幅設定-100% */
form table.cform input#c-kana,
form table.cform input#c-name,
form table.cform input#email-1,
form table.cform input#email-2,
form table.cform input#addr,
form table.cform textarea#message,
form table.cform textarea#items{
	width: 100%;
}

/* 郵便番号の横幅設定 */
form table.cform input#zip {
	width: 150px;
}

/* 希望期限の横幅設定 */
form table.cform input#datepicker {
	width: 150px;
}

.attention{
    display: inline-block;
}
.smallinput{
    width: 100px !important;
}
.buttonwrap{
    text-align: center;
    padding: 20px 0;
}


/* マウスオーバーでボタンの色を薄くする */
.submit-btn input a:hover {
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}

/* マウスオーバーでボタンの色を薄くする */
.back-btn button a:hover {
	background-color:#FFA1A1 !important; /* ピンク*/
	filter: alpha(opacity=70);
	-moz-opacity: 0.7;
	opacity: 0.7;
	-webkit-transition: 0.7s;
	-moz-transition: 0.7s;
	-o-transition: 0.7s;
	transition: 0.7s;
}


/* モバイル表示調整 */
/* @media (max-width:1024px){ */
@media (max-width:1199px){
    .cform table,
	.cform tr,
	.cform th,
	.cform td{
        display: block;
		border: none;
    }
	.cform table{
		width: 100%;
		margin:0 auto;
	}
    .cform th{
		background-color:#C0BFBF !important;
		color:#323232 !important;
        font-size: 16px;
		font-weight: bold;
 /*       width: auto; */
        width: 100%;
		border: none;
        padding: 13px 10px 10px 1em;
		text-align: center;
    }
    .cform td{
		border-bottom: 4px solid #ffffff !important;
        padding: 13px 10px 0 10px;
		text-align: left;
        width: auto;
    }
    .hissu::after,.ninni::after{
        right: auto;
        left: 15px;
    }
    .cform input,.cform textarea{
        width: 90%;
    }
    /* 郵便番号の横幅 */
    .cform input#zip {
	    width: 150px;
    }
    /* 希望期限の横幅 */
    .cform input#datepicker {
	    width: 150px;
    }
}

/*MW WP Formのプライバシーポリシーのチェックボックスとテキストリンク */
/* リンク部分に下線が入るデザイン */
.underline {
	text-decoration: underline;
}
.underline:hover {
	text-decoration: none;
}
.mw_wp_form input[name="__children[privacypolicy][]"] + .error {
	display : inline;
	padding-right:.5em;
}

/*  25pxのスペース */
.space25px {
    margin: 25px 0px 0px 0px
}

/*  50pxのスペース */
.space50px {
    margin: 50px 0px 0px 0px
}

/* 確認画面で非表示にしたい部分には、confirm-hiddenクラスを使う */
.mw_wp_form_confirm td p.confirm-hidden {
    display:none;
}
.mw_wp_form_confirm p.confirm-hidden {
    display:none;
}
/* 法人用問合せフォーム確認画面で一部のテキストを非表示にする */
.mw_wp_form_confirm .confirm-hidden {
    display: hidden;
}
/* 法人用問合せフォーム入力画面で非表示にしたい部分には、iform-hiddenクラスを使う */
.mw_wp_form_input td p.iform-hidden {
    display:none;
}
.mw_wp_form_input p.iform-hidden {
    display:none;
}
.mw_wp_form_input .iform-hidden {
    display:none;
}


/* 法人用問合せフォーム */
/* mw wp form内のテキストリンクの設定を青・下線にする */
.mw_wp_form_input a,
.mw_wp_form_confirm a {
    background-color: transparent;
    text-decoration: underline !important;
    color: #497AB7 !important;
}

/* よくある質問 -------*/
/* よくある質問内のテキストリンクの設定を青・下線にする */
.faq-item a {
    background-color: transparent;
    text-decoration: underline !important;
    color: #497AB7 !important;
}


/*モバイル表示(768px以下)のよくある質問の質問行の改行幅を少しあける*/
@media screen and （max-width: 768px） {
a.elementor-accordion-title {
    line-height: 1.3 !important;
    }
}

.eael-accordion-tab-title{
	text-indent: -2em;
	padding-left: 3em;
}

.eael-accordion-content p{
	text-indent: -2em;
	padding-left: 3em;
}

.mail-detail{
	padding-left: 2em;
}


.faq-item h3 {
    font-size: 16px;
    font-weight: bold;
    background-color: #f2f2f2;
    margin: 24px 0px 8px 1em;
    padding: 8px 12px;
}

@media screen and (max-width:767px){
.faq-item h3 {
    font-size: 14px;
}
}

.faq-item a {
    font-size: 16px;
    text-decoration: underline;
    margin: 24px 0px 8px;
    color: #497ab7;
}

.faq-item a:after {
  font-family: 'Material Icons';
  display: inline-block;
  content: "\e89e";
  text-decoration: none;
  position: relative;
  top: 5px;
  left: 35px;
}

.faq-item h4 {
    font-size: 16px;
    font-weight: bold;
    margin: 24px 0px 0px 1em;
}

.r1em{
    margin-left: 1em;
	text-indent: 0em;
}

.material-icons {
  font-family: 'Material Icons';
  font-weight: normal;
  font-style: normal;
  font-size: 18px;  /* Preferred icon size */
  display: inline-block;
  line-height: 1;
  text-transform: none;
  letter-spacing: normal;
  word-wrap: normal;
  white-space: nowrap;
  direction: ltr;

  /* Support for all WebKit browsers. */
  -webkit-font-smoothing: antialiased;
  /* Support for Safari and Chrome. */
  text-rendering: optimizeLegibility;

  /* Support for Firefox. */
  -moz-osx-font-smoothing: grayscale;

  /* Support for IE. */
  font-feature-settings: 'liga';
}



/*スマートホンの時だけ<br class="sma">の位置でテキストを改行する方法 */
/*PCでは無効（改行しない）*/
.sma{
    display: none;
}

/*スマートフォンでは有効（改行する）*/
@media screen and (max-width:768px) {
    .sma{
        display: block;
    }
}

/* 問合せフォームのメールアドレス注釈文の2行目字下げ*/
p.jisage {
    margin-left: 1rem;
    text-indent: -1rem;
}


/* FOOTER メニューのリスト間隔の調整 */
#footer-menu ul li{
    margin-top: 0px;
    margin-bottom: 0px;
}

/* 在庫整理の取扱商品（一例）のPC表示用の調整 */
.elementor-image-box-description {
    padding-top: 0px;
    padding-bottom : 35px;
    }

/* 在庫整理の取扱商品（一例）のモバイル表示の間隔を調整 */
@media screen and (max-width:768px) {
.elementor-image-box-img {
    /*    margin-bottom: 15px; */
        margin-bottom: 0px !important;
    }
    
    .elementor-image-box-description {
        padding-top: 0px;
    /*    padding-bottom: 35px; */
        padding-bottom: 15px !important;
    }
}

/* SNSシェアボタン */
.share-donation {
    background-color: rgba(230, 241, 255, 0.8);
    padding: 16px;
    padding-top: 10px;
    text-align: center;
    height: 90px;
  }
  
  .share-donation h3 {
    padding-top: 0px;
  }
  
  @media screen and (max-width: 768px) {
    .share-donation {
      width: 100%;
    }
  }
  @media screen and (max-width: 768px) {
    .share-donation > div {
      display: -webkit-box;
      display: -ms-flexbox;
      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;
    }
  }
  .share-donation h3 {
    font-size: 1.2rem;
  /*  font-family: "メイリオ", "YuGothic", "游ゴシック体", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "ＭＳ ゴシック", sans-serif; */
    font-family: "Noto Sans JP", "YuGothic", "游ゴシック体", "游ゴシック", "Yu Gothic", "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", "ＭＳ ゴシック", sans-serif;
    font-weight: bold;
  }
  @media screen and (max-width: 768px) {
    .share-donation h3 {
      margin-bottom: 0px;
    }
  }
  @media screen and (max-width: 414px) {
    .share-donation h3 {
      font-size: 1.2rem;
    }
  }
  .share-donation ul {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
        -ms-flex-align: center;
            align-items: center;
    -webkit-box-pack: center;
        -ms-flex-pack: center;
            justify-content: center;
  }
  .share-donation ul li {
    margin-right: 8px;
  }
  .share-donation ul li a, .share-donation ul li a:link, .share-donation ul li a:visited {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 40px;
    height: 40px;
    line-height: 40px;
    color: #fff;
    text-align: center;
    font-size: 16px;
    border-radius: 50%;
  }
  .share-donation ul li a:hover, .share-donation ul li a:link:hover, .share-donation ul li a:visited:hover {
    opacity: 0.7;
  }
  .share-donation ul li.twitter a {
    background-color: #1DA1F2;
  }
  .share-donation ul li.facebook a {
    background-color: #1877f2;
  }
  .share-donation ul li.line a {
    background-color: #00B900;
    line-height: 50px;
  }
  .share-donation ul img {
    width: 20px;
  }


/* フォーム送信完了画面のメッセージ表示（PC→中央寄せ、モバイル→左寄せ */
p.sent-msg {
    text-align: center;
}

@media (max-width:499px){ 
    p.sent-msg {
    text-align: left;
}
}

@media screen and (max-width: 499px) {
	/* 499px以下に適用されるCSS（スマホ縦表示用） */
.btn-area{
    width: 100%;
    margin: 0 auto;
}
.flex{
    display: flex;
    border: none;
}
.flex div{
    box-sizing: border-box;
    margin: 0 auto;
    border: none;
}
/* 内容確認ボタン */
.submit-btn input {
        background-color:#FFA1A1;  /* ピンク*/
        border:0;
        color:#fff;
        font-size:1.2em;
        font-weight:bold;
        margin:0;
    	width:160px;
        height:66px;
        border-radius: 10px 10px 10px 10px;
}
.submit-btn input a:hover {
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7;
        -webkit-transition: 0.7s;
        -moz-transition: 0.7s;
        -o-transition: 0.7s;
        transition: 0.7s;
}

.back-btn button.back {
    background-color:#F2F2F2 !important; /* 薄いグレー*/
    border:0 !important;
    color:#666666 !important;
    text-align:center;
    font-size:1.2em !important;
    font-weight:bold !important;
    margin:0;
    width:160px !important;
    height:66px !important;
    border-radius: 10px 10px 10px 10px;
}
}

@media screen and (min-width: 500px) {
/* 500px以上に適用されるCSS（タブレット、PCディスプレイ用） */
.btn-area{
    width: 700px;
    margin: 0 auto;
}
.flex{
    display: flex;
    border: none;
}
.flex div{
    box-sizing: border-box;
    margin: 0 auto;
    border: none;
}
/* 内容確認ボタン */
.submit-btn input {
        background-color:#FFA1A1;  /* ピンク*/
        border:0;
        color:#fff;
        font-size:1.2em;
        font-weight:bold;
        margin:0;
    	width:342px !important;
        height:66px;
        border-radius: 10px 10px 10px 10px;
}
.submit-btn input a:hover {
        filter: alpha(opacity=70);
        -moz-opacity: 0.7;
        opacity: 0.7;
        -webkit-transition: 0.7s;
        -moz-transition: 0.7s;
        -o-transition: 0.7s;
        transition: 0.7s;
}

.back-btn button.back {
    background-color:#F2F2F2 !important; /* 薄いグレー*/
    border:0 !important;
    color:#666666 !important;
    text-align:center;
    font-size:1.2em !important;
    font-weight:bold !important;
    margin:0;
    width:342px !important;
    height:66px;
    border-radius: 10px 10px 10px 10px;
}
}

/* ファイルアップロード関連エリアをタテに並べる。文字サイズを16pxに */

#attachment-container {
    display: flex;
    flex-direction: column;
    font-size: 16px;
}

.attachment-item {
    display: flex;
    align-items: center;
    margin-bottom: 0px !important; /* 添付ファイル3セット間の余白 */
}

.attachment {
    margin-right: 8px; /* inputと削除ボタンの間の余白 */
}