/*==================================*/
/*   　　　　　コンテンツ　　　     */
/*==================================*/

main.tz-main{
}
.tz-main_cont{
width:90%;
max-width:1400px;
margin:20px auto;
}

.tz-main_cont section{
margin-bottom:80px;
}
.tz-main_cont h2 , .tz-main_cont h3{
position:relative;
margin:0 auto 20px;
max-width:1400px;
height:200px;
background-repeat:no-repeat;
background-position:top right;
}

.tz-main_cont h2 span{
position:absolute;
top:50%;
transform: translateY(-50%);
display:block;
padding-left:2.2rem;
font-size:3.4rem;
font-family: "Noto Serif JP", serif;
font-weight:bold;
}
.tz-main_cont h3 span{
position:absolute;
top:50%;
transform: translateY(-50%);
display:block;
padding-left:5rem;
font-size:3rem;
font-family: "Noto Serif JP", serif;
font-weight:bold;
}
.tz-main_cont h4{
font-size:3rem;
font-family: "Noto Serif JP", serif;
font-weight:bold;
}

.tz-main_cont figure{
margin:0;
padding:0;
}

/* お知らせ */
.tz-main_cont .tz-news h2{
background-image:url("https://img13.shop-pro.jp/PA01070/589/etc_base64/aGVhZGluZ18wMQ.jpg");
}
.tz-main_cont .tz-news .tz-insta{
margin:40px auto;
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:40px;
}
.tz-insta .tz-dazaifu , .tz-insta .tz-chikuzen {
width:calc((100% - 40px) / 2);
  max-width:540px;
}

/* ブランドコンセプト */
.tz-main_cont .tz-consept h2{
background-image:url("https://img13.shop-pro.jp/PA01070/589/etc_base64/aGVhZGluZ18wMg.jpg");
}
.tz-main_cont .tz-consept_main-img{
margin:20px auto 40px;
}
.tz-main_cont .tz-consept p{
margin:40px auto 0;
padding:2rem;
width:90%;
max-width:940px;
font-size:1.5rem;
line-height:2;
background-color:#ffffff;
box-sizing:border-box;
}

/* 天山の菓子 */
.tz-main_cont .tz-products h2{
background-image:url("https://img13.shop-pro.jp/PA01070/589/etc_base64/aGVhZGluZ18wMw.jpg");
}
.tz-main_cont .tz-products .tz-products_dazaifu h3{
background-image:url("https://img13.shop-pro.jp/PA01070/589/etc_base64/aGVhZGluZ18wMy0x.jpg");
}
.tz-main_cont .tz-products .tz-products_chikuzen h3{
background-image:url("https://img13.shop-pro.jp/PA01070/589/etc_base64/aGVhZGluZ18wMy0y.jpg");
}
.tz-main_cont .tz-products h4{
text-align:center;
}
.tz-main_cont .tz-products .tz-list01 h4{
margin-bottom:20px;
}
.tz-main_cont .tz-products .tz-list03 h4{
font-size:1.5rem;
}

.tz-products_list{
width:90%;
max-width:1280px;
margin:20px auto;
display:flex;
  align-items:center;
flex-wrap:wrap;
gap:60px;
}
.tz-products_list figure{
padding:0.5rem;
box-sizing:border-box;
}
.tz-products_list strong{
position:absolute;
display:block;
z-index:9999;
top:0;
left:0;
}
.tz-products_list.tz-list01 strong{
width:240px;
height:159px;
}
.tz-products_list.tz-list02 strong{
width:160px;
height:106px;
}

.tz-products_list p{
line-height:2;
font-size:1.2rem;
}
.tz-products .tz-list03 p{
font-size:1rem;
}


.tz-list_left , .tz-list01 .tz-list_right , .tz-list02 li{
position:relative;
width:calc((100% - 60px) / 2)
}
.tz-list03 li{
position:relative;
width:calc((100% - 120px) / 3)
}

.tz-products_list.tz-list02 p , .tz-products_list.tz-list02 p{
height:calc(2 * 1.2rem * 4);
}

.tz-limited{
margin-top:20px;
}
.tz-limited span{
display:block;
background-color:#ffffff;
border:2px solid #000000;
padding:1rem 0;
font-size:1rem;
text-align:center;
}

.tz-limited a{
display:block;
color:#ffffff;
text-decoration:none;
background-color:#000000;
padding:1rem 0;
font-size:1rem;
text-align:center;
}
.tz-limited a:hover{
background-color:#333333;
}

hr.tz-hr_line{
max-width:1280px;
color:transeparent;
height:20px;
border:none;
background-image:url("https://img13.shop-pro.jp/PA01070/589/etc_base64/YmdfaHI.png");
background-repeat:no-repeat;
background-size:cover;
}

/* 店舗情報 */
.tz-main_cont .tz-shop h2{
background-image:url("https://img13.shop-pro.jp/PA01070/589/etc_base64/aGVhZGluZ18wNA.jpg");
}
.tz-shop .tz-shop-info{
margin:40px auto;
display:flex;
justify-content:center;
flex-wrap:wrap;
gap:60px;
}
.tz-shop .tz-shop_dazaifu , .tz-shop .tz-shop_chikuzen {
width:calc((100% - 60px) / 2)
}
.tz-shop .tz-shop-adress{
margin:20px auto;
background-color:#ffffff;
padding:1rem;
}
.tz-shop-map iframe {
    aspect-ratio: 16 / 9;
    max-width: 1000px;
    width: 100%;
    height: auto;
}

/* メディア出演情報 */
.tz-main_cont .tz-media h2{
background-image:url("https://img13.shop-pro.jp/PA01070/589/etc_base64/aGVhZGluZ18wNQ.jpg");
}
.tz-main_cont .tz-media ul{
width:92%;
max-width:1280px;
margin:40px auto 0;
}

.tz-main_cont .tz-media li{
display:flex;
margin-top:1rem;
justify-content:center;
align-items:center;
padding:1rem;
background-color:#ffffff;
gap:40px;
box-sizing:border-box;
}
.tz-main_cont .tz-media li figure{
width:60px;
}

.tz-main_cont .tz-media li p{
width:calc(100% - 60px);
}
.tz-main_cont .tz-media li p a , .tz-main_cont .tz-media li p span{
font-weight:500;
color:#b01523;
}


/* 採用情報 */
.tz-main_cont .tz-recruit h2 {
  background-image: url("https://img13.shop-pro.jp/PA01070/589/etc_base64/aGVhZGluZ18wNg.jpg");
}
.tz-main_cont .tz-recruit h3 {
background: none;
height:initial;
text-align:center;
position:initial;
}
.tz-main_cont .tz-recruit p.tz-recruit_intro{
margin:40px auto 0;
padding:2rem;
width:96%;
max-width:1400px;
font-size:1.5rem;
line-height:2;
background-color:#ffffff;
box-sizing:border-box;
}

.tz-staff_voice{
margin:40px auto;
}
.tz-staff_voice h3{
text-align:center;}

.tz-staff_voice ul{
width:92%;
max-width:1400px;
margin:0 auto;
display:flex;
flex-wrap:wrap;
justify-content:center;
align-items:center;
gap:20px;
}
.tz-staff_voice li{
position:relative;
width:calc(( 100% - 40px) / 3);
}
.tz-staff_voice li figure{
text-align:center;
}
.tz-staff_voice li p{
margin:1rem auto;
font-size:1.2rem;
line-height:2;
}
.tz-staff_voice02{
display:flex;
justify-content:center;
flex-wrap:wrap;
align-items:center;
margin-top:-150px;
}
.tz-staff_voice02 figure{
width:20%;
}
.tz-staff_voice02 p{
font-size:1.5rem;
line-height:2;
}
.tz-button {
width:90%;
margin:40px auto;
max-width:600px;
}
.tz-staff_voice h3{
position:initial;
  text-align:center;
  background:none;
  min-height:initial;
}
/*.tz-staff_voice{
margin:40px auto;
}

.tz-staff_voice ul{
width:92%;
max-width:1400px;
margin:0 auto;
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:60px;
}
.tz-staff_voice li{
position:relative;
width:calc(( 100% - 60px) / 2);
}
.tz-staff_voice li figure{
}
.tz-staff_voice li p{
position:absolute;
width:90%;
bottom:2rem;
left:2rem;
font-size:1.2rem;
line-height:2;
}

.tz-staff_photo{
margin-bottom:80px;
}*/
/*おすすめ*/
.tz-osusume01 , .tz-osusume02{
position:relative;
width:96%;
max-width:1400px;
min-height:360px;
margin:40px auto;
}
.tz-osusume_list01 , .tz-osusume_list02{
display:flex;
flex-wrap:wrap;
justify-content:center;
gap:10px;
max-width:1085px;
}
.tz-osusume_list01 li , .tz-osusume_list02 li{
width:calc((100% - 20px) / 3);
}
.tz-osusume_list01 li img , .tz-osusume_list02 li img{
width:100%;
}
.tz-osusume01 figure , .tz-osusume_balloon01 , .tz-osusume_list01{
position:absolute;
}
.tz-osusume02 figure , .tz-osusume_balloon02 , .tz-osusume_list02{
position:absolute;
}
.tz-osusume01 figure{
width:350px;
top:0;
left:0;
z-index:1;
}
.tz-osusume_balloon01 , .tz-osusume_balloon02{
display:inline-block;
position:relative;
padding:2rem;
font-size:32px;
color:#ab8351;
background-color:#ffffff;
box-shadow: 6px 6px 6px 0px rgba(0, 0, 0, 0.1);
border-radius:15px;
box-sizing:border-box;
}
.tz-osusume_balloon01{
top:30px;
left:250px;
z-index:2;
}
.tz-osusume_balloon01::before{
content: "";position: absolute;top: 60%;left: -30px;margin-top: -15px;border: 15px solid transparent;border-right: 15px solid #ffffff;}

.tz-osusume_list01{
bottom:0;
right:0;
z-index:3;
}
.tz-osusume02 figure{
width:350px;
top:0;
right:0;
z-index:1;
}
.tz-osusume_balloon02{
top:30px;
left:45%;
z-index:2;
}
.tz-osusume_balloon02::before{
content: "";position: absolute;top: 60%;right: -30px;margin-top: -15px;border: 15px solid transparent;border-left: 15px solid #ffffff;}

.tz-osusume_list02{
bottom:0;
left:0;
z-index:3;
}

@media screen and (max-width: 1399px) {
.tz-osusume01{
min-height:420px;
  }
}/*閉じ*/

@media screen and (max-width:1030px) {
.tz-main_cont h2 , .tz-main_cont h3{
max-width:100%;
height:80px;
background-color:rgba(255,255,255,0.5);
background-blend-mode:lighten;
background-size:cover;
}

.tz-main_cont h2 span{
padding-left:1rem;
font-size:1.8rem;
}
.tz-main_cont h3 span{
padding-left:1.5rem;
font-size:1.5rem;
}
.tz-main_cont h4{
font-size:1.2rem;
}

/* お知らせ */
.tz-main_cont .tz-news .tz-insta{
gap:20px;
}
.tz-insta .tz-dazaifu , .tz-insta .tz-chikuzen {
width:100%;
}

/* ブランドコンセプト */
.tz-main_cont .tz-consept p{
padding:1rem;
font-size:1rem;
}

/* 天山の菓子 */
.tz-main_cont .tz-products h2{
background-image:url("../img/heading_03.jpg");
}
.tz-main_cont .tz-products .tz-products_dazaifu h3{
background-image:url("../img/heading_03-1.jpg");
}
.tz-main_cont .tz-products .tz-products_chikuzen h3{
background-image:url("../img/heading_03-2.jpg");
}
.tz-main_cont .tz-products h4{
font-size:1.8rem;
margin:0 0 1rem;
}
.tz-products_list{
gap:40px;
}
.tz-products .tz-list_left , .tz-products .tz-list_right , .tz-list02 li , .tz-list03 li{width:100%;
}
.tz-products_list p {
line-height:1.5;
font-size: 1rem;
}
.tz-products_dazaifu .tz-list01 figure{
order:1;
}
.tz-products_dazaifu .tz-list01 .tz-list_left{
order:2;
}
.tz-products_chikuzen div.tz-list01:first-of-type figure , .tz-products_chikuzen div.tz-list01:nth-of-type(2) figure{
order:1;
}
.tz-products_chikuzen div.tz-list01:first-of-type .tz-list_left , .tz-products_chikuzen div.tz-list01:nth-of-type(2) .tz-list_left{
order:2;
}

.tz-products_list.tz-list02 p , .tz-products_list.tz-list02 p{
height:inherit;
}
.tz-products_list.tz-list01 strong , .tz-products_list.tz-list02 strong{
width:120px;
height:82px;
}


/* 店舗情報 */
.tz-shop .tz-shop-info{
gap:40px;
}
.tz-shop .tz-shop_dazaifu , .tz-shop .tz-shop_chikuzen {
width:100%;
}

/* メディア出演情報 */
.tz-main_cont .tz-media h2{
background-image:url("../img/heading_05.jpg");
}

/* 採用情報 */
.tz-main_cont .tz-recruit p.tz-recruit_intro{
margin:20px auto 0;
padding:1rem;
font-size:1rem;
line-height:1.5;
}
.tz-staff_voice li{
width:100%;
}

.tz-staff_voice02{
margin-top:-50px;
}
.tz-staff_voice02 figure{
width:30%;
}
.tz-staff_voice02 p{
font-size:1rem;
  width:70%;
}
.tz-staff_photo{
margin-bottom:40px;
}
.tz-button a {
  padding: 0.5rem 0;
  font-size: 1rem;
}
}/*閉じ*/

@media screen and (max-width: 810px) {
.tz-kuroiwa_baloon{
padding:1rem;
}
  .tz-osusume_balloon01 , .tz-osusume_balloon02{
font-size:24px;
  }
}/*閉じ*/


@media screen and (max-width: 640px) {
.tz-osusume01 , .tz-osusume02{
position:initial;
min-height:auto;
}
.tz-osusume01 figure , .tz-osusume_list01{
position:initial;
}
.tz-osusume02 figure , .tz-osusume_list02{
position:initial;
}
.tz-osusume01 figure , .tz-osusume02 figure{
width:100%;
}
.tz-osusume_list01 li , .tz-osusume_list02 li{
width:100%;
}
.tz-osusume_balloon01 , .tz-osusume_balloon02{
position:relative;
top:0;
left:0;
right:0;
font-size:18px;
width:100%;
}
.tz-osusume_balloon01::before  , .tz-osusume_balloon02::before{display:none;}
.tz-osusume_balloon01::after  , .tz-osusume_balloon02::after{
    content: "";
  position: absolute;
  top: 100%;
  left: 50%;
  margin-left: -15px;
  border: 15px solid transparent;
  border-top: 15px solid #ffffff;}
}/*閉じ*/