@charset "UTF-8";
/* CSS Document */
/*----------------------------------------------------
  専用css
----------------------------------------*/




/*---　box　---*/
.kabiBox {
	background-image:url(img/bg_left.png),url(img/bg_right.png);
	background-repeat:no-repeat,no-repeat;
	background-size:70% auto,70% auto;
	background-position:left top,right bottom;
	padding:50px 20px;
}
.kabiBox .read {
	text-align:center;
	font-size:16px;
	font-weight:bold;
	letter-spacing:0.1em;
}

.kabiBox .pht {
	text-align:center;
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.1em;
}
.kabiBox .pht li {
	border:solid 1px #ffd1e4;
	box-sizing:border-box;
}
.kabiBox .pht li img {
	border:solid 3px #fff;
	box-sizing:border-box;
}

.kabiBox .pht01 {
	width:40%;
	float:left;
	margin-right:10%;
}
.kabiBox .pht02 {
	width:50%;
	float:right;
	margin-top:50px;
}
.kabiBox .pht03 {
	width:40%;
	float:left;
	margin-left:5%;
	margin-right:5%;
	margin-top:30px;
}



@media screen and (min-width: 680px) {
.kabiBox {
	background-size:40% auto,40% auto;
	padding:50px 20px;
}
.kabiBox .read {
	text-align:center;
	font-size:18px;
	font-weight:bold;
	letter-spacing:0.1em;
}

.kabiBox .pht {
	width:70%;
	margin:40px auto;
}
.kabiBox .pht01 {
	width:40%;
	float:left;
	margin-right:10%;
}
.kabiBox .pht02 {
	width:50%;
	float:right;
	margin-top:50px;
}
.kabiBox .pht03 {
	width:40%;
	float:left;
	margin-left:5%;
	margin-right:5%;
	margin-top:30px;
}


}
/* --------  780〜1050   --------*/
@media screen and (min-width:680px) and ( max-width:1049px) {
}





/*---　title　---*/

.ttlNewType .title {
	display:table;
	width:16em;
	margin-bottom:20px;
}
.ttlNewType .title p {
	display:table-cell;
	width:11em;
	text-align:center;
	background-color:#fef0ed;
	color:#ff4a1e;
	padding:3px;
	box-sizing:border-box;
	vertical-align:middle;
}
.ttlNewType .title .new {
	width:5em;
	background-color:#ff4a1e;
	color:#fff;
	text-align:center;
}
.ttlNewType .txt h3 {
	font-size:20px;
	text-align:left;
	line-height:1;
	margin-bottom:10px;
}
.ttlNewType .txt p {
	text-align:left;
	line-height:1;
	margin-top:10px;
	font-size:12px;
}
.ttlNewType .txt p span {
	display:inline-block;
	padding:5px 10px;
	border:solid 1px #fae9df;
	margin-right:10px;
	margin-bottom:5px;
}

@media screen and (min-width: 680px) {
.ttlNewType {
	display:table;
	margin:0 auto 40px;
	/*height:100%;*/
	width:90%;
}
.ttlNewType .title {
	display:table-cell;
	width:15%;
	margin-bottom:0;
	/*height:100%;*/
}
.ttlNewType .title p {
	display:block;
	background-color:#fef0ed;
	padding:15px 10px;
	/*height:100%;*/
	text-align:center;
	color:#ff4a1e;
	font-size:20px;
	width:auto;
	letter-spacing:0.1em;
}
.ttlNewType .title p span {
	display:block;
	font-size:45px;
	line-height:1;
}
.ttlNewType .title p span span {
	display:inline-block;
	font-size:23px;
	line-height:1;
}
.ttlNewType .title .new {
	background-color:#ff4a1e;
	padding:3px 10px;
	/*height:100%;*/
	text-align:center;
	color:#fff;
	font-size:16px;
	letter-spacing:0.1em;
	font-weight:bold;
	width:auto;
}

.ttlNewType .txt {
	display:table-cell;
	width:85%;
	box-sizing:border-box;
	padding-left:20px;
	text-align:left;
}
.ttlNewType .txt h3 {
	font-size:28px;
	text-align:left;
	line-height:1;
	margin-bottom:10px;
}
.ttlNewType .txt p {
	font-size:16px;
	text-align:left;
	line-height:1;
	margin-top:10px;
}
.ttlNewType .txt p span {
	display:inline-block;
	padding:5px 10px;
	border:solid 1px #fae9df;
	margin-right:10px;
	margin-bottom:0;
}


}
/* --------  780〜1050   --------*/
@media screen and (min-width:680px) and ( max-width:1049px) {
}



/*---　pht　---*/

@media screen and (min-width: 680px) {

.uridashiBox .pht {
	width:80%;
	margin:0px auto;
	border:solid 1px #ececec;
}

}
/* --------  780〜1050   --------*/
@media screen and (min-width:680px) and ( max-width:1049px) {
.ttlNewType .title p {
	font-size:2vw;
}
.ttlNewType .title p span {
	font-size:4.5vw;
}
.ttlNewType .txt h3 {
	font-size:2.8vw;
}
.ttlNewType .txt p {
	font-size:1.6vw;
}
}







/*---　old　---*/

.old .titleBox {
	text-align:center;
}
.old h3 {
	position: relative;
	display: inline-block;
	padding: 0 45px;
	font-size:20px;
	letter-spacing:0.1em;
	margin-bottom:50px;
}
.old h3:before, .old h3:after{
	content: '';
	position: absolute;
	top: 50%;
	display: inline-block;
	width: 44px;
	height: 2px;
	background-color: black;
	-moz-transform: rotate(-60deg);
	-webkit-transform: rotate(-60deg);
	-ms-transform: rotate(-60deg);
	transform: rotate(-60deg);
}
.old h3:before {left:0;}
.old h3:after {right: 0;}

.old li {
	margin:0 2% 15px;
	background-color:#fef0ed;
	padding:3px;
}
.old li a {
	display:block;
	padding:15px 10px;
	text-align:left;
	position:relative;
	border:solid 1px #FFF;
	text-decoration: none;
	outline: none;
	transition: all .2s;
}
.old li a span {
	display:block;
	font-size:15px;
	margin-bottom:10px;
	text-align:left;
}




@media screen and (min-width: 680px) {
.old li {
	width:31.333%;
	margin:0 1% 15px;
	float:left;
	background-color:#fef0ed;
	padding:0;
}
.old li a {
	display:block;
	padding:15px 10px;
	text-align:left;
	position:relative;
	border:solid 1px #FFF;
	margin:3px;
  text-decoration: none;
  outline: none;
  transition: all .2s;
}
.old li a span {
	display:block;
	font-size:15px;
	margin-bottom:10px;
	text-align:left;
}

.old li a::before,
.old li a::after {
  position: absolute;
  top: -1px;
  left: -1px;
  z-index: 2;
  content: '';
  width: 0;
  height: 0;
  border: 1px solid transparent;
}
.old li a:hover {
  color: #FFF;
  background-color:#ff6e6e;
}
.old li a:hover::before,
.old li a:hover::after {
  width: 100%;
  height: 100%;
}
.old li a:hover::before {
  border-top-color: #ff4646;
  border-right-color: #ff4646;
  transition: width .3s, height .3s .3s;
}
.old li a:hover::after {
  border-bottom-color: #ff4646;
  border-left-color: #ff4646;
  transition: height .3s, width .3s .3s;
}

}
/* --------  780〜1050   --------*/
@media screen and (min-width:680px) and ( max-width:1049px) {
.old li a {
	font-size:2vw;
}
.old li a span {
	font-size:1.5vw;
	margin-bottom:5px;
}
}




.uridashiBox .btn {
	background-color:#ff6e6e;
	display:block;
	width:90%;
	margin:20px auto 0px;
	color:#FFF;
	padding:15px 20px;
	font-size:16px;
	text-align:center;
	border-radius:10px;
	border-bottom:solid 5px #ee4a4a;
	position:relative;
	box-sizing:border-box;
}
#kitsuke02 .btn {
	margin:40px auto 20px;
}

.uridashiBox .btn:before {
	content:"";
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 5px 0 5px 8.7px;
	border-color: transparent transparent transparent #ffffff;
	position:absolute;
	right:15px;
	top:50%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}
.uridashiBox .btn:hover {
	background-color:#ff4646;
}

@media screen and (min-width: 680px) {
.uridashiBox .btn {
	background-color:#ff6e6e;
	display:block;
	width:90%;
	max-width:800px;
	margin:20px auto;
	color:#FFF;
	padding:20px;
	font-size:22px;
	text-align:center;
	border-radius:10px;
	border-bottom:solid 5px #ee4a4a;
	position:relative;
	display:block;
}
#kitsuke02 .btn {
	margin:60px auto 20px;
}
}

/* --------  780〜1050   --------*/
@media screen and (min-width:680px) and ( max-width:1049px) {
.uridashiBox .btn {
	font-size:2.2vw;
}
}