@charset "utf-8";
/* ------------------------------------------------------------ common */
h2{ padding: 0 0 65px; }
h2 span{ letter-spacing: 0.02em; }

.h3style h3 { font-size: 18px; font-family: 'Noto-Sans-JP-Medium'; padding: 0 0 20px;}
.h3style h3 span { line-height: 150%; font-size: 50px; font-family: neue-haas-grotesk-display,'Noto-Sans-JP-Medium', sans-serif; font-weight: 600; font-style: normal; padding: 0 20px 0 0; }


/* ------------------------------------------------------------ type */
#type{ margin: 0 0 30px; }
#type ul{ display: flex; justify-content: space-around; border-bottom: 1px solid #000; padding: 0 145px 25px; }
#type ul li a{ font-size: 19px; font-family: neue-haas-grotesk-display, sans-serif; font-weight: 500; font-style: normal; text-align: center; color: #000; }


/* ------------------------------------------------------------ studio */
.studio{ padding: 100px 0 125px; }
.studio .slider{ overflow: hidden; }
.studio .slide_item{ width: 1100px; float: left; margin: 0 5px; }
.studio .slide_item img{ width: 100%; height: auto; }


.studio.about .cach{ display: flex; justify-content: space-between; padding: 70px 0 120px; }
.studio.about .cach h3 { width: 500px; font-size: 45px; line-height: 150%; font-family: 'Noto-Sans-JP-Bold'; }
.studio.about .cach h3 small{ display: block; line-height: 180%; font-family: 'Noto-Sans-JP-Medium'; font-size: 20px; padding: 10px 0 0; }
.studio.about .cach p{ font-size: 16px; line-height: 200%; width: 600px; }

.studio .cach{ padding: 120px 0; }
.studio .cach h3{ font-size: 44px; line-height: 160%; padding: 0 0 40px; font-family: 'Noto-Sans-JP-Bold'; }
.studio .cach p{ font-size: 18px; line-height: 200%; }


.studio .detail .sec .box{ padding: 30px 0 100px; border-top: 1px solid #000; }
.studio .detail .sec h4{ padding-bottom: 20px; font-size: 18px; }
.studio .detail .sec h4 span{ padding: 0 15px 0 0; font-size: 30px; letter-spacing: 0.02em; font-family: neue-haas-grotesk-display, sans-serif; font-weight: 600; font-style: normal; }

.studio .detail .sec ul{ float: left; width: 50%; padding: 0 0 ; }
.studio .detail .sec ul li{ padding: 0 0 20px; font-size: 18px; font-family: 'Noto-Sans-JP-Medium'; }

.studio .detail .sec .item{ display: block; padding: 0 0 60px; margin: 0 0 0 auto; width: 752px; height: auto; }

.studio .detail .sec table,
.studio .detail .sec table tr{ width: 100%; }
.studio .detail .sec table tr th,
.studio .detail .sec table tr td{ text-align: left; padding: 20px 0; border-bottom: 1px solid #D5D5D5; }
.studio .detail .sec table tr th{ width: 220px; font-size: 22px; letter-spacing: 0.05em; font-family: 'Noto-Sans-JP-Medium'; }
.studio .detail .sec table tr td{ font-size: 30px; font-family: "Helvetica Neue"; font-weight: 600; }
.studio .detail .sec table tr td span{ display: block; padding: 10px 0 0; letter-spacing: 0.05em; font-size: 16px; color: #797979; }

.studio .detail .sec table tr .empty{ width: 100px; font-size: 28px; }
.studio .detail .sec table tr .day{ width: 175px; font-size: 27px; font-family: 'Noto-Sans-JP-Medium'; }
.studio .detail .sec table tr .type{ font-family: 'Noto-Sans-JP-Bold'; font-size: 28px; width: 150px; }
.studio .detail .sec table tr .extension{ width: 145px; }
.studio .detail .sec p{ font-size: 16px; line-height: 200%; }
.studio .detail .sec .red{color: #C70000; text-align: center; padding: 50px 0 0; }
.studio .detail .sec1{ display: flex; justify-content: space-between; }
.studio .detail .sec1 .box{ width: 567px; }
.studio .detail .sec1 .box a { color: #000; }
.studio .detail .sec1 .box div { padding: 50px 0 ; }

.studio .detail .sec table.option td { font-size: 20px; }

.SP_table{ display: none; }
.SP_table2 { display: none; }


.block { padding: 50px 0 0 ; }
.block img { width: 100%; height: auto; }
.block .cach { padding: 70px 0 120px; }

.columns { display: flex; justify-content: space-between; padding: 0 0 100px;}
.columns dl { width: 32%; }
.columns dl dd { line-height: 160%; padding: 10px 0 0;}
.columns dl img { width: 100%; height: auto; }

/* ------------------------------------------------------------
	mobile 
------------------------------------------------------------ */
@media only screen and (max-width: 640px) {

/* ------------------------------------------------------------ common */
h2{ padding: 0 0 40px; }
.ttl span { line-height: 110%; padding: 5px 0 0; }

.h3style h3 { font-size: 14px; font-family: 'Noto-Sans-JP-Medium'; padding: 0 0 10px;}
.h3style h3 span { line-height: 150%; font-size: 30px; font-family: neue-haas-grotesk-display,'Noto-Sans-JP-Medium', sans-serif; font-weight: 600; font-style: normal; padding: 0 10px 0 0; }



/* ------------------------------------------------------------ type */
#type{ margin: 0 0 10px; overflow-y: scroll; }
#type ul{ justify-content: flex-start; width: 450px; padding: 0 0 5px; }
#type ul li{ padding: 0 40px 0 0; }
#type ul li a{ font-size: 12px; }


/* ------------------------------------------------------------ studio */
.studio{ padding: 40px 0 50px; }
.studio .slide_item{ padding: 0 3px; }

.studio.about .cach{ padding: 25px 0 20px; flex-direction: column; }
.studio.about .cach h3{ width: 100%; font-size: 28px; padding: 0 0 20px; }
.studio.about .cach p{ line-height: 180%; width: 100%; font-size: 15px; } */

.studio .cach{ padding: 50px 0 40px; flex-direction: column; }
.studio .cach h3{ width: 100%; font-size: 25px; padding: 0 0 20px; }
.studio .cach p{ line-height: 180%; width: 100%; font-size: 15px; }


.studio .detail .sec .box{ padding: 23px 0; border-top: 1px solid #DDDDDD; }
.studio .detail .sec h4{ padding: 0 0 23px; font-size: 16px; font-family: 'Noto-Sans-JP-Medium'; }
.studio .detail .sec h4 span{ padding: 0 10px 0 0; font-size: 24px; }

.studio .detail .sec ul{ float: none; width: 100%; padding: 0; }
.studio .detail .sec ul li{ font-size: 16px; }
.studio .detail .sec .item{ padding: 0 0 30px; margin: 0 auto; width: 100%;  }

.studio .detail .sec1{ flex-direction: column; }
.studio .detail .sec1 .box{ width: 100%; }


.studio .detail table .b_box{ margin: 50px 0 0; }

.studio .detail .sec table tbody{ width: 100%; }
.studio .detail .sec table tr th,
.studio .detail .sec table tr td{ padding: 6px 0; }
.studio .detail .sec table tr th{ width: 20%; font-size: 15px; text-align: center; line-height: 150%; }
.studio .detail .sec table tr td{ padding: 18px 0; font-size: 23px; text-align: center; }
.studio .detail .sec table tr td span{ font-size: 11px; }

.studio .detail .sec table tr .type{  width: 100%; font-size: 18px; color: #fff; background: #000; text-align: center; }
.studio .detail .sec table tr .empty{ width: 20%; }
.studio .detail .sec table tr .day{ width: 40%; font-size: 18px; }
.studio .detail .sec table tr .extension{ width: 20%; font-feature-settings: "palt"; }

.studio .detail .sec table .last th,
.studio .detail .sec table .last td{ padding: 18px 0 50px; }

.studio .detail .sec p{ padding: 20px 0 0; font-size: 13px; line-height: 170%; }


.studio .detail .sec table.option td { font-size: 14px; line-height: 130%;}
.studio .detail .sec table.option .headline { }
.studio .detail .sec table.option tr .cat { width: 28%; font-size: 12px;}
.studio .detail .sec table.option tr .name { width: 42%; font-size: 12px;}
.studio .detail .sec table.option tr .price { width: 20%; font-size: 12px;}
.studio .detail .sec table.option tr .names { text-align: left; }

.studio .detail .sec table.option .items {  background: #F0F0F0; }
.studio .detail .sec table.option .items td { padding: 10px 0; }

.SP_table{ display: table; }
.SP_table2 { display: table-cell; }

.block { padding: 50px 0 0 ; }
.block img { width: 100%; height: auto; }
.block .cach { padding: 25px 0 60px; }

.columns { display: block; justify-content: space-between; padding: 0 0 10px;}
.columns dl { width: 100%; }
.columns dl dd { line-height: 160%; padding: 10px 0 30px; font-size: 12px; }
.columns dl img { width: 100%; height: auto; }



}