@charset "UTF-8";


div#header div.h2 h2 {
	background: url(../images/ohaka_search_h2.jpg) top left no-repeat;
}


/* ============ 各ページの内容 #main ============== */


/* === 広さ　表示部分 === */


/* === tab コントロール === */
#panels-main{
    margin-bottom:50px;
    
}
.panel-radios{
    display: none;
}

ul#tabs-list{
    display: flex;
    list-style: none;
    margin:5px 15px;
}
@media screen and (max-width:768px) {
    ul#tabs-list{
        margin:5px 5px;    
    }
}

ul#tabs-list li{
    width:100%;
    margin: 5px 0px 10px 0;
    color:#999999;
    font-size:12px;
    text-align: center;
}

label.panel-label{
    width:100%;
    display:inline-block;
    box-sizing: border-box;
    border-radius: 5px 5px 0 0;
    border-bottom: 4px solid #fff;
    padding:10px 0;
    cursor: pointer;
    background:#eaeaea;
    -webkit-transition: all 0.5s;
    -o-transition: all 0.5s;
    transition: all 0.5s;
}
label.panel-label{
    border-top: 1px solid #c7c7c7;
    border-right: 1px solid #c7c7c7;
}
label.panel-label:fist-child{
    border-left: 1px solid #c7c7c7;
}
label.panel-label:hover{
    border-bottom:4px solid #ff543d;
    color:#333;
    transform:translate3d(0 5px 0);
}

/** checkedで対象タブの要素を変更 **/
#panel-1-ctrl:checked ~ #tabs-list li#panel1 label.panel-label{
    border-bottom:4px solid #ff543d;
    background:#fbd5ad;
    color:#333;
    pointer-events: none;
    cursor: default;
}
#panel-2-ctrl:checked ~ #tabs-list li#panel2 label.panel-label{
    border-bottom:4px solid #ff543d;
    background:#fbd5ad;
    color:#333;
    pointer-events: none;
    cursor: default;
}
#panel-3-ctrl:checked ~ #tabs-list li#panel3 label.panel-label{
    border-bottom:4px solid #ff543d;
    background:#fbd5ad;
    color:#333;
    pointer-events: none;
    cursor: default;
}
#panel-4-ctrl:checked ~ #tabs-list li#panel4 label.panel-label{
    border-bottom:4px solid #ff543d;
    background:#fbd5ad;
    color:#333;
    pointer-events: none;
    cursor: default;
}
#panel-5-ctrl:checked ~ #tabs-list li#panel5 label.panel-label{
    border-bottom:4px solid #ff543d;
    background:#fbd5ad;
    color:#333;
    pointer-events: none;
    cursor: default;
}
#panel-6-ctrl:checked ~ #tabs-list li#panel6 label.panel-label{
    border-bottom:4px solid #ff543d;
    background:#fbd5ad;
    color:#333;
    pointer-events: none;
    cursor: default;
}
/** checkedで対象タブ含むすべての下部にborder適用 **/
#panel-1-ctrl:checked ~ #tabs-list label.panel-label{
    border-bottom:4px solid #ff543d;
}
#panel-2-ctrl:checked ~ #tabs-list label.panel-label{
    border-bottom:4px solid #ff543d;
}
#panel-3-ctrl:checked ~ #tabs-list label.panel-label{
    border-bottom:4px solid #ff543d;
}
#panel-4-ctrl:checked ~ #tabs-list label.panel-label{
    border-bottom:4px solid #ff543d;
}
#panel-5-ctrl:checked ~ #tabs-list label.panel-label{
    border-bottom:4px solid #ff543d;
}
#panel-6-ctrl:checked ~ #tabs-list label.panel-label{
    border-bottom:4px solid #ff543d;
}

/*** 全て初期は非表示 ***/
#panels-main section{
    display:none;
}
/*** checkedでコンテンツを表示 ***/
#panel-1-ctrl:checked ~ #panels-main section#panel-data-1{
    display:block;
}
#panel-2-ctrl:checked ~ #panels-main section#panel-data-2{
    display:block;
}
#panel-3-ctrl:checked ~ #panels-main section#panel-data-3{
    display:block;
}
#panel-4-ctrl:checked ~ #panels-main section#panel-data-4{
    display:block;
}
#panel-5-ctrl:checked ~ #panels-main section#panel-data-5{
    display:block;
}
#panel-6-ctrl:checked ~ #panels-main section#panel-data-6{
    display:block;
}


h4.wide-title{
    overflow: hidden;
    margin:15px 0 0 40px;
}

@media screen and (max-width: 768px) {
    h4.wide-title{
        margin:0;
        padding:0 0 0 20px;
        display: inline-block;
    }
}


.warn-box{
    padding:20px 15px 30px 40px;
}
@media screen and (max-width: 768px) {
 .warn-box{
    padding:20px 15px 30px 15px;
}   
}

/* リスト */
#main ul.list {
	margin: 20px 0 0 40px;
	height: auto;
	padding-bottom: 13px;
}
@media screen and (max-width:768px) {
    #main ul.list{
        margin:20px 0 0 0;
    }
}

#main ul.list li {
	float: left;
	width: 204px;
	height: auto;
	border: 1px solid #dfe6ea;
	background: #fcf7e8;
	margin: 0 11px 13px 0;
}
@media screen and (max-width:768px) {
    #main ul.list{
        display: -webkit-flex;
        display: -moz-flex;
        display: -ms-flex;
        display: -o-flex;
        display: flex;
        -webkit-flex-wrap: wrap;
        -moz-flex-wrap: wrap;
        -ms-flex-wrap: wrap;
        -o-flex-wrap: wrap;
        flex-wrap: wrap;
    }
    #main ul.list li {
        float: none;
    	width: 50%;
        box-sizing: border-box;
        display: inline-block;
        margin:0;
    }
}


#main ul.list li div.padding {
	padding: 10px;
}	
#main ul.list li div.padding p {
	color: #4f5a60;
	margin-bottom: 5px;
	height: 4.5em;
}

#main ul.list li div.padding p span.copy {
	color: #3566a9;
	font-size: 11px;
	display: block;
	margin-top: 8px;
}	
	
#main ul.list li div.padding p span.name {
	color: #3e5362;
	font-size: 12px;
	display: block;
	padding-bottom: 4px;
	font-weight: bold;
	border-bottom: 1px dotted #48677f;
	margin-bottom: 3px;
}

#main ul.list li div.padding div.bg_blue {
	border: 1px solid #dfe6ea;
	background: #3a83d6;
	text-align: center;
}
#main ul.list li div.padding div.bg_blue div {
	padding: 5px 0;
	color: #fff;
}

#main ul.list li div.padding div.bg_blue div input {
	margin-right: 3px;
	vertical-align: -2px;
}
	
#main ul.list li div.padding div.bg_blue div label {
	display: block;
}

/* 一括送信ボタン */
#main ul.btn_pamphlet {
	width: 640px;
	height: auto;
	border-top: 1px dotted #dfe6ea;
	padding-top: 15px;
	margin: 0 0 10px 40px;
}
@media screen and (max-width:768px) {
    #main ul.btn_pamphlet {
        width:100%;   
        margin: 0 0 10px 0;
    }
}


#main ul.btn_pamphlet li ,
#main ul.btn_pamphlet li a {
	float: right;
	display: block;
	width: 206px;
	height: 40px;
	text-indent: -9999px;
	overflow: hidden;
	background: url(../images/ohaka_search_wafu_btn_pamph.jpg) top left no-repeat;
}
#main ul.btn_pamphlet li a:hover {
	background: url(../images/ohaka_search_wafu_btn_pamph_on.jpg) top left no-repeat;
}

/* ボタン */
#main div.go_top {
	margin-bottom: 15px;
}

/* */
#main ul.bottom_link {
	margin-top: 35px;
}

.send-btn{
    width: 100%;
    font-size: 16px;
    text-align: center;
}

.send-btn a{
    padding: 15px 80px;
    margin: 0 auto;
    display: inline-block;
    color: #0893e6;
    overflow: hidden;
    /* font-weight: bold; */
    text-decoration: none;
    border: 2px solid #e6e6e6;
    border-radius: 5px;
    background:#f5f5f5;
    background: -webkit-linear-gradient(top,#f5f5f5,#f3f3f3,#cacaca);
    background: linear-gradient(top,#f5f5f5,#f3f3f3,#cacaca);
    transition:all 0.5s;
}

.send-btn a:hover{
    background:#f5f5f5;
    background: -webkit-linear-gradient(top,#cacaca,#f5f5f5,#f3f3f3);
    background: linear-gradient(top,#cacaca,#f5f5f5,#f3f3f3);
    
}