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

/* reset  -------------------------------- */
html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:top;background:transparent;}body{line-height:1;}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}nav ul{list-style:none;}blockquote,q{quotes:none;}blockquote:before,blockquote:after,q:before,q:after{content:none;}a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent;}ins{background-color:#ff9;color:#222;text-decoration:none;}mark{background-color:#ff9;color:#222;font-style:italic;font-weight:bold;}del{text-decoration:line-through;}abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help;}table{border-collapse:collapse;border-spacing:0;}hr{display:block;height:1px;border:0;border-top:1px solid #ccc;margin:1em 0;padding:0;}input,select{vertical-align:middle;}
a {
	text-decoration: none;
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
@media screen and (min-width: 901px) { a:hover { cursor: pointer; } }
ul, li { list-style: none;}
img { max-width: 100%; height: auto; }
img[src$=".svg"] { width: 100%; }
a:focus { outline: none; }
body, h1, h2, h3, h4 { font-weight: normal; }
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-o-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
}

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

/* img hover ----------------------*/
a img {
	-webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}
@media screen and (min-width: 901px) {
	a:hover img {
	opacity: 0.5;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
	}
}

body {
	/*font-family: 'Noto Sans JP', sans-serif;*/ /*20231010*/
	font-family: 'Gothic Medium BBB', sans-serif;
	-webkit-font-feature-settings: 'palt' 1;
	font-feature-settings: 'palt' 1;
	letter-spacing: 0.1rem;
}
@media screen and (max-width: 600px) {
	body {
		letter-spacing: 0;
	}
}

/* font color ----------------------*/
body { color: #222; }
/*
	ブルーグレー　#222
	赤　#e50038
*/

/* font size ----------------------*/
html { font-size: 62.5%;  }

/* image ----------------------*/
.image_mobile { display: none; }
@media screen and (max-width: 600px) {
	.image_mobile { display: block; }
	.image_pc { display: none; }
}

/* space */

.space_topbottom { padding: 100px 0; }
.space_top { padding: 100px 0 0 0; }
.space_bottom { padding: 0 0 100px 0; }
.space_top50 { padding: 50px 0 0 0; }
.space_bottom50 { padding: 0 0 50px 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; }
}


/* contents ----------------------*/

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

/* header ----------------------*/

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

/* 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;
	}
}

/* header_nav ----------------------*/

/*menuButton*/
#menuButton { display: block; z-index: 200; }
#menuButton span {
    display: block;
    background: #e50038;
    position: absolute; left: 9px;
    transition: all 0.4s;
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
}
#menuButton span:first-child { }
#menuButton.active span:first-child,
#menuButton.active span:last-child { opacity: 0; }
@media screen and (min-width: 1201px) {
	#menuButton {
	width: 60px; height:60px;
	position: fixed; top: 20px; right: 30px;
	}
	#menuButton span { width: 50px; height: 2px; position: absolute; left: 9px; }
	#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: absolute; 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: 0; z-index: 99;
	background: #fff; width: 100%; height: 100vh; opacity: 0; display: none;
	overflow: auto;
}
.header_nav ul {
	position: absolute; left: 0; right: 0; top: 0; bottom: 0; margin: auto;
	width: 500px; height: 270px; letter-spacing: -0.4em;
}
.header_nav ul li{
	display: inline-block; letter-spacing: normal; padding: 5px; width: 50%;
}
.header_nav ul li:first-child { width: 100%; }
.header_nav ul li a {
	display: block; height: 80px; line-height: 80px;
	font-size: 1.8rem; text-align: center; color: #fff; background: #e50038;
	/*border: solid 1px #e50038;*/
}
@media screen and (min-width: 901px) {
	.header_nav ul li a:hover { background: #222; }
}
@media screen and (max-width: 800px) {
	.header_nav ul { width: 400px; }
}
@media screen and (max-width: 600px) {
	.header_nav ul { width: 80%; }
	.header_nav ul li{ padding: 2px; }
	.header_nav ul li a { font-size: 1.6rem; }
}



/* 本文  ---------------------- */

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

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

.blog_body p {
	font-size: 1.8rem; line-height: 220%; 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: 1rem; line-height: 160%; text-align: center;
	padding: 0 0 40px 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 {  }
	.blog_date span { /*transform: scale(0.8); transform-origin: top left;*/ }
	.blog_date strong { display: block; }
	.photo_data {
		transform: scale(0.6);
		display: block; margin: -45px -20px 0 -20px;
	}
	.blog_body h1 { font-size: 2.6rem; 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 { letter-spacing: 0rem; }
	.blog_body p {  }
}

@media screen and (min-width: 901px) {
	.blog_body p a:hover img {
		opacity: 0.8;
    	filter: alpha(opacity=80);
    	-moz-opacity: 0.8;
	}
}


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

/* nextprev  ---------------------- */

.nextprev { width: 100%;  padding: 100px 0; }
.nextprev_prev { float: left; } .nextprev_next { float: right; }
.nextprev_prev a, .nextprev_next a {
	display: block; width: 150px;
	position: relative;
	font-size: 1.7rem; 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: 400px) {
	.nextprev_prev a, .nextprev_next a { width: 100px; }
	.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: 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; }

/* コピー  ---------------------- */

.copy_mini {
	font-size: 1.2rem; 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; } }
@media screen and (max-width: 600px) {
	.copy_mini { font-size: 1.2rem; }
}

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

.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; 
	-ms-transform: rotate(-45deg); -moz-transform: rotate(-45deg); -webkit-transform: rotate(-45deg);
	-o-transform: rotate(-45deg); 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 15px; }
.product_link section {
	display: inline-block; letter-spacing: normal;
	padding: 15px; width: 33.3333%;
}
.product_link a { color: #222; }
@media screen and (min-width: 901px) { .product_link a:hover { color: #ccc; } }
.product_link section p { font-size: 1.2rem; line-height: 160%; padding: 0 0 15px 0; text-align: center; }
.product_link_image { max-width: 180px; margin: 0 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;
	font-family: Arial, Helvetica, "sans-serif";
}
.affiliate_link a:first-child { background: #222; }
@media screen and (min-width: 901px) { .affiliate_link a:hover { color: #fff; background: #ccc; } }
@media screen and (max-width: 600px) { .affiliate_link a { width: 100%; margin: 0 0 5px 0; } }

/* トップページ  ---------------------- */


.top_main {
	border-left: solid 1px #fff;
	border-right: solid 1px #fff;
	border-top: solid 20px #fff;
	border-bottom: solid 20px #fff;
	position: relative;
	width: 100%; height: 100vh;
	overflow: hidden;
}
.top_main_image {
	position: absolute; top: 50%; left: 50%;
	-webkit-transform: translate(-50%, -50%);
	-ms-transform: translate(-50%, -50%);
	transform: translate(-50%, -50%);
	width: 100%; height: auto;
}
@media screen and (max-width: 1000px) {
	.top_main_image { margin-top: 20px; }
}
@media screen and (max-width: 600px) {
	.top_main { height: auto; overflow: auto; /*margin: 0 -20px;*/ }
	.top_main_image {
	margin-top: 50px;
	position: relative; top: auto; left: auto;
	-webkit-transform: none;
	-ms-transform: none;
	transform: none;
	}
}

.top_index { width: 100%; padding: 10px 0 0 0; }
.top_index li { float: left; border: solid 1px #fff; }
/*.top_index li:first-child { width: 100%; }*/
.top_index li a { color: #222; }
@media screen and (min-width: 901px) { .top_index li a:hover { color: #e50038; } }
.top_index_image { display: block; }
a .top_index_title {
	padding: 5px 0; display: block;
	font-size: 1.6rem; text-align: center;
}
@media screen and (max-width: 600px) {
	a .top_index_title { font-size: 1.2rem; }
}
@media screen and (min-width: 800px) { .top_index li { width: 25%; } }
@media screen and (max-width: 800px) { .top_index li { width: 33.333333%; } }
@media screen and (max-width: 500px) {
	.top_index li { width: 50%; }
	a .top_index_title {  }
}

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

.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; }
.cat_index_header img { width: 200px; }
.cat_index_header h1 { font-size: 2rem; line-height: 160%; }

.cat_index_title { font-size: 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: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 5px #fff; width: 100%; }
.cat_index_data {
	display: block;
	font-size: 1.2rem; line-height: 150%; color: #e50038;
}

@media screen and (min-width: 901px) {
	.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: 1.2rem; height: 1.2rem; background: #fff; display: inline-block;
	position: absolute; left: 0; top: -7px;
	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.4); } }

.text_link_column li { font-size: 1.5rem; line-height: 200%; }
.text_link_column li span { padding: 0 20px 0 0 !important; letter-spacing: 0rem; }
.text_link_column a { color: #e50038; }
@media screen and (max-width: 600px) { .text_link_column li { font-size: 1.6rem; }}

.text_link_photograph li { font-size: 1.4rem; line-height: 200%; letter-spacing: 0.05rem; }
.text_link_photograph a { color: #e50038; }


@media screen and (max-width: 600px) {
	.text_link li { line-height: 300%; }
	.text_link_photograph li { border-bottom: dotted 1px #ccc; }
	.text_link_column li { border-bottom: dotted 1px #e50038; }
	.text_link_column li span { display: block; }
	.text_link_column li { line-height: 160%;  padding: 10px 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: 20px 0 20px 40px; width: 260px;
	font-size: 1.6rem; line-height: 150%; text-align: left;/* background: #e50038;*/
	color: #222; /*border-radius: 10px;*/
	border-top: solid 2px #222; border-bottom: solid 2px #222;
}
@media screen and (min-width: 901px) { .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;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
	border-top: solid 2px #222; border-right: solid 2px #222;
}
@media screen and (max-width: 600px) { .amazon_link a {  width: 100%; } }

/* gallery  ---------------------- */

.gallery_main { border: solid 1px #fff; padding: 50px 0 0 0; }
@media screen and (max-width: 600px) { .gallery_main { padding: 70px 0 0 0; }}

.gallery_title { font-size: 6rem; text-align: center; padding: 80px 0; }
@media screen and (max-width: 600px) {
    .gallery_title { font-size: 3rem; text-align: center; padding: 50px 0; }
}

/* 左の英文（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: 1.4rem; letter-spacing: 0.2rem;
		font-family: Arial, Helvetica, "sans-serif";
        color: #e50038; text-align: center;
    }  
}

.gallery_index { width: 60%; margin: 50px auto; }
.gallery_index section { padding: 30px 0; }
@media screen and (max-width: 600px) { .gallery_index { margin: 100px auto 50px auto ; } }

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

/* トップページ　新着コラム　━━━━━━━━━━━━━━━━━━━━━━━━━━　*/

.top_new_column_box { margin: 0 -15px; }

.top_new_column {
	display: table; width: 100%; table-layout: fixed; *overflow:auto; text-align: center;
	padding: 10px 0 0 0;
}
.top_new_column section { display: table-cell; vertical-align: top; *float:left; padding: 0 15px; }
@media screen and (max-width: 1200px) {
	.top_new_column_box { margin: 0 -10px; }
	.top_new_column section { padding: 0 10px; }
}
@media screen and (max-width: 600px) {
	.top_new_column, .top_new_column section { display: block; padding: 0; }
	.top_new_column_box { margin: 0; }
}

.top_new_column a { color: #e50038; }
@media screen and (min-width: 901px) { .top_new_column a:hover { color: #ccc; } }
.top_new_column img { width: 100%; border: solid 1px #fff; }
.top_new_column h3 { font-size: 1.7rem; text-align: center; line-height: 160%; padding: 0 0 60px 0; }
.top_new_column h3 span { font-size: 1.2rem; display: block; }
@media screen and (max-width: 600px) {
	.top_new_column h3 { padding: 0 0 20px 0; }
}

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

.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 { color: #e50038; }
@media screen and (min-width: 901px) { .column_index_photo a:hover { color: #ccc; } }
.column_index_photo img { width: 100%; }
.column_index_photo h3 { font-size: 1.6rem; text-align: center; line-height: 160%; padding: 0 0 15px 0; }
.column_index_photo h3 span { font-size: 1.2rem; display: block; letter-spacing: 0.1rem; }


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

.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%; }
}

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

.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.5rem; line-height: 160%; text-align: center;
}
@media screen and (max-width: 600px) { .photobookwolf_list li a { font-size: 1.6rem; } }

/* 欧文フォント　━━━━━━━━━━━━━━━━━━━━━━━━━━　*/

.cat_index_data, .text_link_photograph,
.text_link_column span, .product_link section p,
.blog_date, .photo_data {
	letter-spacing: 0.1rem;
	font-family: Arial, Helvetica, "sans-serif";
}