@charset "euc-jp";
/* CSS Document */


  

.red{color:#f85842;}

.caution{
	border:2px solid #f85842;
 	margin:30px 0;
	padding:20px;
}

.Product_detail_ttl{
  text-align: center;
  margin-bottom: 30px;
}

.ctg_name{
  font-size: 2rem;
  border-bottom: 1px solid #000;
  display: inline-block;
}

.Product_detail_ttl h2{
  font-size: 4.6rem;
  margin: 20px 0;
}

.Product_detail_ex{
  color: #61c3bd;
}
.Product_detail_ex span{display:block; color:#000;}
.Product_detail_img{margin-bottom: 60px; text-align: center;}
.Product_detail_mainimg{overflow: hidden;} 
.Product_detail_mainimg img{
  border-radius: 8px; margin: 0 auto;} 


.Product_detail_thm{
  margin-top: 10px;
  display: block;
  width: 100%;
}
.Product_detail_thm li{
  width: 22%;
  border: 2px solid #FFF;
  float: left;
  overflow: hidden;
  box-sizing: border-box;
  border-radius: 8px;
  display: block;
  margin-right: 4%;
}

.Product_detail_thm li:last-child{margin-right: 0;}
.Product_detail_thm li.thumbnail-current{border: 2px solid #61c3bd;}



.product_ex{
  line-height: 2;
  font-size: 1.8rem;
  padding-top: 20px;
  padding-bottom: 50px;
  margin-bottom: 50px;
  border-bottom: 1px solid #CCC;
}

.add_cart{margin-bottom: 40px;}

.add_cart table{}

.add_cart table th,
.add_cart table td{
  text-align: left;
  padding: 10px 0;
  vertical-align: middle;
}

.add_cart table th{width: 6em;}

.Price{margin-bottom: 30px;}

.Price span{
   font-size: 2.4rem; 
   vertical-align: 0;
}

.count_wrap{}

.count{
  position: relative;
  width: 140px;
  display: inline-block;
}


.count input{
  background: #f6f5f0;
  border:none;
  height: 50px;
  padding: 10px 30px;
  text-align: center;
  font-size: 2.4rem;
  color: #000;
  -webkit-appearance: none; 
  -moz-appearance: none;
  width: 140px;
  box-sizing: border-box;
  border-radius: 40px;}
  
a.count_up,
a.count_down{
  position: absolute;
  width: 20px;
  height: 20px;
  top: 0;
  bottom: 0;
  margin: auto;
  }
  
a.count_up{
  right: 15px;
}
a.count_down{
  left: 15px;
}


.option_box select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 40px;
  width: 200px;
  box-sizing: border-box;
  height: 50px;
  padding: 10px 30px;
  line-height: 1;
  font-size: 1.6rem;
	border:none;
	background: url("https://www.iwazutenjin.jp/shop_common/images/icon_select.png") no-repeat 90% 50% #f6f5f0;
  background-size: 8px 8px;
}

select::-ms-expand {
    display: none;
}
*:focus {
outline: none !important;
}

.btn_addcart{margin: 30px 0; text-align: center;}

.btn_addcart button{
  width: 300px;
  height: 80px;
  text-align: right;
  font-size: 2rem;
  font-family: 'Noto Serif JP', serif;
  color: #FFF;
  cursor: pointer;
  border-radius: 60px;
  box-sizing: border-box;
  padding-right: 20%;
  border:none;
  background: #f85842 url("https://www.iwazutenjin.jp/shop_common/images/icon_cart.png") no-repeat 20% 50%;
  background-size: 36px 31px;
  transition: 0.5s all;
}
.btn_addcart button:hover{
  opacity: 0.5;
}
.Soldout_wrap{
  float: none;
  clear: both;
  padding-top: 20px !important;
 margin-bottom:30px;
}
.Soldout{
  border:1px solid #F85842;
  color:#F85842;
  padding: 5px 10px;
  font-size: 1.8rem;
  text-align: center;}


.Share{
  margin-top: 20px;
  text-align: left;
}

.sns_share{font-size: 1.2rem; display: inline-block; letter-spacing: 0;}
.sns_share .sns_icon img{
  width: 20px;
}

.sns_share p{
  display: inline-block;
  margin-right: 10px;
}


.link_arrow{
  position: relative;
  padding-left: 20px;
}

.link_arrow:before{
  content: '';
  display: block;
  width: 8px;
  height: 8px;
  border-top: 2px solid #c6a801;
  border-right: 2px solid #c6a801;
  transform: rotate(45deg);
  position: absolute;
  top: 7px;
  left: 0;
}

@media screen and (min-width:768px){

  .Product_detail_wrap{
    display: flex;
    justify-content: space-between;
    margin-bottom: 60px;
  }

  .Product_detail_img{
    width: 51%;
  }
  .product_box{
    width: 45%;
  }

}

@media screen and (max-width:767px){
  .ctg_name{font-size: 1.6rem;}
  .Product_detail_ttl h2{font-size: 2.8rem; margin: 10px 0;}
  .product_ex{
  line-height: 1.8;
  font-size: 1.6rem;
  padding-top: 0;
  padding-bottom: 30px;
  margin-bottom: 30px;}
  .Product_detail_wrap{margin-bottom: 80px;}
}

/*kito/////////////////////////////////////*/
.Contents_kito{
  max-width: 1000px;
  margin: 0 auto;
}
.Product_kito_ttl{
  background: url("https://www.iwazutenjin.jp/shop_common/images/kito_kv.jpg") no-repeat top center;
  text-align: center;
  background-size: cover;
  padding-top: 20%;
}
.Product_kito_ttl_sub{
  	font-size:2rem;
 	margin-top:20px;}

.Product_kito_ttl.kentousai_ttl{
  background: url("https://www.iwazutenjin.jp/shop_common/images/kentousai/kentousai_kv.jpg") no-repeat top center;
  background-size: cover;
}
.Product_kito_ttl.gakugyo_ttl{
  background: url("https://www.iwazutenjin.jp/shop_common/images/gakugyo_kv.jpg") no-repeat top center;
  background-size: cover;
}
.Product_kito_ttl.sukeikai_ttl{
  background: url("https://www.iwazutenjin.jp/shop_common/images/sukeikai_kv.jpg") no-repeat top center;
  background-size: cover;
}
.Product_kito_ttl_inner{
  background: #FFF;
  max-width: 1000px;
  padding: 20px 10px;
  margin: 0 auto;
  line-height: 1.4;
  font-size: 4.6rem;
}
.Product_kito_ttl_inner h2 span{
  font-size: 7rem;
}

.nakisumo_logo{
  text-align: center;
  margin: 60px 0;
}
.nakisumo_logo img{
  max-width: 200px;
}



.Kito_flow{
  position: relative;
  max-width: 820px;
  margin: 0 auto;
  margin-bottom: 200px;
}

.flow_number{
  width: 50px;
  position: absolute;
  top: 0;left: 0;
  padding-bottom: 10px;
}
.flow_number:after{
  content: '';
  display: block;
  width: 50px;
  height: 10px;
  position: absolute;
  left: 0;
  bottom: 0;
  background: #FFF;
}

.flow_number p{
  width: 50px;
  height: 50px;
  background: #92d3d9;
  border-radius: 50px;
  color: #FFF;
  line-height: 50px;
  text-align: center;
  font-size: 2.4rem;
  font-family: 'Arvo', serif;
}
.flow_txt{
  padding-left: 70px;
  padding-top: 5px;
  
  
}
.flow_txt p{
  font-size: 1.8rem;
  line-height: 2;
}
.flow_txt p.flow_caution{
  font-size: 1.4rem;
  margin-top: 20px;
}
.flow_box{
  position: relative; 
  margin-bottom: 10px;
  padding-bottom: 40px;
  background-image: linear-gradient(90deg,#FFF 0% 25px, #92d3d9 25px 26px, #FFF 26px 100%);
}
  

.flow_box.flow_box_last{
  background: none;
}
.kito_img{
  margin-bottom: 100px;
  position: relative;
}

.photo_caption{
  text-align: right;
  font-size: 1.2rem;
  margin: 10px;
}  
.photo_caption span{font-size: 1.4rem;}

.form_bottom_text{
  text-align: center;
  font-size: 1.8rem;
  margin-bottom: 60px !important;
  padding: 0 20px;
  line-height:2;
}

.form_bottom_text span{
  background:linear-gradient(transparent 75%, #ffadad 75%);
}

.kito_add{
  max-width: 300px;
  margin: 0 auto 40px auto;
}
.kito_add .Share{
  margin-top: 20px;
  text-align: center;
}

.kito_caution{
  text-align: center;
  line-height: 2;
  margin: 50px 0;
  font-size: 2rem;
}
.kito_inquiry{
  background: #EFEFEF;
  padding: 30px;
  text-align: center;
  border-radius: 10px;
  margin-bottom: 60px;
}

  
.kito_form{
  margin: 0 auto 30px auto;
}  

.kito_form select {
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	border-radius: 8px;
  width: 100%;
  box-sizing: border-box;
  height: 50px;
  padding: 10px 30px;
  line-height: 1;
  font-size: 1.6rem;
	border: 2px solid #eae8e3!important;
	background: url("https://www.iwazutenjin.jp/shop_common/images/icon_select.png") no-repeat 98% 50% #FFF;
  background-size: 8px 8px;
}
.kito_form label{
  margin-bottom: 10px;
}
#custom-options-container{margin-bottom: 20px;}
#custom-options-label{
  font-weight: normal !important;
  font-size: 1.6rem !important;
  margin-top: 0 !important;
  line-height: 2 !important;
}


input#custom-options-input[type="text"],
#custom-options-textarea{
    font-size: 1.6rem !important;
    border: 2px solid #eae8e3!important;
    border-radius: 8px !important;
    background:  #FFF !important;
    width: 100%;
    padding: 15px;
    height: auto;
    box-sizing: border-box;
}

/*御祈祷　必須ラベル設定*/
.kito_entry custom-options-one-line-text-form > label,
.kito_entry custom-options div:first-child custom-options-pulldown-form > label,
label.kito_select{
  padding-left: 60px;
  position: relative;
}
.kito_entry custom-options-one-line-text-form > label:before,
.kito_entry custom-options div:first-child custom-options-pulldown-form > label:before,
label.kito_select:before{
 content:'必須';
 color: #FFF;
 background:#F85842;
 text-align: center;
 border-radius: 20px;
 line-height: 1;
 width: 50px;
 display: block;
 padding: 5px;
 box-sizing: border-box;
 font-size: 1.4rem;
 position: absolute;
 top: 2px;left: 0;
}
span.require{
  color: #FFF;
  background:#F85842;
  width: 50px; 
  padding: 5px;
  box-sizing: border-box;
  font-size: 1.4rem;
  display: inline-block;
  text-align: center;
  margin-right: 5px;
  line-height: 1;
  border-radius: 20px;
}

  /*泣き相撲 必須ラベル設定*/
    .nakisumo_form custom-options div:nth-child(1) custom-options-one-line-text-form > label,
    .nakisumo_form custom-options div:nth-child(2) custom-options-one-line-text-form > label,
    .nakisumo_form custom-options div:nth-child(3) custom-options-pulldown-form > label,
    .nakisumo_form custom-options div:nth-child(4) custom-options-pulldown-form > label,
    .nakisumo_form custom-options div:nth-child(5) custom-options-pulldown-form > label{
      padding-left: 60px !important;
      position: relative !important;
    }
    .nakisumo_form custom-options div:nth-child(1) custom-options-one-line-text-form > label:before,
    .nakisumo_form custom-options div:nth-child(2) custom-options-one-line-text-form > label:before,
    .nakisumo_form custom-options div:nth-child(3) custom-options-pulldown-form > label:before,
    .nakisumo_form custom-options div:nth-child(4) custom-options-pulldown-form > label:before,
    .nakisumo_form custom-options div:nth-child(5) custom-options-pulldown-form > label:before{
       content:'必須';
       color: #FFF;
       background:#F85842;
       text-align: center;
       border-radius: 20px;
       line-height: 1;
       width: 50px;
       display: block;
       padding: 5px;
       box-sizing: border-box;
       font-size: 1.4rem;
       position: absolute;
       top: 2px;left: 0;
    }
    
  /*献燈祭 必須ラベル設定*/
    .kentousai_box custom-options div:nth-child(1) custom-options-one-line-text-form > label,
    .kentousai_box custom-options div:nth-child(2) custom-options-one-line-text-form > label{
      padding-left: 60px !important;
      position: relative !important;
    }
    .kentousai_box custom-options div:nth-child(1) custom-options-one-line-text-form > label:before,
    .kentousai_box custom-options div:nth-child(2) custom-options-one-line-text-form > label:before{
       content:'必須';
       color: #FFF;
       background:#F85842;
       text-align: center;
       border-radius: 20px;
       line-height: 1;
       width: 50px;
       display: block;
       padding: 5px;
       box-sizing: border-box;
       font-size: 1.4rem;
       position: absolute;
       top: 2px;left: 0;
    }
  /*献燈祭 企業　必須ラベル設定*/
    .kentousai_box_kigyo custom-options div:nth-child(2) custom-options-one-line-text-form > label,
 .kentousai_box_kigyo custom-options div:nth-child(3) custom-options-one-line-text-form > label,
    .kentousai_box_kigyo custom-options div custom-options-pulldown-form > label{
      padding-left: 60px !important;
      position: relative !important;
    }
    .kentousai_box_kigyo custom-options div:nth-child(2) custom-options-one-line-text-form > label:before,
    .kentousai_box_kigyo custom-options div:nth-child(3) custom-options-one-line-text-form > label:before,
    .kentousai_box_kigyo custom-options div custom-options-pulldown-form > label:before{
       content:'必須';
       color: #FFF;
       background:#F85842;
       text-align: center;
       border-radius: 20px;
       line-height: 1;
       width: 50px;
       display: block;
       padding: 5px;
       box-sizing: border-box;
       font-size: 1.4rem;
       position: absolute;
       top: 2px;left: 0;
    }  
    
  /*学業講社 必須ラベル設定*/
    .gakugyo_form custom-options div:nth-child(1) custom-options-one-line-text-form > label,
    .gakugyo_form  custom-options div:nth-child(2) custom-options-one-line-text-form > label,
    .gakugyo_form  custom-options div:nth-child(3) custom-options-one-line-text-form > label{
      padding-left: 60px !important;
      position: relative !important;
    }
    .gakugyo_form custom-options div:nth-child(1) custom-options-one-line-text-form > label:before,
    .gakugyo_form  custom-options div:nth-child(2) custom-options-one-line-text-form > label:before,
    .gakugyo_form  custom-options div:nth-child(3) custom-options-one-line-text-form > label:before{
       content:'必須';
       color: #FFF;
       background:#F85842;
       text-align: center;
       border-radius: 20px;
       line-height: 1;
       width: 50px;
       display: block;
       padding: 5px;
       box-sizing: border-box;
       font-size: 1.4rem;
       position: absolute;
       top: 2px;left: 0;
    }
  /*崇敬会 必須ラベル設定*/
    .sukeikai_form custom-options div:nth-child(1) custom-options-one-line-text-form > label,
    .sukeikai_form  custom-options div:nth-child(2) custom-options-one-line-text-form > label,
    .sukeikai_form  custom-options div:nth-child(4) custom-options-one-line-text-form > label{
      padding-left: 60px !important;
      position: relative !important;
    }
    .sukeikai_form custom-options div:nth-child(1) custom-options-one-line-text-form > label:before,
    .sukeikai_form  custom-options div:nth-child(2) custom-options-one-line-text-form > label:before,
    .sukeikai_form  custom-options div:nth-child(4) custom-options-one-line-text-form > label:before{
       content:'必須';
       color: #FFF;
       background:#F85842;
       text-align: center;
       border-radius: 20px;
       line-height: 1;
       width: 50px;
       display: block;
       padding: 5px;
       box-sizing: border-box;
       font-size: 1.4rem;
       position: absolute;
       top: 2px;left: 0;
    }  
  /**/

#custom-options-container div{padding: 30px 100px !important;
  background: #f6f5f0;}
  
    
  
#custom-options-container div:nth-child(2n){
  background:#FFF;
  }

#custom-options-container div:nth-child(2n) input[type="text"],
#custom-options-container div:nth-child(2n) textarea,
#custom-options-container div:nth-child(2n) select {
  background-color: #FFF !important;
}


  .kentousai_box #custom-options-container div,
  .kentousai_box_kigyo #custom-options-container div{
      padding: 20px !important;
      background: #FFF;

    }
  .kentousai_box #custom-options-container div:nth-child(odd){
    padding-bottom: 0px !important;
  }  
  
  .kentousai_box #custom-options-container div:nth-child(3), 
  .kentousai_box #custom-options-container div:nth-child(4),
  .kentousai_box #custom-options-container div:nth-child(7),
  .kentousai_box #custom-options-container div:nth-child(8),
  .kentousai_box_kigyo #custom-options-container div:nth-child(2){
    background: #f6f5f0;
  }
    

.kito_select_wrap{
  padding: 30px 100px;
  background: #f6f5f0;
}
  .nakisumo_form .kito_select_wrap{
  background: #FFF;
  margin-top: 30px;
}

.kousha_table{
  
}
.kousha_table th,
.kousha_table td,
.sukei_table th,
.sukei_table td{
  padding:30px 20px;
  vertical-align: middle;
  text-align: left;
}
.kousha_table tr:nth-child(2) th:after{
  content: '※兄弟で加入される期間が異なる場合は別々にお申し込みください';
  display: block;
  font-size: 1.4rem;
  margin-top: 5px;
}


.kousha_table tr:nth-child(even) th,
.kousha_table tr:nth-child(even) td{
  background:#F6F5EF;
}
.sukei_table tr:nth-child(odd) th,
.sukei_table tr:nth-child(odd) td{
  background:#F6F5EF;
}

.kousha_table th .caution,
.sukei_table th .caution{
  font-size: 1.4rem;
  margin-top: 5px;
}

.count_kito{
  text-indent: -9999px;
}
.kito_label{margin-bottom: 10px;}

input[type="button"],
input[type="text"],
input[type="submit"],
input[type="image"],
textarea{
   -webkit-appearance: none;
   border-radius: 0;
}
#custom-options-checkbox-label span{vertical-align: 0;}

.form_kiyaku{
  background: #f6f5f0;
  padding: 0 100px 30px 100px;
  margin-top: -20px;
}
.ttl_form_kiyaku{
  font-weight: bold;
  margin-bottom: 20px;
}
.txt_form_kiyaku{margin-bottom: 30px;}
.Entry_end{
  text-align: center;
  
  max-width:800px;
  margin:0 auto;
  padding:0 20px;
}
.Entry_end p{
  	background:#F6F6EF;
  padding: 40px;
  font-size: 2.4rem;}
@media screen and (min-width:768px){
  .kito_img_1{
    width: 71.4%;
  }
  .kito_img_2{
    width: 35.71%;
    position: absolute;
    top: -120px;
    right:0 !important;}
  
  .Product_kito_ttl{margin-top: 30px;}
  .kousha_table th,.sukei_table th{padding-left: 100px;}
  .kousha_table td,.sukei_table td{padding-right: 100px;}
}  

@media screen and (max-width:767px){
  .Product_kito_ttl_inner{
    font-size: 2rem;
    margin: 0 30px;
    padding: 5px;
  }
   .Product_kito_ttl_inner h2 span{
    font-size: 4rem;
  }
  .Product_kito_ttl_sub{
  	font-size:1.6rem;
 	margin-top:20px;}
  
  .nakisumo_logo{
    margin: 30px 0;
  }
  .nakisumo_logo img{max-width: 150px;}
.Entry_end p{font-size: 1.8rem; padding: 20px;}

  
  .flow_txt{padding-left: 50px;}
  .flow_txt p{
  font-size: 1.6rem;
  line-height: 1.8;}
  
  .flow_number p{
    width: 30px;
    height: 30px;
    line-height: 30px;
    font-size: 2rem;
  }
  .flow_box{
  padding-bottom: 30px;
  background-image: linear-gradient(90deg,#FFF 0% 15px, #92d3d9 15px 16px, #FFF 16px 100%);
}
  .Kito_flow{margin-bottom: 40px;}
  .kito_img_2{margin: 20px;}
  .kito_caution{font-size: 1.6rem;}
  .kito_inquiry{text-align: left;}
  #custom-options-container div,
  .kito_select_wrap{padding: 20px !important;}
  
  .form_kiyaku{padding: 0 20px 20px 20px;}
  
  
  #custom-options-label,label.kito_select,.kito_label{
  font-size: 1.4rem !important;}
  
  .form_bottom_text{
  font-size: 1.6rem;
  margin-bottom: 40px !important;
}
  .kousha_table th,
  .kousha_table td{
    display: block;
    padding: 20px;}
  .kousha_table th{padding-bottom: 0;}  
}