@charset "UTF-8";
/*
Theme Name: DESIGN WOLF theme
Version: 2026
Author: DESIGN WOLF CO.,LTD.
*/

* { box-sizing: border-box; margin: 0; padding: 0; }
html, body { width: 100%; overflow-x: hidden; }
body { line-height: 1.5; -webkit-font-smoothing: antialiased; }
img { max-width: 100%; height: auto; vertical-align: bottom; }
ul, li { list-style: none; }
a { text-decoration: none; color: inherit; }
input, button, select, textarea { font-family: inherit; font-size: 100%; vertical-align: middle; }
input:focus { outline: none; }

/* clearfix */
.clearfix::after {
    content: ""; display: block; clear: both;
}

/* font */
body {
	font-family: "dnp-shuei-nmincho-std", sans-serif;
	font-weight: 400;
	font-style: normal;
	font-feature-settings: "palt";
	letter-spacing: 0.15rem;
	color: #222;
}
@media screen and (max-width: 600px) { body { letter-spacing: 0.1rem; } }
body,h1, h2, h3, h4, h5, h6 { font-size: 100%; font-weight: normal; }
/* 欧文letter-spacing */
.cat_index_data, .text_link_photograph,
.text_link_column span, .product_link section p,
.blog_date, .photo_data {
	/*letter-spacing: 0.1rem;*/
}

/* space */
.space_topbottom { padding: 100px 0; }
.space_top { padding: 100px 0 0 0; }
.space_bottom { padding: 0 0 100px 0; }
.space_topbottom50 { padding: 50px 0; }
.space_top50 { padding: 50px 0 0 0; }
.space_bottom50 { padding: 0 0 50px 0; }
.space_topbottom30 { padding: 30px 0; }
.space_top30 { padding: 30px 0 0 0; }
.space_bottom30 { padding: 0 0 30px 0; }
.space_top20 { padding: 20px 0 0 0; }
.space_bottom20 { padding: 0 0 20px 0; }
.space_bottom5 { padding: 0 0 5px 0; }
@media screen and (max-width: 600px) {
	.space_topbottom { padding: 50px 0; }
}

/* color  */
.color01 { color: #e50038; }

/* z-index */
#menuButton { display: block; z-index: 100; }
.header_nav { z-index: 99; }
#header { z-index: 98; }
.contents { z-index: 0; }

/* contents */
.contents { padding: 0 20px; max-width: 1000px; margin: 0 auto; }

/* header ━━━━━━━━━━━━ */

#header { position: fixed; top: 0; left: 0; height: 100vh; }

/* header_title */
.header_title {
	position: fixed; top: 0; bottom: 0; right: 20px; margin: auto;
	width: 70px; height: 285px; display: block;
}
.header_title_Y { display: none; }
@media screen and (max-width: 1200px) {
	#header {
		width: 100%; height: 60px; display: block; background: #fff;
	}
	.header_title_Y { display: block; } .header_title_T { display: none; }
	.header_title {
		width: 110px; height: auto;
		position: fixed; top: 17px; left: 20px; right: auto; bottom: auto;
	}
}

/*menuButton*/
#menuButton span:first-child { }
#menuButton.active span:first-child,
#menuButton.active span:last-child { opacity: 0; }
#menuButton {
	display: block; width: 60px; height:60px;
	position: fixed; top: 20px; right: 30px;
}
#menuButton span {
	width: 50px; height: 3px; position: absolute; left: 9px; transition: all 0.4s;
	background: #e50038;
}
#menuButton span:first-child { top: 12px; }
#menuButton span:nth-child(2) { margin-top: -1px; top: 50%; width: 35px; }
#menuButton span:last-child { bottom: 12px; }
#menuButton.active span:nth-child(2) { width: 50px; }
@media screen and (max-width: 1200px) {
	#menuButton {
		position: fixed; top: 10px; bottom: auto; right: 20px; margin: 0;
		width: 42px; height:42px;
		}
	#menuButton span { width: 24px; height: 2px; position: absolute; left: 9px; }
	#menuButton span:first-child { top: 12px; }
	#menuButton span:nth-child(2) { margin-top: -1px; top: 50%; width: 14px; }
	#menuButton span:last-child { bottom: 12px; }
	#menuButton.active span:nth-child(2) { width: 24px; }
}

/* header_nav */
.header_nav {
	position: fixed; top: 0; left: 100%;
	display: grid; place-content: center;
	background: #fff; width: 50%; height: 100%;
	transition: all 0.5s ease;
	padding: 50px;
}
.header_nav_active { left: 50%; }

.header_nav ul { width: 100%; }
.header_nav ul li { display: block; text-align: center; }

.header_nav_logo { padding: 0 0 20px 0; }
.header_nav ul li a {
	display: block;
	font-size: 1.3rem; color: #222; text-align: center;  width: 100%; padding: 10px 0;
	position: relative;
}
.header_nav_pw { width: 180px; padding: 30px 0 0 0; }
.header_nav_note { width: 75px; margin: 0 auto; }

/* RSSボタン */
.rss-copy-btn {
	background: #222; color: #fff; font-size: 1rem;
	font-weight: bold; letter-spacing: 0.1rem;
	border: none;  padding: 7px 15px; margin: 25px 0 0 0;
	cursor: pointer; transition: background 0.3s ease;
}
/*  コピーしました */
.rss-copy-btn.success { background: #e50038; }

@media screen and (min-width: 1025px) { .header_nav ul li a:hover { color: #e50038; } }
@media screen and (max-width: 1024px) {
	.header_nav_active { left: 0; }
	.header_nav { width: 100%; }
}
@media screen and (max-width: 600px) {
	.header_nav ul li a {  }
}

/* 左の英文（PC） */
.pc_left { display: none; }
@media screen and (min-width: 1200px) {
    .pc_left {
        display: block; height: 20px; line-height: 20px;
        transform: rotate(90deg);
        position: fixed; top: 0; bottom: 0; left: -60px; margin: auto;
        font-size: 1rem;
        color: #e50038; text-align: center;
    }  
}


/* 本文  ━━━━━━━━━━━━ */

.blog_body h1 {
	font-size: 2.4rem; line-height: 160%; padding: 60px 0 20px 0;
	text-align: justify; text-justify: inter-ideograph !important;
}
.blog_body h2 {
	font-size: 1.8rem; line-height: 160%; padding: 30px 0;
	border-top: solid 1px #222; margin: 30px 0 0 0; text-align: center;
}

.blog_date {
	display: block; vertical-align: middle; padding: 0 0 30px 0;
	font-size: 1.2rem; text-indent: 1px; color: #e50038;
	line-height: 150%;
}
.blog_date span, .blog_date strong { display: inline-block; vertical-align: middle;   }
.blog_date span { font-size: 70%; }
.blog_date strong { font-weight: normal; padding: 0 10px 0 0; }

.blog_body p {
	font-size: 1.2rem; line-height: 240%; padding: 0 0 40px 0;
	text-align: justify; text-justify: inter-ideograph !important;
}
.blog_body p a { color: #e50038; }
@media screen and (min-width: 901px) { .blog_body p a:hover { color: #666; }  }
.photo_data {
	font-size: 50%; line-height: 160%; text-align: center;
	padding: 0 0 50px 0; margin: -35px 0 0 0;
}
@media screen and (max-width: 1200px) { .blog_body h1 { padding: 80px 0 20px 0; } }
@media screen and (max-width: 600px) {
	.blog_date strong { display: block; }
	.blog_body h1 { font-size: 1.8rem; text-align: left; padding: 100px 0 20px 0; }
	.blog_body h2 { text-align: left; }
	.blog_body h1, .blog_body p, .nextprev_prev a, .nextprev_next a {  }
	.blog_body p {  line-height: 200%; }
}

.blogimage { margin: 20px 0 0 0; display: block;  }
@media screen and (max-width: 600px) { .blogimage { margin: 0 -20px; }	}

/* nextprev  */
.nextprev { width: 100%;  padding: 120px 0 30px 0; margin: 0 0 100px 0;  border-bottom: solid 1px #e50038; }
.nextprev_prev { float: left; } .nextprev_next { float: right; }
.nextprev_prev a, .nextprev_next a {
	display: block; width: 150px;
	position: relative;
	font-size: 1.2rem; text-align: center; color: #e50038;
	padding: 50px 0 20px 0;
}
@media screen and (min-width: 901px) {
 .nextprev_prev a:hover, .nextprev_next a:hover { opacity: 0.5; }
}

.nextprev_prev a:after, .nextprev_next a:after {
	content: ""; display: block; background: #e50038; width: 145px; height: 1px;
}
.nextprev_prev a:after { position: absolute; left: 5px; top: 30px; }
.nextprev_next a:after { position: absolute; right: 5px; top: 30px; }

.nextprev_prev a:before {
	display: block; width: 0; height: 0; content: "";
	border-style: solid;
	border-width: 10px 20px 0 0;
	border-color: transparent #e50038 #e50038 transparent;
	position: absolute; top: 21px; left: 0;
}
.nextprev_next a:before {
	display: block; width: 0; height: 0; content: "";
	border-style: solid;
	border-width: 0 20px 10px 0;
	border-color: transparent transparent #e50038 #e50038;
	position: absolute; top: 21px; right: 0;
}
@media screen and (max-width: 600px) {
	.nextprev_prev a, .nextprev_next a { width: 100px; font-size: 2rem; }
	.nextprev_prev a:after, .nextprev_next a:after { width: 95px; }
	
}

/* 正方形の写真 */
.blog_square_image { max-width: 700px; margin: 0 auto; }
@media screen and (max-width: 900px) { .blog_square_image { max-width: 100%; } }

/* 一覧  ━━━━━━━━━━━━ */

.product_category { font-size: 1.4rem; margin: 20px 0 0 0; padding: 20px 0; border-top: solid 1px #ccc; }

.product { letter-spacing: -0.4em; }
.product section { letter-spacing: normal; display: inline-block; padding: 20px; width: 25%; }
@media screen and (max-width: 800px) { .product section { width: 33.33333%; } }
@media screen and (max-width: 600px) { .product section { width: 50%; } }

.product_name { font-size: 1.2rem; text-align: center; padding: 10px 0; }
.product_sale { font-size: 1rem; text-align: center; padding: 0 0 10px 0; }
@media screen and (max-width: 800px) { .product_name { font-size: 1.4rem; } }


/* プロフィール  ━━━━━━━━━━━━ */

.profile { margin: 50px auto; max-width: 500px; }
.profile_title { display: block; margin: 0 auto 20px auto; width: 80px; }

.profile_link {
	margin: 0 0 30px 0;
	display: grid; place-content: center;
	grid-auto-columns: 100%;
	grid-row: 2; gap: 10px;
	
}
.profile_link a {
	border: solid 1px #222; padding: 20px;
	display: grid; place-content: center;
}
.profile_pw { width: 180px; }
.profile_note { width: 75px; }

/* コピー  ━━━━━━━━━━━━ */

.copy_mini {
	font-size: 80%; line-height: 200%; padding: 0 0 20px 0;
	text-align: justify; text-justify: inter-ideograph !important;
}
.copy_mini a { color: #e50038; }
@media screen and (min-width: 901px) {.copy_mini a:hover { color: #ccc; } }

/* リンクボタン  ---------------------- */

.link01 { margin: 20px 0; }
.link01 a {
	display: block; position: relative;
	border: solid 1px #e50038;
	-webkit-border-radius: 130px; -moz-border-radius: 130px; border-radius: 30px;
	font-size: 1.4rem; line-height: 60px; height: 60px;
	color: #e50038; padding: 0 30px;
}
.link01 a:after {
	content: "";
	position: absolute; top: 0; bottom: 0; right: 25px; margin: auto;
	display: block; width: 10px; height: 10px; 
	border-right: 1px solid #e50038; border-bottom: 1px solid #e50038; 
	transform: rotate(-45deg);
}
@media screen and (min-width: 901px) { .link01 a:hover { border: solid 1px #ccc; } }

/* line  ━━━━━━━━━━━━ */

.line01 { display: block; width: 100%; height: 1px; background: #ccc; margin: 30px 0; }

/* アフィリエイト　製品リンク  ---------------------- */

.product_link { letter-spacing: -0.4em; margin: 0 20px; }
.product_link section {
	display: inline-block; letter-spacing: normal;
	padding: 15px; width: 33.3333%;
}
.product_link a { color: #222; }

.product_link section p { font-size: 1rem; line-height: 160%; padding: 0 0 15px 0; text-align: center; }
.product_link_image { max-width: 180px; margin: 0 auto -10px auto; }
@media screen and (max-width: 600px) {
	.product_link section { width: 50%; }
}

.affiliate_link {  letter-spacing: -0.4em; text-align: center; }
.affiliate_link a {
	display: inline-block; letter-spacing: normal; padding: 6px 0 8px 0; margin: 0 2px;
	color: #fff; background: #e50038; font-size: 1rem; text-align: center; width: 74px;
	border-radius: 4px;
}
.affiliate_link a:first-child { background: #222; }
@media screen and (min-width: 901px) {
	.product_link a, .affiliate_link a { transition: 0.2s ease-in-out;  }
	.product_link a:hover, .affiliate_link a:hover { transform: scale(1.2); }
}
@media screen and (max-width: 600px) { .affiliate_link a { width: 100%; margin: 0 0 5px 0; } }


/* 最新写真  ---------------------- */

.newphoto { width: 100%; }
.newphoto a { float: left; border: solid 1px #fff; width: 25%; }
.newphoto a:first-child { width: 100%; }
@media screen and (max-width: 600px) {
	.newphoto { width: auto; margin: 0 -20px; }
	.newphoto a { width: 50%; }
}

/* カテゴリーページ  ---------------------- */

.cat_index_header { text-align: center; padding: 50px 0 0 0; }
.cat_index_header img { width: 200px; }
.cat_index_header h1 { font-size: 1.6rem; line-height: 160%; }

.cat_index_title { font-size: 1.2rem; line-height: 160%; padding: 40px 0 60px 0; }
.cat_index { width: 100%; }
.cat_index a {
	float: left; border: solid 1px #fff; width: 12.5%;
	box-sizing: border-box; position: relative;
}
.cat_index a:before{
	content: "";
	display: block;
	padding-top: 67%; /*縦横比*/
}
.cat_index a img {
	position: absolute; width: 100%; height: 100%;
	top: 0; right: 0; bottom: 0; left: 0; margin: auto;
	object-fit: cover;
	object-position: center;
	font-family: 'object-fit: cover;'; /*ie*/
}
@media screen and (min-width: 901px) {
	.cat_index a { transition: transform 0.2s ease-in-out; }
	.cat_index a:hover { transform: scale(1.5); z-index: +1; }
	.cat_index a:hover img { opacity: 1; }
}
@media screen and (max-width: 1200px) { .cat_index_header { padding: 60px 0 20px 0; } }
@media screen and (max-width: 600px) {
	.cat_index_header h1 { font-size: 1.4rem; }
	.cat_index a { width: 25%; }
}

/* すべての写真一覧  ---------------------- */

.cat_index_all { letter-spacing: -0.4em; }

.cat_index_all a {
	border: solid 1px #fff; width: 25%; padding: 0 0 20px 0;
	color: #e50038; display: inline-block; letter-spacing: normal;
	vertical-align: top;
}
.cat_index_all img { border-bottom: solid 10px #fff; width: 100%; }
.cat_index_data {
	display: block;
	font-size: 90%; line-height: 150%; color: #e50038;
}

@media screen and (min-width: 901px) {
	.cat_index_all a img { transition: transform 0.2s ease-in-out;}
	.cat_index_all a:hover img { transform: scale(0.8); opacity: 1; z-index: +1; }
}

@media screen and (max-width: 900px) { .cat_index_all a { width: 50%; } }
@media screen and (max-width: 600px) { .cat_index_data { font-size: 1rem; } }


/* テキストリンク  ━━━━━━━━━━━━ */

.text_link_title {
	margin: 50px 0 30px 0; width: 100%; height: 1px; background: #222; position: relative;
}
.text_link_title span {
	font-size: 1rem; height: 1.2rem; background: #fff; display: block;
	position: absolute; left: 0; top: -11px; padding: 0 7px 0 0;
}
.text_link_title02 { background: #222; } .text_link_title02 span { color: #222; }

.text_link li  { float: left; width: 50%; }
@media screen and (max-width: 780px) { .text_link li  { width: 100%; } }

.text_link li a { display: inline-block; transition: all 0.2s ease; }
@media screen and (min-width: 901px) { .text_link li a:hover { transform: scale(1.6); } }

.text_link_column li { font-size: 1rem; line-height: 200%; }
.text_link_column li span { padding: 0 20px 0 0 !important; letter-spacing: 0rem; }
.text_link_column a { color: #e50038; }
.text_link_photograph li { font-size: 90%; line-height: 200%; letter-spacing: 0.05rem; }
.text_link_photograph a { color: #e50038; }
/*All Photograph*/
.text_link li.all_photo { width: 100%; padding: 10px 0; }
.text_link li.all_photo a {
	display: inline-block; color: #fff; background: #e50038;
	font-size: 1rem; padding: 5px 15px; margin: 10px 0 0 0;
}
@media screen and (max-width: 600px) {
	.text_link li { line-height: 300%; }
	.text_link_photograph, .text_link_column { border-top: dotted 1px #e50038; }
	.text_link_photograph li, .text_link_column li { border-bottom: dotted 1px #e50038; }
	.text_link_column li span { display: block; }
	.text_link_column li { font-size: 1.2rem; }
	.text_link_column li { line-height: 160%; padding: 10px 0; }
	.text_link_photograph li { font-size: 1rem; line-height: 150%; padding: 10px 0;  }
	.text_link li.all_photo a { margin: 0; }
}

/* footer  ---------------------- */

#footer { padding: 50px 20px; max-width: 1000px; margin: 0 auto; }

/* 404  ---------------------- */

.not_found {
	display: block; margin: 80px 0 0 0; padding: 200px 0;
	border: solid 1px #e50038;
	color: #e50038;
	font-size: 1.6rem; text-align: center;
}

.not_found span { display: block; font-size: 4rem;}

/* photograph  ---------------------- */

.photograph_title {
	color: #e50038; font-size: 2.2rem; text-align: center;
	padding: 30px 0;
}
@media screen and (max-width: 1200px) { .photograph_title { font-size: 1.8rem; padding: 80px 0 30px 0; } }

/* amazon_link  ---------------------- */

.amazon_link { padding: 26px 0; text-align: center; }
.amazon_link a {
	display: inline-block; position: relative; padding: 15px 0 15px 40px; width: 260px;
	font-size: 1rem; line-height: 150%; text-align: left;/* background: #e50038;*/
	color: #222; margin: 0 0 20px 0;
	border-top: solid 1px #222; border-bottom: solid 1px #222;
}
@media screen and (min-width: 901px) {
	.amazon_link a {transition: transform 0.2s ease-in-out; }
	.amazon_link a:hover { transform: scale(0.8); }
}
.amazon_link a:after {
	display: block; width: 8px; height: 8px;
	content: "";
	position: absolute; top: 0; bottom: 0; right: 35px; margin: auto;
	transform: rotate(45deg);
	border-top: solid 2px #222; border-right: solid 2px #222;
}
@media screen and (max-width: 600px) { .amazon_link a {  width: 100%; } }




/* photowolf */
.link_photowolf {}
.link_photowolf a { float: left; width: 50%; }
@media screen and (max-width: 600px) {
    .link_photowolf a { width: 100%; }
}


/* 写真付きコラム一覧　━━━━━━━━━━━━━━━━━━━━━━━━━━　*/

.column_index_photo { letter-spacing: -0.4em; margin: 0 -5px; }
.column_index_photo section { letter-spacing: normal; display: inline-block; padding: 5px; width: 33.33333333%; }

@media screen and (max-width: 800px) {
	.column_index_photo section { width: 50%; }
}
@media screen and (max-width: 600px) {
	.column_index_photo { margin: 0; }
	.column_index_photo section { width: 100%; padding: 0 0 10px 0; }
}
.column_index_photo a { display: block; /*color: #e50038;*/ transition: all 0.2s ease; }
@media screen and (min-width: 901px) {
	.column_index_photo a:hover { transform: scale(0.9); }
	.column_index_photo a:hover img { opacity: 1; }
}
.column_index_photo img { width: 100%; }
.column_index_photo h3 { font-size: 1rem; text-align: center; line-height: 160%; padding: 10px 0; }
.column_index_photo h3 span { display: block; letter-spacing: 0.1rem; margin: -5px 0 0 0; }
@media screen and (max-width: 600px) {
	.column_index_photo h3 { font-size: 1.1rem; }
}

/* コラム一覧の画像　━━━━━━━━━━━━━━━━━━━━━━━━━━　*/

.column_index_image { width: 100%; height: 100%; /*縦横比を変える場合に調整する;*/ }
.column_index_image img { width: 100%; height: 100%; object-fit: cover;   }


/* トップページ　メイン　━━━━━━━━━━━━━━━━━━━━━━━━━━　*/

.top_main2022 {
	width: 100%; position: relative;
}
.top_main2022_image {
	width: 75%; height: 100%; overflow: hidden;
	position: absolute; bottom: 0; left: 0;
}

.top_main2022_image img {
	object-fit: cover;
	font-family: 'object-fit: cover;'; /*ie*/
	transition: all 2.5s ease;
	width: 120%; height: 120%; opacity: 0;
}
.top_main2022_fix img {
	width: 100%; height: 100%; opacity: 1;
}
@media screen and (min-width: 1201px) {  }
@media screen and (max-width: 1200px) {
	.top_main2022_image { width: 100%; height: 70%; }
}

.top_title {
	font-size: 1.8rem; padding: 30px 0; margin: 30px 0 0 0;  border-top: solid 1px #222;
}
.top_title01 { font-size: 1.8rem; }
.top_title02 { font-size: 1.4rem; }
@media screen and (max-width: 600px) {
	.top_title01 { font-size: 1.6rem; }
	.top_title02 { font-size: 1.2rem; }
}

/* PHOTOBOOK WOLF　━━━━━━━━━━━━━━━━━━━━━━━━━━　*/

.photobookwolf_title {
	width: 400px; margin: 60px auto 30px auto;
}
.photobookwolf_list { letter-spacing: -0.4em; margin: 0 -10px; }
.photobookwolf_list li { letter-spacing: normal; display: inline-block; padding: 10px; width: 33.33333333%; }
@media screen and (max-width: 600px) {
	.photobookwolf_list { margin: 0 -5px; }
	.photobookwolf_list li { width: 50%; padding: 10px 5px; }
	.photobookwolf_title { width: 70%; }
}
.photobookwolf_list li a img { padding: 0 0 10px 0; }
.photobookwolf_list li a {
	color: #222;
	font-size: 1.2rem; line-height: 160%; text-align: center;
}
@media screen and (max-width: 600px) { .photobookwolf_list li a {  } }


/* コラム検索　━━━━━━━━━━━━━━━━━━━━━━━━━━　*/

.search { width: 400px; margin: 35px auto 30px auto; }
@media screen and (max-width: 600px) { .search { width: 100%; } }

.searchform { position: relative;  }
.searchfield {
	box-sizing: border-box; width: 100%; padding: 0 15px;
	border: 1px solid #222;  border-radius: 10px;
	font-size: 1.2rem; height: 40px; line-height: 38px;
	position: relative; 
}
.searchsubmit {
	position: absolute; top: 1px; right: 1px;
	width: 38px; height: 38px;
	border: none; display: block;
	cursor: pointer; background: transparent;
}
.searchsubmit:hover {
  opacity: .6;
}

.not_found_serch {
	text-align: center; padding: 80px 0;
	font-size: 2rem; letter-spacing: 0.1rem;
}

/* ニュース　━━━━━━━━━━━━━━━━━━━━━━━━━━　*/

.news { padding: 50px 0; }
.news a {
	display: table; width: 100%; table-layout: fixed; *overflow:auto;
	border: solid  1px#e50038; color: #e50038; text-align: center;
}
@media screen and (min-width: 901px) { .news a:hover { transform: scale(1.1); } }
.news a span {
	display: table-cell; *float:left; line-height: 160%; padding: 20px;
	vertical-align: middle;
}
.news_title01 { font-size: 1.8rem;  width: 150px; position: relative; }
.news_title02 { font-size: 1.8rem; }

.news_title01::before, .news_title01::after {
	content: ""; display: block; background: #e50038; width: 3px; height: 30px;
}
.news_title01::before { position: absolute; top: 0; bottom: 0; left: -1px; margin: auto; }
.news_title01::after { position: absolute; top: 0; bottom: 0; right: 0; margin: auto; }

@media screen and (max-width: 600px) {
	.news a, .news a span { display: block; }
	.news_title01::before, .news_title01::after {
		width: 100px; height: 3px;
	}
	.news_title01 { width: 100%; }
	.news_title01::before { top: -1px; bottom: auto; left: 0; right: 0; margin: auto; }
	.news_title01::after { top: auto; bottom: 0; left: 0; right: 0; margin: auto; }
}