@charset "Shift_JIS";

/*
Šξ–{ˆκ——
699pxyspΨ‚θ‘Φ‚ν‚θƒ|ƒCƒ“ƒgz
@media screen and (max-width: 699px) {}
@media screen and (min-width: 700px) {}
@media screen and (min-width: 700px) and (max-width: 959px) {}
@media screen and (min-width: 960px) and (max-width: 1279px) {}
@media screen and (min-width: 1280px) {}
*/
/*------------------------------------------
	‹€’Κ
------------------------------------------*/
.k036_td_20191010_monotone_detailhtml {
    color: #333;
    font-size: 18px;
    font-family: "Hiragino Kaku Gothic ProN","Hiragino Kaku Gothic Pro","ƒƒCƒŠƒI",Meiryo,"‚l‚r ƒSƒVƒbƒN","ŸΰƒSƒVƒbƒN","Yu Gothic",YuGothic,sans-serif;
    -webkit-text-size-adjust: 100%;
	-webkit-box-sizing: border-box;
	        box-sizing: border-box;
	     -o-box-sizing: border-box;
	    -ms-box-sizing: border-box;
	margin: 0;
	padding: 0;
    min-width: 990px;
}
.k036_td_20191010_monotone_detailhtml *:hover {
	-webkit-transition: all 0.2s ease-in;
	-o-transition: all 0.2s ease-in;
	transition: all 0.2s ease-in
}
.k036_td_20191010_monotone_detailhtml a:hover{
	color:#aaa;
}
.k036_td_20191010_monotone_detailhtml .img_link_on a:hover img {
    opacity: .7 !important;
    filter: alpha(opacity=70) !important;/* ie lt 8 */
    -ms-filter: alpha(opacity=70) !important;/* ie 8 */
    -moz-opacity: .7 !important;/* FF lt 1.5, Netscape */
    -khtml-opacity: .7 !important;/* Safari 1.x */
    -webkit-transition: .4s;
    -o-transition: .4s;
    transition: .4s;
}

@media all and (-ms-high-contrast:none) {
	.k036_td_20191010_monotone_detailhtml {
		font-family: "ƒƒCƒŠƒI",Meiryo,"‚l‚r ƒSƒVƒbƒN","MS PGothic","ŸΰƒSƒVƒbƒN",YuGothic,"ƒqƒ‰ƒMƒmŠpƒS Pro W3","Hiragino Kaku Gothic Pro",sans-serif;
	}
}

/*--------------PCESP•\Ž¦ŠΗ—--------------*/
@media screen and (min-width: 699px) {
	.k036_td_20191010_monotone_detailhtml .pc_br:before {	content: "\A" ;	white-space: pre ;}
	.k036_td_20191010_monotone_detailhtml .pc_none {display: none !important;	}
}
@media screen and (max-width: 699px) {
	.k036_td_20191010_monotone_detailhtml .sp_br:before {	content: "\A" ;	white-space: pre ;}
	.k036_td_20191010_monotone_detailhtml .sp_none{display: none !important;}
}
.k036_td_20191010_monotone_detailhtml figure,.k036_td_20191010_monotone_detailhtml p{margin: 0;}

/*--------------inner--------------*/
.k036_td_20191010_monotone_detailhtml .inner_01, .k036_td_20191010_monotone_detailhtml .inner_spwide_01 {
	max-width: 960px;
	min-width: 960px;
	width: auto;
	margin: 0 auto;
}

.k036_td_20191010_monotone_detailhtml .inner_txt{
  width: 100%;
}


@media screen and (max-width: 699px) {
	.k036_td_20191010_monotone_detailhtml {
		font-size: 13px;
    	min-width: 0;
	}
	.k036_td_20191010_monotone_detailhtml .inner_spwide_01, .k036_td_20191010_monotone_detailhtml .wrap {
		width: 100%;
		min-width: 0;
		max-width: 699px;
		padding: 0;
	}
  .k036_td_20191010_monotone_detailhtml .inner_01, .k036_td_20191010_monotone_detailhtml .wrap .inner_01 {
      width: 92%;
      margin: 0 auto;
      max-width: 92%;
      min-width: 92%;
      padding: 0;
    }
  .k036_td_20191010_monotone_detailhtml .inner_txt{
    margin: 0 auto;
    width: 76%;
    min-width: 275px;
  }
}
@media screen and (max-width: 896px){
 /* .k036_td_20191010_monotone_detailhtml .inner_txt{
    margin: 0 auto;
    width: 76%;
    min-width: 275px;
  }*/
  
}

/*”wŒi*/
.k036_td_20191010_monotone_detailhtml .bg_black{
  background-color: #1a1e23;
}
.k036_td_20191010_monotone_detailhtml .bg_gray{
  background-color: #30373f;
}
.k036_td_20191010_monotone_detailhtml .bg_lightGray{
  background-color: #f5f5f5;
}

/*--------------ƒ^ƒCƒgƒ‹--------------*/

.k036_td_20191010_monotone_detailhtml .tit_01 picture,
.k036_td_20191010_monotone_detailhtml .tit_02 picture{ width: 100%;}
.k036_td_20191010_monotone_detailhtml .tit_01 picture img,
.k036_td_20191010_monotone_detailhtml .tit_02 picture img{ width: 100%;}

.k036_td_20191010_monotone_detailhtml .tit_01{
	padding-bottom:10px;
  border-bottom: solid 2px #B4A078;
}


.k036_td_20191010_monotone_detailhtml .tit_02 picture{
  display: block;
  margin-bottom: 10px;
  padding-bottom:10px;
  border-bottom: solid 1px #222;
}

.k036_td_20191010_monotone_detailhtml .tit_02 span{
  font-size: 15px;
  font-weight: normal;
}

@media screen and (max-width: 699px) {
  .k036_td_20191010_monotone_detailhtml .tit_01{
    margin: 0 auto;
    width: 275px;
    padding-bottom: 7px;
  }
  
  .k036_td_20191010_monotone_detailhtml .tit_02 picture{
    margin: 0 auto 10px;
    width: 275px;
    padding-bottom: 7px;
  }
  .k036_td_20191010_monotone_detailhtml .tit_02 span{
    display: block;
    text-align: center;
    font-size: 12px;
  }
}
/*------------------------------------------
	top_area
------------------------------------------*/
.k036_td_20191010_monotone_detailhtml .top_area .inner_01{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  width: 100%;
  margin-bottom: 10px;
  max-width: 1373px;
}
.k036_td_20191010_monotone_detailhtml .top_area .inner_01 .top_info{
  width: 220px;
}
@media screen and (max-width: 699px) {
  .k036_td_20191010_monotone_detailhtml .top_area .inner_01{
    margin-bottom: 0;
  }
  .k036_td_20191010_monotone_detailhtml .top_area .inner_01 .top_info{
    width: 24px;
    padding: 0 10px 0 0;
  }
}
/*------------------------------------------
	hero
------------------------------------------*/
.k036_td_20191010_monotone_detailhtml .hero_area{}
.k036_td_20191010_monotone_detailhtml .hero_area .hero_box_mv{
  background: url("../images/template/k036_td_20191010_01_01_header.jpg") no-repeat center;
  background-size: 1373px;
  height: 430px;
  min-width: 960px;
  margin: 0 auto;
}
.k036_td_20191010_monotone_detailhtml .hero_area .hero_box .hero_box_mv figure{
  display: none;
}

.k036_td_20191010_monotone_detailhtml .hero_area .hero_box .inner_txt{
  padding: 37px 0;
}

.k036_td_20191010_monotone_detailhtml .hero_area .hero_box .inner_txt .hero_title{
  margin-bottom: 25px;
}
.k036_td_20191010_monotone_detailhtml .hero_area .hero_box .inner_txt p{
  letter-spacing: -0.1em;
  
}
@media screen and (max-width: 699px) {
  .k036_td_20191010_monotone_detailhtml .hero_area .hero_box_mv{
    min-width: 100%;
    height: auto;
  }
  .k036_td_20191010_monotone_detailhtml .hero_area .hero_box .hero_box_mv figure{
    display: block;
  }
  .k036_td_20191010_monotone_detailhtml .hero_area .hero_box .inner_txt p{font-size: 14px;}
}

/*------------------------------------------
	ƒtƒŠ[ƒAƒhƒŒƒXEŒΕ’θΘ
------------------------------------------*/
.k036_td_20191010_monotone_detailhtml .contents_area{
  padding: 40px 0 50px;
}
.k036_td_20191010_monotone_detailhtml .bg_lightGray .contents_area{
  padding-bottom: 0;
}
.k036_td_20191010_monotone_detailhtml .contents_area .tit_01{
  margin-bottom: 20px;
  border-bottom: 4px solid #b4a078;
}
.k036_td_20191010_monotone_detailhtml .contents_area .inner_txt > p{
  margin-bottom: 25px;
  color: #fff;
}
.k036_td_20191010_monotone_detailhtml .bg_lightGray .contents_area .inner_txt > p{
  color: #222;
  margin-top: 10px;
}
.k036_td_20191010_monotone_detailhtml .contents_area .img_box{
  -webkit-box-shadow: 6px 6px 12px #000;
          box-shadow: 6px 6px 12px #000;
}
.k036_td_20191010_monotone_detailhtml .contents_area .img_box img{
  display: block;
}
.k036_td_20191010_monotone_detailhtml .free_add_area{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
}
.k036_td_20191010_monotone_detailhtml .free_add_area .img_box{
  width: calc(920px/2);
}
.k036_td_20191010_monotone_detailhtml .free_add{
  width: calc(920px/2);
}
.k036_td_20191010_monotone_detailhtml .fixed_seat_area .img_box{
  margin-bottom: 40px;  
}
.k036_td_20191010_monotone_detailhtml .fixed_seat{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
      -ms-flex-direction: column;
          flex-direction: column;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  -ms-flex-line-pack: justify;
      align-content: space-between;
  height: 304px;
}
.k036_td_20191010_monotone_detailhtml .fixed_seat li{
  width: calc(920px/2);
  -webkit-box-flex: 0;
      -ms-flex: 0 0 32.8%;
          flex: 0 0 32.8%;
}
.k036_td_20191010_monotone_detailhtml .fixed_seat li:nth-of-type(4){
  border-top: 1px solid #fff;
}

.k036_td_20191010_monotone_detailhtml .item_list li:first-of-type{
  border-top: 1px solid #fff;
}
.k036_td_20191010_monotone_detailhtml .item_list li{
  border-bottom: 1px solid #fff;
}
.k036_td_20191010_monotone_detailhtml .item_list li a{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 9.5px 0;
  color: #fff;
  text-decoration: none;
}
.k036_td_20191010_monotone_detailhtml .item_list li .item_box{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
      -ms-flex-align: center;
          align-items: center;
  width: 74%;
}
.k036_td_20191010_monotone_detailhtml .item_list li .item_box .color{
  width: 20px;
  margin: 0 20px 0 10px;
}
.k036_td_20191010_monotone_detailhtml .item_list li .item_box dl dt{
  font-size: 14px;
  letter-spacing: -0.05em;
}
.k036_td_20191010_monotone_detailhtml .item_list li .item_box dl dd{
  font-weight: bold;
  font-size: 16px;
}
.k036_td_20191010_monotone_detailhtml .item_list li .item_box dl dd span{
  font-weight: normal;
  font-size: 12px;
}
.k036_td_20191010_monotone_detailhtml .item_list li .item_img{
  width: 26%;
}

@media screen and (max-width: 699px) {
  .k036_td_20191010_monotone_detailhtml .contents_area{
    padding: 20px 0;
  }
  .k036_td_20191010_monotone_detailhtml .contents_area .inner_txt{
    width: 70%;
  }
  .k036_td_20191010_monotone_detailhtml .contents_area .tit_01{
    margin-bottom: 10px;
    border-bottom: 2px solid #b4a078;
  }  
  .k036_td_20191010_monotone_detailhtml .contents_area .inner_txt > p{
    margin-bottom: 20px;
  }
  .k036_td_20191010_monotone_detailhtml .bg_lightGray .inner_txt > p{
    margin-top: 20px;
	text-align: center;
  }
  .k036_td_20191010_monotone_detailhtml .contents_area .img_box{
    -webkit-box-shadow: none;
            box-shadow: none;
  }
  .k036_td_20191010_monotone_detailhtml .free_add_area{
    -ms-flex-wrap: wrap;
        flex-wrap: wrap;
  }
  .k036_td_20191010_monotone_detailhtml .free_add_area .img_box{
    width: 100%;
    margin-bottom: 30px;
  }
  .k036_td_20191010_monotone_detailhtml .fixed_seat_area .img_box{
    margin-bottom: 30px;
  }  
  .k036_td_20191010_monotone_detailhtml .fixed_seat{
    height: auto;
  }
  .k036_td_20191010_monotone_detailhtml .fixed_seat li{
    width: 100%;
	-webkit-box-flex: 0;
    	-ms-flex: 0 0 auto;
       	 	flex: 0 0 auto;
  }
  .k036_td_20191010_monotone_detailhtml .fixed_seat li:nth-of-type(4){
    border-top: none;
  }
  .k036_td_20191010_monotone_detailhtml .item_list{
    width: 92%;
    margin: 0 auto;
    max-width: 92%;
    min-width: 92%;
    padding: 0;
  }
  .k036_td_20191010_monotone_detailhtml .item_list li .item_box .color{
    margin: 0 12px 0 8px;
  }
  .k036_td_20191010_monotone_detailhtml .item_list li .item_box dl dt{
    font-size: 12px;
  }
  .k036_td_20191010_monotone_detailhtml .item_list li .item_box dl dd{
    font-size: 12px;
  }
  .k036_td_20191010_monotone_detailhtml .item_list li .item_box dl dd span{
    font-size: 10px;
  }
}

/*------------------------------------------
	CATEGORY
------------------------------------------*/
.k036_td_20191010_monotone_detailhtml #category-slick{
  margin-bottom: 40px;
}
.k036_td_20191010_monotone_detailhtml #category-slick .category_list{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  width: 100%;
  height: 480px;
}
.k036_td_20191010_monotone_detailhtml #category-slick .category_list li{
  width: 318px;
  height: calc((480px - 6px)/2);
}
.k036_td_20191010_monotone_detailhtml #category-slick .category_list a{
  display: block;
  height: inherit;
  z-index: 1;
}
.k036_td_20191010_monotone_detailhtml #category-slick .category_bg {
  position: absolute;
  z-index: -2;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  display: none;
}
.k036_td_20191010_monotone_detailhtml #category-slick .category_bg img {
  display: block;
  width: 100%;
  height: 100%;
  -o-object-fit: cover;
     object-fit: cover;
}	
.k036_td_20191010_monotone_detailhtml #category-slick .bg_disp .category_bg{
  display:block;
}

@media screen and (max-width: 699px) {
  .k036_td_20191010_monotone_detailhtml #category-slick{
    margin-bottom: 20px;
  }
  .k036_td_20191010_monotone_detailhtml #category-slick .category_list{
	height: auto;
  }
  .k036_td_20191010_monotone_detailhtml #category-slick .category_list li{
    width: calc(100%/2 - 2%);
    height: auto;
	margin-bottom: 4%;
  }
  .k036_td_20191010_monotone_detailhtml #category-slick .bg_disp .category_bg{
    display:none;
  }
}

/*------------------------------------------
	OFFICE PLANNING SERVICE
------------------------------------------*/
.k036_td_20191010_monotone_detailhtml .contents_area > picture.btn{
  display: block;
  padding: 10px 0 0 0;
}
.k036_td_20191010_monotone_detailhtml .contents_area .other_shop_area {
  margin-top: 50px;
  padding: 18px 0 35px;
  border-top: solid 1px #222;
}
.k036_td_20191010_monotone_detailhtml .contents_area .other_shop_area .inner_txt p{
  margin-top: 0px;
  margin-bottom:15px;
}
.k036_td_20191010_monotone_detailhtml .contents_area .other_shop_area ul{
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -ms-flex-wrap: wrap;
      flex-wrap: wrap;
  margin-left: -12px;
}
.k036_td_20191010_monotone_detailhtml .contents_area .other_shop_area ul li{
  width: 230px; 
  margin-bottom: 15px;
  margin-left: 13px;
}

@media screen and (max-width: 699px) {
  .k036_td_20191010_monotone_detailhtml .contents_area .other_shop_area {
    margin-top: 30px;
    padding: 20px 0 50px;
  }
  .k036_td_20191010_monotone_detailhtml .contents_area .other_shop_area ul{
    margin-left: -4%;
  }
  .k036_td_20191010_monotone_detailhtml .contents_area .other_shop_area ul li{
    width: 46%;
    margin-bottom: 8px;
    margin-left: 4%;
  }
  .k036_td_20191010_monotone_detailhtml .contents_area .other_shop_area ul li a img{
    width: 100%;
  }
}
/*------------------------------------------
	footer@γ‘‚«
------------------------------------------*/
@media screen and (max-width: 699px) {
  #footer {
      margin-top: 0px !important;
  }
}