@charset "utf-8";
@import "common.css";

/** index
========================================*/
/*--( secCondition )--*/
.secCondition{
    padding:15px 0;
    background:#E3E4DC;
}

/*--( btnCondition )--*/
.secCondition .btnCondition{
    width:94%;
    height:80px;
    margin:0 auto;
    color:#fff;
    text-align:left;
}
.secCondition .btnCondition .ico{
    width:50px;
    float:left;
    padding:14px 0 0 10px;
}
.secCondition .btnCondition .blockTxt{
    padding:15px 0 0 14px;
    float:left;
}
.secCondition .btnCondition .txt01{
    font-size:20px;
    font-weight:bold;
    padding:0 0 4px;
}
.secCondition .btnCondition .txt02{
    font-size:13px;
    line-height:120%;
}

/*--( secItem )--*/
.secCondition .secItem{
    display:none;
    width:94%;
    box-sizing:border-box;
    margin:0 auto;
    background:#fff;
    border:5px solid #f66;
    -webkit-border-radius:4px 4px 0 0;
    -moz-border-radius:4px 4px 0 0;
    -ms-border-radius:4px 4px 0 0;
    -o-border-radius:4px 4px 0 0;
    border-radius:4px 4px 0 0;
}
.secCondition .secItem .blockTit{
    height:45px;
    color:#fff;
    font-weight:bold;
    background:#f66;
}
.secCondition .secItem .blockTit .tit{
    font-size:20px;
    float:left;
    padding:13px 0 0 7px;
}
.secCondition .secItem .blockTit .btnClose{
    font-size:16px;
    float:right;
    padding:13px 9px 0 0;
}
.secCondition .secItem .titItem{
    font-size:13px;
    background:#EAE8DF;
    padding:8px 7px 7px;
    border-top:1px solid #C1C1C1;
}
.secCondition .secItem .titItemFirst{ border:none; }
.secCondition .secItem ul li{
    width:50%;
    padding:4px 0 2px;
    box-sizing:border-box;
    float:left;
    border-top:1px solid #C1C1C1;
}
.secCondition .secItem ul li:nth-child(2n+1){
    border-right:1px solid #C1C1C1;
}
.secCondition .secItem input[type="checkbox"]{
    width:20px;
    height:20px;
}
.secCondition .secItem .blockItem{
    padding:10px 5px;
}
.secCondition .btnSubmit{
    display:block;
    width:90%;
    height:80px;
    box-sizing:border-box;
    font-size:20px;
    font-weight:bold;
    color:#fff;
    text-decoration:none;
    text-align:center;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
    position:relative;
    margin:8px auto 20px;
    background:#f60;
	-webkit-box-shadow:0 -4px 0 #E55C00 inset;
	box-shadow:0 -4px 0 #E55C00 inset;
}
.secCondition .btnSubmit span{
	position:absolute;
	top:50%;
	left:50%;
	-webkit-transform:translate(-50%, -50%);
	transform:translate(-50%, -50%);
}

/*--( secNumber )--*/
.secNumber{
    padding:10px 0 20px;
    text-align:center;
}
.secNumber .txtResult{ padding:0 0 15px; }
.secNumber .txtResult .txtAttn{ font-size:20px; }
.secNumber .blockMember,
.secNumber .blockOpen{
    display:inline-block;
    box-sizing:border-box;
    width:45%;
    height:62px;
    padding:10px 0 0;
    margin:0 2px;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    -ms-border-radius:4px;
    -o-border-radius:4px;
    border-radius:4px;
}
.secNumber .blockMember{ background:#f33; }
.secNumber .blockOpen{ background:#B8B092; }
.secNumber .blockMember .tit,
.secNumber .blockOpen .tit{
    font-size:14px;
    padding:0 0 5px;
}
.secNumber .blockMember .txt,
.secNumber .blockOpen .txt{
    font-size:15px;
}
.secNumber .blockMember .txt .txtAttn,
.secNumber .blockOpen .txt .txtAttn{
    font-size:23px;
    font-weight:bold;
}

/*--( secRegister )--*/
.secRegister{
    padding:23px 0 20px;
    text-align:center;
    background:url(../img/gallery/bgRegister.jpg) center top no-repeat;
    background-size:cover;
}
.secRegister .tit{
    padding:0 0 15px;
}
.secRegister .btnKey,
.secRegister .btnCommon01{
    display:inline-block;
    width:45%;
    height:62px;
    margin:0 2px;
}

/*--( secSort )--*/
.secSort{
    padding:10px 0;
}
.secSort select{
    width:110px;
    height:40px;
    float:right;
    font-size:14px;
}
.secSort .txt{
    font-size:13px;
    color:#552E07;
    float:right;
    padding:14px 6px 0 0;
}

/*--( secList )--*/
.index .secList .list{
	display:block;
	margin:0 0 20px;
}
.index .list .blockTit,
.details .blockPageTit{
	display:table;
    box-sizing:border-box;
	width:100%;
	height:70px;
	-webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-ms-border-radius:4px 4px 0 0;
	-o-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
	position:relative;
	border:1px solid #ccc;
    background:-moz-linear-gradient(top,#fff,#EAEAEA);
    background:-webkit-gradient(linear,left top,left bottom,from(#fff),to(#EAEAEA));
    border-collapse:separate;
}
.index .list .blockTit .tit,
.details .blockPageTit .tit{
	display:table-cell;
    box-sizing:border-box;
    width:100%;
	height:68px;
	border:1px solid #fff;
	padding:4px 10px 0;
    vertical-align:middle;
    -webkit-border-radius:4px 4px 0 0;
	-moz-border-radius:4px 4px 0 0;
	-ms-border-radius:4px 4px 0 0;
	-o-border-radius:4px 4px 0 0;
	border-radius:4px 4px 0 0;
}
.index .list .blockTit .tit span,
.details .blockPageTit .tit span{
	display:inline-block;
    font-size:14px;
	line-height:20px;
	max-height:40px;
	overflow:hidden;
	text-decoration:none;
	color:#06c;
}

.index .list .blockTit .tagNew{
	position:absolute;
	top:-13px;
	left:12px;
}
.index .list .blockData{
    margin:0 auto;
	padding:20px 0 0;
	background:#F5F3F1;
	border:1px solid #D7D1CC;
	border-top:none;
}
@media screen and (max-width:320px) {
    .index .list .blockTit .tit,
    .details .blockPageTit .tit{
        width:300px;
    }
    .index .list .blockData{
        box-sizing:border-box;
        width:300px;
    }
}
.index .list .imgFrame{
	display:block;
	width:280px;
	height:180px;
	margin:0 auto;
}
.index .listMember .imgFrame{
	text-align:center;
	z-index:10;
}
.index .listMember .txtRegister{
	position:absolute;
	top:0;
	left:0;
	z-index:50;
}
.index .listMember .imgFrame .btnFrame{
	position:relative;
	z-index:100;
	padding:120px 0 0;
}
.index .listMember .imgFrame .btnKey{
	width:146px;
	height:38px;
	margin:0 auto;
}
.index .list .listNum{
    width:94%;
	padding:4px 0 5px;
	margin:0 auto;
	font-size:15px;
	font-family:Verdana;
	line-height:30px;
	border-bottom:1px dotted #999;
}
.index .list .titPrice{
	display:inline-block;
	width:91px;
	font-size:12px;
	color:#fff;
	background:#f90;
	text-align:center;
}
.index .list .txtPrice{
	font-size:22px;
	letter-spacing:-0.05em;
	vertical-align:-2px;
	color:#c30;
}
.index .list.listMember .txtPrice{
	font-size:15px;
	font-weight:bold;
	vertical-align:inherit;
}
.index .list .titNum{
	display:inline-block;
	padding:0 8px;
	font-size:12px;
	color:#fff;
	background:#630;
	text-align:center;
}
.index .list .blockTag{
    width:94%;
	margin:0 auto;
	padding:6px 0 1px;
	border-bottom:1px dotted #999;
}
.index .list .blockTag li{
	display:inline-block;
	min-width:39px;
	line-height:25px;
	padding:0 8px;
	margin:0 3px 3px 0;
	color:#fff;
	text-align:center;
	float:left;
}
.index .list .blockTag.block01 li{ background:#37342D; }
.index .list .blockTag.block02 li{ background:#f36; }
.index .list .blockBtn .btnCommon01,
.index .list .blockBtn .btnCommon02{
	width:80%;
	height:40px;
	margin:11px auto 9px;
}
.btnBottom .btnCommon04{
    width:62%;
    height:70px;
    margin:0 auto 20px;
    font-size:17px;
}

/** details
========================================*/
.details .blockPageTit{
    width:94%;
    box-sizing:border-box;
    margin:10px auto 5px;
}
.details .blockPageTit .tit span{
    font-weight:normal;
    color:#f36;
}
.details .block01{ display:none; }
.details .blockTabBA .tab{
	display:block;
	width:48%;
	box-sizing:border-box;
	font-size:14px;
	color:#fff;
	text-align:center;
	padding:12px 5px 0;
}
.details .blockTabBA .tab{
	height:36px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	-ms-border-radius:4px;
	-o-border-radius:4px;
	border-radius:4px;
}
.details .blockTabBA .tab.deActive{ background:#630; }
.details .sliderTabBA .tab.deActive{ background:#37342D; }
.details .blockTabBA .bgKey{
	height:42px;
	-webkit-border-radius:8px 8px 0 0;
	-moz-border-radius:8px 8px 0 0;
	-ms-border-radius:8px 8px 0 0;
	-o-border-radius:8px 8px 0 0;
	border-radius:8px 8px 0 0;
}
.details .blockTabBA .tab01{ float:left; }
.details .blockTabBA .tab02{ float:right; }
.details .blockBd{
	height:5px;
}

/*--( blockData )--*/
.details .blockData{
    width:94%;
    margin:10px auto;
}
.details .blockData table{
    width:100%;
    box-sizing:border-box;
    line-height:22px;
    vertical-align:middle;
}
.details .blockData th{
    width:95px;
    box-sizing:border-box;
    vertical-align:middle;
    background:#F4F4F0;
    border:1px solid #CAC5AE;
    text-align:left;
    font-weight:normal;
    padding:6px 0 6px 6px;
}
.details .blockData td{
    padding:6px 0 6px 6px;
    background:#fff;
    border:1px solid #CAC5AE;
}
.details .blockData tr:nth-last-child(2) th{
    text-align:center;
}

/*--( secTags )--*/
.details .secTags{
    display:table;
    height:60px;
    margin:0 auto 15px;
    font-size:15px;
    font-weight:bold;
    line-height:120%;
    color:#fff;
    background:#f36;
}
.details .secTags .th{
    display:table-cell;
    width:90px;
    text-align:center;
    vertical-align:middle;
}
.details .secTags .td{
    display:table-cell;
    vertical-align:middle;
    padding:6px 6px 6px 0;
}

/*--( wrapperBA )--*/
.details .wrapperBA{
    margin:0 0 13px;
}
.details .slider li{
    width:100% !important;
    text-align:center;
    height:220px;
}
.details .blockBA{ display:none; }
.details .blockBA.active{ display:block; }
.details .wrapperBA .img{
    margin:0 0 4px;
}
.details .wrapperBA .txt{
    text-align:center;
    line-height:22px;
}

/*--( secVoice )--*/
.details .secVoice{
    box-sizing:border-box;
    margin:0 auto 30px;
}
.details .secVoice .blockTit{
    height:38px;
    position:relative;
    background:#F2F1EC;
    border:1px solid #CAC5AE;
}
.details .secVoice .ico{
    position:absolute;
    top:-17px;
    left:9px;
}
.details .secVoice .tit{
    font-size:15px;
    font-weight:bold;
    padding:14px 0 0 62px;
}
.details .voice01 .tit{ color:#f36; }
.details .voice02 .tit{ color:#39c; }
.details .secVoice .blockTxt{
    border:1px solid #CAC5AE;
    border-top:none;
    font-size:13px;
    line-height:20px;
    padding:6px 10px 10px;
}

/* 230413  ボタン追加*/
.btnContact{
	display: block;
	width: 264px;
	height: 72px;
	background-color: #3399cc;
	box-shadow: 0 -6px 0 #2c82ae inset;
	border-radius: 50px;
	text-align: center;
	text-decoration: none;
	color: #fff;
	margin: 20px auto 20px auto;
    position: relative;
}
.btnContactTxt{
	font-size: 14px;
	font-weight: bold;
	line-height: 1.5;
    position: absolute;
    top: 0;
    bottom: 0;
    right: 0;
    left: 23px;
    margin: auto;
    white-space: nowrap;
    display: flex;
    justify-content: center;
    align-items: center;
}
.btnContactTxt:before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 6%;
    margin: auto;
    width: 25px;
    height: 31px;
    background-image: url(../img/gallery/icoContact.png);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
}