/*ヘッダー*/
.header{
    margin-top: 15px;
    margin-bottom: 20px;
    border-bottom: inset 10px #395AA7;
}
#logo{
    width: 80%;
    margin: 0 auto;
    margin-bottom: 10px;
}
.Copyright p{
    font-size: 9px;
}


/*共通*/
#main{
    width: 90%;
    margin: 0 auto;
}/*全中央寄せ*/

.span-red{
    color: #cc0033;
}
.span-blue{
    color: #0044cc;
}
.span-yellow{
    color: #ffd500;
}

h1 {
    text-align: center;
    border-bottom: solid 3px #ffca00;
    position: relative;
    margin-bottom: 20px;
}
  
h1:after {
    position: absolute;
    content: " ";
    display: block;
    border-bottom: solid 3px #395AA7;
    bottom: -3px;
    width: 20%;
}

h2{
    color: white;
     margin-bottom:5px;
}

h2 {
    position: relative;
    background: #395AA7;
    padding: 0.25em 0.5em;
    border-left: solid 2em #ffca00;
}
  
h2:before {
    font-family: "FontAwesome";
    content : "\f040";
    position: absolute;
    padding: 0em;
    color: white;
    font-weight: 900;
    left: -1.35em;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
}

h3 {
    position: relative;/*相対位置*/
    padding-left: 1.2em;/*アイコン分のスペース*/
    line-height: 1.4;/*行高*/
    margin-top: 15px;
}
  
h3:before {
    font-family: "FontAwesome";
    content: "\f075";/*アイコンのユニコード*/
    font-weight: 900;
    position: absolute;/*絶対位置*/
    font-size: 1em;/*サイズ*/
    left: 0;/*アイコンの位置*/
    top: 0;/*アイコンの位置*/
    color: #5ab9ff; /*アイコン色*/
}

.s-section h3 {
    position: relative;
    padding-left: 1.2em;/*アイコン分のスペース*/
    line-height: 1.4;
}
  
.s-section h3:before {
    font-family: "FontAwesome";
    content: "\f00c";/*アイコンのユニコード*/
    font-weight: 900;
    position: absolute;/*絶対位置*/
    font-size: 1em;/*サイズ*/
    left: 0;/*アイコンの位置*/
    top: 0;/*アイコンの位置*/
    color: #5ab9ff; /*アイコン色*/
    font-weight: 900;
}

.section{
    margin-bottom: 50px;
    clear: both;
}


/*かなざわ総合市場ツアー*/
.tour img{
    margin: 0 auto;
    margin-bottom: 20px;
}
.report{
    margin-top: 20px;
}
.pc {
    display: block !important; 
}
.sp { 
    display: none !important; 
}
@media only screen and (max-width: 750px) {
    .pc {
         display: none !important; 
        }
    .sp { 
        display: block !important; 
            img {
            max-width: 100%;
            }
        }
}



/*基本情報*/
.basic-table {
    width: 100%;
    margin-bottom: 2em;
    border: #000 solid 2px;
    border-collapse: collapse;
    table-layout: fixed;
    margin-top: 20px;
}
.basic-table th {
    width: 24%;
    /*text-align: justify;
    -moz-text-align-last: justify;
    text-align-last: justify;
    text-justify: inter-ideograph;*/
    border: #000 solid 2px;
}
.basic-table td {
    padding: 1em 1.5em;
    border: #000 solid 2px;
}

.basic-p{
    margin-bottom: 1.5em;
}



/*見学スケジュール*/
.schedule-table tr{
    margin-bottom: 10px
}
.schedule-table td{
    padding-left: 10px;
}
.s-section{
    margin-top: 30px;
}
.imgccontainer{ /*tableで余白追加*/
    display: table;
    border-collapse:separate;
    border-spacing:10px 0;
    margin-top: 20px;
}
.imgccontainer a{ /*table-cellで横並び*/
    display: table-cell;
}
/*.imgccontainer { /*flexで横並び
        padding: 2.5% 0;
        display: flex;
        flex-direction: row;
        flex-wrap: wrap;
        justify-content: space-around;
}*/

/*予約について*/
.q-text{
    text-align: center;
    margin-top:50px;
    font-size: 1.2em;
}

.order-ul{
    margin-top: 50px;
    font-size:1.2em;
    border:thick double #395AA7;
}
.order-ul p{
    text-align: center;
    font-size: 1.5em;
    margin-top:20px;
    margin-bottom:20px;
}
.order-ul ul{
    /*list-style-type: none;*/
    margin-top: -2px;
}


.order-button{
    margin-top: 50px;
}
.order-button img{
    margin: 0 auto;   
}
.order-calendar{
    margin-top: 30px;
}
.order-calendar img{
    margin: 0 auto;   
}

.order-important{
    margin-top: 20px;
}





/*アクセス*/
.access-table {
    width: 100%;
    margin-bottom: 2em;
    border-collapse: collapse;
    table-layout: fixed;
    margin-top: 20px;
}

.access-table td{
    padding-left: 10px;
    width: 80%;
}

.access-map {
    margin-top: 20px;
    text-align: center;
} /*map中央寄せ*/

/*注意事項*/
.ul-list{
    margin-top: 20px;
}
.ul-list ul{
    margin-top: -2px;
}



.place-ul ul{
    list-style-type: none;
}

.amaebi-link{
    margin-top: 30px;
}
.amaebi-link a{
    width: 90%;
}
.amaebi-link img{
    margin: 0 auto;
}

.movie{
    margin-top: 50px;
    position: relative;
    padding-bottom: 56.25%; /*アスペクト比 16:9の場合の縦幅*/
    height: 0;
    overflow: hidden;
}
.movie iframe{

    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}






/*フッター*/
.footer{
    padding-top: 30px;
    padding-bottom: 30px;
    background-color: #395AA7;
}

.footer p{
    font-size: 20px;
    text-align: center;
    color: #ffffff;
}

.Copyright p{
    font-size: 12px;
}