@charset "UTF-8";

/* ----------------font 設定 */

@font-face {
  font-family: 'Swis712';
  font-style: normal;
  font-weight: 400;
  src: url('../font/tt0813m.eot');
  /* IE9 Compat Modes */
  src: url('../font/tt0813m.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/tt0813m.woff') format('woff'), /* Modern Browsers */
  url('../font/tt0813m.ttf') format('truetype');
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'Swis712';
  font-style: normal;
  font-weight: 900;
  src: url('../font/tt0815m.eot');
  /* IE9 Compat Modes */
  src: url('../font/tt0815m.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/tt0815m.woff') format('woff'), /* Modern Browsers */
  url('../font/tt0815m.ttf') format('truetype');
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'AvantGarde';
  font-style: normal;
  font-weight: 600;
  src: url('../font/AvantGardeITCbyBT-Book.eot');
  /* IE9 Compat Modes */
  src: url('../font/AvantGardeITCbyBT-Book.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/AvantGardeITCbyBT-Book.woff') format('woff'), /* Modern Browsers */
  url('../font/AvantGardeITCbyBT-Book.ttf') format('truetype');
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'AvantGarde';
  font-style: normal;
  font-weight: 800;
  src: url('../font/ITC Avant Garde Gothic Demi.eot');
  /* IE9 Compat Modes */
  src: url('../font/ITC Avant Garde Gothic Demi.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/ITC Avant Garde Gothic Demi.woff') format('woff'), /* Modern Browsers */
  url('../font/ITC Avant Garde Gothic Demi.ttf') format('truetype');
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'mplus-2p';
  font-style: normal;
  font-weight: 800;
  src: url('../font/mplus-2p-medium.eot');
  /* IE9 Compat Modes */
  src: url('../font/mplus-2p-medium.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/mplus-2p-medium.woff') format('woff'), /* Modern Browsers */
  url('../font/mplus-2p-medium.ttf') format('truetype');
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'mplus-2p';
  font-style: normal;
  font-weight: 600;
  src: url('../font/mplus-2p-regular.eot');
  /* IE9 Compat Modes */
  src: url('../font/mplus-2p-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/mplus-2p-regular.woff') format('woff'), /* Modern Browsers */
  url('../font/mplus-2p-regular.ttf') format('truetype');
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'brandontxt';
  font-style: normal;
  font-weight: 400;
  src: url('../font/tt0813m.eot');
  /* IE9 Compat Modes */
  src: url('../font/tt0813m.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/tt0813m.woff') format('woff'), /* Modern Browsers */
  url('../font/HVD-Fonts-BrandonText-Medium.ttf') format('truetype');
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'brandontxt';
  font-style: normal;
  font-weight: 600;
  src: url('../font/tt0813m.eot');
  /* IE9 Compat Modes */
  src: url('../font/tt0813m.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/tt0813m.woff') format('woff'), /* Modern Browsers */
  url('../font/HVD-Fonts-BrandonText-Bold.ttf') format('truetype');
  /* Safari, Android, iOS */
}

@font-face {
  font-family: 'brandontxt';
  font-style: normal;
  font-weight: 800;
  src: url('../font/tt0813m.eot');
  /* IE9 Compat Modes */
  src: url('../font/tt0813m.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
  url('../font/tt0813m.woff') format('woff'), /* Modern Browsers */
  url('../font/HVD-Fonts-BrandonText-Black.ttf') format('truetype');
  /* Safari, Android, iOS */
}


/* --------------------------サイト別初期設定ここから----------------------- */

body {
  font-family: "mplus-2p", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}


/* --------------------------///サイト別初期設定ここまで----------------------- */


/* --------------------------ヘッダーここから----------------------- */


/* --------------------------///トップページここから----------------------- */


/* -------------------------- ----------------------- */

.header_container_inner {
  width: 960px;
  margin: 0 auto;
  padding-top: 45px;
  padding-bottom: 30px;
  text-align: left;
  position: relative;
}

.header_container_sub {
  height: 25px;
  width: 100%;
  background-color: #000;
}

.header_container_inner h1 {
  width: 270px;
  float: left;
}

.header_container_inner h1 img {
  width: 100%;
  height: auto;
}

.menu_outer {
  display: block;
  padding-top: 10px;
  float: right;
}

.pntsc_main_menu {
  background-color: rgba(255, 255, 255, 0.7);
  font-family: 'brandontxt', sans-serif;
  position: relative;
  font-weight: 400;
}

.pntsc_main_menu ul {
  padding: 0px;
  text-align: center;
}

.pntsc_main_menu ul li {
  text-align: right;
  padding-bottom: 3px;
  font-size: 12px;
  color: #000;
  position: relative;
  letter-spacing: 0.1em;
  display: inline-block;
  margin-right: 0px;
  margin-left: 40px;
}

.pntsc_main_menu ul li a {
  font-weight: 400;
  font-size: 14px;
  display:block;
  text-align:center;
}

.pntsc_main_menu ul li:after {}

.pntsc_main_menu ul li:last-child:after {
  content: "";
}

.pntsc_main_menu ul li ul {
  position: absolute;
  top: 45px;/*親メニューの高さと同じにする*/
  width: 150px;
  z-index: 100;
  left:-40px;
}
.pntsc_main_menu ul li ul li {
  visibility: hidden;
  overflow: hidden;
  width: 150px;/*サブメニューの幅*/
  height: 0;
  background:rgba(255,255,255,0.85);/*サブメニューの背景色*/
  text-align:center;
  margin-left:0px;
    display:block;

}
.pntsc_main_menu ul li ul li a{
  font-size:12px !important;


}
.pntsc_main_menu ul li ul li a span{
	line-height:1;
}

.pntsc_main_menu ul li ul li:hover{
  background:rgba(255,255,255,0.9);/*ホバー時のサブメニューの背景色*/
}
.pntsc_main_menu ul li:hover ul li, .pntsc_main_menu ul li a:hover ul li{
  visibility: visible;
  overflow: visible;
  height:45px;/*サブメニューの高さ*/
  z-index: 10;
  display:flex;
  justify-content: center;
  align-items: center;
}
.pntsc_main_menu * {
  -webkit-transition: 0.5s;
  -moz-transition: 0.5s;
  -ms-transition: 0.5s;
  -o-transition: 0.5s;
  transition: 0.5s;
}

p.pntsc_header_visual {
  position: absolute;
  left: -90px;
  top: -20px;
}

p.pntsc_header_license {
  position: absolute;
  left: 0px;
  top: -20px;
  color: #fff;
  font-size: 9px;
}

p.pntsc_header_visual img {
  width: 110px;
  height: auto;
}

.pntsc_sub_menu {
  position: absolute;
  top: -20px;
  right: 0px;
}

.pntsc_sub_menu ul li {
  text-align: right;
  padding-bottom: 6px;
  font-size: 10px;
  color: #000;
  position: relative;
  letter-spacing: 0.1em;
  font-family: 'brandontxt', sans-serif;
  float: left;
  margin-right: 10px;
}

.pntsc_sub_menu ul li:nth-of-type(1) {
  width: 15px;
}

.pntsc_sub_menu ul li:nth-of-type(3) {
  width: 15px;
}

.pntsc_sub_menu ul li:nth-of-type(2) {
  width: 15px;
  margin-right: 0px;
}

.pntsc_sub_menu ul li svg {
  fill: #fff;
  display: block;
}


.pntsc_title_zone {
  text-align: center;
}

.pntsc_title_zone h2 {
  position: relative;
  margin: 10px;
  display: inline-block;
  padding: 8px 25px 8px 25px;
  border: 2px solid #000;
  background: none;
  text-transform: uppercase;
  font-family: sans-serif;
  font-size: 11px;
  font-weight: 800;
  letter-spacing: 1px;
  cursor: pointer;
  letter-spacing: 0.1em;
  font-family: "mplus-2p", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
  font-size: 18px;
  margin-bottom: 20px;
  color: #000;
  box-sizing: content-box !important;
  background-color: transparent;
}

.pntsc_title_zone p {
  text-align: center;
  font-size: 18px;
  font-weight: bold;
  margin-bottom: 15px;
}

.yellow:after {
  position: absolute;
  top: 2px;
  left: -4px;
  content: "";
  height: 100%;
  width: 100%;
  z-index: -999;
  -webkit-transform: rotate(-1deg);
  -moz-transform: rotate(0deg);
  background: #FEDC5E;
  box-sizing: content-box !important;
}

.menu-btn {
  display: none;
}

.menu-btn a {
  display: none;
}


/* ----------------footer設定 */

.pntsc_footer_outer {
  background-color: #fff;
}

.pntsc_footer {
  width: 100%;
  margin: 0 auto;
  font-size: 12px;
  border-top: 0px solid #000;
  padding-top: 30px;
  background-image: url(../img/pntsc_zigzag_mid_gry.png);
}

.pntsc_footer p {
  text-align: center;
  letter-spacing: 0.1em;
  font-family: 'brandontxt', sans-serif;
  font-weight: 400;
  font-size: 9px;
  text-indent: 0.1em;
}

.copyright {
  margin-bottom: 0px;
  height: 40px;
  padding-top: 20px;
}

.pntsc_rsv {
  position: fixed;
  bottom: 10px;
  right: 20px;
  z-index:50;
}

.pntsc_rsv img {
  width: 200px;
  height: auto;
}

p.pntsc_footer_logo {
  width: 150px;
  padding-top: 40px;
  padding-bottom: 20px;
  margin: 0px auto;
}

p.pntsc_footer_logo img {
  width: 100%;
  height: auto;
}

.pntsc_footer_provisions {
  text-align: center;
  padding-left: 0px;
  font-family: 'brandontxt', sans-serif;
  font-weight: 400;
  font-size: 9px;
}

.pntsc_footer_provisions li {
  display: inline-block;
}

.pntsc_footer_provisions li:last-child:after {
  content: "";
}

.footer_provisions li:after {
  content: "|";
  margin-right: 5px;
  margin-left: 5px;
}

.other_peanuts a {
  border: 1px solid #666;
  padding: 3px 7px;
  margin-bottom: 5px;
  display: inline-block;
  line-height: 1.2;
  font-size: 10px;
}

.pntsc_footer_link p a:after {
  content: '/';
  padding-left: 3px;
}

.pntsc_footer_link p a:last-child:after {
  content: '';
  padding-left: 3px;
}


/* ----------------top contents設定 */

/* ----------------------------------------------------------------top contents設定 */
.home .pntsc_top_mainimg{
	width:1080px;
	margin:0 auto;
}
.home  .bx-wrapper img {
    max-width: 1080px;
}
/* ----------------top contents設定 */

.pntsc_content_zone {
  width: 960px;
  margin: 0 auto;
  position: relative;
}

.pntsc_topics_title {
  text-align: center;
}

.pntsc_topics_title span {
  position: relative;
  display: inline-block;
}

.pntsc_topics_title strong {
  position: absolute;
  right: 10px;
  top: 0px;
  letter-spacing:0.05em;
}

.pntsc_topics_title img {
  width: 180px;
  height: auto;
}

.pntsc_topics_zone {
  padding-top: 50px;
}
.pntsc_topics_zone_inner{
	position:relative;
	padding-bottom:20px;
}
.pnts_more_view{
	position:absolute;
	right:0px;
	top:-34px;
}
.pnts_more_view a{
	border-bottom:1px dashed #666;
	padding:2px 10px;
	font-size:9px;
}
.pnts_more_view a:after{
	content:'→';
	position:relative;
	right:-5px;
	
}
.pntsc_topics_zone h3 {
  font-family: 'brandontxt', sans-serif;
  font-size: 16px;
  letter-spacing: 0.05em;
  font-weight: 600;
  padding-top: 5px;
  padding-bottom: 10px;
  color#000;
}

.pntsc_topics_zone h3:nth-of-type(2) {
  padding-top: 30px;
}

.pntsc_topics_zone_inner dl {
  width: calc((100% - 60px) / 3);
  float: left;
  margin-right: 30px;
  position:relative;
}
.pntsc_topics_zone_inner dl dd.pntsc_event_finish {
    position: absolute;
    top: 170px;
    right: 15px;
    background-color: rgba(255,255,255,0.7);
    padding-left: 5px;
    padding-right: 5px;
}
.pntsc_topics_zone_inner a:nth-of-type(3n) dl {
  margin-right: 0px;
}

.pntsc_topics_zone_inner dl dt img {
  width: 100%;
  height: auto;
}

.pntsc_content_zone h2 {
  font-family: 'brandontxt', "mplus-2p", "游ゴシック", "Yu Gothic",sans-serif;
  font-size: 22px;
  font-weight: 800;
  padding-top: 5px;
  color#000;
}
.pntsc_content_zone h2 em{
	background: linear-gradient(transparent 60%, #e2dfe0 60%);
}
.pntsc_topics_zone_inner dl dd span {
  font-family: 'brandontxt', sans-serif;
  letter-spacing: 0.1em;
  font-weight: 600;
  font-size: 11px;
  margin-right: 5px;
  text-decoration: underline;
}


/* ----------------top contents設定 */

.pntsc_shoplist_zone {
  padding-top: 100px;
}

.pntsc_shoplist_title {
  text-align: center;
}

.pntsc_shoplist_title span {
  position: relative;
  display: inline-block;
}

.pntsc_shoplist_title strong {
  position: absolute;
  right: 0px;
  top: 120px;
}

.pntsc_shoplist_title img {
  width: 360px;
  height: auto;
}

.pntsc_shoplist_zone_inner {
  padding-top: 50px;
}

.pntsc_shoplist_zone_inner dl {
  width: calc((100% - 60px) / 4);
  float: left;
  margin-right: 20px;
  background-image: url(../img/pntsc_zigzag_small_gry.png);
}

.pntsc_shoplist_zone_inner a:nth-of-type(4n) dl{
  margin-right: 0px;
}

.pntsc_shoplist_zone_inner dl dt img {
  width: 100%;
  height: auto;
}

.pntsc_shoplist_zone_inner dl dd {
  text-align: center;
  padding-bottom: 20px;
  font-size: 16px;
  letter-spacing: 0.05em;
  font-weight: 600;
}

.pntsc_shoplist_zone_inner dl dd span {
  display: inline-block;
  font-family: 'brandontxt', sans-serif;
  font-weight: 600;
  text-transform: uppercase;
}

.pntsc_shoplist_zone_inner dl dd strong {
  display: inline-block;
  font-size: 14px;
  font-weight: 800;
  font-family: 'mplus-2p';
}


/* ----------------top contents設定 */

.pntsc_concept_zone {
  padding-top: 80px;
  padding-bottom: 0px;
  text-align: center;
}

.pntsc_other_title {
  font-family: 'brandontxt', sans-serif;
  font-size: 20px;
  letter-spacing: 0.05em;
  font-weight: 600;
  text-align: center;
}

.pntsc_concept_zone p {
  font-family: 'brandontxt',"mplus-2p",  sans-serif;
font-size: 14px;
  letter-spacing: 0.15em;
  font-weight: 400;
  text-align: center;
}

.pntsc_concept_zone img {
  width: 640px;
  height: auto;
  padding-top: 30px;
  padding-bottom: 30px;
}


/* ----------------top contents設定 */

.pntsc_special_zone {
  padding-top: 80px;
}

.pntsc_special_zone_inner {
  padding-top: 50px;
}

.pntsc_special_zone_inner dl {
  width: calc((100% - 120px) / 3);
  float: left;
  margin-right: 30px;
  background-image: url(../img/pntsc_zigzag_small_yel.png);
  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.pntsc_special_zone_inner a:nth-of-type(3n) dl{
  margin-right: 0px;
}
.pntsc_special_zone_inner a:hover{
	color:#000;
}

.pntsc_special_zone_inner dl dt img {
  width: 75%;
  height: auto;
}

.pntsc_special_zone_inner dl dt {
  width: 100%;
  text-align: right;
}

.pntsc_special_zone_inner dl dd.pntsc_sp_img {
  position: absolute;
  bottom: 20px;
}

.pntsc_sp_1 img {
  width: 64px;
  height: auto;
}

.pntsc_sp_2 img {
  width: 61px;
  height: auto;
  padding-left:10px;
}

.pntsc_sp_3 img {
  width: 41px;
  height: auto;
  padding-left: 10px;
}

.pntsc_sp_1 img {
  width: 84px;
  height: auto;
   margin-left: -10px;
}

.pntsc_sp_2 img {
  width: 40px;
  height: auto;
}

.pntsc_sp_3 img {
  width: 76px;
  height: auto;
  padding-left: 10px;
}
.pntsc_special_zone_inner dl dd.pntsc_sp_word {
  position: absolute;
  top: 20px;
  left:10px;
 font-family: 'brandontxt', sans-serif;
    font-weight: 700;
    text-transform: uppercase;
	font-size:16px;
	text-align:center;
	line-height:1.1;
}
.pntsc_special_zone_inner dl dd.pntsc_sp_word h3{
	text-align:center;	
}
/* ----------------top contents設定 */

.pntsc_brand_zone {
  padding-top: 80px;
}

.pntsc_brand_zone h2 {
  margin-bottom: 30px;
}

.pntsc_brand_zone ul {
  display: flex;
  margin: 0 auto;
  justify-content: center;
}

.pntsc_brand_zone ul li {
  margin-right: 50px;
}

.pntsc_brand_zone ul li:last-child {
  margin-right: 0px;
}



/* ----------------top contents設定 */
/* ----------------------------------------------------------------top contents設定 */


.catnew_works_mainimg {
  margin-bottom: 50px;
}

.catnew_works_mainimg img {
  width: 100%;
  height: auto;
}

.pntsc_content_worksdetail_info {
  padding-bottom: 50px;
}

.catnew_worksdetail_info_l {
  float: left;
  width: 600px;
  margin-right: 20px;
}

.catnew_worksdetail_info_r {
  float: left;
  width: 220px;
  height: 211px;
  position: relative;
}

.catnew_worksdetail_info_l dl {
  border-top: 1px solid #000;
  padding: 10px 0px;
}

.catnew_worksdetail_info_l dl:last-child {
  border-bottom: 1px solid #000;
}

.catnew_worksdetail_info_l dl dt {
  float: left;
  font-family: 'brandontxt', sans-serif;
  font-size: 6px;
  letter-spacing: 0.15em;
  font-weight: 500;
  width: 100px;
  vertical-align: bottom;
  padding-top: 4px;
}

.catnew_worksdetail_info_l dl dd {
  font-family: 'Noto Sans Japanese';
  font-style: normal;
  font-weight: 400;
  font-size: 12px;
  letter-spacing: 0.1em;
}

.catnew_worksdetail_info_r p {
  left: 50%;
  position: absolute;
  top: 50%;
  width: 100%;
}

.catnew_worksdetail_info_r p img {
  width: 100%;
  height: auto;
  transform: translate(-50%, -50%);
}

.cat_workssingle_under {
  font-family: 'brandontxt', sans-serif;
  font-size: 12px;
  letter-spacing: 0.15em;
  font-weight: 600;
  text-align: center;
  color: #000;
  padding-top: 30px;
}

.cat_workssingle_under a {
  border: 1px solid #000;
  padding: 5px 10px;
}


/* ----------------top contents設定 */

.pntsc_content_workslist h3 {
  font-family: 'brandontxt', sans-serif;
  font-size: 22px;
  letter-spacing: 0.15em;
  font-weight: 600;
  text-align: center;
  width: 100%;
  margin-bottom: 30px;
}

.pntsc_content_workslist_inner {
  padding-bottom: 10px;
}

.pntsc_content_workslist_inner dl {
  width: calc((100% - 60px) / 3);
  float: left;
  margin-right: 30px;
  margin-bottom: 50px;
  font-family: 'Noto Sans Japanese';
  font-weight: 400;
  font-size: 14px;
  position: relative;
}

.pntsc_content_workslist_inner a:nth-of-type(3n) dl {
  margin-right: 0px;
}

.pntsc_content_workslist_inner dl dd {
  text-align: center;
  letter-spacing: 0.1em;
}

.pntsc_content_workslist_inner dl dt img {
  width: 100%;
  height: auto;
}



/* ----------------top contents設定 */

.pntsc_content_concept {
  padding-top: 30px;
  padding-bottom: 60px;
  text-align: center;
  font-family: 'Sawarabi Gothic', sans-serif;
  font-weight: 400;
}

.pntsc_content_concept h3 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: 0.1em;
  line-height: 1.8;
}

.pntsc_content_concept p {
  font-size: 12px;
  text-align: center;
  margin-bottom: 30px;
  line-height: 2.5;
  letter-spacing: 0.1em;
}


/* -- toppage -------------------------------------------------------------------------------- */
.pntsc_sppage_title{
	text-align:center;
font-family: 'brandontxt', sans-serif;
    font-size: 22px;
    font-weight: 800;

    color#000: ;	
}
.otherconcept_zone{
	padding-top:40px;
	padding-bottom:30px;
	
}
.otherconcept{
	margin-bottom:30px;
}

.pntsc_other_titlezone p{
		text-align:center;
	font-family: 'brandontxt', sans-serif;
    font-size: 14px;
    font-weight: 800;
}
.pntsc_other_titlezone{
background-image: url(../img/pntsc_zigzag_small_gry.png);
    padding-top: 10px;
	padding-bottom:10px;
	margin-bottom:10px;
}
.pntsc_sppage_title_h3{
	text-align:center;
font-family: 'brandontxt', sans-serif;
    font-size: 22px;
    font-weight: 800;
    color:#000;
	padding-bottom:30px;
}
.pntsc_sppage_zone {
  padding-top: 50px;
}

.pntsc_sppage_zone h3 {
}

.pntsc_sppage_zone h3:nth-of-type(2) {
  padding-top: 30px;
}

.pntsc_sppage_zone_inner dl{
  width: calc((100% - 60px) / 3);
  float: left;
  margin-right: 30px;
  margin-bottom:30px;
}

.pntsc_sppage_zone_inner dl:nth-of-type(3n) {
  margin-right: 0px;
}

.pntsc_sppage_zone_inner dl dt img {
  width: 100%;
  height: auto;
}
.pntsc_plan_zone{
  padding-top: 50px;	
}
.pntsc_plan_zone_inner {
  padding-top: 30px;
}

.pntsc_plan_zone_inner dl {
  width: calc((100% - 0px) / 1);
  float: none;
  margin-right: 30px;

  position: relative;
  padding-top: 20px;
  padding-bottom: 20px;
  padding-right: 20px;
}

.pntsc_plan_zone_inner dl:nth-of-type(3n) {
  margin-right: 0px;
}
.pntsc_plan_zone_inner dl dt{
	width:350px;
	float:left;
	margin-right:30px;
}
.pntsc_plan_zone_inner dl dt img {
  width: 100%;
  height: auto;
}


.pntsc_plan_zone_inner dl dd.pntsc_sp_img {
  position: absolute;
  bottom: 20px;
}
.pntsc_plan_zone_inner dl dd h3{
    font-size: 18px;
	font-weight:bold;
}
.pntsc_plan_zone_inner dl dd h3 span{
	display:block;
	margin-bottom:20px;

}
.pntsc_plan_zone_inner dl dd h3 span strong{
	background-color:#edecec;
	padding:0px 15px;
}
.pntsc_plan_zone_inner dl dd ul li{
    font-size: 14px;	
}
.pntsc_plan_zone_inner dl dd p{
    font-size: 14px;	
}
dd.lineup_rsv{
	position:absolute;
	right:20px;
	bottom:30px;

}
dd.lineup_rsv p a{
background-image: url(../img/pntsc_zigzag_small_yel.png);
padding:5px 15px;
border:3px #000 solid;
border-radius:5px;
display:inline-block;
    font-size: 18px;
	font-weight:bold;
}
dd.lineup_rsv p strong{
background-image: url(../img/pntsc_zigzag_small_gry.png);
padding:5px 15px;
border:3px #000 solid;
border-radius:5px;
display:inline-block;
    font-size: 18px;
	font-weight:bold;
}
dd.lineup_rsv p a:hover{
color:#666;
}

/* -- toppage -------------------------------------------------------------------------------- */
.pntsc_shoppage_zone {
  padding-top: 50px;
}

.pntsc_shoppage_zone h3 {
}

.pntsc_shoppage_zone h3:nth-of-type(2) {
  padding-top: 30px;
}
.pntsc_shoppage_zone_inner {
  padding-top: 0px;
  display:flex;
   flex-wrap: wrap;
}
.pntsc_shoppage_title_h3{
	text-align:center;
font-family: 'brandontxt', sans-serif;
    font-size: 22px;
    font-weight: 800;
    color:#000;
	padding-bottom:30px;
}
.pntsc_sp_ex{
	display:none;
}
.pntsc_shoppage_zone_inner dl {
  position: relative;
  overflow: hidden;
  width: calc((100% - 54px) / 3);
 	line-height:1;
	margin-bottom:30px;
	margin-right:27px;
}
.pntsc_shoppage_zone_inner div.more{
	display:none;
}
.pntsc_shoppage_zone_inner dl:nth-of-type(3n) {
	margin-right:0px;
}
.pntsc_shoppage_zone_inner dl dt{
	overflow:hidden;
	
}
.pntsc_shoppage_zone_inner figure{
  position: relative;	
}
.pntsc_shoppage_zone_inner figure img{
	width:100%;
	height:auto;
  overflow: hidden;

}
.pntsc_shoppage_zone_inner figcaption {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 2;
  width: 100%;
  height: 100%;
  background: rgba(255,255,255,.85);
  -webkit-transition: .3s;
  transition: .3s;
  opacity: 0;
}
.pntsc_shoppage_zone_inner figcaption p{
	color:#000;
	padding:15px;
	line-height:1.7;
	font-size:12px;
}
.pntsc_shoppage_zone_inner figure:hover figcaption {
  opacity: 1;
}
.kobe .pntsc_shoppage_zone_inner figure:hover figcaption {
  opacity: 0;
}
.pntsc_shoppage_zone_inner figure:hover figcaption {
  top: 0;
  left: 0;
}
.pntsc_shoppage_zone_inner dl dd h3{
	padding-top:5px;
line-height: 1.5;
font-weight: bold;
}
.pntsc_shoppage_zone_inner dl dd h3 span{
	margin-left:10px;
	font-weight:normal;
}

.pntsc_shoppage_zone_goods p img{
	width:100%;
	height:auto;
}

.pntsc_shoppage_zone_goods ul{
	display:flex;
	padding-top:20px;
}
.pntsc_shoppage_zone_goods ul li{
	width:calc((100% - 60px) / 4);
	margin-right:20px;
}
.pntsc_shoppage_zone_goods ul li:nth-of-type(4n){
	margin-right:0px;
}
.pntsc_shoppage_zone_goods ul li img{
	width:100%;
	height:auto;
}
.pntsc_shoppage_zone_goods a{
    background-color: #F5CA00;
    padding: 5px 15px;
    color: #000;
    font-size: 16px;
    margin-top: 30px;
    display: inline-block;
    letter-spacing: 0.05em;
    position: relative;
}
.pntsc_shoppage_zone_goods a:after{
    content: '→';
    display: block;
    position: absolute;
    top: 5px;
    right: -7px;
	color:#000;
}
.pntsc_shoppage_zone_goods_online{
	text-align:center;
	width:100%;
}
.pntsc_shoppage_zone_goods{
	padding-bottom:30px;
}
/* -- toppage -------------------------------------------------------------------------------- */
.pntsc_shopinfo_zone {
	margin-top:50px;
  padding-top: 20px;
  border:1px solid #000;
  padding-bottom:50px;
}
.pntsc_shopinfo_zone ul{
	margin-top:30px;
}
.pntsc_shopinfo_zone ul li{
	text-align:center;
font-size: 14px;
}
.pntsc_shopinfo_zone ul li.rsvatt span{
background: linear-gradient(transparent 70%, #EFECD6 0%);
	font-weight: bold;
}
.pntsc_shopinfo_zone ul li span a{
	background-color:#000;
	color:#fff;
	padding-left:5px;
padding-right:5px;
margin-left:10px;
	
}
/* -- toppage -------------------------------------------------------------------------------- */
#modal{
	display:none;
}
.modaal-content-container{
	text-align:center;
font-family: 'brandontxt',"mplus-2p", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
}
.modaal-content-container h6{
font-family: 'brandontxt',"mplus-2p", "游ゴシック", "Yu Gothic", YuGothic, "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
    font-size: 22px;
    font-weight: 800;
	text-align:center;
	margin-bottom:20px;
}
.pnts_new_rsv_1 li a , .pnts_new_rsv_2 li a{
	border:1px solid #000;
	padding:10px 15px;
	display:inline-block;
	width:100%;
	text-align:center;
	font-weight:bold;
}

.modaal-content-container ul{
	width:400px;
	margin:0 auto;
}
.modaal-content-container ul li{
		margin-bottom:20px;
		font-size:14px;
		font-weight:bold;
}
.pnts_new_rsv_1 ul li{
	width:100%;

}
.pnts_new_rsv_2{
	display:flex;
}
.pnts_new_rsv_2 li{
width:calc((100% - 20px) / 2);
margin-right:20px;
}
.pnts_new_rsv_2 li:nth-of-type(2){
	margin-right:0px;
}
.modaal-content-container .rsv_ex{
	text-align:center;
	width:400px;
	margin:0 auto;
}
.modaal-content-container .rsv_att{
	text-align:center;
	width:400px;
	margin:0 auto;
border:2px solid green;
margin-top:20px;
padding-top:5px;
padding-bottom:5px;
border-radius:5px;
}
.modaal-container {
    max-width: 700px;
}
.has-lines {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  text-align: center;
  -webkit-box-pack: center;
  -webkit-justify-content: center;
      -ms-flex-pack: center;
          justify-content: center;
}
.has-lines:before,
.has-lines:after {
  content: '';
  -webkit-box-flex: 1;
  -webkit-flex-grow: 1;
      -ms-flex-positive: 1;
          flex-grow: 1;
  height: 2px;
	border-top: 1px solid #000;
	border-bottom: 2px solid #000;
  min-width: 20px;
  display: inline-block;
  vertical-align: middle;

}
.has-lines:before {
  margin-right: 20px;
}
.has-lines:after {
  margin-left: 20px;
}
.modaal-content-container .rsv_title{
	margin-top:10px;
		margin-bottom:10px;
		font-size:14px;
		font-weight:bold;
		text-align:center;
}

/* -- toppage -------------------------------------------------------------------------------- */

.pntsc_topicslist_zone_inner dl {
  width: calc((100% - 60px) / 3);
  float: left;
  margin-right: 30px;
  margin-bottom:40px;
  position:relative;
}

.pntsc_topicslist_zone_inner a:nth-of-type(3n) dl{
  margin-right: 0px;
}

.pntsc_topicslist_zone_inner dl dt img {
  width: 100%;
  height: auto;
}

.pntsc_topicslist_zone {
	padding-top:40px;
}

.pntsc_topicslist_zone_inner dl dd span {
  font-family: 'brandontxt', sans-serif;
  letter-spacing: 0.1em;
  font-weight: 600;
  font-size: 11px;
  margin-right: 5px;
  text-decoration: underline;
}
.pntsc_topicslist_zone_inner dl dd.pntsc_event_finish{
	position:absolute;
top: 170px;
    right: 15px;
	background-color:rgba(255,255,255,0.7);
	padding-left:5px;
	padding-right:5px;
}
.pntsc_topicslist_zone_inner a:hover dl dd.pntsc_event_finish{
	color:#000;
}
.pntsc_topicslist_zone_inner a dl dd.pntsc_event_finish:hover{
	color:inherit;
}

.pntsc_new_articlheader img{
	max-width:100%;
	min-width:100%;
	height:auto;
}

.pntsc_new_news_detail_content img{
	max-width:100%;
	height:auto;
}
.pntsc_new_news_detail_content img{
	margin-top:30px;
	margin-bottom:30px;
}
.pntsc_new_article_contents p{
	font-size:14px;
	line-height:1.7;
}
.pntsc_new_news_detail_content a{
	border-bottom:2px #e1c102 dotted;
	font-size:14px;
}
.pntsc_new_news_detail_content a.nyroModal{
	border-bottom:0px #e1c102 dotted;	
}
.pntsc_new_article_contents p{
	padding-top:10px;
	padding-bottom:10px;
}
.pntsc_new_article_contents p > img{
	margin-top:10px;
	margin-bottom:10px;
}
.pntsc_new_article_contents p strong{
	font-size:16px;
	font-weight:bold;
}
.pntsc_new_article_contents{
	width:640px;
	margin:0 auto;
}
.pntsc_new_articlheader{
	margin-bottom:30px;
}
.pntsc_news_single_nav{
	width:100%;
	border-top:1px solid #000;
	padding-top:30px;
	position:relative;
	padding-bottom:30px;
	
}
.pntsc_news_single_nav ul li{
	width:48%;
}
.pntsc_news_single_nav ul li:nth-of-type(1){
	width:48%;
	margin-right:2%;

}
.pntsc_news_single_nav ul li:nth-of-type(2){
	width:48%;
	padding-left:2%;
	border-left:1px dotted #ccc;
	box-sizing:border-box;
}
.pntsc_news_single_nav ul li div{
	width:20%;
	
}
.pntsc_news_single_nav ul li div img{
	width:100%;
	height:100%;
}
.single_nav_l div{
	float:left;
	margin-right:5%;
}
.single_nav_r div{
	float:left;
	margin-right:5%;
}
.pntsc_news_single_nav ul li:nth-of-type(1){
	float:left;
	
}
.pntsc_news_single_nav ul li:nth-of-type(2){
	float:right;
}
.pntsc_news_single_nav ul li a{
	font-size:9px;
	width:75%;
	line-height:1.5;
	display:inline-block;
}
.pntsc_news_single_nav ul li span{
		font-size:9px;
		color:#666;
		background-color:#ccc;
		display:inline-block;
		padding:0px 5px;
}
.wp-pagenavi {
    clear: both;
    text-align: center;
	padding-bottom:30px;
}
.pntsc_news_single_nav_under{
	text-align:center;
	margin-bottom:30px;
}
.pntsc_news_single_nav_under a{
	display:inline-block;
	border:1px solid #666;
	padding:3px 15px;
	margin-left:10px;
	margin-right:10px;
}
.wp-pagenavi a, .wp-pagenavi span{
font-family: 'brandontxt', sans-serif;
border: 1px solid #000 !important;
font-size:12px;
font-weight:bold;
}
.wp-pagenavi a:hover, .wp-pagenavi span.current {
    border-color: #e1c102 !important;
}



.pntsc_content_pp {
  padding-top: 30px;
  padding-bottom: 60px;
  text-align: center;
  font-family: 'Sawarabi Gothic', sans-serif;
  font-weight: 400;
}

.pntsc_content_pp h3 {
  font-size: 24px;
  text-align: center;
  margin-bottom: 30px;
  letter-spacing: 0.1em;
  line-height: 1.8;
}

.pntsc_content_pp h3:nth-of-type(n+2) {
  margin-top: 30px;
}

.pntsc_content_pp p {
  font-size: 12px;
  text-align: left;
  margin-bottom: 30px;
  line-height: 1.8;
}

.pntsc_content_pp ul li {
  font-size: 12px;
}


/* ----------------top contents設定 */

.pntsc_content_process {
  padding-bottom: 60px;
}

.pntsc_content_process_header p {
  width: 420px;
  margin-left: 420px;
  margin-bottom: 60px;
  text-align: left;
  font-size: 12px;
}

.pntsc_content_process_header p span {
  background-color: #000;
  color: #fff;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
  margin-top: 30px;
  font-size: 12px;
}

.pntsc_content_process ul li:first-child {
  border-top: 1px dotted#000;
}

.pntsc_content_process ul li {
  border-bottom: 1px dotted #000;
  padding-top: 30px;
  padding-bottom: 30px;
}

.pntsc_content_process ul li p {
  float: left;
  width: 170px;
  padding-right: 40px;
  padding-left: 40px;
  text-align: center;
}

.pntsc_content_process ul li p img {
  max-width: 100%;
  height: auto;
  max-height: 125px;
  width: auto;
}

.pntsc_content_process ul li dl {
  float: left;
}

.pntsc_content_process ul li dl dt {
  font-size: 14px;
  font-weight: 600;
  margin-bottom: 15px;
  letter-spacing: 0.1em;
}

.pntsc_content_process ul li dl dt strong {
  background-color: #000;
  color: #fff;
  border-radius: 100%;
  padding-left: 6px;
  padding-right: 6px;
  letter-spacing: 0;
}

.process_inter {
  text-align: center;
  background-image: url('data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBzdGFuZGFsb25lPSJubyI/PjwhRE9DVFlQRSBzdmcgUFVCTElDICItLy9XM0MvL0RURCBTVkcgMS4xLy9FTiIgImh0dHA6Ly93d3cudzMub3JnL0dyYXBoaWNzL1NWRy8xLjEvRFREL3N2ZzExLmR0ZCI+PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHdpZHRoPSIxMDAlIiBoZWlnaHQ9IjEwMCUiPjxkZWZzPjxwYXR0ZXJuIGlkPSJwYXR0ZXJuX213d3U1NSIgcGF0dGVyblVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgd2lkdGg9IjYuNSIgaGVpZ2h0PSI2LjUiIHBhdHRlcm5UcmFuc2Zvcm09InJvdGF0ZSg0NSkiPjxsaW5lIHgxPSIwIiB5PSIwIiB4Mj0iMCIgeTI9IjYuNSIgc3Ryb2tlPSIjMEQwRTBEIiBzdHJva2Utd2lkdGg9IjEiLz48L3BhdHRlcm4+PC9kZWZzPiA8cmVjdCB3aWR0aD0iMTAwJSIgaGVpZ2h0PSIxMDAlIiBmaWxsPSJ1cmwoI3BhdHRlcm5fbXd3dTU1KSIgb3BhY2l0eT0iMSIvPjwvc3ZnPg==')
}

.process_inter span {
  background-color: #000;
  color: #fff;
  display: inline-block;
  padding-left: 5px;
  padding-right: 5px;
}

.pntsc_content_company_concept {}

.company .instead_of_h2 {
  text-align: center;
}

.pntsc_content_company_concept img {
  width: 100%;
  height: auto;
}

.pntsc_content_company_concept p {
  text-align: center;
  padding-top: 50px;
  padding-bottom: 115px;
  line-height: 2.5;
  letter-spacing: 0.1em;
}

.pntsc_content_company_member {
  padding-bottom: 60px;
}

.pntsc_content_company_member dl {
  width: calc(100% / 6);
  float: left;
  position: relative;
}

.pntsc_content_company_member dl dt {
  text-align: center;
}

.pntsc_content_company_member dl dt img {
  width: 80%;
  height: auto;
}

.pntsc_content_company_member dl dd {
  text-align: center;
  top: -40px;
  position: relative;
  font-family: 'brandontxt', sans-serif;
  letter-spacing: 0.15em;
  font-weight: 600;
  text-indent: 0.15em;
}

.pntsc_content_company_information {
  border-top: 1px solid #000;
  padding-top: 40px;
  padding-bottom: 20px;
}

.pntsc_content_company_info_l {
  float: left;
  width: 385px;
  margin-right: 70px;
}

.pntsc_content_company_info_r {
  float: right;
  width: 385px;
}

.pntsc_content_company_info_l dl dt, .pntsc_content_company_info_r dl dt {
  float: left;
  clear: both;
  width: 70px;
}

.pntsc_content_company_info_l dl dd, .pntsc_content_company_info_r dl dd {
  float: left;
  margin-bottom: 30px;
}

.pntsc_content_company_info_l dl dd {
  width: calc(385px - 70px);
}

.pntsc_content_company_info_r dl dd {
  width: calc(385px - 70px);
}

.pntsc_content_company_info_map {
  padding-bottom: 30px;
  clear: both;
}


/* ----------------top contents設定 */

.pntsc_content_contact_ex p:nth-of-type(1) {
  width: 350px;
  float: left;
}

.pntsc_content_contact_ex p:nth-of-type(2) {
  width: auto;
  float: right;
  text-align: left;
}

.pntsc_content_contact_ex p:nth-of-type(2) span {
  font-size: 24px;
}


/* ----------------rsv contents設定 */

.pntsc_content_news li:first-of-type {
  padding-top: 0px;
}

.pntsc_content_news li {
  padding-bottom: 50px;
  border-bottom: 1px solid #000;
  padding-top: 50px;
}

.pntsc_content_news li:last-of-type {
  border-bottom: 0px solid #000;
}

.pntsc_content_news dl dt {
  width: 415px;
  float: left;
}

.pntsc_content_news dl dd {
  width: 325px;
  padding-left: 60px;
  float: left;
  padding-top: 40px;
}

.pntsc_content_news dl dd h3 {
  font-family: 'Noto Sans Japanese';
  font-weight: 400;
  font-size: 14px;
  margin-bottom: 30px;
}

.pntsc_content_news dl dd p:first-child {
  font-family: 'brandontxt', sans-serif;
  letter-spacing: 0.15em;
  font-weight: 600;
  font-size: 14px;
}

.pntsc_content_news dl dt img {
  width: 100%;
  height: auto;
}


/* ----------------rsv zone設定 */

.pntsc_content_news_detail {
  width: 670px;
  margin: 0 auto;
}

.pntsc_content_news_detail img {
  max-width: 100%;
  height: auto;
}

.cat_new_article_contents {
  padding-top: 75px;
}

.cat_new_newsdetail_date {
  font-family: 'brandontxt', sans-serif;
  letter-spacing: 0.15em;
  font-weight: 600;
  font-size: 14px;
}
.pntsc_openonoff{
	text-align:center;
	background-color:#e9e7e7;
	margin-top:10px;
}
.cat_new_news_detail_content {
  border-top: 1px solid #000;
  margin-top: 0px;
  padding-top: 50px;
  padding-bottom: 50px;
}

.cat_new_news_detail_content a[href*="https://transform-cat.com/works/"] {
  text-decoration: underline;
}

.pntsc_content_process a[href*="https://transform-cat.com/contact/"] {
  text-decoration: underline;
}


/* ----------------rsv zone cofirm設定 */


/* ----------------member設定 */


/* ----------------worksdetail一覧切り替え 設定 */


/* 吹き出し本体 - 左右の中心 */

.balloon1 {
  position: relative;
  padding: 8px;
  background-color: #fff;
  width: 100px;
  text-align: center;
  border: 1px solid #000;
  font-size: 10px;
  margin: 0 auto;
  top: -20px;
  color: #000;
  animation-name: fadeOut;
  animation-duration: 3s;
  animation-fill-mode: forwards;
  animation-delay: 2s;
}

@-webkit-keyframes arrow {
  0%, 100% {
    bottom: 30px
  }
  50% {
    bottom: 20px
  }
}

@keyframes arrow {
  0%, 100% {
    bottom: 30px
  }
  50% {
    bottom: 20px
  }
}


/* 三角アイコン - 左右の中心 */

.balloon1::before {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  bottom: -10px;
  margin: 0 auto;
  border-top: 10px solid #000;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}

.balloon1::after {
  content: '';
  position: absolute;
  display: block;
  width: 0;
  height: 0;
  left: 0;
  right: 0;
  margin: 0 auto;
  bottom: -8px;
  border-top: 10px solid #fff;
  border-right: 10px solid transparent;
  border-left: 10px solid transparent;
}

@keyframes fadeOut {
  0% {
    opacity: 1;
  }
  100% {
    opacity: 0;
  }
}

html, body {
  width: 100%;
  min-height: 100%;
}

.catnew_worksdetail_gallery {
  box-sizing: border-box;
  padding-top: 40px;
  background: #fff;
  max-width: 840px;
  margin: auto;
}

.c-radio {
  display: none;
}

.btn {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  width: 70px;
  height: 24px;
  margin: 0 auto;
}

.btn__multi, .btn__single {
  width: 24px;
  height: 24px;
  cursor: pointer;
}

.btn__multi span, .btn__single span {
  display: block;
  background: #ccc;
  border-radius: 2px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.btn__multi:hover span, .btn__multi:hover span:after, .btn__single:hover span, .btn__single:hover span:after {
  background: #aaa;
}

.btn__multi {
  position: relative;
}

.btn__multi span {
  display: block;
  width: 11px;
  height: 11px;
}

.btn__multi span:first-child {
  margin-bottom: 2px;
}

.btn__multi span:after {
  content: "";
  position: absolute;
  right: 0;
  width: 11px;
  height: 11px;
  background: #ccc;
  border-radius: 2px;
  -webkit-transition: all .3s ease;
  transition: all .3s ease;
}

.btn__single span {
  wdith: 24px;
  height: 11px;
}

.btn__single span:first-child {
  margin-bottom: 2px;
}

.card {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
  flex-wrap: wrap;
  width: 100%;
  margin: 40px auto 0;
}

.card__item {
  position: relative;
  width: calc(25% - 15px);
  height: 100%;
  margin: 0 0 20px 20px;
  background: #f6f8f7;
  animation: anime1 1s ease;
}

.card__item img {
  height: auto;
}

.card__item:before {
  content: "";
  display: block;
  padding-top: 56.25%;
}

.card__item:nth-child(4n+1) {
  margin-left: 0;
}

.card__item span {
  position: absolute;
  top: 10px;
  left: 10px;
  display: block;
  font-size: 10px;
  color: #fff;
  letter-spacing: 1px;
}

#single:checked~.card .card__item span {
  top: 20px;
  left: 20px;
  font-size: 16px;
}

#single:checked~.card {
  margin: 40px auto 0;
}

#multi:checked~.btn .btn__multi {
  cursor: default;
}

#multi:checked~.btn .btn__multi span {
  background: #3B4144;
}

#multi:checked~.btn .btn__multi span:after {
  background: #3B4144;
}

#single:checked~.btn .btn__single {
  cursor: default;
}

#single:checked~.btn .btn__single span {
  background: #3B4144;
}

.centered {
  border: 0px solid #ccc;
  display: table;
  height: 200px;
  width: calc(25% - 15px);
}

@keyframes anime1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1.0;
  }
}

.centered>a {
  display: table-cell;
  vertical-align: middle;
}

.centered a img {
  display: block;
  margin: 0 auto;
  max-height: 200px;
  max-width: 100%;
}

@keyframes anime1 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1.0;
  }
}

@keyframes anime2 {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1.0;
  }
}

#single:checked~.card .centered a img {
  max-width: 100%;
  height: auto;
  max-height: 150%;
  width: 840px;
}

#multi:checked~.card .centered a img {
  animation: anime1 2s ease;
}

#single:checked~.card .centered {
  width: 100%;
  animation: anime2 1.5s ease;
}

#single:checked~.centered {
  height: 100%;
}

#single:checked~.card .card__item {
  background: #fff;
  margin-left: 0px;
}


/* -----フィッシュ コンタクトパーツ ----- */

#contact_zone {}

#contact_zone_inner {
  width: 840px;
  margin: 0 auto;
  padding-top: 60px;
}

#contact_zone_stripe {
  background-image: url(../img/stripe_a7a7a34cc169f2a299ac4c72ea13d175.png);
  padding-left: 100px;
  padding-right: 100px;
  padding-top: 30px;
  padding-bottom: 30px;
  margin-bottom: 20px;
}

#contact_zone_stripe_left {
  width: 720px;
  padding-left: 60px;
  padding-right: 60px;
}

#contact_zone_stripe_right {
  width: 720px;
  padding-left: 60px;
  padding-right: 60px;
}

#contact_zone_inner h5 {
  background-image: url(../img/cm_n_page_contactzone_title.png);
  width: 840px;
  height: 43px;
  background-repeat: no-repeat;
  display: block;
  font-family: 'Open Sans', sans-serif;
  font-size: 30px;
  font-weight: 800;
  margin-top: 30px;
  background-position: center center;
}

#contactzone_p {
  text-align: center;
  font-size: 20px;
  margin-bottom: 30px;
  font-family: 'Noto Sans Japanese', serif;
  font-weight: 400;
}

#cf_contact_under {
  width: 840px;
  margin: 0 auto;
  padding-bottom: 60px;
}

#cf_contact_under p {
  font-size: 16px;
  font-family: 'Noto Sans Japanese', serif;
  font-weight: 400;
  text-align: left;
}

#submit_p {
  text-align: center;
  width: 100%;
  line-height: 1;
}

.wpcf7 .wpcf7-text {
  border: #666 1px solid;
  width: 100%;
  height: 25px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  line-height: 1;
  padding-left: 4px;
}

.wpcf7 .wpcf7-textarea {
  border: #666 1px solid;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  width: 100%;
  height: 160px;
  padding-left: 4px;
  padding-top: 4px;
  background-color: #ffft;
}

.wpcf7 .wpcf7-submit {
  padding-left: 20px;
  padding-right: 20px;
  font-family: 'Noto Sans Japanese', serif;
  font-size: 18px;
  background-color: #000;
  color: #FFFFFF;
  border: 1px solid #000;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  line-height: 1;
  margin-top: 10px;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
  letter-spacing: 0.5em;
  text-indent: 0.5em;
}

.wpcf7 .your-message2 {
  width: 100%;
  height: 165px;
  line-height: 1;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  background-color: transparent;
}

.wpcf7 .your-name, .wpcf7 .your-namekana, .wpcf7 .your-email, .wpcf7 .your-tel {
  width: 100%;
  height: 25px;
}

.wpcf7 .wpcf7-select {
  border: #666 1px solid;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  width: 100%;
  height: 25px;
  padding-left: 4px;
  padding-top: 4px;
  background-color: #ffft;
}

#contact_zone_inner dl {
  margin-bottom: 30px;
  font-family: 'Noto Sans Japanese', serif;
}

#contact_zone_inner dl dt {
  font-size: 12px;
  font-weight: 400;
  line-height: 1.2;
  float: left;
  width: 220px;
  padding-right: 20px;
  font-family: 'Noto Sans Japanese', serif;
}

.contact #contact_zone_inner dl dt {
  color: #000;
}

#contact_zone_inner dl dt span {
  font-size: 12px;
}

#contact_zone_inner dl dd {
  position: relative;
  float: left;
  width: calc(100% - 240px);
}

.wpcf7 div.wpcf7-validation-errors {
  border: 2px solid #F00;
  padding: 0px;
  color: #FF0000;
}

.wpcf7 span.wpcf7-form-control-wrap {
  position: relative;
  display: block;
}

.your-message2 {
  position: relative;
  display: block;
}

.wpcf7 span.wpcf7-not-valid-tip {
  position: absolute;
  top: -15px;
  right: 0px;
  z-index: 100;
  background: none;
  border: none;
  font-size: 12px;
  width: auto;
  padding: 0px;
  color: #FF0000;
  line-height: 1;
  height: 12px;
}

.wpcf7 div.wpcf7-response-output {
  margin: 0;
  padding: 0;
  margin-top: 20px;
  border-radius: 0px;
  -webkit-border-radius: 0px;
  -moz-border-radius: 0px;
  font-size: 14px;
  text-align: center;
}

.wpcf7 .your-message2 span.wpcf7-not-valid-tip {
  top: -15px;
}

.wpcf7 div.wpcf7-mail-sent-ok {
  border: 2px solid #015874;
  color: #015874;
  text-shadow: 2px 2px 2px #ccc;
}

.contact .wpcf7 div.wpcf7-mail-sent-ok {
  border: 2px solid blue;
  color: #000;
  text-shadow: 2px 2px 2px #ccc;
  font-family: 'Noto Sans Japanese', serif;
}

.wpcf7 div.wpcf7-mail-sent-ng {
  border: 2px solid #F00;
  color: #FF0000;
}

#contact_zone_stripe_inner {
  padding-top: 30px;
}

#contact_zone_stripe_free {
  padding-top: 60px;
  padding-bottom: 60px;
  margin-top: 30px;
  border: 1px solid #000;
  width: 720px;
  padding-left: 60px;
  padding-right: 60px;
}

#contact_zone_stripe_free h3 {
  font-family: 'Noto Sans Japanese', serif;
  font-weight: bold;
  font-size: 16px;
  margin-bottom: 30px;
  text-align: center;
}

#contact_zone_stripe_send {
  padding-top: 60px;
  padding-bottom: 60px;
  margin-top: 30px;
}


/* -----フィッシュ コンタクトパーツ ----- */

.radio {}

.radio input[type="radio"] {
  position: absolute;
  opacity: 0;
}

.radio input[type="radio"]+.radio-label:before {
  content: '';
  background: #f4f4f4;
  border-radius: 100%;
  border: 1px solid #b4b4b4;
  display: inline-block;
  width: 1.4em;
  height: 1.4em;
  position: relative;
  top: -0.2em;
  margin-right: 1em;
  vertical-align: top;
  cursor: pointer;
  text-align: center;
  transition: all 250ms ease;
}

.radio input[type="radio"]:checked+.radio-label:before {
  background-color: #3197EE;
  box-shadow: inset 0 0 0 4px #f4f4f4;
}

.radio input[type="radio"]:focus+.radio-label:before {
  outline: none;
  border-color: #3197EE;
}

.radio input[type="radio"]:disabled+.radio-label:before {
  box-shadow: inset 0 0 0 4px #f4f4f4;
  border-color: #b4b4b4;
  background: #b4b4b4;
}

.radio input[type="radio"]+.radio-label:empty:before {
  margin-right: 0;
}

.acceptance_check {
  text-align: center;
  display: inline-flex
}

.wpcf7-acceptance {}

.acceptance-0 {
  text-align: center;
}


/*-------------------------
  ブログカード
-------------------------*/

.blog-card {
  background-color: f4f4f4;
  border-radius: 0px;
  border: 1px dashed #666;
  margin: 30px;
}

.blog-card a {
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
  flex-wrap: wrap;
  padding: 10px;
  border: none;
  transition: 0.5s ease;
}

.blog-card-thum {
  width: 140px;
  height: 80px;
  background-repeat: no-repeat;
  background-size: cover;
  background-position: center;
  margin-right: 10px;
}

.blog-card-content {
  width: calc(100% - 210px);
}

.blog-card__ttl {
  font-weight: bold;
  font-size: 14px;
  letter-spacing: 0.02em;
}

@media screen and (min-width: 768px) {
  .blog-card a:hover {
    border-bottom: none;
    opacity: 0.6;
  }
}


/*============================ #SP ============================*/

@media screen and (max-width: 767px) {
  /* ---------------------------------------------------------------- SP ---- */
  /*============================ #blog-card ============================*/
  .blog-card {
    border-radius: 3px;
    margin: 30px 0;
  }
  .blog-card a {
    padding: 10px;
  }
  .blog-card-thum {
    width: 120px;
    height: 80px;
    margin-right: 10px;
  }
  .blog-card-content {
    width: calc(100% - 130px);
  }
  .blog-card__ttl {
    font-size: 15px;
  }
}


/*============================ #SP ============================*/

.cat_news_single_nav {
  width: 100%;
  border-top: 1px solid #000;
  padding-top: 30px;
  position: relative;
}

.cat_news_single_nav ul li {
  width: 48%;
}

.cat_news_single_nav ul li:nth-of-type(1) {
  width: 48%;
  margin-right: 2%;
}

.cat_news_single_nav ul li:nth-of-type(2) {
  width: 48%;
  padding-left: 2%;
  border-left: 1px dotted #ccc;
  box-sizing: border-box;
}

.cat_news_single_nav ul li div {
  width: 20%;
}

.cat_news_single_nav ul li div img {
  width: 100%;
  height: 100%;
}

.single_nav_l div {
  float: left;
  margin-right: 5%;
}

.single_nav_r div {
  float: left;
  margin-right: 5%;
}

.cat_news_single_nav ul li:nth-of-type(1) {
  float: left;
}

.cat_news_single_nav ul li:nth-of-type(2) {
  float: right;
}

.cat_news_single_nav ul li a {
  font-size: 9px;
  width: 75%;
  line-height: 1.5;
  display: inline-block;
}

.cat_news_single_nav ul li span {
  font-size: 9px;
  color: #666;
  background-color: #ccc;
  display: inline-block;
  padding: 0px 5px;
}