@charset "UTF-8";
/*
* style.css
* description : CINEMA COFFEE ROASTERS
*
* Created  2021/11/10.
* Last Update 2022/02/11.
*/




/* INDEX */

/*[[[ Loading ]]]*/


/*[[[ Wrapper ]]]*/


/*[[[ Header ]]]*/
/*----- [[[ Main Header ]]] -----*/
/*----- [[[ Index Corner Title ]]] -----*/
/*----- [[[ Pages Corner Title ]]] -----*/


/*[[[ Content ]]]*/
/*----- [[[ for Index ]]] -----*/
/*----- [[[ for Pages ]]] -----*/



/*[[[ Footer ]]]*/
/*----- [[[ Social Link Buttons ]]] -----*/
/*----- [[[ Page Top Button ]]] -----*/


/*[[[ Others ]]] */
/*----- [[[ SNS Icon List ]]] -----*/
/*----- [[[ Google Map ]]] -----*/
/*----- [[[ Text Letter Spacing ]]] -----*/
/*----- [[[ Text Line Height ]]] -----*/





/*
[[[ Loading ]]]
*/

/*[[[ for Index ]]]*/
#index #cc-splash {
 position: fixed;
 width: 100%;
 height: 100%;
 background: #111;
 z-index: 99999;
 text-align:center;
 color:#fff;
}

#index #cc-splash-logo {
 position: absolute;
 top: 50%;
 left: 50%;
 transform: translate(-50%, -50%);
}
#index #cc-splash-logo img {
 width: 180px;
}

@media screen and (max-width: 767px) {
 #index #cc-splash-logo img {
  width: 150px;
 }

}

body#index {
 background:#111;
}

body#index.appear,
body#pages {
	background:rgba(255,255,255,1); /*#FFF*/
	background: #FFF url("../images/img_bg_wall.jpg") no-repeat center / cover;
	background-attachment: fixed;
}

@media screen and (max-width:767px) {
	body#index.appear::before,
 body#pages::before {
		background: #FFF url("../images/img_bg_wall.jpg") no-repeat center / cover;
		display: block;
		position: fixed;
		top: 0;
		left: 0;
		width:100%;
		height: 100%;
		padding-bottom: 108px;
		content: "";
		z-index: -1;
	}

} /* @media screen and (max-width:767px) end */


#index .cc-splashbg1,
#index .cc-splashbg2 {
 display: none;
}

body#index.appear .cc-splashbg1,
body#index.appear .cc-splashbg2 {
 display:block;
}

body#index.appear .cc-splashbg1 {
 animation-name:PageAnime;
 animation-duration:1.2s;
 animation-timing-function:ease-in-out;
 animation-fill-mode:forwards;
 content: "";
 position:fixed;
 z-index: 9999;
 width: 100%;
 height: 100vh;
 top: 0;
 left:50%;
 transform: scaleX(1);
 background-color: #111;
}

@keyframes PageAnime {
 0% {
  transform-origin:left;
  transform:scaleX(1);
 }
 50% {
  transform-origin:right;
 }
 100% {
  transform-origin:right;
  transform:scaleX(0);
 }
}

body#index.appear .cc-splashbg2 {
 animation-name:PageAnime2;
 animation-duration:1.2s;
 animation-timing-function:ease-in-out;
 animation-fill-mode:forwards;
  content: "";
 position:fixed;
 z-index: 9999;
 width: 100%;
 height: 100vh;
 top: 0;
 right: 50%;
 transform: scaleX(1);
 background-color: #111;
}

@keyframes PageAnime2 {
 0% {
  transform-origin:right;
  transform:scaleX(1);
 }

 50% {
  transform-origin:left;
 }
 100% {
  transform-origin:left;
  transform:scaleX(0);
 }

}

#index #wrapper{
 opacity: 0;
}

body#index.appear #wrapper{
 animation-name:PageAnimeAppear;
 animation-duration: 1s; /*1s*/
 animation-delay: 0.2s;
 animation-fill-mode:forwards;
 opacity: 0;
}

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

}





/*[[[ for Pages ]]]*/
#pages #cc-splash {
position: fixed;
width: 100%;
height: 100%;
z-index: 99999;
background:#111;
text-align: center;
color:#fff;
}

#pages #cc-splash-logo {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}

#pages #cc-splash-logo img {
width: 180px;
}

@media screen and (max-width: 767px) {
 #pages #cc-splash-logo img {
  width: 150px;
 }

}

#pages .cc-fadeUp{
animation-name: fadeUpAnime;
animation-duration:0.5s;
animation-fill-mode:forwards;
opacity: 0;
}

@keyframes fadeUpAnime{
 from {
  opacity: 0;
  /* transform: translateY(100px); */
 }

 to {
  opacity: 1;
  /* transform: translateY(0); */
 }

}










/*
[[[ Wrapper ]]]
*/

#wrapper {
 /* width: 100% */
}










/*
[[[ Header ]]]
*/

/*----- [[[ Main Header ]]] -----*/
#main-header {
	position: relative;
}


/*スクロールダウン全体の場所*/
.cc-scrolldown {
position: absolute;
width: 100%;
left: 0;
bottom: 1rem;
height: 72px;
text-align: center;
}

/*Scrollテキストの描写*/
.cc-scrolldown span{
 /*描画位置*/
 text-align: center;
 position: relative;
}

/* 線の描写 */
.cc-scrolldown::after{
 content: "";
 position: absolute;
 left: 50%;
 top: 0;
 width: 1px;
 height: 45px;
 background: #eee;
 animation: pathmove 1.4s ease-in-out infinite;
 opacity:0;
}

@keyframes pathmove{
 0%{
  height:0;
  top: 1.6rem;
  opacity: 0;
 }
 30%{
  height:30px;
  opacity: 1;
 }
 100%{
  height:0;
  top: 4rem;
  opacity: 0;
 }

}





/*----- [[[ Index Corner Title ]]] -----*/

#main-header.bg-frame {
 width: 100%;
 height: 100%;
 margin: 0;
 padding: 0;
}


#main-header.bg-frame .bg-shop {
 width: 100%;
 height: 100vh;
 background: url("../../index/images/img_pics_shop_main.jpg") no-repeat center / cover;
 border: 25px solid #fff;
 box-sizing: border-box;
 position: relative;
}

#main-header.bg-frame .bg-shop:after {
 content: "";
 display: block;
 padding-top: 50%;
}


@media screen and (max-width: 1199px) and (min-width: 992px) {
 #main-header.bg-frame .bg-shop {
  border: 20px solid #fff;
 }

}


@media screen and (max-width: 991px) and (min-width: 768px) {
 #main-header.bg-frame .bg-shop {
  border: 16px solid #fff;
 }

 #main-header.bg-frame .bg-shop {
  background: url("../../index/images/img_pics_shop_main_smp.jpg") no-repeat center / cover;
 }

}


@media screen and (max-width: 767px) {
 #main-header.bg-frame .bg-shop {
  border: 12px solid #fff;
 }

}





/*----- [[[ Pages Corner Title ]]] -----*/

@media screen and (min-width: 1280px) {
 #main-header .cc-corner-header-title {
  margin-left: 5%;
 }

}

#main-header .cc-corner-header-catch {
 letter-spacing: .12rem;
}

#main-header .cc-corner-header-catch .cc-corner-header-catch-txt {
 line-height: 1.25;
}











/*
[[[ Content ]]]
*/

/*----- [[[ for Index ]]] -----*/

/*[[[[[ Coffee and Menu ]]]]]*/
@media screen and (max-width: 768px) {
 #index #coffeemenulist-index .cc-sc-frame1,
 #index #coffeemenulist-index .cc-sc-frame2 {
  border-bottom: 1px dotted #A67744;
 }

}





/*[[[[[ Topics for Main Area ]]]]]*/
#index #topics-main-index {
 width: 100%;
 position: absolute;
 left: 0;
}

@media screen and (min-width: 1200px) {
 #index #topics-main-index {
  padding-left: 3rem;
  padding-right: 3rem;
  bottom: 3rem;
 }

} /* @media screen and (min-width: 1200px) end */


@media screen and (max-width: 1199px) and (min-width: 992px) {
 #index #topics-main-index {
  padding-left: 2rem;
  padding-right: 2rem;
  bottom: 2rem;
 }
 
} /* @media screen and (max-width: 1199px) and (min-width: 992px) end */


@media screen and (max-width: 991px) and (min-width: 768px) {
 #index #topics-main-index {
  padding-left: 1.4rem;
  padding-right: 1.4rem;
  bottom: 1.4rem;
 }
 
} /* @media screen and (max-width: 991px) and (min-width: 768px) end */


#index #topics-main-index a,
#index #topics-main-index a:hover {
 color: #fff !important;
}
#index #topics-main-index a:hover {
 text-decoration: underline;
}


/*[[[ Information List ]]]*/
#index #topics-main-index .cc-info-list li {
 background: rgba(255,255,255,.2);
}

#index #topics-main-index .cc-info-list li:nth-child(n+2) {
 display: none;
}


/*[[[ Instagram ]]]*/
#index #insta ul {
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
 padding: 0;
}
#index #insta ul li {
 width: 20%;
 flex-basis: 20%;
 flex-shrink: 1;
 flex-grow: 0;
}
#index #insta ul li a {
 position: relative;
 display: block;
}
#index #insta li a .like {
 position: absolute;
 width: 100%;
 height: 100%;
 left: 0;
 top: 0;
 display: flex;
 align-items: center;
 justify-content: center;
 font-size: 1rem;
 color: #fff;
 opacity: 0.6;
 text-shadow: 0 0 5px #000;
}


@media screen and (max-width: 992px) and (min-width: 768px) {
 #index #insta ul li {
  width: 25%;
  flex-basis: 25%;
 }
 #index #insta ul li:nth-of-type(n+9) {
  display: none;
 }

}


@media screen and (max-width: 767px) and (min-width: 576px) {
 #index #insta ul li {
  width: 33.33333%;
  flex-basis: 33.33333%;
 }
 #index #insta ul li:last-child {
  display: none;
 }

}


@media screen and (max-width: 575px) {
 #index #insta ul li {
  width: 50%;
  flex-basis: 50%;
 }

}





/*----- [[[ for Pages ]]] -----*/

/*[[[[[ Shop Info ]]]]]*/

/*[[[ Pics 3 column ]]]*/
.cc-shopinfo-pics {
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
}
.cc-shopinfo-pics li {
 margin-right: 20px;
 width: calc(33.33333% - 40px / 3);

}
.cc-shopinfo-pics li:last-child {
 margin-right: 0;
}


/*[[[ Shop Info List and  Detail ]]]*/

/*[ List ]*/
.cc-shopinfo-list li {
 position: relative;
 padding-left: 18px;
}
.cc-shopinfo-list li:before {
 content: "";
 width: 10px;
 height: 10px;
 display: inline-block;
 background: #A67744;
 border-radius: 50%;
 position: absolute;
 top: .6rem;
 left: 0;
}

/*[ Detail ]*/
.cc-shopinfo-detail {
 width: auto;
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
 margin: 0;
 padding: 0;
}
.cc-shopinfo-detail dt {
 width: 100px;
 flex-basis: 100px;
 flex-grow: 0;
 flex-shrink: 0;
 margin: 0;
 padding: 0;
}
.cc-shopinfo-detail dd {
 width: auto;
 flex-basis: auto;
 flex-grow: 0;
 flex-shrink: 1;
 margin: 0;
 padding: 0;
}


/*[[[ Shop Info Profile ]]]*/
.cc-shopinfo-profile,
.cc-shopinfo-profile dt,
.cc-shopinfo-profile dd {
 margin: 0;
 padding: 0;
}

@media screen and (min-width: 768px) {
 .cc-shopinfo-profile {
  width: auto;
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
 }
 .cc-shopinfo-profile dt {
  width: 195px;
  flex-basis: 195px;
  flex-grow: 0;
  flex-shrink: 0;
 }
 .cc-shopinfo-profile dd {
  width: calc(100% - 195px);
  flex-basis: calc(100% - 195px);
  flex-grow: 0;
  flex-shrink: 1;
 }

}


@media screen and (max-width: 767px) {
 .cc-shopinfo-profile dt figure {
  width: 75%;
  margin-left: auto;
  margin-right: auto;
 }

}





/*[[[[[ Coffee and Menu ]]]]]*/

/*[[[ Screen Title ]]]*/
.cc-menu-screentitle {
 width: 635px;
}

@media screen and (max-width: 1199px) and (min-width: 768px) {
 .cc-menu-screentitle {
  width: 80%;
 }

}


@media screen and (max-width: 767px) {
 .cc-menu-screentitle {
  width: 100%;
 }

}


/*[[[ Screen Tab ]]]*/
.cc-menu-tablink {
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
}
.cc-menu-tablink.tp {
 align-items: flex-end;
}
.cc-menu-tablink.bt {
 align-items: flex-start;
}
.cc-menu-tablink li {
 margin-right: 20px;
 width: calc(33.33333% - 40px / 3);
}
.cc-menu-tablink li:last-child {
 margin-right: 0;
}


@media screen and (min-width: 768px) {
 .cc-menu-tablink span {
  letter-spacing: .12rem;
 }

}

@media screen and (max-width: 767px) {
 .cc-menu-tablink li {
  margin-right: 10px;
  width: calc(33.33333% - 20px / 3);
 }

 .cc-menu-tablink [class*=h] {
  font-size: .78rem;
  line-height: 1.15;
 }

 .cc-menu-tablink .cc-menu-tablink-deci {
  font-size: 150%;
 }

 

}



/*[[[ Back Ground Alpha ]]]*/
.cc-bg-main1-alpha {
 background: rgba(0, 0, 0, .9);
}



/*[[[ Menu Box Frame ]]]*/
.cc-menu-box {
 position: relative;
}



/*[[[ Door Image ]]]*/
@media screen and (min-width: 768px) {
 .cc-door {
  position: sticky;
  top: 100px;
 }
 .cc-door .cc-door-image {
  
 }

}

@media screen and (min-width: 992px) {
 .cc-door-image {
  max-width: 85%;
  margin-left: auto;
 }

}

@media screen and (max-width: 991px) and (min-width: 768px) {
 .cc-door-image {
  max-width: 78%;
  margin-left: auto;
  margin-right: auto;
 }

}



/*[[[ Online Information and Bake Box ]]]*/
.cc-online-info-box,
.cc-bake-info-box {
 position: relative;
}

/*[ Bar ]*/
.cc-online-info-box .cc-online-info-box-bar,
.cc-bake-info-box .cc-bake-info-box-bar {
 position: absolute;
 left: -10px;
 top: -1rem;
 display: inline-block;
 transform: rotate(-5deg);
}

/*[ Bake Set ]*/
@media screen and (min-width: 768px) {
 .cc-bake-info-box .cc-bake-info-box-set {
  display: flex;
  justify-content: flex-start;
  flex-wrap: wrap;
 }
 .cc-bake-info-box .cc-bake-info-box-set .cc-bake-info-box-text {
  width: 58.33333%;
 }
 .cc-bake-info-box .cc-bake-info-box-set .cc-bake-info-box-pics {
  width: 41.66666%;
 }

}


@media screen and (max-width: 1199px) and (min-width: 768px) {
 .cc-online-info-box .cc-online-info-box-bar,
 .cc-bake-info-box .cc-bake-info-box-bar {
  top: -1.25rem;
 }

}

@media screen and (max-width: 767px) {
 .cc-online-info-box .cc-online-info-box-bar,
 .cc-bake-info-box .cc-bake-info-box-bar {
  top: -1.5rem;
 }

 .cc-online-info-box a.btn {
  font-size: 1rem;
 }

}





/*--------------------------------------------------*/
/*----- [ Screen 1 ] -----*/
.cc-menu-box-frame-cfe {
 position: relative;
}

/*[ Title Box ]*/
.cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-title {
 display: flex;
 flex-direction: row-reverse;
 justify-content: flex-start;
 flex-wrap: wrap;
 margin: 0;
 padding: 0;
 position: relative;
}
.cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-title > dt {
 width: 28%;
 flex-basis: 28%;
 flex-grow: 1;
 flex-shrink: 1;
 text-align: right;
}
.cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-title > dd {
 width: 72%;
 flex-basis: 72%;
 flex-grow: 1;
 flex-shrink: 1;
}
.cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-title > dt img {
 max-width: 114px;
}

@media screen and (min-width: 768px) {
 .cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-title > dd > div {
  border-right: 1px solid #A67744;
  border-bottom: 1px solid #A67744;
 }

}

@media screen and (max-width: 991px) and (min-width: 768px) {
 .cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-title > dt {
  width: 18%;
  flex-basis: 18%;
 }
 .cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-title > dd {
  width: 82%;
  flex-basis: 82%;
 }

}

@media screen and (max-width: 767px) {
 .cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-title {
  display: block;
 }

 .cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-title > dt {
  width: 100%;
  text-align: left;
 }
 .cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-title > dd {
  width: 100%;
 }

}



/*[[[ Products ]]]*/
.cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-products {
 display: flex;
 flex-direction: row-reverse;
 justify-content: flex-start;
 flex-wrap: wrap;
 position: relative;
	margin-top: 2rem;
}
.cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-products .cc-menu-box-frame-cfe-pics {
 width: 45%;
 flex-basis: 45%;
}
.cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-products .cc-menu-box-frame-cfe-text {
 width: 55%;
 flex-basis: 55%;
	padding-top: 0;
}

@media screen and (max-width: 992px) and (min-width: 768px) {
 .cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-products .cc-menu-box-frame-cfe-pics {
  width: 38%;
  flex-basis: 38%;
 }
 .cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-products .cc-menu-box-frame-cfe-text {
  width: 62%;
  flex-basis: 62%;
 }

}


@media screen and (max-width: 767px) {
 .cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-products {
  margin-top: 0;
  display: block;
 }
 .cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-products .cc-menu-box-frame-cfe-pics {
  width: 80%;
  margin-left: auto;
  margin-right: auto;
 }
 .cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-products .cc-menu-box-frame-cfe-text {
  width: 100%;
  padding-top: 0;
 }

}


/*[[[ Detail ]]]*/
.cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-products .cc-menu-box-frame-cfe-detail {
 width: 100%;
 border-top: 1px dotted #707070;
}

.cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-products .cc-menu-box-frame-cfe-detail > dl {
 width: 100%;
 display: flex;
 justify-content: flex-start;
 flex-wrap: wrap;
 margin: 0;
 padding: 0;
}
.cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-products .cc-menu-box-frame-cfe-detail > dl dt {
 width: 70px;
}
.cc-menu-box-frame-cfe .cc-menu-box-frame-cfe-products .cc-menu-box-frame-cfe-detail > dl dd {
 width: calc(100% - 70px);
}





/*--------------------------------------------------*/
/*----- [ Screen 2 ] -----*/

/*[ Title Box ]*/
@media screen and (min-width: 768px) {
 .cc-menu-box-frame-dm .cc-menu-box-frame-dm-title > div {
  display: inline-block;
  border-right: 1px solid #A67744;
  border-bottom: 1px solid #A67744;
 }

}


/*[[[ Menu List ]]]*/
.cc-menu-box-frame-dm .cc-menu-box-frame-dm-products > ul li {
 border-bottom: 1px solid #707070;
}
.cc-menu-box-frame-dm .cc-menu-box-frame-dm-products > ul li > div {
 width: 100%;
 display: flex;
 justify-content: space-between;
 align-items: baseline;
 flex-wrap: wrap;
}
.cc-menu-box-frame-dm .cc-menu-box-frame-dm-products > ul .cc-menu-name {
 font-weight: normal;
}
.cc-menu-box-frame-dm .cc-menu-box-frame-dm-products > ul .cc-menu-name:before {
 content: "★";
 color: #A67744;
 position: relative;
}


@media screen and (max-width: 767px) {
 .cc-menu-box-frame-dm .cc-menu-box-frame-dm-products > ul .cc-menu-name {
  font-size: 0.9375rem;
 }
 .cc-menu-box-frame-dm .cc-menu-box-frame-dm-products > ul .cc-menu-price {
  font-size: 1rem;
 }

}





/*--------------------------------------------------*/
/*----- [ Screen 3 ] -----*/

/*[ Title Box ]*/
@media screen and (min-width: 768px) {
 .cc-menu-box-frame-itm .cc-menu-box-frame-itm-title > div {
  display: inline-block;
  border-right: 1px solid #A67744;
  border-bottom: 1px solid #A67744;
 }

}


/*[[[ Pics ]]]*/
.cc-menu-box-frame-itm .cc-menu-box-frame-itm-products .cc-menu-box-frame-itm-pics {
 max-width: 88%;
 margin-left: auto;
 margin-right: auto;
}


/*[[[ Detail ]]]*/
.cc-menu-box-frame-itm .cc-menu-box-frame-itm-products .cc-menu-box-frame-itm-detail {
 border-top: 1px dotted #707070;
}

/*[[[ Product Detail ]]]*/
.cc-menu-box-frame-itm .cc-menu-box-frame-itm-products .cc-menu-box-frame-itm-detail > ul li:before {
 content:"・";
 color: #ffffff;
 position: relative;
}






/*[[[[[ Access ]]]]]*/

/*[[[ List Mark ]]]*/
.cc-list-mark li:before {
 content: "";
 width: 10px;
 height: 10px;
 display: inline-block;
	vertical-align: middle;
 background: #A67744;
 border-radius: 50%;
 position: relative;
 top: -1px;
 margin-right: 12px;
}





/*[[[[[ Topics ]]]]]*/

/*[[[ Information List ]]]*/
.cc-info-list li {
 background: rgba(255,255,255,.65);
}
.cc-info-list li:not(:last-child) {
 margin-bottom: .5rem;
}

.cc-info-list-detail-date,
.cc-info-list-detail-text {
 line-height: 1.4;
 margin-bottom: 0;
}


@media screen and (min-width: 768px) {
 .cc-info-list-detail {
  width: 100%;
  display: flex;
  justify-content: flex-start;
  align-items: stretch;
  flex-wrap: wrap;
  margin: 0;
  padding: 0;
 }
 .cc-info-list-detail-date {
  flex-grow: 0;
  flex-shrink: 0;
 }
 .cc-info-list-detail-text {
  flex-grow: 0;
  flex-shrink: 1;
 }

}


@media screen and (min-width: 992px) {
 .cc-info-list-detail-date {
  width: 180px;
  flex-basis: 180px;
 }
 .cc-info-list-detail-text {
  width: calc(100% - 180px);
  flex-basis: calc(100% - 180px);
 }

}



@media screen and (max-width: 991px) and (min-width: 768px) {
 .cc-info-list-detail-date {
  width: 160px;
  flex-basis: 160px;
 }
 .cc-info-list-detail-text {
  width: calc(100% - 160px);
  flex-basis: calc(100% - 160px);
 }

}


@media screen and (max-width: 767px) {
 .cc-info-list li:not(:last-child) {
  margin-bottom: .8rem;
 }

}


/* [[[ New Mark ]]]*/
.cc-info-list .cc-newmark{
	display: inline-block;
	line-height: 100%;
}



/*[[[ Field - Object and Text  for detail.php ]]]*/
.object-area,
.text-area {
 font-size: 0.9375rem;
}



/*[[[ Pager Navi ]]]*/
.page-item.active .page-link {
 background: #A67744 !important;
 border-color: #A67744 !important;
}



/*[[[ Admin / Table Setting ]]]*/
#topics-admin .table th {
 width: 210px;
}

@media screen and (max-width: 1199px) and (min-width: 992px) {
 #topics-admin .table th {
  width: 180px;
 }

}


@media screen and (max-width: 991px) {
 #topics-admin .table th,
 #topics-admin .table td {
  width: 100%;
  display: block;
 }
 #topics-admin .table td {
  border-top: none !important;
  padding-top: 0;
 }

}


/*[ for Admin Top ] */
#topics-admin.ta-top .table th {
 width: auto;
}
#topics-admin.ta-top .table th:nth-child(1) {
 width: 120px;
}
#topics-admin.ta-top .table th:nth-child(2) {
 width: 180px;
}
#topics-admin.ta-top .table th:nth-child(3) {
 width: calc(100% - 580px) ;
}
#topics-admin.ta-top .table th:nth-child(4) {
 width: 160px;
}

@media screen and (max-width: 991px) {
 #topics-admin.ta-top .table tr:first-child {
  display: none;
 }

 #topics-admin.ta-top .table tr td:first-child {
  border-top: 1px solid #dee2e6 !important;
  padding-top: 0.75rem !important;
 }
 #topics-admin.ta-top .table tr td:nth-of-type(2) {
  padding-top: 0 !important;
  padding-bottom: 0 !important;
 }
 #topics-admin.ta-top .table tr td:first-child span {
  display: inline-block;
  border: 1px solid #111;
  background: #fff;
  padding: 0 .7rem;
  font-size: 0.875rem;
 }

}





/*[[[[[ Contact ]]]]]*/
#pages .error_messe {

}










/*
[[[ Footer ]]]
*/

/*----- [[[ Main Footer ]]] -----*/
#main-footer {
	position: relative;
}





/*----- [[[ Social Link Buttons ]]] -----*/
#main-footer .sns-btns {
	width:auto;
	height: auto;
	padding: 0;
}
#main-footer .sns-btns .social {
	display: inline-block;
	line-height: 1;
	vertical-align: top;
}





/*----- [[[ Page Top Button ]]] -----*/
.pagetop {
	width:auto;
	height:auto;
	margin:0;
	padding:0;
	text-align: center;
	margin-top: 3rem;
}
.pagetop a {
	cursor: pointer;
	padding-top: 60px;
	position: relative;
 z-index: 2;
 display: inline-block;
 -webkit-transform: translate(0, -50%);
 transform: translate(0, -50%);
 text-decoration: none;
 text-indent: -9999px;
}
.pagetop a span {
	position: absolute;
 top: 0;
 left: 50%;
 width: 46px;
 height: 46px;
 margin-left: -23px;
 background: rgba(17,17,17,1);
 border: 2px solid  rgba(255,255,255,1);
 border-radius: 100%;
 box-sizing: border-box;
}
.pagetop a span::after {
	position: absolute;
 top: 50%;
 left: 50%;
 content: '';
 width: 16px;
 height: 16px;
 margin: -4px 0 0 -8px;
 border-top: 2px solid #fff;
 border-right: 2px solid #fff;
 -webkit-transform: rotate(-45deg);
 transform: rotate(-45deg);
 box-sizing: border-box;
}


@media screen and (min-width: 768px) {
	.pagetop {
		display: none;
		margin-top: 0;
		position: fixed;
		bottom:2rem;
		right: 2rem;
	}

} /* @media screen and (min-width: 768px) end */










/*
[[[ Others ]]] 
*/

/*----- [[[ SNS Icon List ]]] -----*/

/*(for Exhibitor List Detail )*/
.sns-icon-list > li {
	display: inline-block;
}
.sns-icon-list li:not(:last-child) {
	margin-right: .5rem;
}





/*----- [[[ Google Map ]]] -----*/

/*[ Google Map ]*/
.ggmap {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	padding-left: 0;
	padding-right: 0;
	height: 0;
	overflow: hidden;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	-o-box-sizing: border-box;
	box-sizing: border-box;
}
 
.ggmap iframe,
.ggmap object,
.ggmap embed {
	position:absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}





/*----- [[[ Text Letter Spacing ]]] -----*/
.cc-ls {
 letter-spacing: .12rem;
}





/*----- [[[ Text Line Height ]]] -----*/
.cc-lh-h {
 line-height: 1.2 !important;
}
.cc-lh {
 line-height: 1.4 !important;
}
.cc-lh-s {
 line-height: 1.6 !important;
}
.cc-lh-ss {
 line-height: 2 !important;
}





/*----- [[[ Sticky ]]] -----*/
@media screen and (min-width: 768px) {
	.cc-sticky {
		top: 120px;
		position: sticky;
	}

}