@charset "utf-8";

/*rollover*/
.ro a:hover,
a.ro:hover,
a .ro:hover{ opacity:0.8; }
.ro a,
a.ro,
a .ro{
    transition: opacity 0.2s ease-out;
}

/*rollover(brightnessによる変化)*/
.brt a:hover,a.brt:hover,a .brt:hover{ -webkit-filter: brightness(1.1);filter: brightness(1.1); }
.brt a,
a.brt,
a .brt{
    transition: filter 0.2s ease-out;
}

/*ro無効化*/
.ro .no_ro a:hover,
.ro a.no_ro:hover{ opacity:1; }

/* 電話リンクの無効化 */
a[href^="tel:"]{
    pointer-events:none;
    cursor:default;
}
@media only screen and (max-width:767px){
    a[href^="tel:"]{
        pointer-events:auto;
        cursor:pointer;
    }
}
/*========================================
    レスポンシブ用(不要な場合は削除)
========================================*/
.spOnly,
.brSp,
.imgSp{
    display:none;
}
.img100{
    width:100%;
    height:auto;
}
@media only screen and (max-width:767px){
    .spNone,
    .brPc,
    .imgPc{
        display:none;
    }
    .spOnly{
        display:inline-block;
    }
    .brSp,
    .imgSp{
        display:inline;
    }
    .imgR{
        width:100%;
        height:auto;
    }
}

.fYu{ font-family:"YakuHanJP_Narrow","游ゴシック", YuGothic, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "メイリオ", "Meiryo", sans-serif;}

/* secForm */
.secForm{
	border: none;
}
.ok .imgFormStep{
	margin:0;
}

#sideMenu{
	display: none;
}
@media only screen and (max-width:767px){
	body{
		font-family: "Lato", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", Meiryo, メイリオ, sans-serif;
		font-size:12px;
		color:#333;
	}
	footer.spOnly{
		display: block;
	}
	#container{
		width:100%;
		position:relative;
		overflow:hidden;
	}
	table{ width:100%; }
	a{ text-decoration:none; }
	.wrapper{
		width:94%;
		margin:0 auto;
	}
	.imgR{
		width:100%;
		height:auto;
	}
	.btnKey,.btnCommon01,.btnCommon02,.btnCommon03,.btnCommon04,.btnCommon05,.btnCommon06{
		display:block;
		box-sizing:border-box;
		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;
	}
	.btnKey span,
	.btnCommon01 span,
	.btnCommon02 span,
	.btnCommon03 span,
	.btnCommon04 span,
	.btnCommon05 span,
	.btnCommon06 span{
		position:absolute;
		top:50%;
		left:50%;
		-webkit-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
	}
	.btnKey.bgKey{background:#FF6600;}
	.btnCommon01{
		background:#50AF10;
		-webkit-box-shadow: 0 -4px 0 #319F2D inset;
		box-shadow: 0 -4px 0 #319F2D inset;
	}
	.btnCommon02{
		background:#f30;
		-webkit-box-shadow:0 -4px 0 #E52E00 inset;
		box-shadow:0 -4px 0 #E52E00 inset;
	}
	.btnCommon03{
		background:#39c;
		-webkit-box-shadow:0 -4px 0 #2E89B7 inset;
		box-shadow:0 -4px 0 #2E89B7 inset;
	}
	.btnCommon04{
		background:#f66;
		-webkit-box-shadow:0 -4px 0 #E55C5C inset;
		box-shadow:0 -4px 0 #E55C5C inset;
	}
	.btnCommon05{
		background:#C30D24;
		-webkit-box-shadow:0 -4px 0 #AF0C20 inset;
		box-shadow:0 -4px 0 #AF0C20 inset;
	}
	.btnCommon06{
		background:#666;
		-webkit-box-shadow:0 -4px 0 #5C5C5C inset;
		box-shadow:0 -4px 0 #5C5C5C inset;
	}
	
	.imgFrame{ position:relative; }
	.imgFrame img.center{
		position:absolute;
		top:50%;
		left:50%;
		-webkit-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
	}
	
	
	/** main
	========================================*/
	#main{
		width:100%;
		height:100%;
		float:left;
		-webkit-transition-property:all;
		-webkit-transition-duration:.2s;
		-webkit-transition-timing-function:ease-in-out;
	}
	.naviOpen #main{
		height:0;
		margin-left:-256px;
		-webkit-transition-property:all;
		-webkit-transition-duration:.2s;
		-webkit-transition-timing-function:ease-in-out;
	}
	.infoOpen #main{
		height:0;
		float:right;
		margin-right:-256px;
		-webkit-transition-property:all;
		-webkit-transition-duration:.2s;
		-webkit-transition-timing-function:ease-in-out;
	}
	
	/** header
	========================================*/
	.spHeader{
		padding:0 0 10px;
		background:#fff;
		position:relative;
		display: block !important;
	}
	.spHeader .logo{
		width:180px;
		float:left;
		margin:10px 0 0 10px;
	}
	.spHeader .logo img{
		width: 100%;
		height: auto;
	}
	.spHeader .btnMenu,
	.spHeader .btnTel{
		display:block;
		box-sizing:border-box;
		text-align:center;
		width:50px;
		height:50px;
		float:right;
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
		-ms-border-radius:8px;
		-o-border-radius:8px;
		border-radius:8px;
		-webkit-box-shadow:0 0 0;
		box-shadow:0 0 0;
	}
	.spHeader .btnMenu{
		margin:10px 10px 0 0;
	}
	.spHeader .btnTel{
		margin:10px 5px 0 0;
		background:#630;
	}
	.spHeader .btnKey span,
	.spHeader .btnTel span{
		position:static;
		display:block;
		box-sizing:border-box;
		width:48px;
		height:48px;
		padding:8px 0 0;
		margin:1px auto 0;
		top:0;
		left:0;
		-webkit-transform: translate(0, 0);
		transform: translate(0, 0);
		-webkit-border-radius:8px;
		-moz-border-radius:8px;
		-ms-border-radius:8px;
		-o-border-radius:8px;
		border-radius:8px;
	
	}
	.spHeader .btnKey,
	.spHeader .btnKey:hover{
		background:#ff6600;
		-webkit-box-shadow:0 -4px 0 #ff6600 inset;
		box-shadow:0 -4px 0 #ff6600 inset;
	}
	.spHeader .btnKey span{ border:1px solid #FFCC00; }
	.spHeader .btnTel span{ border:1px solid #855C33; }
	
	/** btnToHead
	========================================*/
	.btnToHeadSp{
		display:block;
		height:31px;
		padding:19px 0 0;
		background:#3E3828;
		text-align:center;
	}
	.btnToHeadSp .txtToHead{
		color:#fff;
		background:url(../img/common_sp/btnToHead.png) left center no-repeat;
		background-size:16px 16px;
		padding:2px 0 1px 20px;
	}
	
	/** footer
	========================================*/
	.secFooter{
		-webkit-box-shadow:0 2px 0 #FFCC00 inset;
		box-shadow:0 2px 0 #FFCC00 inset;
		padding:20px 0 38px;
	}
	.noNav .secFooter{
		padding-bottom:38px;
	}
	.secFooter .btnPC{
		display:block;
		width:100px;
		height:22px;
		padding:11px 0 0;
		margin:0 auto 12px;
		text-align:center;
		background:#fff;
		border-radius:4px;
	}
	.secFooter .btnPC .txt{
		font-weight:bold;
		color:#630;
		padding:0 18px 0 0;
		background:url(../img/common_sp/icoPC.png) right center no-repeat;
		background-size:14px 12px;
	}
	.secFooter .txtPrivacy{
		text-align:center;
	}
	.secFooter .txtPrivacy a{
		font-size:13px;
		color:#fff;
	}
	.secFooter .copyright{
		font-size:11px;
		color:#fff;
		text-align:center;
		margin:13px 0 0;
	}
	.secFooter.bgKey{
		background: #ffcc00;
	}
	
	.secErrorPage{
		width:90%;
		margin:40px auto;
		line-height:20px;
		text-align:center;
	}
	
	
	/** sideMenu
	========================================*/
	#sideMenu{
		width:255px;
		height:100%;
		float:right;
		background:#F3F3F3;
		visibility:hidden;
		display:none;
		margin-right:-256px;
		padding:0 0 300px;
		-webkit-transition-property:all;
		-webkit-transition-duration:0;
		-webkit-transition-timing-function:ease-in-out;
		-webkit-transform:translate(0,0);
		-webkit-transition-delay:.0s;
		position:relative;
		z-index:10;
	}
	.naviOpen #sideMenu{
		visibility:visible;
		display:block;
		margin-right:0;
		-webkit-transition-property:all;
		-webkit-transition-duration:0;
		-webkit-transition-timing-function:ease-in-out;
		-webkit-transition-delay:.1s;
	}
	#sideMenu .titSideMenu{
		font-size:13px;
		color:#fff;
		text-align:center;
		padding:14px 0 13px;
	}
	#sideMenu .secSideMember{
		background:#fff;
		padding:7px 4% 16px;
	}
	#sideMenu .secSideMember .titSideMember{
		font-size:15px;
		line-height:20px;
		text-align:center;
		color:#630;
		padding:15px 0 9px;
	}
	#sideMenu .secSideMember .btnLogin{
		width:110px;
		height:50px;
		float:left;
	}
	#sideMenu .secSideMember .btnMember{
		width:110px;
		height:50px;
		float:right;
	}
	#sideMenu .secSideMember .btnMypage{
		width:110px;
		height:50px;
		float:left;
	}
	#sideMenu .secSideMember .btnLogout{
		width:110px;
		height:50px;
		float:right;
	}
	#sideMenu .secBtnSide{
		padding:15px 0 9px;
		background:#F3F3F3;
		border-bottom:1px solid #fff;
	}
	#sideMenu .secBtnSide a{
		width:236px;
		height:40px;
		margin:0 auto 5px;
	}
	#sideMenu .secBtnSide span{
		left:4%;
		-webkit-transform: translate(0%, -50%);
		transform: translate(0%, -50%);
	}
	#sideMenu .secSideMenu{
		background:#fff;
		border-bottom:1px solid #d6d6d6;
		box-shadow: 0 3px 0 #eee;
	}
	#sideMenu .secSideMenu a{
		display:block;
		width:100%;
		height:52px;
		border-top:1px solid #d6d6d6;
	}
	#sideMenu .secSideMenu .txtSide{
		font-weight:bold;
		color:#1A1A1A;
		width:224px;
		margin:20px auto 0;
		background-size:6px 12px;
	}
	#sideMenu .secSideMenu .txtSideRow2{
		margin:11px auto 0;
		line-height:16px;
		background-position:right center;
	}
	#sideMenu .btnClose{
		padding:13px 0 0;
		margin:3px 0 0;
		border-top:4px solid #fff;
	}
	#sideMenu .btnClose a,
	#sideInfo .btnClose a{
		display:block;
		width:79px;
		height:23px;
		padding:10px 0 0;
		margin:0 auto;
		font-size:14px;
		color:#fff;
		text-align:center;
		background:#999;
		border-radius:4px;
	}
	
	/** secTel
	========================================*/
	#secTel{
		box-sizing:border-box;
		width:100%;
		background:#FFFFFF;
		text-align:center;
		padding:5px 0 15px;
	}
	#secTel .tit{
		padding:0 0 8px;
	}
	#secTel .btn{
		display:block;
		width:100%;
		height:auto;
		position:relative;
		margin:0 0 5px;
	}
	#secTel .txt{
		position:absolute;
		top:65%;
		left:50%;
		-webkit-transform:translate(-50%, -50%);
		transform:translate(-50%, -50%);
		color:#fff;
		font-size:36px;
		font-family:Arial;
		font-weight:bold;
		white-space:nowrap;
	}
	#secTel .bg{
		display:block;
		width:100%;
		height:auto;
	}
	
	/** titPage
	========================================*/
	.blockTitPage.spOnly{
		padding:7px 0 9px;
		height: auto;
		display: block;
	}
	.blockTitPage.spOnly .titPage{
		display:block;
		width:75%;
		font-size:14px;
		font-weight:bold;
		line-height:120%;
		color:#fff;
		margin:9px 0 5px 11px;
		float:left;
		text-align: left;
	}
	.blockTitPage.spOnly .btn,
	.blockTitPage.spOnly .btn span{
		display:block;
		box-sizing:border-box;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		-ms-border-radius:4px;
		-o-border-radius:4px;
		border-radius:4px;
	}
	.blockTitPage.spOnly .btn{
		width:50px;
		height:30px;
		text-align:center;
		color:#666;
		float:right;
		margin:0 10px 0 0;
		border:1px solid #999;
		box-shadow:0 15px 0 #fff inset, 0 -15px 0 #E6E6E6 inset;
		-webkit-box-shadow:0 15px 0 #fff inset, 0 -15px 0 #E6E6E6 inset;
		-moz-box-shadow:0 15px 0 #fff inset, 0 -15px 0 #E6E6E6 inset;
	}
	.blockTitPage.spOnly .btn span{
		width:100%;
		line-height:28px;
		height:28px;
		border:1px solid #fff;
	}
	
	/** secSlider
	========================================*/
	.secSlider{
		position:relative;
		padding:0 0 38px;
	}
	.secSlider #slider a{
		display:block;
		width:100%;
		height:auto;
	}
	.secSlider .bx-controls{
		width:100%;
		height:38px;
		position:absolute;
		left:0;
		bottom:0;
	}
	.secSlider .bx-pager{
		width:76%;
		box-sizing:border-box;
		padding:4px 0 0;
		height:38px;
		text-align:center;
		margin:0 auto;
	}
	.secSlider .bx-pager-item{
		display:inline-block;
		width:10px;
		margin:0 6px;
	}
	.secSlider .bx-pager a{
		display:block;
		width:100%;
		height:10px;
		background:#fff;
		font-size:0;
		text-decoration:none;
	}
	.secSlider .bx-pager a.active{
		background:#f90;
	}
	.secSlider .bx-controls-direction{
		width:100%;
		height:0;
		position:relative;
	}
	.secSlider .bx-controls-direction a{
		display:block;
		width:27px;
		height:38px;
		position:absolute;
		font-size:0;
		text-decoration:none;
	}
	.secSlider .bx-controls-direction .bx-prev{
		padding:0 0 0 10px;
		background:url(../img/common/btnSliderPrev.png) right top no-repeat;
		background-size:27px 38px;
		bottom:0;
		left:0;
	}
	.secSlider .bx-controls-direction .bx-next{
		padding:0 10px 0 0;
		background:url(../img/common/btnSliderNext.png) left top no-repeat;
		background-size:27px 38px;
		bottom:0;
		right:0;
	}
	
	/** infoCommon
	========================================*/
	/*--( blockTabArea )--*/
	.infoCommon .blockTabArea{
		padding:10px 0 0;
	}
	.infoCommon .blockTabArea .tabArea,
	.infoCommon .blockTabArea .tabSelect{
		display:block;
		width:48%;
		box-sizing:border-box;
		font-size:14px;
		color:#fff;
		text-align:center;
		padding:12px 5px 0;
	}
	.infoCommon .blockTabArea .tabArea{
		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;
		float:left;
	}
	.infoCommon .blockTabArea .tabSelect{
		height:36px;
		background:#630;
		-webkit-border-radius:4px;
		-moz-border-radius:4px;
		-ms-border-radius:4px;
		-o-border-radius:4px;
		border-radius:4px;
		float:right;
	}
	.infoCommon .blockBd{
		height:5px;
		border-bottom:1px solid #fff;
	}
	
	/*--( blockSelectArea )--*/
	.infoCommon .blockSelectArea{
		display:none;
		position:relative;
		background:#fff;
		border:5px solid #630;
	}
	.infoCommon .blockSelectArea .icoArrow{
		position:absolute;
		top:-17px;
		left:74%;
	}
	.infoCommon .blockSelectArea li{
		border-top:1px solid #CAB8A6;
	}
	.infoCommon .blockSelectArea a{
		display:block;
		font-size:14px;
		font-weight:bold;
		line-height:18px;
		padding:10px 6px;
	}
	.infoCommon .btnBottom{
		padding:15px 0 30px;
	}
	.infoCommon .btnBottom .btnCommon04{
		width:62%;
		height:70px;
		margin:0 auto;
		font-size:17px;
	}
	
	/*--( details )--*/
	.details.infoCommon .secArticle{
		padding:14px 3% 20px;
	}
	.details.infoCommon .secArticle .txt{
		font-size:13px;
		line-height:18px;
		padding:0 0 12px;
	}
	.details.infoCommon .secArticle .img{
		text-align:center;
		padding:0 0 17px;
	}
	.details.infoCommon .titTel{
		text-align:center;
		padding:0 0 4px;
	}
	.details.infoCommon .blockTel{
		display:block;
		width:300px;
		height:112px;
		margin:0 auto 15px;
		position:relative;
		z-index:5;
	}
	.details.infoCommon .blockTel .txt01{
		position:absolute;
		top:49px;
		left:19px;
		font-family:Arial;
		font-size:28px;
		font-weight:bold;
		color:#fff;
		z-index:10;
	}
	.details.infoCommon .blockTel .txt02{
		position:absolute;
		top:84px;
		left:18px;
		color:#fff;
		z-index:10;
	}
	
	
	/** eventCommon
	========================================*/
	.eventCommon .list{
		display:block;
		min-height:133px;
		padding:14px 10px 10px;
		background:#E3E4DC;
		border-top:1px solid #fff;
	}
	.eventCommon .blockTit{
		display:table;
		table-layout:fixed;
		width:100%;
		height:32px;
		margin:0 0 9px;
	}
	.eventCommon .blockTit .tag{
		display:table-cell;
		width:46px;
		height:32px;
	}
	.eventCommon .blockTit .tit{
		display:table-cell;
		min-width:241px;
		height:30px;
		padding:0 6px;
		background:#fff;
		border:1px solid #A3917A;
		border-left:none;
		vertical-align:middle;
	}
	.eventCommon .wrapperBlock{
		display:table;
		width:100%;
	}
	.eventCommon .img{
		display:table-cell;
		width:80px;
		text-align:left;
		vertical-align:top;
	}
	.eventCommon .blockData{
		display:table-cell;
		min-width:210px;
		padding:0 0 0 10px;
	}
	.eventCommon .titList{
		height:33px;
		margin:0 0 6px;
		overflow:hidden;
		font-size:14px;
		line-height:18px;
		color:#fff;
	}
	.eventCommon .tableDate{
		display:table;
		width:100%;
		table-layout:fixed;
		margin:0 0 6px;
	}
	.eventCommon .thDate{
		display:table-cell;
		width:50px;
		height:26px;
		text-align:center;
		vertical-align:middle;
		font-size:11px;
		color:#fff;
		background:#37342D;
	}
	.eventCommon .tdDate{
		display:table-cell;
		color:#630;
		background:#fc0;
		padding:8px 0 7px 6px;
	}
	.eventCommon .tableData{
		display:table;
		width:100%;
		table-layout:fixed;
		margin:0 0 5px
	}
	.eventCommon .tableData .thData{
		display:table-cell;
		box-sizing:border-box;
		width:50px;
		height:25px;
		color:#630;
		background:#fff;
		text-align:center;
		vertical-align:middle;
		border:1px solid #BCBCBC;
	}
	.eventCommon .tableData .tdData{
		display:table-cell;
		box-sizing:border-box;
		width:160px;
		padding:0 0 0 7px;
		color:#333;
		vertical-align:middle;
	}
	.eventCommon .blockData .txtData{
		height:42px;
		padding:4px 0 0;
		color:#333;
		line-height:120%;
		overflow:hidden;
	}
	
	/*--( bnrBtmCommon )--*/
	.bnrBtmCommon{
		display:block;
		width:94%;
		margin:0 auto 20px;
	}
	.secForm{
		width: 94.134%;
		padding: 0;
		margin: 3px auto 0;
	}
	.secForm .txtRequired.spOnly{
		background: #f00;
		display: inline-block;
		color: #fff;
		padding: 3px 4px;
		font-weight: 400;
		font-size: 11px;
		line-height: 1;
	}
	.secForm table,
	.secForm tbody,
	.secForm tr,
	.secForm th,
	.secForm td{
		display: block;
	}
	.secForm .tableForm th.vTop{
		width: 94.01%;
		background: #e6e6e6;
		padding: 12px 3% 11px;
		border: none;
		font-size: 13px;
		font-weight: bold;
	}
	.secForm .tableForm td{
		width: 100%;
		padding: 0;
		margin: 10px 0 13px 3%;
	}
	.secForm .tableForm td{
		border: none;
	}
	.secForm .tableForm .w500{
		width: 89.804%;
	}
	.secForm .tableForm .txtGuide{
		font-size: 10px;
		color: #ff0000;
		line-height: 1.5;
		padding-top: 6px;
		width: 91%;
	}
	.secForm .tableForm .txtGuide .txtMail{
		font-weight: 400;
		color: #ff0000;
	}
	.secForm .tableForm .w300{
		width: 89.802%;
	}
	.secForm .tableForm select{
		height: 39px;
		width: 91.786%;
		padding-left: 5px;
	}
	.secForm .tableForm .selectAdd select{
		width: 40%;
	}
	.secForm .tableForm .rowPad{
		padding-bottom: 8px;
	}
	.secForm .tableForm textarea{
		width: 91.785%;
		height: 143px;
	}
	.secForm .tableForm .blockCheck{
		width: 100%;
	}
	.secForm .tableForm .inputTxt{
		height: 30px;
	}
	.secForm .tableForm .blockCheck div{
		display: block;
	}
	.secForm .tableForm .required .inputTxt, .secForm .tableForm .required .inputDate, .secForm .tableForm .required select{
		background: #fff;
	}
	.secForm input[type="checkbox"] {
		-webkit-box-sizing: border-box;
		width: 20px;
		height: 20px;
		border: 1px solid #ccc;
	}
	.secForm .tableForm .blockCheck label{
		display: inline-block;
	}
	.secForm .tableForm .txtGuideTel{
		font-size: 11px;
		padding-bottom: 10px;
	}
	.ok .titThanks{
		font-size: 22px;
		font-weight: bold;
		line-height: 120%;
		color: #396;
		padding-bottom: 14px;
	}
	.ok .txtThanks{
		padding: 26px 20px;
		font-size: 13px;
		line-height: 150%;
		text-align: center;
		color: #333;
	}
}

@media only screen and (max-width: 359px){
	.secForm .tableForm .btnPostal{
		padding: 0 9px;
	}
}