/*セカンドページCSSスタイル*/

a{
    color:#9d4346;
}
a:hover{
    color:#f4b3c2;
}

.flex-area{
    display: flex;
}

.flex-center{
    justify-content: center;
}
.flex-left{
    justify-content: flex-start;
}
.flex-right{
    justify-content: flex-end;
}
.flex-between{
    justify-content: space-between;
}
.flex-around{
    justify-content: space-around;
}
@media (max-width: 414px){
    .flex-area{
    display: inherit;
}
}

/*ナビゲーション*/
.second_header {
	display: flex;
	justify-content: space-around;
	margin-bottom: 30px;
	margin-top: 15px;
}

.second_header_img {
	width: 25%;
	min-width: 200px;
}

.second_header_img img {
	width: 90%;
	min-width: 200px;
}

.second_header_menu {
	display: flex;
	justify-content: center;
	align-items: center;
	font-size: clamp(1.4rem, 1vw + 0.8rem, 2.0rem);
	font-weight: bold;
	color: #7F7160;
	top: 50%;
    position: relative;
}

.second_header_menu_list a {
    color:#7F7160;
	margin-right: 1.6em;
}

.second_header_menu_list a:hover{
    color:#f4b3c2;
    border-bottom:#f4b3c2 dashed thin;
}

/*グローバルメニューのサブメニュー*/
.second_header_menu_list ul{
	list-style: none;
	display: flex;
	justify-content: center;
}
.second_header_menu_list li{
    position: relative;
}
    .second_header_menu_list ul ul{
	display: block;
}
    .second_header_menu_list li.has-child ul{
    position: absolute;
	left:0px;
	top:30px;
	z-index: 4;
    border-radius: 10px;
	background:#fff;
    box-shadow: 2px 2px 4px gray;
    color:#444;
	width:230px;
    height:auto;
    padding:15px 10px 20px;
    background-image: url(../img/bg_submenu.png);
    background-position: right bottom;
    background-size: cover;
    display: none;
	visibility: hidden;
	opacity: 0;
     /*アニメーション設定*/
	transition: all .3s;
}

/*hoverしたら表示*/
.second_header_menu_list li.has-child:hover > ul{
    display:inherit;
  visibility: visible;
  opacity: 1;
}

/*各ナビゲーション横幅*/
.second_header_menu_list li.has-child ul li{
	width:100%;
}

/*ナビゲーションaタグの形状*/
.second_header_menu_list li.has-child ul li a{
    font-size: 16px;
	color: #7F7160;
}

.second_header_menu_list li.has-child ul li a:hover,
.second_header_menu_list li.has-child ul li a:active{
	color:#F27979;
}


/*topヘッダーイメージ*/

.second_top_slider{
    width:96%;
    margin:0 auto;
}
.second_top_img_bg{
    width:100%;
    padding-top: 33%;
    border-radius:20px;
    background-position: center center;
    background-size: cover;
    background-repeat: no-repeat;
}
.second_top_img_01{
    background-image: url(../img/second-top-img01.jpg);   
}
.second_top_img_02{
    background-image: url(../img/second-top-img02.jpg);
}
.second_top_img_gokitou01{
    background-image: url(../img/second-top-img-gokitou01.jpg);   
}
.second_top_img_gokitou02{
    background-image: url(../img/second-top-img-gokitou02.jpg);
}

/*スライド一旦停止
@media (max-width: 414px){
.topimg-right{
    display:none;
}
}
/*スライド一旦停止*/

@media (min-width: 414px){
    .second_top_slider{
    display: flex;
    justify-content: center;
    height: 400px;
}
    .second_top_img_bg{
        padding-top: inherit;
    }
    .topimg-left{
        width:48%;
        border-radius:20px 0 0 20px;
    }
    .topimg-right{
        width:48%;
        border-radius:0 20px 20px 0;
        opacity: 1;
    }
}



.second_contents{
    width:100%;
    background-image: url(../img/bg_second_contents.png);
    background-repeat: no-repeat;
    background-position: center center;

}

section{
    width:1024px;
    margin:0 auto;
    box-sizing: border-box;
    padding:0 0 80px 0;
}

.pan{font-size:1.4em;margin-top:1.4em;}

.second_contents h1{
    font-size: 3.6em;
    text-align: center;
    margin:20px auto;
    display: block;
}

.second_contents h1:after{
    content:url(../img/secondh1_syamon.png);
    margin:20px auto;
    display: block;
}

.second_contents h2{
    font-size: 2.8em;
    display: block;
}

.second_contents h2:after{
    content:url(../img/secondh2_img.png);
    margin-bottom:20px;
    display: block;
}

.second_contents h3{
    font-size: 2.4em;
    border-bottom: 2px dotted #F5C8C9;
    display: block;
    margin-bottom: 20px;
}

.second_contents h4{
    font-size: 2.0em;
    border-left: 5px solid #F5C8C9;
    display: block;
    margin-bottom: 10px;
    padding-left: 10px;
}
.second_contents p + h4{

    margin-top: 20px;
   
}


.second_contents .text{
    line-height: 2;
}

.second_contents p{
    font-size: 1.6em;
}

.second_contents .gosaijin{
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
    font-size: 2.0em;
    margin-bottom:40px;
}

@media (max-width: 1024px){
    section{
    width:92%;
    margin:0 auto;
    box-sizing: border-box;
    padding:0 0 40px 0;
}
}

@media (max-width:414px){
    .second_contents h1{
        font-size: 3.0em;}
}

footer.second{
    width:100%;
    margin:40px 0;
    padding:0;
}
footer.second .footer-img{
    height:200px;
    background:url(../img/second-footer-img.jpg) no-repeat center center;
    background-size: cover;
    opacity: 0.7;
    padding:40px 0;
}
footer.second .footer-contents{
    width:1100px;
    display: flex;
	justify-content: space-between;
	align-items: flex-start;
    padding:40px 0;
    margin:0 auto;
}
.footer_menu{
    margin-left:20px;
}
footer.second ul.footer_menu_list{
    display: flex;
	justify-content:flex-start;
    align-items:flex-start;
    flex-wrap: wrap;
}
footer.second ul.footer_menu_list > li{
    font-size: 1.8em;
    margin:10px;
    box-sizing: border-box;
    width:240px;
}
footer.second ul.footer_menu_list > li a{
    color:#7F7160;
    border-bottom:2px solid #f4b3c2;
}
footer.second ul.footer_menu_list li > ul li a{
    font-size: 0.9em;
    border-bottom:#7F7160 dashed 1px;
}

footer.second ul.footer_menu_list li > ul li a:hover{
    color:#f4b3c2;
    border-bottom: #f4b3c2 dashed 1px;
}

.footer_sns img{
    width:25px;
}


@media (max-width: 1100px){
    footer.second .footer-contents{
    width:92%;
}
    footer.second ul.footer_menu_list > li{
    width:200px;
}
}

@media (max-width: 414px){
    .footer_menu{
    margin-top:20px;
}
    footer.second .footer-contents{
    display: inherit;
}
    footer.second ul.footer_menu_list > li{
    font-size: 1.4em;
    margin:5px;
    box-sizing: border-box;
    width:44%;
}

}



/* ==========================================================================
   gyouji.html
   ========================================================================== */

/* ========== コンテンツ ========== */
.gyouji-contents-title {
	margin-top: 4%;
	width: 100%;
	background: #fce3e3;
	border-bottom: 2px solid #F27979;
	border-top: 2px solid #F27979;
}

.gyouji-contents-title {
	display: flex;
	justify-content: flex-start;
}

.gyouji-contents-title span {
	display: block;
	font-size: clamp(2.0rem, 1vw + 1rem, 2.4rem);
	margin-right:1em;
}

.gyouji-contents-text {
	margin-top: 1em;
	font-size: clamp(1.5rem, 1vw + 0.5rem, 1.8rem);
}

.gyouji-contents-img {
	width: 100%;
	display: flex;
	justify-content: space-between;
	align-items: center;
}

.gyouji-contents-img img {
	width: 48.5%;
    border-radius: 10px;
}

.gyouji-shuukitaisai a {
	display: inline-block;
	margin-top: 2%;
	font-size: clamp(2.0rem, 1vw + 1rem, 2.4rem);
	transition: 0.3s;
}

.gyouji-shuukitaisai a:hover {
	transform: scale(1.1);
	opacity: 0.7;
}



/* ==========================================================================
keidai.html
========================================================================== */

.keidai_contents {
	display: flex;
	justify-content: center;
    margin-bottom: 7%;
}

.keidai_contents_text {
	font-size: clamp(2.0rem, 1vw + 1rem, 2.4rem);
	width: 50%;
	height: 50px;
	margin: 1em;
	padding: 0 25px;
    border-image: linear-gradient(to right, #f4b3c2 0%, transparent 100%);
    border-bottom: 2px solid #f4b3c2;
    border-image-slice: 1;
    white-space: nowrap;
}

.keidai_contents_img {
	width: 50%;
    display: flex;
    justify-content: center;
}

.keidai_contents_img img {
    width: 95%;
}

.to_left {
    flex-direction: row-reverse;
}

.to_right {
    text-align: right;
    border-image: linear-gradient(to left, #f4b3c2 0%, transparent 100%);
    border-bottom: 2px solid #f4b3c2;
    border-image-slice: 1;
}



/* ==========================================================================
news.html
========================================================================== */

.newspage {
	margin-bottom: 7%;
}

.newspage_title img {
	width: 75%;
	margin-bottom: 7%;
}

.newspage_contents {
	width: 100%;
	display: flex;
	justify-content: space-around;
}

.newspage_contents_topics {
	width: 100%;
	display: flex;
	flex-direction: column;
	justify-content: center;
	margin-bottom: 4%;
}

.newspage_contents_topic {
	width: 100%;
	display: flex;
    flex-direction: column;
    align-items: flex-start;
	justify-content: center;
	font-size: clamp(1.2rem, 1vw + 1rem, 2.0rem);
    border-top: 2px solid #7F7160;
    border-bottom:2px solid #7F7160;
    padding: 25px 25px 50px 25px; 
    margin: 0 0 -2px;
}


.newspage_contents_topic_day {
	white-space: nowrap;
}


.newspage_contents_topic_category img {
	width: 95px;
}

.newspage_contents_other {
	display: flex;
	flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-bottom: 4%;
}

.newspage_contents_other_text {
    font-size: clamp(1.2rem, 1vw + 1rem, 2.0rem);
}

.newspage_contents_other_sns {
	margin-bottom: 20px;
}

.newspage_contents_other_sns a {
	width: 60px;
	transition: 0.3s;
}

.newspage_contents_other_sns a:hover {
	transform: scale(1.2);
	opacity: 0.7;
}

.newspage_contents_other_sns img {
	width: 60px;
    padding: 5px;
}

/* ==========================================================================
   wedding.html
   ========================================================================== */
/* ========== コンテンツ ========== */
.img_wedding {
    display: flex;
    justify-content: center;
    flex-wrap: wrap;
    
}

.img_wedding img{
    margin:3px;
}

/* ==========================================================================
   toshiiwai.html
   ========================================================================== */
/* ========== コンテンツ ========== */

.table_toshiiwai{
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
  /*margin: 10px 20px;*/ }

.table_toshiiwai {
    margin-top: 10px;
    margin-bottom: 60px;
    border-top: 2px solid #FFFFFF;
}

.table_toshiiwai th, .table_toshiiwai td {
  padding: 8px 10px;
  vertical-align: top;
  border-bottom: 2px solid #FFFFFF; }

.table_toshiiwai th {
    font-weight: bold;
    background-color: #FFEEEE;
}

/* ==========================================================================
   k-uketsuke/index.html
   ========================================================================== */
/* ========== コンテンツ ========== */
.kitou_nagare{
    font-size: 1.6em;
}

.tel-num a{
    font-size: 36px;
    color:#F5C8C9;
    border-bottom:#F5C8C9 thin dashed;
}
.tel-num a:hover{
    color:#f4b3c2;
    border-bottom:#f4b3c2 thin dashed;
}

.btn_kitou a{
    display: block;
    padding:5px 25px;
    border:thin #7F7160 solid;
    border-radius: 20px;
    width:100%;
    max-width:450px;
    height:40px;
    font-size: 1.6em;
    margin-top:10px;
    margin-bottom:10px;
    box-sizing: border-box;
    text-align: center;
}

.btn_kitou a:hover{
    display: block;
    padding:5px 25px;
    color:#f4b3c2;
    border:thin #f4b3c2 solid;
}




/* ==========================================================================
   moushikomi.html
   ========================================================================== */
/* ========== コンテンツ ========== */
.downloadpdf h6{
    color: #6fba2c;
    font-size: 2em;
    margin-bottom: 10px;
    border-bottom: 1px dotted #FDC8C9;
 }

.downloadpdf .fa-download {
    color: #FFB3B3;
    margin-right: 20px;
 }

/* ==========================================================================
   ryouen.html
   ========================================================================== */

.ryouen-kigan{
}
.ryouen-img{
    width:400px;
    height:250px;
    border-radius: 10px;
    background-position:center center;
    background-size: cover;
}
.ryouen-text{
    padding:10px;
}

/*ページトップへ戻るボタン*/
#page-top a{
    position: fixed;
    right: 25px;
    bottom:25px;
    width:50px;
    height:50px;
    border-radius:25px;
    border:none;
    background:#F27979;
    color: #fff;
    padding:0px;
    z-index:20000;
    font-size:16px;
    font-weight: lighter;
    text-decoration: none;
    display: flex;
    align-items: center;
    justify-content: center;
}
#page-top a:hover{
    background-color:#fff;
    border:#F27979 solid 1px;
    color:#F27979;
}