@charset "utf-8";
    .clearfix {
        display: block;
    }

    body {
        color: #5d3a26;
    }

    .sp {
        display: none;
    }
#header_wrapper {
    background: #fff;
    position: fixed;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 999;
}
    header {
        width: 1000px;
        margin: 0 auto;
        	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: space-between;
	justify-content: space-between;
	-webkit-align-items: center;
	align-items: center;
    }
header ul{
	display: -webkit-flex;
	display: flex;
	-webkit-justify-content: flex-end;
	justify-content: flex-end;
	-webkit-align-items: center;
	align-items: center;
}

    #topimg,
    #y_topimg,
    #o_topimg,
    #b_topimg {
        background-image: url('/images/topimg_bg.jpg');
        background-repeat: repeat-x;
        text-align: center;
        width: 100%;
        padding: 80px 0 0 0;
        background-position: bottom;
        
    }

    #topimg figure {
        width: 1100px;
        height: 550px;
        margin: 0 auto;
        background-image: url(/images/topimg.png);
        background-repeat: no-repeat;
        padding: 425px 0 0 0;
        box-sizing: border-box;
    }

    #y_topimg figure {
        width: 1100px;
        height: 550px;
        margin: 0 auto;
        background-image: url(/images/y_topimg.png);
        background-repeat: no-repeat;
        padding: 425px 0 0 0;
        box-sizing: border-box;
    }

    #o_topimg figure {
        width: 1100px;
        height: 550px;
        margin: 0 auto;
        background-image: url(/images/o_topimg.png);
        background-repeat: no-repeat;
        padding: 425px 0 0 0;
        box-sizing: border-box;
    }

    #b_topimg figure {
        width: 1100px;
        height: 550px;
        margin: 0 auto;
        background-image: url(/images/b_topimg.png);
        background-repeat: no-repeat;
        padding: 425px 0 0 0;
        box-sizing: border-box;
    }

    #topimg figure a,
    #y_topimg figure a,
    #o_topimg figure a,
    #b_topimg figure a {
        width: 361px;
        margin: 0 auto;
    }

    #topimg_btn {
        width: 100%;
        background: #ffe400;
        text-align: center;
        padding: 20px 0;
        margin: 0 0 50px 0;
    }

    #topimg_btn ul {
        width: 1000px;
        margin: 0 auto;
    }

    #topimg_btn ul li {
        width: 320px;
        float: left;
    }

    #topimg_btn ul li:nth-child(2) {
        margin: 0 20px;
    }

    #topimg_btn ul li a {
        display: block;
        width: 100%;
        height: auto;
    }

    /*検索
--------------------------------------------------*/
#search_wrapper {
        width: 1000px;
        margin: 0 auto;
        padding: 50px 0;

}

#search_box {display: none;
        margin: 0 auto 50px;
}
    #search {
        width: 1000px;
        text-align: center;
        margin: 0 auto;
        line-height: 70px;
        position: relative;
        font-size: 30px;
        color: #fff;
        background: #ff6c6c;
        font-weight: bold;
    }

    #search img {
        width: 38px;
        position: absolute;
        right: 10px;
        top: 16px;
    }

    .bg {
        width: 100%;
        background-image: url(/images/body01.jpg);
        padding: 50px 0;
    }
    
    #search_box article {
        margin: 0 auto 30px;
    
    }
    #search_box article h3 {
        width: 100%;
        margin: 0 auto 10px;
        font-size: 18px;
        background: #ffe400;
        font-weight: bold;
        padding:15px;
        box-sizing: border-box;
    
    }
    
    #search_box article label {
        margin: 0 10px 10px 0;
    }
    
    .search_btn_box {
        width: 100%;
        text-align: center;
    }
    
    .search_btn_box button {
    width: 200px;
    margin: 0 auto;
    color: #fff;
    padding: 10px 0;
    font-size: 25px;
    background: #1fb9cb;
    border: none;
    cursor: pointer;
}


    .search_box_top {
        border: solid 3px #ccc;
        padding: 3%;
        margin: 0 0 5%;
        background: #fff;
    }

    .search_box_top p {
        display: inline-block;
    }

    .sort {
        border: solid 1px #ccc;
        border-radius: 5px;
        font-size: 18px;
        padding: 1%;
        margin: 0 0 3% 0;
    }

    #search_table {
        width: 100%;
    }


    #search_table th {
        border: solid 1px #ccc;
        background: #f8f8f8;
        padding: 1%;
        text-align: center;
        vertical-align: middle;
        box-sizing: border-box;
        font-size: 12px;
    }

    #search_table td {
        border: solid 1px #ccc;
        padding: 1%;
        text-align: center;
        vertical-align: middle;
        box-sizing: border-box;
        font-size: 12px;
        width: 12.5%;
    }

    #search_table td img {
        width: auto;

    }

    #search_table td a {
        background: #ff8400;
        padding: 2% 0;
        text-align: center;
        color: #fff;
        border: none;
        border-radius: 5px;
        border-bottom: solid 4px #cb6e0a;
        text-decoration: none;
        display: block;
        box-sizing: border-box;
        font-size: 14px;
    }

.column_btn {
    width: 100%;
    text-align: center;
    padding: 30px 0 0;
    box-sizing: border-box;
}
    /*box01
--------------------------------------------------*/

    #box01 {
        width: 1000px;
        margin: 0 auto 100px;
        border: #ffe400 5px solid;
        padding: 25px;
        background: #fff;
        box-sizing: border-box;
    }

    #box01 figure {
        width: 450px;
        float: right;
    }

    #box01 p {
        font-weight: bold;
        width: 460px;
        float: left;
        font-size: 25px;
    }

    #box02 {
        width: 1000px;
        margin: 0 auto 70px;
    }

    #box02 h2 {
        width: 100%;
        margin: 0 0 30px 0;
        text-align: center;
    }
#box02 div{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
	-webkit-justify-content: center;
	justify-content: center;
	-webkit-align-items: stretch;
	align-items: stretch;
}
    #box02 article {
        width: 320px;
        margin: 0 0 50px 0;
    }

    #box02 article span {
        font-size: 0.5em;
    }

    #box02 article:nth-child(2),
    #box02 article:nth-child(5) {
        width: 320px;
        margin: 0 20px;
    }

    #box02 article figure {
        margin: 0 0 10px 0;
        text-align: center;
    }

    #box02 article h3 {
        font-size: 23px;
        text-align: center;
    }

    .box02_title {
        width: 1000px;
        margin: 0 auto;
    }

    /*title
------------------------------*/

    #title {
        font-size: 60px;
        text-align: center;
        color: #fff;
        background: #ff6c6c;
        width: 100%;
        padding: 30px 0;
    }

    #title span {
        font-size: 30px;
        display: block;
    }

    #title strong {
        color: #fff000;
    }

    #title_arrow {
        width: 347px;
        margin: 0 auto 40px;
    }

    /*main
------------------------------*/

    #main {
        width: 1000px;
        margin: 0 auto;
        padding: 50px 0 80px;
    }

    #right {
        width: 300px;
        float: right;
    }

    .right_btn {
        margin: 0 0 30px 0;
    }

    #right h2 {
        background: #ff6c6c;
        color: #fff;
        text-align: center;
        padding: 10px 0;
        font-size: 18px;
    }

    #right nav {
        margin: 0 0 50px;
    }

    #right nav ul li a {
        width: 100%;
        display: block;
    }

    .right_column {
        width: 100%;
        padding: 20px 0;
        border-bottom: #ccc 1px solid;
        display: table;
    }

    .right_column figure {
        display: table-cell;
        width: 90px;
    }

    .right_column h3 {
        width: 16px;
        display: table-cell;
        padding: 0 0 0 20px;
        vertical-align: middle;
        width: 190px;
        box-sizing: border-box;
    }

    .right_column a {
        color: #5d3a26;
        text-decoration: none;
        line-height: 1.3;
    }

    #left {
        width: 670px;
        float: left;
    }

    #left h2 {
        width: 100%;
        border-bottom: #ff6c6c 2px solid;
        border-top: #ff6c6c 2px solid;
        padding: 30px 0;
        margin: 0 0 30px 0;
        text-align: center;
        font-size: 30px;
    }

    #left h2 ul {
        width: 100%;
        text-align: center;
        margin: 0 0 10px;
        display: inline;
    }

    #left h2 ul li {
        text-align: center;
        display: inline-block;
        padding: 10px 20px;
        color: #fff;
        font-size: 25px;
        margin: 0 5px;
        border-radius: 10px;
        box-sizing: border-box;
    }

    #left h2 ul li.bgg {
        background: #a6de6f;
    }

    #left h2 ul li.bgp {
        background: #e5b1f9;
    }

    #left h2 ul li.bgr {
        background: #ff6c6c;
    }

    #left h2 ul li.bgo {
        background: #ffae6c;
    }

    #left h2 ul li.bgb {
        background: #6fc5de;
    }

    #left h2 ul li.bgw {
        background: #fff;
        color: #000;
        border: #000 1px solid;
    }

    #left h2 ul li.bgc {
        background: #b1ebf9;
    }

    #left h2 strong {
        font-size: 40px;
    }

    #left h2 strong span {
        color: #ffe400;
    }

    .top_btn {
        margin: 0 0 35px 0;
    }

    .ranking {
        width: 100%;
        border: #dddddd 3px solid;
        margin: 0 0 80px 0;
    }

    .ranking_title {
        width: 100%;
        padding: 20px 30px;
        border-bottom: #dddddd 2px solid;
        display: table;
        box-sizing: border-box;
    }

    .ranking_title figure {
        width: 63px;
        display: table-cell;
    }

    .ranking_title h3 {
        font-size: 30px;
        color: #5d3a26;
        display: table-cell;
        box-sizing: border-box;
        vertical-align: middle;
    }

.ranking_title_top {
        margin: 0 0 10px 0;

}

.ranking_title_top figure {
        margin: 0 0 10px 0;

}
    .ranking_title_top h3 {
        font-size: 25px;
        color: #ff6c6c;
        display: block;
    }

    .ranking_bottom {
        width: 100%;
        padding: 30px;
        box-sizing: border-box;
    }

    .ranking_bottom_top {
        margin: 0 0 40px 0;
    }

    .ranking_bottom_top figure {
        width: 280px;
        float: left;
    }

    .ranking_bottom_top div {
        width: 295px;
        float: right;
    }

    .ranking_bottom_top div h4 {
        color: #ff6c6c;
        font-size: 18px;
        border: none;
        margin: 0 0 15px;
        text-align: center;
    }

    .ranking_bottom_top ul li {
        width: 100%;
        padding: 5px 0;
        text-align: center;
        color: #ffff00;
        background: #5d3a26;
        font-size: 18px;
        margin: 0 0 10px;
        border-radius: 5px;
        font-weight: bold;

    }

    .ranking_bottom h3 {
        color: #fff;
        text-align: center;
        background: #ff6c6c;
        font-size: 30px;
        padding: 5px 0;
        margin: 0 0 30px;
    }

    .ranking_bottom table {
        width: 100%;
        margin: 0 0 30px;
    }

    .ranking_bottom table th {
        background: #eeeeee;
        padding: 10px;
        font-size: 18px;
        font-weight: bold;
        text-align: center;
    }

    .ranking_bottom table td {
        padding: 10px;
        font-size: 18px;
        text-align: center;
    }

    .btn {
        width: 100%;
        margin: 0 auto 70px;
        text-align: center;
    }

    .btn:last-of-type {
        margin: 0 auto;
    }

    .ranking_bottom h4 {
        font-size: 30px;
        border-bottom: #ccc 2px solid;
        margin: 0 0 30px;
    }

    .text {
        background: #fbf9ed;
        padding: 30px;
        box-sizing: border-box;
        margin: 0 0 40px;
    }

    .voice {
        padding: 40px 0 60px;
    }

    .voice article {
        width: 100%;
        padding: 15px;
        border: #ccc 1px solid;
        margin: 0 0 20px;
        box-sizing: border-box;
        border-radius: 10px;
    }

    .voice article div {
        border-bottom: #ccc 1px solid;
        margin: 0 0 15px;
        padding: 0 0 10px;
        display: table;
        width: 100%;
    }

    .voice article h4 {
        font-size: 18px;
        padding: 0;
        margin: 0;
        display: table-cell;
        border: none;
    }

    .hyouka {
        font-size: 18px;
        color: #eee;
        display: table-cell;
        text-align: right;
    }

    .hyouka span {
        color: #fbda25;
    }

    /*footer
------------------------------*/

    footer {
        padding: 20px 0;
        background: #ff6c6c;
        color: #fff;
        text-align: center;
    }

    footer a {
        color: #fff;
        text-decoration: none;
    }

.column_photo {
    margin: 0 0 5% 0;
    text-align: center;
}

.column_text {
    margin: 0 0 8% 0;
    font-size: 16px;
    line-height: 1.8;
}

.fsz13 {
        font-size: 1.2em;
}

.fsz14 {
        font-size: 1.3em;
}

.fsz18 {
        font-size: 1.5em
}

.bgp {
background:#f8abb2;
    padding: 0.5%;
}

.bgy {
background:#fffdba;
    padding: 0.5%;
}

.bgg {
background:#eee;
    padding: 0.5%;
}

.red {
        color: #cc1e1e;
}

.blue {
        color:#1e80cc;
}

.green {
        color:#4fcc1e;
}
.tar {
text-align: right;
}

.tar a {
color: #333;
    text-decoration: none;

}
.orange {
color: orange;
}
.tdu {
    text-decoration: underline;
}

.column_text a {
color: #333;
}

.tac {
    text-align: center;
    display: block;
}

.cvbtn {
    width: 100%;
    padding:5% 0;
    text-align: center;
}
.mb3{
    margin: 0 0 3% 0;
}

.column_table {
	width:100%;
}

.column_table th,
.column_table td{
	border:1px solid #ccc;
text-align:center;
padding:10px;
    font-size: 16px;
    background: #fff;
    }
    
.column_table th {
    background: #cc1e1e;
color: #fff;

}

.column_title {
    width: 100%;
    border-left: #f8abb2 5px solid;
    padding: 1% 0 0 1%;
    margin: 0 0 5% 0;
    font-size: 1.8em;
    color: #f8abb2;
}


    .stories_more {
        margin: 0 0 80px;
        text-align: right;
    }

    .stories_more a {
        color: cornflowerblue;
    }

.company {
    width: 100%;
}

.company th {
    width:30%;
	border:1px solid #ccc;
text-align:center;
padding:10px;
    font-size: 16px;
    background: #fff;
        box-sizing: border-box;
    background: #eee;
}

.company td {
    width:70%;
	border:1px solid #ccc;
text-align:center;
padding:10px;
    font-size: 16px;
    background: #fff;
        box-sizing: border-box;
}
    /*スマホ

------------------------------*/

    @media screen and (max-width: 750px) {
        .pc {
            display: none;
        }
        .sp {
            display: block;
        }


        header {
            width: 100%;
            box-sizing: border-box;
        }
 header h1{
 padding: 0 0 0 1em;
 width: 40%;
 }
  header ul{
 width: 50%;
  }
          #topimg,
        #y_topimg,
        #o_topimg,
        #b_topimg {
            padding:65px 0 0;
        }
        #topimg figure,
        #y_topimg figure,
        #o_topimg figure,
        #b_topimg figure {
            width: 100%;
            height: auto;
            margin: 0 auto;
            background-image: none;
            background-repeat: no-repeat;
            padding:0;
            box-sizing: border-box;
        }

        #topimg figure a,
        #y_topimg figure a,
        #o_topimg figure a,
        #b_topimg figure a {
            width: 100%;
            margin: 0 auto;
        }

        #topimg_btn {
            width: 100%;
            background: #ffe400;
            text-align: center;
            padding: 10px;
            margin: 0 0 25px 0;
            box-sizing: border-box;
        }

        #topimg_btn ul {
            width: 100%;
            margin: 0 auto;
        }

        #topimg_btn ul li {
            width: 100%;
            float: none;
            margin: 0 0 10px;
        }

        #topimg_btn ul li:nth-child(2) {
            margin: 0 0 10px;
        }

        /*検索
--------------------------------------------------*/
#search_wrapper {
        width: 100%;
        margin: 0 auto;
        padding: 25px 15px 25px;
            box-sizing: border-box;

}
        #search {
            width: 100%;
            text-align: center;
            margin: 0 auto;
            line-height: 35px;
            position: relative;
            font-size: 15px;
            color: #fff;
            background: #ff6c6c;
            font-weight: bold;
        }

        #search img {
            width: 19px;
            position: absolute;
            right: 5px;
            top: 8px;
        }

        .bg {
            width: 100%;
            background-image: url(/images/body01.jpg);
            padding: 25px 15px;
            box-sizing: border-box;
        }

        /*box01
--------------------------------------------------*/
        #box01 {
            width: 100%;
            margin: 0 auto 50px;
            border: #ffe400 3px solid;
            padding: 15px;
            background: #fff;
            box-sizing: border-box;
        }

        #box01 figure {
            width: 100%;
            float: none;
            margin: 0 0 15px;
        }

        #box01 p {
            font-weight: bold;
            width: 100%;
            float: none;
            font-size: 16px;
        }

        #box02 {
            width: 100%;
            margin: 0 auto 35px;
        }
#box02 div{
	display: -webkit-flex;
	display: flex;
	-webkit-flex-direction: column;
	flex-direction: column;
	-webkit-flex-wrap: wrap;
	flex-wrap: wrap;
}
        #box02 h2 {
            width: 100%;
            margin: 0 0 15px 0;
            text-align: center;
        }

        #box02 article {
            width: 100%;
            float: none;
            margin: 0 0 25px;
        }

        #box02 article span {
            font-size: 0.8em;
        display: block;
        }

        #box02 article:nth-child(2),
        #box02 article:nth-child(5) {
            width: 100%;
            float: none;
            margin: 0 0 25px;
        }

        #box02 article figure {
            margin: 0 0 10px 0;
        }

        #box02 article h3 {
            font-size: 20px;
            text-align: center;
        }

        .box02_title {
            width: 100%;
            margin: 0 auto;
        }

        /*title
------------------------------*/
        #title {
            font-size: 27px;
            text-align: center;
            color: #fff;
            background: #ff6c6c;
            width: 100%;
            padding: 15px 0;
        }

        #title span {
            font-size: 15px;
            display: block;
        }

        #title strong {
            color: #fff000;
        }

        #title_arrow {
            width: 30%;
            margin: 0 auto 20px;
        }

        /*main
------------------------------*/
        #main {
            width: 94%;
            margin: 0 auto;
            padding: 25px 0 40px;
        }

        #right {
            width: 100%;
            float: none;
        }

        .right_btn {
            margin: 0 0 15px 0;
            width: 100%;
            text-align: center;
        }

        #right h2 {
            background: #ff6c6c;
            color: #fff;
            text-align: center;
            padding: 5px 0;
            font-size: 18px;
        }

        #right nav {
            margin: 0 0 25px;
        }
        #right nav ul li {
            width: 100%;
            float: none;
            text-align: center;
        }
        #right nav ul li a {
            width: 100%;
            display: block;
        }

        .right_column {
            width: 100%;
            padding: 10px 0;
            border-bottom: #ccc 1px solid;
            display: table;
        }

        .right_column figure {
            display: table-cell;
            width: 20%;
        }

        .right_column h3 {
            width: 16px;
            display: table-cell;
            padding: 0 0 0 20px;
            vertical-align: middle;
            width: 77%;
            box-sizing: border-box;
        }

        .right_column a {
            color: #5d3a26;
            text-decoration: none;
            line-height: 1.3;
        }

        #left {
            width: 100%;
            float: none;
            margin: 0 0 25px;
        }

        #left h2 {
            width: 100%;
            border-bottom: #ff6c6c 2px solid;
            border-top: #ff6c6c 2px solid;
            padding: 15px 0;
            margin: 0 0 15px 0;
            text-align: center;
            font-size: 23px;
        }

        #left h2 ul {
            width: 100%;
            text-align: center;
            margin: 0 0 10px;
        }

        #left h2 ul li {
            text-align: center;
            display: inline-block;
            padding: 5px 10px;
            color: #fff;
            font-size: 14px;
            margin: 0 5px;
            border-radius: 5px;
            box-sizing: border-box;
        }


        #left h2 strong {
            font-size: 23px;
        }

        .top_btn {
            margin: 0 0 18px 0;
        }

        .ranking {
            width: 100%;
            border: #dddddd 2px solid;
            margin: 0 0 40px 0;
            box-sizing: border-box;
        }

        .ranking_title {
            width: 100%;
            padding: 10px 15px;
            border-bottom: #dddddd 2px solid;
            display: table;
            box-sizing: border-box;
        }

        .ranking_title figure {
            width: 20%;
            display: table-cell;
        }

        .ranking_title h3 {
            font-size: 20px;
            color: #5d3a26;
            display: table-cell;
            box-sizing: border-box;
            width: 100%;
            vertical-align: middle;
        }

.ranking_title_top {
        margin: 0 0 5px 0;

}
    .ranking_title_top h3 {
        font-size: 18px;
        color: #ff6c6c;
        display: block;
    }
    
.ranking_title_top figure {
        margin: 0 0 5px 0;
            width: 30px;

}
        .ranking_title h3 span {
            font-size: 14px;
            color: #ff6c6c;
            display: block;
        }

        .ranking_bottom {
            width: 100%;
            padding: 15px;
            box-sizing: border-box;
        }

        .ranking_bottom_top {
            margin: 0 0 20px 0;
        }

        .ranking_bottom_top figure {
            width: 100%;
            float: none;
            margin: 0 0 15px;
            text-align: center;
        }

        .ranking_bottom_top div {
            width: 100%;
            float: none;
        }

        .ranking_bottom_top div h4 {
            color: #ff6c6c;
            font-size: 14px;
            border: none;
            margin: 0 0 10px;
            text-align: center;
        }

        .ranking_bottom_top ul li {
            width: 100%;
            padding: 5px 0;
            text-align: center;
            color: #ffff00;
            background: #5d3a26;
            font-size: 16px;
            margin: 0 0 5px;
            border-radius: 5px;
            font-weight: bold;

        }

        .ranking_bottom h3 {
            color: #fff;
            text-align: center;
            background: #ff6c6c;
            font-size: 20px;
            padding: 5px 0;
            margin: 0 0 15px;
        }

        .ranking_bottom table {
            width: 100%;
            margin: 0 0 15px;
        }

        .ranking_bottom table th {
            background: #eeeeee;
            padding: 5px;
            font-size: 14px;
            font-weight: bold;
            text-align: center;
        }

        .ranking_bottom table td {
            padding: 5px;
            font-size: 14px;
            text-align: center;
        }

        .btn {
            width: 100%;
            margin: 0 auto 35px;
            text-align: center;
        }


        .ranking_bottom h4 {
            font-size: 20px;
            border-bottom: #ccc 1px solid;
            margin: 0 0 15px;
        }

        .text {
            background: #fbf9ed;
            padding: 15px;
            box-sizing: border-box;
            margin: 0 0 20px;
        }

        .voice {
            padding: 20px 0 30px;
        }

        .voice article {
            width: 100%;
            padding: 7px;
            border: #ccc 1px solid;
            margin: 0 0 10px;
            box-sizing: border-box;
            border-radius: 5px;
        }

        .voice article div {
            border-bottom: #ccc 1px solid;
            margin: 0 0 7px;
            padding: 0 0 5px;
            display: table;
            width: 100%;
        }

        .voice article h4 {
            font-size: 14px;
            padding: 0;
            margin: 0;
            display: table-cell;
            border: none;
        }

        .hyouka {
            font-size: 14px;
            color: #eee;
            display: table-cell;
            text-align: right;
        }

        .hyouka span {
            color: #fbda25;
        }


        /*footer
------------------------------*/
        footer {
            padding: 10px;
            background: #ff6c6c;
            color: #fff;
            text-align: center;
            font-size: 12px;
            box-sizing: border-box;
        }

        footer a {
            color: #fff;
            text-decoration: none;
        }
        
        
    .stories_more {
        margin: 0 0 40px;
        text-align: right;
    }
    
    
.column_title {
    width: 100%;
    border-left: #f8abb2 5px solid;
    padding: 1% 0 0 1%;
    margin: 0 0 5% 0;
    font-size: 1.2em;
    color: #f8abb2;
}

    #search_box article h3 {
        width: 100%;
        margin: 0 auto 10px;
        font-size: 14px;
        background: #ffe400;
        font-weight: bold;
        padding:5px 10px;
        box-sizing: border-box;
    
    }
    }