/*全体・共通*/
/*コンテンツ*/
.fullwidth-block {
    width: 100vw;          /* ビューポート幅いっぱい */
    margin-left: calc(-50vw + 50%); /* 中央寄せ */
    margin-right: calc(-50vw + 50%);
    padding: 0;            /* 内側の余白も消す */
}
.jinja-wedding-wrap { 
max-width: 1300px;  
width: 95%; 
margin: 0 auto; 
padding-left: 5%; 
padding-right: 5%; box-sizing: 
border-box; 
}
.jin-wed-box{
margin-top: 8%;
}

/*テキスト*/
p,h1,h2,a,ul,li{
font-family: 'Noto Serif JP', sans-serif;
line-height: 2em;
letter-spacing: 0.1em;
font-weight: normal;
color: #323232;
}
p{
font-size: 0.9rem;
}
span{
font-size: 0.9rem;
}
ul{
list-style: none;
}

/*画像*/
img{
width: 100%;
}

/*各コンテンツタイトル画像サイズ*/
img.jin-wed-plan_tit,
img.jin-wed-loca_tit,
img.jin-wed-opt_tit{
width: 25%;
}


/*ヘッダー*/
header.jin-wed-header{
text-align: center;
margin:1% 0;
display: flex;
align-items: center;
justify-content: center;
max-width: 1300px;  
width: 95%; 
margin: 0 auto; 
margin-top: 2% !important;
}
header.jin-wed-header img{
width: 40%;
}

/*言語切り替え*/
.jin-wed-language ul{
display: flex;
gap: 20px;
}
.jin-wed-language ul li a{
text-decoration: none;
border-right: 1px solid #323232;
}
.jin-wed-language ul li:first-child a {
padding-right: 20px;
}
.jin-wed-language ul li:last-child a {
border:none !important;
}



/*フッター*/
.jin-wed-footer_box{
display: flex;
align-items: center;
justify-content: center;
gap: 50px;
border-bottom: 2px solid #323232;
padding: 3% 0;
}
.jin-wed-footer_left{
width: 40%;
}
.jin-wed-footer_right{
width: 20%;
}

.jin-wed-footer_left img{
width: 70%;
}
.jin-wed-footer_contents{
padding-left: 5%;
}
.jin-wed-footer_contents h2{
font-size: 25px;
font-weight: bold;
}
.jin-wed-footer_right img{
width: 80%;
}
.copyright{
text-align: center;
padding: 1% 0;
}
.copyright p{
font-size: 12px;
}


/*メイン*/
.jin-wed-box.main{
text-align: center;
}
.jin-wed-box.main img{
width: 90%;
}
.jin-wed-box.catchcopy{
text-align: center;
margin: 5% 0;
}
.jin-wed-box.catchcopy img{
width: 60%;
}
.jin-wed-box.catchcopy p{
margin-top: 5%;
line-height: 2.5em !important;
}

/*プラン*/
.jin-wed-box.jw-plan-box{
margin-top: 10%;
text-align: center;
}
.jw-plan-contents{
margin-top: 5%;
display: flex;
justify-content: center;
align-items: center;
gap: 30px;
}
.jw-plan-contents_img img{ 
width: 80%;
}
p.jw-plan_price{
font-size: 45px;
line-height: 1rem !important;
}
.jw-plan-contents_txt h2{
font-size: 28px;
}
p.jw-plan_price span{
font-size: 0.9rem;
}
img.jw-plan_icon{
width: 10%;
padding: 3% 0;
}
.jw-plan-contents_more{
padding: 8% 0;
}
.jw-plan-contents_more p{
text-align: left;
padding: 5% 0;
border-bottom: 2px solid #323232;
}
.jw-plan-contents_img,.jw-plan-contents_txt{
width: 45%;
}

/*ロケーション*/
.jin-wed-box.location{
background-image: url(https://www.bishouen.com/wp-content/themes/bishouen-WP/image/jinja-wedding/location_back.jpg);
background-repeat: no-repeat;
background-size: cover;
background-position: center;
margin-left: calc(-50vw + 50%); /* 中央寄せ */
margin-right: calc(-50vw + 50%);
padding: 0;   
text-align: center;
}
img.jin-wed-loca_boder{
width: 80%;
}
.jw-location_txt p{
padding: 5% 0;
}

/*オプション*/
.fullwidth-block.option_back{
background-color: #c0a5384a;
}
.jin-wed-box.option{
text-align: center;
position: relative;
padding: 8% 0;
margin: 0 !important;
}
img.jin-wed-opt_tit{
position: absolute;
top: 75px;
left: 50%;
transform: translateX(-50%);
z-index: 10;
}
.jw-option_txt{
width: 70%;
margin: 0 auto;   
background-color: #fff;
border: 2px solid #C0A438;
position: relative;
padding: 5%;
}
.jw-option_txt::before,
.jw-option_txt::after {
  content: "";
  position: absolute;
  width: 50px;
  height: 50px;
  border-color: #C0A438;
  border-style: solid;
}
.jw-option_txt::before {/* 左上角 */
  top: -6px;
  left: -6px;
  border-width: 10px 0 0 10px; 
}
.jw-option_txt::after {/* 右下角 */
  bottom: -6px;
  right: -6px;
  border-width: 0 10px 10px 0;
}
.jw-option_txt p{
display: flex;
justify-content: center;
align-items: center;
gap: 10px;
font-size: 18px;
padding: 2% 0;
border-bottom: 1.5px solid #cccccc;
}
.jw-option_txt p:nth-child(5){
  display: block !important;
}
span.op_price{
font-size: 28px;
}
.jw-option_txtsab{
 position: relative;
padding: 40px; 
}
.jw-option_txtsab p{
display: block !important;
font-size: 0.9rem !important;
border: none !important;
margin: 0;
}
img.jw-op-txt_icon1 {
position: absolute;
top: 0;
left: 80px;
width: 35px; 
height: auto;
}
img.jw-op-txt_icon2 {
position: absolute;
bottom:0;
right: 80px;
width: 35px; 
height: auto;
}

/*メッセージ*/
.jin-wed-box.message {
position: relative;
width: 70%;
margin: 0 auto;
margin-top: 8%;
}
.jin-wed-box.message > img { /* 背景画像 */
width: 100%;
height: auto;
display: block;
}
.jw-message_txt {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
text-align: center;
width: 90%; 
}
.jw-message_txt img {
width: 90px; 
height: auto;
margin-bottom: 40px;
transform: translateY(-35px); 
}

/*
英語版デザインcss
*/

/*プラン*/
span.en-yen{
font-size: 30px !important;
}



/*
レスポンシブデザインcss
*/

/*タブレット*/

@media(max-width: 1000px) {
/*プラン*/
img.jin-wed-plan_tit, img.jin-wed-loca_tit, img.jin-wed-opt_tit {
width: 30%;
}
}

@media(max-width: 900px) {

}

@media(max-width: 768px) {
/*全体・共通*/
/*コンテンツ*/
.jinja-wedding-wrap {
padding: 0;
}

/*各コンテンツタイトル画像サイズ*/
img.jin-wed-plan_tit,
img.jin-wed-loca_tit,
img.jin-wed-opt_tit{
width: 45%;
}

/*へッダー*/
header.jin-wed-header img {
width: 70%;
}
.jin-wed-header_img a{
display: block;
text-align: left;
}

/*フッター*/
footer.jin-wed-footer {
text-align: left;
}
.jin-wed-footer_box{
display: block;
}
.jin-wed-footer_left{
width: 100%;
}
.jin-wed-footer_right{
margin-top: 5%;
}
.jin-wed-footer_right img {
width: 30%;
}
.jin-wed-footer_contents{
text-align: left;
padding: 0;
width: 90%;
margin: 0 auto;
}
.jin-wed-footer_right{
width: 90%;
margin: 0 auto;
text-align: left;
margin-top: 3% !important; 
}



.jin-wed-footer_left img {
width: 80%;
}
.copyright p {
font-size: 10px;
}

/*メイン*/
.jin-wed-box.catchcopy img {
width: 80%;
}
.jin-wed-box.main{
margin-top: 0;
}

/*プラン*/
.jw-plan-contents{
flex-direction: column; /* 縦並び */
}
.jw-plan-contents_img, 
.jw-plan-contents_txt {
width: 80%;
margin: 0 auto;
}
.jw-plan-contents:nth-child(2) {
flex-direction: column !important;
}
.jw-plan-contents:nth-child(2),.jw-plan-contents_img {
order: 1;
}
.jw-plan-contents:nth-child(2),.jw-plan-contents_txt {
order: 2;
}
.jw-plan-contents:nth-of-type(3) {
border: none;
}
.jw-plan-contents_txt h2 {
font-size: 23px;
}
p.jw-plan_price {
font-size: 40px;
}

/*オプション*/
.jw-option_txt p,.jw-option_txt p span{
display: block;
}
jw-option_txt {
    width: 80%
}
img.jin-wed-opt_tit {
top: 22px;
}
img.jw-op-txt_icon1,img.jw-op-txt_icon2{
width: 30px;
}
img.jw-op-txt_icon1{
left: 0;
}
img.jw-op-txt_icon2{
right: 0;
}
.jw-option_txt {
 width: 80%;
 padding: 3%;
}

/*メッセージ*/
.jin-wed-box.message{
width: 90%;
}
.jw-message_txt img {
width: 60px;
margin-bottom: 20px;
transform: translateY(5px);
}
}



/*
スマホ
*/
@media(max-width: 500px) {
/*全体・共通*/
.jinja-wedding-wrap {
padding-left: 0;
padding-right: 0;
}
/*テキスト*/
p {
font-size: 0.8rem ;
}
span {
font-size: 0.8rem;
}
p, h1, h2, a {
line-height: 1.5em;
}

/*各コンテンツタイトル画像サイズ*/
img.jin-wed-plan_tit, 
img.jin-wed-loca_tit, 
img.jin-wed-opt_tit {
width: 55%;
}

/*改行なし*/
br.br_none{
display: none;
}

/*ヘッダー*/
header.jin-wed-header img {
width: 80%;
}

/*言語切り替え*/
.jin-wed-language a{
font-size: 13px;
}
.jin-wed-language ul{
gap: 10px;
}
.jin-wed-language ul li:first-child a {
padding-right: 10px;
}

/*フッター*/
.jin-wed-footer_contents h2 {
font-size: 20px;
font-weight: bold;
}
.jin-wed-footer_left img {
width: 80%;
}
.jin-wed-footer_contents{
margin: 0 auto;
}
.jin-wed-footer_right img {
width: 50%;
}
.jin-wed-footer_box{
border-bottom: 1px solid #323232;
}
.jin-wed-footer_right p{
line-height: 2rem;
}

/*メイン*/
.jin-wed-box.catchcopy p {
line-height: 2em !important;
}
.jin-wed-box.main img {
width: 95%;
}
.jin-wed-box.catchcopy img {
 width: 90%;
}

/*プラン*/
.jw-plan-contents_txt h2 {
font-size: 20px;
}
img.jw-plan_icon {
width: 12%;
}
p.jw-plan_price {
font-size: 35px;
}
p.jw-plan_price span{
font-size: 0.8rem;
}
.jw-plan-contents_more p{
border-bottom: 1px solid #323232;
}
.jw-plan-contents_img, 
.jw-plan-contents_txt {
width: 85%;
}
.jw-plan-contents {
margin-top: 8%;
}
span.jw-plan_price_tax{
display: block !important;
line-height: 4rem !important;
}



/*ロケーション*/
img.jin-wed-loca_boder {
width: 90%;
}
.jw-location_txt p {
padding: 10% 0;
}

/*オプション*/
.jin-wed-box.option{
padding: 15% 0;
}
img.jin-wed-opt_tit {
top: 45px;
}
.jw-option_txt::before, 
.jw-option_txt::after {
width: 30px;
height: 30px;
}
.jw-option_txt::before {
top: -4px;
left: -4px;
border-width: 8px 0 0 8px;
}
.jw-option_txt::after {
bottom: -4px;
right: -4px;
border-width: 0 8px 8px 0;
}
.jw-option_txt p{
font-size: 15px;
padding: 5% 0;
}
span.op_price {
font-size: 25px;
padding-top: 3% !important;
}
.jw-option_txt p span{
padding-top: 2%;
}
.jw-option_txtsab p{
font-size: 0.9rem;
}
.jw-option_txtsab {
padding: 30px;
}
img.jw-op-txt_icon1, img.jw-op-txt_icon2 {
width: 25px;
}

/*メッセージ*/
.jw-message_txt img{
width: 50px;
}
}

/*
微調整
*/
@media(max-width: 430px) {
img.jin-wed-opt_tit {
top: 33px;
}
img.jin-wed-plan_tit, img.jin-wed-loca_tit, img.jin-wed-opt_tit {
width: 60%;
} 
.jw-message_txt img {
width: 35px;
}
.jw-message_txt img{
margin-bottom: 10px;
}
span.en-yen {
font-size: 25px !important;
}

}