@charset "UTF-8";
/*
Theme Name: Histrip Wedding
Theme URI: https://wedding.histrip.jp/
Description: Xeory拡張テーマ
Author: VMG
Author URI: https://wedding.histrip.jp/
Version: 0.2.5
*/
/* color 
bg  :#F6F4F1
main:#1c1c1c
*/

html{
	scroll-behavior: smooth;
    -webkit-scroll-behavior: smooth;
	scroll-padding-top: 80px;
}

body{
	font-family: "FOT-筑紫Aオールド明朝 Pr6 L","TsukuAOldMinPr6-L";
    font-size: 12.5PX;
    line-height: 1.8;
    color: #1C1C1C;
    background-color: #f8f8f8;
	letter-spacing: 1px;
}

body.home {
	background-image: url(/wp/wp-content/themes/histrip_wedding/assets/img/top/bg_top.jpg);
}

/*
 common
********************************/
h1,h2,h3,h4,h5,h6{
	font-family: "FOT-筑紫Aオールド明朝 Pr6 L","TsukuAOldMinPr6-L";
}

.serif-kana{
	font-family: YuMincho, "Yu Mincho", "Hiragino Mincho ProN", "serif";
}	

/** align **/
/*.align-l{text-align: left;}
.align-c{text-align: center;}
.align-r{text-align: right;}*/

.align-lc{text-align: left;}


/** title **/
/* 01 */
.tit-line-center{
	color: #1c1c1c;
	text-align: center;
	position: relative;
	padding: 0 0 20px;
}

.tit-line-center:after{
	position: absolute;
	content: "";
	display: block;
	border-bottom: 1px solid #1c1c1c;
	bottom: 0;
	left: 0;
	right: 0;
	margin: 0 auto;
	width: 35px;
}

/* 02 */
.tit-bg-w span{
	background: #fff;
	padding: 15px 13px 10px;
	line-height: 1.8;
}

/* 03 */
.tit-section {
  	width: 100%;
  	text-align: center;
	margin: 0 auto 40px !important;
}

/* 04 */
.tit-withcap span:nth-child(1){font-weight: bold;}

.tit-withcap span:nth-child(2){
	color: #1c1c1c;
	padding: 0 10px;
}

.tit-withcap span:nth-child(3){
	font-size: 1rem;
	display: block;
}


/** overwrite **/
/* offcanvas */



/* Tablet landscape and bigger */
@media (min-width: 960px) {
	
	.align-lc{text-align: center;}
	
	.tit-dottedline{width: 80%;}
	
	.tit-withcap span:nth-child(3){display: inline-block;}
	
}

/* margin
----------------------*/
.mgnB0 {margin-bottom:0 !important;}
.mgnB5 {margin-bottom:5px !important;}
.mgnB10 {margin-bottom:10px !important;}
.mgnB15 {margin-bottom:15px !important;}
.mgnB20 {margin-bottom:20px !important;}
.mgnB30 {margin-bottom:30px !important;}
.mgnB40 {margin-bottom:40px !important;}
.mgnB50 {margin-bottom:50px !important;}
.mgnB60 {margin-bottom:60px !important;}
.mgnB70 {margin-bottom:70px !important;}
.mgnB80 {margin-bottom:80px !important;}

.mgnT0 {margin-top:0 !important;}
.mgnT5 {margin-top:5px !important;}
.mgnT10 {margin-top:10px !important;}
.mgnT20 {margin-top:20px !important;}
.mgnT30 {margin-top:30px !important;}
.mgnT40 {margin-top:40px !important;}
.mgnT50 {margin-top:50px !important;}
.mgnT60 {margin-top:60px !important;}
.mgnT70 {margin-top:70px !important;}
.mgnT80 {margin-top:80px !important;}


/*-----------------------------------------------------------------------------------*/


/*
 Header
********************************/
.nav-header{padding: 15px 0; background: #f8f8f8;}
.btn-nav-offcanvas a{color: #1c1c1c;}
.logo-header img{width: 90px;}


/*
 Nav in Off-canvas
********************************/
ul.nav-offcanvas li a{
	color: #fff !important;
	padding: 10px 0 !important;
}

ul.nav-offcanvas li{
	letter-spacing: 0.05em;
	line-height: 2;
}

ul.nav-offcanvas li span{
	display: block;
	font-size: 10px;
}

/* scrollbarデザイン変更 */
.uk-offcanvas-bar::-webkit-scrollbar{
	overflow:hidden;
    width:1px;
    background:#1c1c1c;
}
.uk-offcanvas-bar::-webkit-scrollbar:horizontal{
    height:1px;
}
.uk-offcanvas-bar::-webkit-scrollbar-button{
    display:none;
}
.uk-offcanvas-bar::-webkit-scrollbar-piece{
    background:#1c1c1c;
}
.uk-offcanvas-bar::-webkit-scrollbar-piece:start{
    background:#1c1c1c;
}
.uk-offcanvas-bar::-webkit-scrollbar-thumb{
   	background:#1c1c1c;
}
.uk-offcanvas-bar::-webkit-scrollbar-corner{
    background:#1c1c1c;
}

/*
 Footer
********************************/
.footer-logo img{width: 33%;}
/* Facebook Like Box width: 100% */
.post-share-fb.side-widget{
	text-align: center;
  }
  div.post-share-fb .fbcomments,
  div.post-share-fb .fb_iframe_widget,
  div.post-share-fb .fb_iframe_widget[style],
  div.post-share-fb .fb_iframe_widget iframe[style],
  div.post-share-fb .fbcomments iframe[style] *,
  div.post-share-fb .fb_iframe_widget span {
	max-width: 100% !important;
  }
  #footer .fbcomments,
  #footer .fb_iframe_widget,
  #footer .fb_iframe_widget[style],
  #footer .fb_iframe_widget iframe[style],
  #footer .fbcomments iframe[style] *,
  #footer .fb_iframe_widget span {
	max-width: 100% !important;
  }
  
  #footer {
	color: #f2f2f2;
  }
  #footer .fb-like-box,
  #footer .fb-like-box > span,
  #footer iframe {
	width: 100% !important;
	box-sizing: border-box;
  }
  #footer .footer-logo {
	font-size: 24px;
  }
  #footer a {
	color: #f2f2f2;
  }
  #footer a:hover {
	color: #f2f2f2;
  }
  #footer .wrap {
	padding: 30px 0;
  }
  #footer .post-share {
	padding-right: 0;
	padding-left: 0;
  }
  #footer .row {
	margin-left: -15px;
	margin-right: -15px;
  }
  #footer .row .gr1,
  #footer .row .gr2,
  #footer .row .gr3,
  #footer .row .gr4,
  #footer .row .gr5,
  #footer .row .gr6,
  #footer .row .gr7,
  #footer .row .gr8,
  #footer .row .gr9,
  #footer .row .gr10,
  #footer .row .gr11,
  #footer .row .gr12 {
	padding-left: 15px;
	padding-right: 15px;
  }
  
  #footer-brand-area {
	padding-bottom: 32px;
	margin-bottom: 32px;
  }
  
  #footer-content-area {
	font-size: 14px;
  }
  #footer-content-area h4 {
	font-size: 16px;
  }
  #footer-content-area i.fa {
	margin-right: 12px;
  }
  #footer-content-area #footer-cont-about li,
  #footer-content-area #footer-cont-content li {
	position: relative;
  }
  #footer-content-area #footer-cont-about li:before,
  #footer-content-area #footer-cont-content li:before {
	content: '\f105';
	font-family: FontAwesome;
	position: absolute;
	top: 7px;
	left: 0;
  }
  #footer-content-area #footer-cont-about li a,
  #footer-content-area #footer-cont-content li a {
	padding: 8px 12px 8px 14px;
	display: inline-block;
  }
  #footer-content-area #footer-cont-about li a:hover,
  #footer-content-area #footer-cont-content li a:hover {
	text-decoration: none;
  }
  #footer-content-area #footer-cont-sns a {
	display: block;
	padding: 8px 12px 8px 0;
  }
  #footer-content-area #footer-cont-sns a:hover {
	text-decoration: none;
  }
  
  .footer-01 {
	background: #848484;
	padding: 48px 0;
  }
  .footer-01 .footer-address {
	text-align: right;
  }
  .ftr-pagetop a span {
	transform: rotate(90deg);
	display: inline-block;
	position: relative;
  }
  .ftr-pagetop a span::before {
	content: '';
	display: block;
	width: 1px;
	height: 80px;
	background-color: #fff;
	position: absolute;
    transform: rotate(-90deg);
    top: 0;
    bottom: 0;
    margin: auto;
    left: -58px;
  }
  
  @media screen and ( max-width: 991px ){
	.footer-01 .footer-address {
	  text-align: left;
	}
  }
  
  @media screen and ( max-width: 767px ){
	.footer-01 .footer-address {
	  margin-top: 24px;
	}
  }
  
  .footer-02 {
	background: #848484;
  }
  .footer-02 .footer-copy {
	text-align: center;
	font-size: 12px;
  }

/* Tablet landscape and bigger */
@media (min-width: 960px) {
	
	/* header */
	.nav-header{padding: 0;}
	.logo-header img{width: 130px;}
	
	/* offcancnvas */
	ul.nav-offcanvas li a{padding: 15px 0 !important;}
	/*.uk-offcanvas-bar{
		width: 280px;
		padding: 40px 0px;
	}*/
	
	
	/* footer */
	.footer-logo img{width: 16%; margin-bottom: 50px;}
	
}
/* ----------------------------------------
* pagetop
---------------------------------------- */
.pagetop {
	display: none;
	position: fixed;
	bottom: 50px;
	right: 50px;
	color: #fff;
  }
  .pagetop span {
	display: block;
	border-radius: 25px;
	background: #2b2b2b;
	width: 50px;
	height: 50px;
	text-align: center;
	line-height: 40px;
	font-size: 36px;
	opacity: .8;
  }
/*-----------------------------------------------------------------------------------*/

/*
 TOP
********************************/
.top-midashi {
	position: absolute;
    bottom: 5%;
    left: 3%;
}
.top-midashi h1 {
	z-index: 999;
	position: relative;
}
.toppage .uk-dotnav {
	position: absolute;
    left: -30px;
    top: 40px;
}

/* slideshow */
.tit-top-slide{margin-left: 10%;}
.tit-top-slide h1{
	color: #1c1c1c;
	padding: 0 0 10px;
	position: relative;
}

.tit-top-slide h1:after{
	position: absolute;
	content: "";
	display: block;
	border-bottom: 1px solid #1c1c1c;
	bottom: 0;
	width: 35px;
}

.cap-top-slide h2,
.cap-top-slide p{
	text-shadow: 1px 1px 2px #333;
}

/* mainvisual */
.top-mainvisual{
	padding: 230px 0;
}

.top-mainvisual h1{
	font-size: 3.43rem;
	/* line-height: 1.8; */
	color: #f2f2f2;
	text-shadow: 0px 0px 5px #00000070;
	letter-spacing: 7px;
}
.top-mainvisual p {
	color: #f2f2f2;
}
.page-ttl-bkwh div {
	background-color: rgba(255,255,255,.7);
}
.page-ttl-bkwh div h1,
.page-ttl-bkwh div p {
	color: #1c1c1c;
	text-shadow: none;
}

.top-logo img{width: 160px;}

.wrap-pdn-01{padding: 0 15px;}

/* process */
.wrap-process{
	position: relative;
    padding: 30px 20px 10px;
    border: solid 1px #1c1c1c;
}

.wrap-process .tit-wrap-process{
	position: absolute;
    display: inline-block;
    top: -9px;
    left: 15px;
    padding: 0 15px;
    line-height: 1;
    font-size: 16px;
    background: #F6F4F1;
    color: #1c1c1c;
    font-weight: bold;
	font-style: italic;
}

.wrap-illust-txt{
	display: flex;
	flex-direction: row;
	align-items: center;
}

.wrap-illust-txt div:nth-child(1){width: 25%; padding-right: 5%}
.wrap-illust-txt div:nth-child(2){width: 70%;}
.wrap-illust-txt img{width: 86px;}

.link-more a{color: #1c1c1c;}
.link-more a:hover{text-decoration: none;}
.link-more span{
	display: inline-block;
	width: 50px;
	margin-left: 10px;
}

.wrap-place-detail p{line-height: 2;}

ul.place-info{
	list-style: none;
	padding: 0;
	line-height: 2;
}

.link-place img{
	width: 40px;
}

.deco-flower span {
	position: relative;
}
.deco-flower span::before {
	content: '';
	background-image: url(/wp/wp-content/themes/histrip_wedding/assets/img/ico_flower.png);
	background-size: 18px;
	background-repeat: no-repeat;
	width: 18px;
	height:18px;
	display: block;
	position: absolute;
	left: -27px;
	top: 0;
    bottom: 0;
    margin: auto;
}
.deco-flower span::after {
	content: '';
	background-image: url(/wp/wp-content/themes/histrip_wedding/assets/img/ico_flower.png);
	background-size: 18px;
	background-repeat: no-repeat;
	width: 18px;
	height:18px;
	display: block;
	position: absolute;
	right: -27px;
	top: 0;
    bottom: 0;
    margin: auto;
}
.spnav .uk-button {
	z-index: 100;
}
.spnav .uk-button span svg {
	width: 30px;
    height: 30px;
    color: #fff;
    -moz-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.50);
    -webkit-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.50);
    -ms-text-shadow: 0px 0px 7px rgba(0, 0, 0, 0.50);
    text-shadow: 0px 0px 7px rgb(0 0 0 / 50%);
}

/* Tablet landscape and bigger */
@media (min-width: 960px) {

	/* mainvisual */
	.top-mainvisual{padding: 25%;}
	.top-mainvisual p {font-size: 1.14rem;}

	.top-logo img{width: 220px;}
	
	.wrap-pdn-01{padding: 30px 50px 0;}
	
	.wrap-illust-txt img{width: 115px;}
}
@media (min-width: 768px) {
	.top-midashi h1 {
		color:#A3A3A3;
	}
}
@media (max-width: 959px) {

}
@media (max-width: 767px) {
	.top-midashi h1 {
		color:#FFFFFF;
	}
}



/*
 2nd : PLAN
********************************/
.tit-hero h1{
	color: #1c1c1c;
	padding: 0 0 10px;
	position: relative;
}

.tit-hero h1:after{
	position: absolute;
	content: "";
	display: block;
	border-bottom: 1px solid #1c1c1c;
	bottom: 0;
	width: 35px;
}

.entry-date{
	letter-spacing: 1px;
}
.plan-tab li a.uk-disabled {
	background-color: #848484;
	color: #f2f2f2;
}
.plan-tab li a:not(.uk-disabled) {
	background-color: #333333;
	color: #f2f2f2;
}
.hd-sgl-bdr span,
.hd-dbl-bdr span {
    display: inline-block;
    position: relative;
}
.hd-sgl-bdr span::before,
.hd-dbl-bdr span::before {
    right: 100%;
    margin-right: calc(5px + 0.3em);
}
.hd-sgl-bdr span::after,
.hd-dbl-bdr span::after {
    left: 100%;
    margin-left: calc(5px + 0.3em);
}
.hd-sgl-bdr span::before,
.hd-sgl-bdr span::after {
	content: "";
    position: absolute;
    top: calc(50% - (calc(0.1px + 0.025em) / 2));
    width: 92px;
    border-bottom: calc(0.1px + 0.025em) solid #1c1c1c;
}
.hd-dbl-bdr span::before,
.hd-dbl-bdr span::after {
	content: "";
    position: absolute;
    top: calc(50% - (calc(7.2px + 0.05em) / 2));
    width: 92px;
	height: 7px;
	border-top: calc(0.1px + 0.025em) solid #1c1c1c;
    border-bottom: calc(0.1px + 0.025em) solid #1c1c1c;
}
.hd-bdr-btm {
	border-bottom: 1px solid;
	width: 50%;
	min-width: 320px;
	padding-bottom: .8rem;
}

/* テーブル */
.uk-table.tbl-bk-f2 {
	background-color: #f2f2f2;
	border: none;
}
.uk-table.tbl-bk-f2 tbody tr th {
	color: #1c1c1c;
	text-align: center;
}
.uk-table.tbl-bk-f2 tbody tr td {
	width: 84%;
}
.uk-table.tbl-bk-f2 tbody tr th,
.uk-table.tbl-bk-f2 tbody tr td {
	border: 1px solid #fff;
}

/* Tablet landscape and smaller */
@media (min-width: 768px) {
	.plan-tab li a {
		font-size: 1.1rem;
	}
	/* リンクのリスト */
	.link-list li {
		font-size: 1.14rem;
	}
}
@media (max-width: 959px) {
	.top-mainvisual h1{font-size: 1.4rem;}
	
	
}