@charset "UTF-8";
/*wrapper*/
.wrapper { text-align: left; width: 960px; margin: 56px auto 150px; position: relative; }
#home .wrapper{ margin: 0 auto 100px; }
@media screen and (max-width: 787px) {
	.wrapper {width: 93.75%; margin: 6.25% auto 23.4%; position: relative;}
	#home .wrapper{ margin-bottom: 5%; }
}

/*header*/
#header-out { width: 100%; color: #877D61; background: #FFF; position:fixed; top: 0; left:0;  z-index: 1000; }
#chapel, #jinzen, #shinzen, #location, #ichiwan, #jinjya, #venue, #menu, #drink, #option , #locationphoto, #celemonyphoto,#nanohana,#rose { margin-top:-150px; padding-top:150px;}
#header { position: relative; width: 960px; height: 135px; margin: 0 auto; padding: 0; }
#logo { position: absolute; top:9px; left: 0; float: left; width: 180px; height: 60px; margin: 0; padding: 0; background: url(../img/h1_logo.png) no-repeat; text-indent: -9999px; }
#btn_gnavi_sp, #btn_gnavi_sp_close { visibility: hidden; }
@media screen and (max-width: 787px) {
	#header-out { height: 120px; position: relative;  }
	#header { position: relative; width: 100%; height: 120px; margin: 0 auto; padding: 0; }
	#logo { position: absolute; top: 30px; left:3%; float: left; width: 180px; height: 60px; }
	#btn_gnavi_sp { visibility: visible; position: fixed; top:33px; right: 3%; z-index: 9999; }
	#btn_gnavi_sp_close { visibility: hidden;position: fixed; top:33px; right: 3%; z-index: 9999;  }
	#chapel, #jinzen, #shinzen, #location, #ichiwan, #jinjya, #venue, #menu, #drink, #option,#locationphoto, #celemonyphoto,#nanohana,#rose  { margin-top:-140px; padding-top:140px;}
}
/*global navi*/
#globalNavi { visibility: visible; position: absolute; top: 75px; left: 0px; width: 960px; height: 60px; margin: 0; padding: 0; }
#globalsubNavi { position: absolute; top: 15px; right: 0px; height: 35px; margin: 0; padding: 0; }
@media screen and (max-width: 787px) {
	#globalNavi { visibility: hidden; width:100%; height: auto; position: fixed; top: 0px; left: 0; padding-top: 100px; background: #FFF; border: none;  }
	#globalsubNavi { top: 27%; right: 14%; height: auto; }
}

/*page title*/
#pagetitle { width: 100%; min-width: 1000px; padding: 28px 0; position: relative; margin-top:135px; text-align: center;}
#pagetitle h1 { font-size:1.85em; margin: 0;}
@media screen and (max-width: 787px) {
	#pagetitle { width: 100%; min-width: 0; padding: 20px 0; position: relative; }
	#pagetitle h1 { font-size:28px; width: 80.75%; margin: 0 auto; }
	#pagetitle p { font-size:15px; width: 80.75%; margin: 0 auto; }
	body:not(#home) #pagetitle { margin-top: 0;  }
}

/*internal link*/
#internal-link { width: 100%; border-bottom: 1px solid #E8E9EF; z-index: 100; position:relative; }
#internal-link ul { width: 960px; margin: 20px auto 10px; }
@media screen and (max-width: 787px) {
	#internal-link ul { width: 93.75%; margin: 20px auto 10px; }
}

/*slider*/
#slider { padding-top: 135px; position: relative; text-align: center; }
.rslides { width: 100%; min-width: 1000px; height: auto; overflow: hidden; }
@media screen and (max-width: 787px) {
	#slider { padding-top: 0; }
	.rslides { min-width: 0; height: auto; overflow: hidden; }
}
/*plan*/
#plan_banner { width: 990px; margin: 0 auto 65px; overflow: hidden; }

@media screen and (max-width: 787px) {
	#plan_banner { width: 100%; display: block; }
}
/*information*/
#information { margin: 35px auto; }
#information-news { width:960px; }
#information-banner { width:960px; }

#information-news .news-inner{ width:460px; float:left; }
#information-news .news-inner .listBtn{ text-align: right; font-size: 0.87em; background: url(../img/icon_list.png) no-repeat 83% 50%; margin-bottom:30px; }
#information-news .party-inner{ width:460px; float:right; }
#information-news .party-inner .listBtn{ text-align: right; font-size: 0.87em; background: url(../img/icon_list.png) no-repeat 83% 50%; margin-bottom:30px; }

@media screen and (max-width: 787px) {
	#information { width: 100%; margin: 8% auto 0; }
	#information-news { width: 100%; float: none;}
	#information-banner { width: 100%; float: none; margin-bottom:10%; }
	
	#information-news .news-inner{ width:100%; float:none; }
	#information-news .party-inner{ width:100%; float:none; margin-bottom:10%; }
	#information-news .party-inner h2{ display:none; }
	#information-news .party-inner .listBtn{ background-position: 78% 50%;margin-bottom:5%; }
}

/*home contents*/
.homeconts01,.homeconts02,.homeconts03 { margin-bottom: 50px; }

.homeconts01 { float:left; }
.homeconts01 .homeconts-ph {  width: 460px; }
.homeconts01 .homeconts-txt { width: 460px;  }

.homeconts02 { float:right; }
.homeconts02 .homeconts-ph { width: 460px;  }
.homeconts02 .homeconts-txt { width: 460px; }

@media screen and (max-width: 787px) {
	.homeconts01,.homeconts02,.homeconts03 { margin-bottom: 14.3%; float:none; }
	.homeconts01 .homeconts-ph { width: 100%; }
	.homeconts01 .homeconts-txt { width: 100%; }
	.homeconts02 .homeconts-ph { width: 100%; }
	.homeconts02 .homeconts-txt { width: 100%; }
}

/*lower contents*/
.lowerconts01,.lowerconts02 { margin-bottom: 140px; }
.lowerconts01 .lowerconts-ph {  width: 480px; float: left; }
.lowerconts01 .lowerconts-ph_S {  width: 247px; float: left; }
.lowerconts01 .lowerconts-ph img { width: 100%; }
.lowerconts01 .lowerconts-ph_S img { width: 100%; }
.lowerconts01 .lowerconts-txt { width: 458px; float: right; }
.lowerconts01 .lowerconts-txt_L { width: 688px; float: right; }
.lowerconts01 .lowerconts-txt img { width: 100%; }
.lowerconts02 .lowerconts-ph { width: 480px; float: right; }
.lowerconts02 .lowerconts-ph img { width: 100%; }
.lowerconts02 .lowerconts-txt { width: 458px; float: left; }
.lowerconts02 .lowerconts-txt img { width: 100%; }

.lowerconts03,.lowerconts04 { margin-bottom: 140px; }
.lowerconts03 .lowerconts-ph { width: 480px; float: left; }
.lowerconts03 .lowerconts-ph img { width: 100%; }
.lowerconts03 .lowerconts-txt { width: 458px; float: right; }
.lowerconts03 .lowerconts-box { width: 458px; float: left; }
.lowerconts04 .lowerconts-ph { width: 480px; float: right; }
.lowerconts04 .lowerconts-ph img { width: 100%; }
.lowerconts04 .lowerconts-txt { width: 458px; float: left; }

.lowerconts { margin-bottom:140px; }
.lowerconts .lowerconts-ph { width: 320px; float: right; margin-top:20px; }
.lowerconts .lowerconts-ph img { width: 100%; margin-bottom:1px; }
.lowerconts .lowerconts-txt { width: 620px; float: left; }
.lowerconts .lowerconts-txt img { width: 100%; }

@media screen and (max-width: 787px) {
	.lowerconts01,.lowerconts02 { margin-bottom: 23.3%; }
	.lowerconts01 .lowerconts-ph { width: 100%; float: none;}
	.lowerconts01 .lowerconts-ph_S {  width: 100%; float: none; }
	.lowerconts01 .lowerconts-txt { width: 100%; float: none;}
	.lowerconts01 .lowerconts-txt_L { width:100%; float: none; }
	.lowerconts02 .lowerconts-ph { width: 100%; float: none;}
	.lowerconts02 .lowerconts-txt { width: 100%; float: none;}
	.lowerconts01 .lowerconts-other { margin-bottom: 5%;}

	.lowerconts03,.lowerconts04 { margin-bottom: 23.3%; }
	.lowerconts03 .lowerconts-ph { width: 100%; float: none;}
	.lowerconts03 .lowerconts-txt { width: 100%; float: none;}
	.lowerconts03 .lowerconts-box { width: 100%; float: none;}
	.lowerconts04 .lowerconts-ph { width: 100%; float: none;}
	.lowerconts04 .lowerconts-txt { width: 100%; float: none;}

	.lowerconts { margin-bottom:15%; }
	.lowerconts  img{ width:100%; margin-bottom:0; }
	.lowerconts .lowerconts-ph { width: 100.55%; float: none; margin-top:0; }
	.lowerconts .lowerconts-ph  img{ width: 49.5%; float: left; margin: 0.5% 0.5% 0 0; }
	.lowerconts .lowerconts-txt { width: 100%; float: none; margin-top:5% }
	.lowerconts .lower{ margin-bottom:5%; }
	
	.lowerconts .dblpartition img{ width:40%; }
}

/*2column contents*/
.conts-2column .contents-txt { width: 40%; margin: 22px 5% 22px; float: left; }
@media screen and (max-width: 787px) {
	.conts-2column .contents-txt { width: 90%; float: none; }
}

/*lower contents dblpartition*/
.dblpartition-out { width: 990px; overflow: hidden; }
.dblpartition-out h2 { font-size:1.43em; font-weight: bold; margin-bottom: 22px; }
.dblpartition { float: left; width: 460px; margin: 0 30px 50px 0; }
.dblpartition .dblpartition-ph { margin-bottom: 15px; }
.dblpartition .dblpartition-txt img { float: right; margin-left: 12px; }
.dblpartition .dblpartition-txt p { overflow:hidden; }
.dblpartition .dblpartition-txt a { margin-bottom:22px; }

/*lower contents tripartition*/
.tripartition-out { width: 990px; overflow: hidden; }
.tripartition-out h2 { font-size:1.43em; font-weight: bold; margin-bottom: 22px; }
.tripartition { float: left; width: 300px; margin: 0 30px 50px 0; }
.tripartition .tripartition-ph { margin-bottom: 15px; }
.tripartition .tripartition-txt img { float: right; margin-left: 12px; }

/*cross link*/
.crosslink .tripartition-out h2 { font-size:1.43em; font-weight: bold; margin-bottom: 10px; }
.crosslink .tripartition .tripartition-ph { width: 100px; float:left; }
.crosslink .tripartition .tripartition-ph img { width: 150%; height: auto; }
.crosslink .tripartition .tripartition-txt { width: 140px; float: right; }

@media screen and (max-width: 787px) {
	.dblpartition-out { width:100%; margin-bottom:23.3%; }
	.dblpartition-out h2 { font-size:1.65em; margin-bottom: 20%; }
	.dblpartition { float: none; width: 100%; margin: 0; }
	.dblpartition .dblpartition-ph { width:50%; float: left; margin: 0; }
	.dblpartition .dblpartition-ph img { width:100%; }
	.dblpartition .dblpartition-txt { width: 50%; float: right; }
	.dblpartition .dblpartition-txt img { margin-left: 3%; }
	.dblpartition .dblpartition-txt p { margin-left: 3%; }
	.deformation { margin-bottom:8.3%; }
	.deformation .dblpartition-txt { width: 100%; float: none; }
	.deformation .dblpartition-txt p { margin-left: 0; }
	.deformation img { width: 100%; }
	
	.tripartition-out { width: 100%; }
	.tripartition-out h2 { font-size:1.65em; margin-bottom: 20%; }
	.tripartition { float: none; width: 100%; margin: 0 0 8.3% 0; }
	.tripartition .tripartition-ph { float: left; width: 50%; margin: 0; }
	.tripartition .tripartition-ph img { width: 100%; }
	.tripartition .tripartition-txt { float: right; width: 48%; }
	#hokuriku .tripartition .tripartition-txt { float: none; width: 100%; }
	.crosslink .tripartition-out h2 { margin-bottom: 5%; }
}
@media screen and (max-width: 787px) {
	.crosslink .tripartition-out { width: 100%; }
	.crosslink .tripartition-out h2 { font-size:1.65em; margin-bottom: 5%; }
	.crosslink .tripartition { float: none; width: 100%; margin: 0 0 8.3% 0; }
	.crosslink .tripartition .tripartition-ph { float: left; width: 50%; margin: 0; }
	.crosslink .tripartition .tripartition-ph img { width: 100%; }
	.crosslink .tripartition .tripartition-txt { float: right; width: 48%; }
}

/*lower contents five partition*/
.five-partition-out { width: 975px; overflow:hidden; }
.five-partition { width: 180px; margin-right: 15px; float: left; }
.five-partition .five-partition-ph img { width: 100%; }
/*cross link*/
.crosslink .five-partition .five-partition-ph img { width: 40%; margin-left: 10px; float:right; }
.crosslink .five-partition .five-partition-txt,.crosslink .four-partition .four-partition-txt{ font-size: 0.8em; inline-height: 150%; }
.crosslink .four-partition .four-partition-ph img { width: 45%; margin-left: 10px; float:right; }
/*lower contents four partition*/
.four-partition-out { width: 980px; overflow:hidden; }
.four-partition { width: 225px; margin-right: 20px; float: left; }
@media screen and (max-width: 787px) {
	.five-partition-out { width: 100%; }
	.five-partition { width: 100%; margin-bottom: 8.3% }
	.five-partition .five-partition-ph { width: 33%; float: left; }
	.five-partition .five-partition-ph img { width: 100%; }
	.five-partition .five-partition-txt { width: 65%; float: right; }
	.four-partition-out { width: 100%; }
	.four-partition { width: 100%; margin-bottom: 8.3% }
	.four-partition .four-partition-ph { width: 33%; float: left; }
	.four-partition .four-partition-ph img { width: 100%; }
	.four-partition .four-partition-txt { width: 65%; float: right; }
}

@media screen and (max-width: 787px) {
	.crosslink .five-partition-out,.crosslink .four-partition-out { width: 100%; }
	.crosslink .five-partition,.crosslink .four-partition { width: 100%; margin-bottom: 8.3% }
	.crosslink .five-partition .five-partition-ph,.crosslink .four-partition .four-partition-ph { width: 33%; float: left; }
	.crosslink .five-partition .five-partition-ph img,.crosslink .four-partition .four-partition-ph img{ width: 100%; }
	.crosslink .five-partition .five-partition-txt,.crosslink .four-partition .four-partition-txt{ width: 65%; float: right; font-size: 1em; }
}



.subconts01 { width :100%; margin: 22px auto 0 0 }
.subconts01 .subconts-ph { width :50%; float:left; }
.subconts01 .subconts-ph img { width :100%; height: auto; }
.subconts01 .subconts-txt { width :48.3%; float:right; }
.subconts01 .subconts-txtL { width :48.3%; float:left; }
.subconts01 .subconts-txtR { width :48.3%; float:right; }
@media screen and (max-width: 787px) {
	.subconts01 { width :100%; margin: 7% 0; }
}


/*3row list*/
.list-3row ul { width: 30%; float: left; margin-right: 5%; }
.list-3row ul.last { margin-right: 0; }

/*2row list*/
.list-2row ul { width: 48%; margin-right: 4%; float: left; }
.list-2row ul.listR { margin-right: 0; }

/*footer navi*/
#footerNavi { width: 100%; min-width: 1000px; border-top: solid 1px #E8E9EF; }
@media screen and (max-width: 787px) {
	#footerNavi { width: 100%; min-width: 0; border-top: none; }
}

/*sns navi*/
#snsNavi { width: 100%; text-align: center; padding: 1% 0; background: #DAD9C3; }
#snsNavi #fb, #snsNavi #fb .fb-like, #snsNavi #fb .fb-share-button { display: inline !important; }
#snsNavi #line { display: inline; margin-left: 3%; }
@media screen and (max-width: 787px) {
	#snsNavi #fb, #snsNavi #line{ display:inline-block !important; transform:scale(1.5) !important; -webkit-transform:scale(1.5); -moz-transform:scale(1.5);}
	#snsNavi #line { margin-left: 15%; }
	#snsNavi { padding: 3% 0 3.2%;}
}

/*footer*/
#footer { width: 100%; min-width: 1000px; text-align: center; margin: 0; padding: 40px 0 80px; }
@media screen and (max-width: 787px) {
	#footer { min-width: 0px; padding: 4.4% 0 17.2%; }
}

#pagetop { width:960px; text-align: right; margin: 0 auto 70px; }
@media screen and (max-width: 787px) {
	#pagetop { width:93.75%; margin: 0 auto 5%; }
}

#googleMap { margin-bottom:-4px;}
#access #googleMap {display: none;}

/*footer banner*/
#footer-banner { width: 295px; margin:0 auto 60px; }
#footer-banner ul li { width: 295px; height: 90px; margin: 0; padding: 0; float: left; text-indent: -9999px; display: block; }
@media screen and (max-width: 787px) {
	#footer-banner { width: 93.75%; margin:0 auto 7.8%; padding:0; }
	#footer-banner ul li  { width: 100%; height:0; padding-top: 16.7%; float: none; margin: 0; background-size: 100%; }
}

/*footer contact*/
#footer-contact { width: 600px; height: 90px; margin: 0 auto; position: relative; background:url(../img/bg_contact.gif) no-repeat 0px 0px; }
#footer-contact .tel { width: 270px; height: 30px; position: absolute; top: 47px; left: 20px; background:url(../img/img_tel.gif) no-repeat 0px 0px; text-indent: -9999px; }
#footer-contact .contactForm { width: 279px; height: 55px; position: absolute; top: 18px; right: 15px; background:url(../img/arrow_link_contact.gif) no-repeat 0px 0px; background: linear-gradient(#b8b488,#92886d); color: #FFF; text-decoration: none; text-align: left; font-size: .8rem;    box-sizing: border-box; display: flex; align-items: center; justify-content: center; padding-right: 1.5em; }
#footer-contact .contactForm::before { content: ''; width: .8em; height: 2px; background: #FFF; position: absolute; display: block; top: 0; right: 1em; bottom: 0; margin: auto; }
#footer-contact .contactForm::after { content: ''; width: .5em; height: .5em; display: block; border-top: 2px solid; border-right: 2px solid; transform:  rotate(45deg) ; position: absolute; top: 0; right: 1em; bottom: 0; margin: auto; }

@media screen and (max-width: 787px) {
	#footer-contact { width: 93.75%; height: 0; margin: 0 auto; padding-top: 46.7%; position: relative; background:url(../img/bg_contact_sp.gif) no-repeat; background-size: 100%; }
	#footer-contact .tel { width: 90%; height: 0; margin: 0 auto; padding-top: 16.7%; position: absolute; top:30.78%; left: 5%; background:url(../img/btn_tel.gif) no-repeat 0px 0px; background-size: 100%; text-indent: -9999px; }
	#footer-contact .contactForm { width: 90%; height: 4em; position: absolute; top:65.5%; left: 5%; text-align: center; font-size: 1rem; }
}


/*footer link*/
#footer-link { margin-top: 55px; padding: 26px 0 26px; border-top:solid 1px #E8E9EF; border-bottom:solid 1px #E8E9EF;}
#footer-link ul { width:880px; margin:0 auto; padding:0; }
#footer-link ul li { width: 200px; height: 50px; margin: 0 10px; padding: 0; float: left; }
@media screen and (max-width: 787px) {
	#footer-link { margin-top: 10%; padding: 4% 0; border-top:solid 1px #E8E9EF; border-bottom:solid 1px #E8E9EF;}
	#footer-link ul { width: 100%; max-width:450px; margin:0 auto; padding:0; }
	#footer-link ul li { margin-bottom: 3%; }
	#page-top { bottom: 44px!important; }
}


#fixed-footer { display: none; }

@media screen and (max-width: 787px) {
	#fixed-footer { position: fixed; bottom: 0; left: 0 ;right: 0; margin: auto; z-index: 9999; border-top: 1px solid #888160; background: #FFF; display: block; background: #B5B387; }
	#fixed-footer ul { width: 100%; display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }
	#fixed-footer p { margin-bottom: 0; }
	#fixed-footer ul > li { width: calc(50% - 2px); border-right: 1px solid #B7B588; }
	#fixed-footer ul > li + li  { border-left: 1px solid #888160; }
	#fixed-footer ul > li:last-child { border-right: none; }
	#fixed-footer ul > li a { color: #FFF; display: block; width: 100%; padding: 1em 0; background: linear-gradient(#B5B387, #958B6F); font-size: 1.2rem; }
		#fixed-footer ul > li a.tel:before { content: ''; width: 1em; height: 1em; display: inline-block; background: url( ../img/icon-tel.png) no-repeat center center/ 100% 100%; vertical-align:middle; margin-right: .3em;  } 
}
	
/*banner*/
#home-banner { margin-bottom: 2rem;  }
#home-banner ul > li { width: 460px; display:inline-block; margin-bottom: 20px; vertical-align :top;  }
#home-banner ul > li:nth-child(even) { margin-left: 40px; }
#home-banner ul a { display: block; }
#home-banner img { width: 100%; }

/*top_topics*/
#top_topics { margin: 4rem auto;  }
#top_topics ul > li { width: 460px; display:inline-block; margin-bottom: 20px; vertical-align :top;  }
#top_topics ul > li:nth-child(even) { margin-left: 40px; }
#top_topics ul a { display: block; }
#top_topics img { width: 100%; margin-bottom: 15px; }

.bnr-restaurant a { width: 300px; height:225px; background:url(../img/arrow_bnr_restaurant.jpg) no-repeat; }
.bnr-limousine a { width: 300px; height:225px; background:url(../img/arrow_bnr_limousineplan.jpg) no-repeat; }
.bnr-gallery a { width: 460px; height:90px; background:url(../img/arrow_bnr_gallery.jpg) no-repeat; float:right; }
.bnr-campagin a{ width: 460px; height:90px; background:url(../img/arrow_bnr_campaign.jpg) no-repeat; display: block; }
.bnr-cocorono a{ width: 460px; height:90px; background:url(../img/arrow_bnr_cocorono.jpg) no-repeat; }

.bnr-campagin .ended { color: #F00; line-height: 150%; font-size: .7rem; margin-top: .5em; }
@media screen and (max-width: 787px) {
		
	#home-banner ul > li { width: 100%; margin-bottom: 10px; }
	#home-banner ul > li:nth-child(even) { margin-left: 0; }
	
    #top_topics { width:94%;  }
	#top_topics ul > li { width: 100%; margin-bottom: 10px; }
	#top_topics ul > li:nth-child(even) { margin-left: 0; }
	
	.bnr-restaurant a{ width: auto; height: 0; padding-top:70.5%; background:url(../img/arrow_bnr_restaurant_sp.jpg) no-repeat; }
	.bnr-limousine a{ width: auto; height:0; padding-top:70.5%;background:url(../img/arrow_bnr_limousineplan_sp.jpg) no-repeat; }
	.bnr-gallery a{ width: auto; height: 0; padding-top:19.5%; background:url(../img/arrow_bnr_gallery_sp.jpg) no-repeat; float:none; }
	.bnr-campagin a{ width: auto; height: 0; padding-top:19.5%;background:url(../img/arrow_bnr_campaign_sp.jpg) no-repeat; display: block; }
	.bnr-cocorono a{ width: auto;height: 0; padding-top:19.5%; background:url(../img/arrow_bnr_cocorono_sp.jpg) no-repeat; }
}

/*copyright*/
#footer-copyright { margin-top: 40px; }


#gallery #local-navi .local-navi01 { }
#gallery #local-navi .local-navi01 a { display: block; width: 200px; height: 52px; background: url(https://thefiveseasons.jp/common/gallery/img/navi.gif) no-repeat 0px 0px; }
#gallery #local-navi .local-navi01 a:hover,#gallery.gallery01 #local-navi .local-navi01 a { background-position: -300px 0px; }
#gallery #local-navi .local-navi02 a { display: block; width: 200px; height: 52px; background: url(https://thefiveseasons.jp/common/gallery/img/navi.gif) no-repeat 0px -52px; }
#gallery #local-navi .local-navi02 a:hover,#gallery.gallery02 #local-navi .local-navi02 a { background-position: -300px -52px; }
#gallery #contents { width: 680px; margin: 0 auto; }

.column-max2 {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }
.column-max2 > * { width: 48%; }
@media screen and (max-width: 787px) {
	.column-max2 > * { width: 100%;  }
}


.column5 {display: -webkit-flex; display: flex; -webkit-flex-wrap: wrap; flex-wrap: wrap; -webkit-box-pack: justify; justify-content: space-between; }
.column5 > * { width: 18.5%; }