.pcno {
  display: none;
}
.spno {
  display: block;
}
@media only screen and (max-width: 940px) {
  .pcno {
    display: block;
  }
  .spno {
    display: none;
  }
}
/*__Width______________________________*/
.wid30boxR {
  width: 35%;
  margin-left: 5%;
}
.wid50boxR {
  width: 40%;
  margin-left: 5%;
}
.wid50boxL {
  width: 40%;
  margin-right: 5%;
}
.wid60box {
  width: 60%;
}

.wid70box {
  width: 70%;
}
.wid90box {
  width: 90%;
  margin: 5%;
}
.wid100box {
  width: 100% !important;
}
/*__Font______________________________*/
.fColorMain {
  color: #d55a5e !important;
}
.fColorMain2 {
  color: #379f7a !important;
}
.fColorGray {
  color: #666 !important;
}
.fColGray {
  color: #595655;
}
.fColBlack {
  color: #3b3530;
}
.fColWhite {
  color: #fff;
}
.fbold600 {
  font-weight: 600;
}
.txtR {
  text-align: right !important;
}
.txtL {
  text-align: left !important;
}
.txtC {
  text-align: center !important;
}
.fSize200 {
  font-size: 200% !important;
}
.fSize120 {
  font-size: 120% !important;
}
.fSize115 {
  font-size: 115% !important;
}
.fSize110 {
  font-size: 110% !important;
}
.fSize105 {
  font-size: 105% !important;
}
.fSize95 {
  font-size: 95% !important;
}
.fSize90 {
  font-size: 90% !important;
}
.fSize85 {
  font-size: 85% !important;
}
.fSize80 {
  font-size: 80% !important;
}
.lh13 {
  line-height: 1.3 !important;
}
.f_W600 {
  font-weight: 600;
}
/*__Background______________________________*/
.bgTone {
  background: #fbf9f5;
}
.bgYellow {
  background: #fcf6db;
}
.bgWhite {
  background: #fff;
}
.bgCallTo {
  background: #d55a5e;
  color: #fff;
}
.bgColDarkGray {
  background-color: #ededed;
}
.bgColGray {
  background-color: #f5f5f5;
}
.bgColLightGray {
  background-color: #f0f0f0;
}
.bgColWhite {
  background-color: #fcfcfc;
}
.bgColRed {
  background-color: #c04141;
  color: #fff;
}
.bgNone {
  background: none !important;
}

/*__Padding______________________________*/
.pLft5 {
  padding-left: 5px !important;
}
.pLft10 {
  padding-left: 10px !important;
}
.pLft15 {
  padding-left: 15px !important;
}
.pLft20 {
  padding-left: 20px !important;
}
.pLft25 {
  padding-left: 25px !important;
}
.pLft30 {
  padding-left: 30px !important;
}
.pLft35 {
  padding-left: 35px !important;
}
.pLft40 {
  padding-left: 40px !important;
}
.pLft20Res {
  padding-left: 20px !important;
}
.pTop5 {
  padding-top: 5px !important;
}
.pTop10 {
  padding-top: 10px !important;
}
.pTop15 {
  padding-top: 15px !important;
}
.pTop20 {
  padding-top: 20px !important;
}
.pTop25 {
  padding-top: 25px !important;
}
.pTop30 {
  padding-top: 30px !important;
}
.pTop35 {
  padding-top: 35px !important;
}
.pTop40 {
  padding-top: 40px !important;
}
.pBtm5 {
  padding-bottom: 5px !important;
}
.pBtm10 {
  padding-bottom: 10px !important;
}
.pBtm15 {
  padding-bottom: 15px !important;
}
.pBtm20 {
  padding-bottom: 20px !important;
}
.pBtm25 {
  padding-bottom: 25px !important;
}
.pBtm30 {
  padding-bottom: 30px !important;
}
.pBtm35 {
  padding-bottom: 35px !important;
}
.pBtm40 {
  padding-bottom: 40px !important;
}
.pBtm50 {
  padding-bottom: 50px !important;
}

/*__Margin______________________________*/
.mTop5 {
  margin-top: 5px !important;
}
.mTop10 {
  margin-top: 10px !important;
}
.mTop15 {
  margin-top: 15px !important;
}
.mTop20 {
  margin-top: 20px !important;
}
.mTop25 {
  margin-top: 25px !important;
}
.mTop30 {
  margin-top: 30px !important;
}
.mTop35 {
  margin-top: 35px !important;
}
.mTop40 {
  margin-top: 40px !important;
}
.mBtm_3 {
  margin-bottom: -3px !important;
}
.mBtm0 {
  margin-bottom: 0px !important;
}
.mBtm5 {
  margin-bottom: 5px !important;
}
.mBtm10 {
  margin-bottom: 10px !important;
}
.mBtm15 {
  margin-bottom: 15px !important;
}
.mBtm20 {
  margin-bottom: 20px !important;
}
.mBtm25 {
  margin-bottom: 25px !important;
}
.mBtm30 {
  margin-bottom: 30px !important;
}
.mBtm35 {
  margin-bottom: 35px !important;
}
.mBtm40 {
  margin-bottom: 40px !important;
}

/*__Button______________________________*/
.btn {
  display: inline-block;
  padding: 0 45px;
  background-color: #d55a5e;
  text-align: center;
  line-height: 40px;
  font-weight: bold;
  font-size: 15px;
  -webkit-transition: color 0.2s ease;
  -moz-transition: color 0.2s ease;
  -ms-transition: color 0.2s ease;
  transition: color 0.2s ease;
  color: #fff;
}
.btn:hover {
  color: #3b3530;
}
#back-to-top {
  position: fixed;
  width: 55px;
  height: 55px;
  right: 5px;
  bottom: 5px;
  background-color: #665e53;
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  cursor: pointer;
}
.arrow {
  position: absolute;
  width: 15px;
  height: 15px;
  border: 5px solid #665e53;
  border-left-color: #fff;
  border-top-color: #fff;
  top: 20px;
  left: 15px;
  transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -webkit-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
}

/*__Table______________________________*/
table {
  margin: 1.75em 0;
  width: 98%;
}
.table_simple th,
.table_simple td,
.table_simple2 th,
.table_simple2 td {
  border: solid 1px #694a35;
  padding: 0.562em 1.375em;
  vertical-align: middle;
}
.table_simple th,
.table_simple2 th {
  background: #eee;
  font-weight: bold;
  text-align: center;
  max-width: 230px;
  width: 26%;
}
.table_simple2 th {
  text-align: left;
}
.table_simple td,
.table_simple2 td {
  background: #fff;
  text-align: center;
}
.table_simple2 td {
  text-align: left;
}
/*__Border______________________________*/
.border-under-red {
  border-bottom: 1px solid #d55a5e;
}
.border-under {
  border-bottom: 1px solid #694a35;
}

.price {
  font-size: 22px;
  font-weight: bold;
  color: #d55a5e;
}
.m_link_main {
  color: #d55a5e;
}

input[type="button"] {
  border: 2px solid #d55a5e !important;
  color: #d55a5e;
  background-color: #fff;
  padding: 10px 90px;
  font-size: 90%;
  width: 200px;
}
.clearfix {
  display: inline-block;
  display: block;
}
.clearfix:after {
  display: block;
  clear: both;
  content: ".";
  height: 0;
  font-size: 0;
  visibility: hidden;
}


/* PC向けレイアウトの指定 */
@media only screen and (min-width:761px){

	.instagram::before{
		content:"";
		display:inline-block;
		width:20px;
		height:20px;
		background:url("../images/ic_in@2x.png") no-repeat center center/100% 100%;
		margin-right:13px;
		position: relative;
		top:4px;
	}
	
	.twitter::before{
		content:"";
		display:inline-block;
		width:20px;
		height:20px;
		background:url("../images/ic_x@2x.png") no-repeat center center/100% 100%;
		margin-right:13px;
		position: relative;
		top:4px;
	}
	
	.tiktok::before{
		content:"";
		display:inline-block;
		width:20px;
		height:20px;
		background:url("../images/ic_tik@2x.png") no-repeat center center/100% 100%;
		margin-right:13px;
		position: relative;
		top:4px;
	}
}
/* SP向けレイアウトの指定 */
@media only screen and (max-width:760px){

	.instagram::before{
		content:"";
		display:inline-block;
		width:16px;
		height:16px;
		background:url("../images/ic_in@2x.png") no-repeat center center/100% 100%;
		margin-right:4px;
		position: relative;
		top:2px;
	}
	
	.twitter::before{
		content:"";
		display:inline-block;
		width:16px;
		height:16px;
		background:url("../images/ic_x@2x.png") no-repeat center center/100% 100%;
		margin-right:4px;
		position: relative;
		top:2px;
	}
	
	.tiktok::before{
		content:"";
		display:inline-block;
		width:16px;
		height:16px;
		background:url("../images/ic_tik@2x.png") no-repeat center center/100% 100%;
		margin-right:4px;
		position: relative;
		top:2px;
	}
}

/*===============================================================

	PC版の左メニュー部分のcss

===============================================================*/
@media only screen and (min-width:761px){

	.menu_parent{
		font-size: 14px !important;
	}

	.menu_parent a{
		color: #544634 !important;
	}

	.sub-menu {
		padding-left: 0.8em !important;
	}

	.tlink_menu {
	  font-size: 13px;

	  .tlink_menu01 {
			position: relative;
			cursor: pointer;

	    &:before {
	      position: absolute;
	      content: "";
	      display: block;
	      width: 10px;
	      height: 2px;
	      background-color: #544634;
	      left: 200px;
	      top: 50%;
	      transform: translate(0, -50%);
	    }

	    &:after {
	      position: absolute;
	      content: "";
	      display: block;
	      width: 10px;
	      height: 2px;
	      background-color: #544634;
	      left: 200px;
	      top: 50%;
	      transform: translate(0, -50%) rotate(90deg);
	    }
	  }

		.tlink_menu01.active {
			&:after {
				display: none;
			}
		}

		.tlink_menu02 {
			display: none;
		}
	}
}

