@charset "utf-8";

/* CSS INFORMATION -====================================================
File name : word.css
Description : 急上昇ワードCSS
===================================================================== */


/* =====================================================================
*    #main
* =================================================================== */


/* .contents_ttl {
	width: 76.5625%;
	position: relative;
	padding-top: 10.9375%;
	margin: auto;
} */

.contents_catch {
    text-align: center;
    padding-top: 7.8125%;
}

.contents_catch strong {
    color: #333333;
    line-height: 1.25em;
    font-family: "Rounded Mplus 1c";
    font-weight: 700;
}

.week_ttl {
    width: 87.5%;
    font-size: 1.1em;
    line-height: 1.5em;
    font-weight: bold;
    color: #ff610c;
    border-radius: 15px;
    background-color: #FFF;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    padding: 6.25%;
    margin: 7.8125% auto auto;
}

.week_ttl .week_date {
    display: block;
    font-size: 1.2em;
    text-align: center;
    line-height: 1em;
    font-weight: bold;
    color: #aaaaaa;
    /*	padding-bottom: 4.1667%;*/
}

.ttl_attention {
    width: 87.5%;
    color: #666666;
    text-align: right;
    margin: 3.125% auto auto;
}

.ttl_attention img {
    width: 30%;
    display: inline;
}


/* .ttl_attention small {
	font-weight: bold;
} */

@media screen and (min-width:640px) {
    .week_ttl {
        border-radius: 30px;
    }
}

@media screen and (min-width:700px) {
    /* .contents_ttl {
		width: 38.28125%;
		padding-top: 3.125%;
	} */
    .contents_catch {
        padding-top: 3.125%;
    }
    .contents_catch strong {
        line-height: 1.25em;
    }
    .week_date {
        line-height: 1.2em;
        margin-top: 3.125%;
    }
    .week_ttl {
        width: 54.6875%;
        line-height: 1.25em;
        text-align: center;
        border-radius: 60px;
        position: relative;
        padding: 1.5625% 7.8125%;
        margin: 3.90625% auto auto;
    }
    .week_ttl .week_date {
        display: inline-block;
        line-height: 1.428572em;
        vertical-align: top;
        position: relative;
        padding-bottom: 0;
        /*		padding-right: 4%;*/
        margin-top: 0;
        /*		margin-right: 4%;*/
    }
    /*
	.week_ttl .week_date::after {
		content: "";
		width: 0.1429em;
		height: 100%;
		display: block;
		background-color: #ff610c;
		position: absolute;
		top: 0;
		right: 0;
	}
*/
    .ttl_attention {
        width: 54.6875%;
        line-height: 1em;
        margin: 0.78125% auto auto;
    }
    .ttl_attention img {
        width: 20%;
        display: inline;
    }
}


/* .search_inner
---------------------------------------------------------- */

.search_inner {
    width: 87.5%;
    background-color: #FFF;
    border-radius: 15px;
    overflow: hidden;
    margin: 7.8125% auto;
    border: 2px solid #ff0064;
}

.search_inner .search_ttl {
    line-height: 1.3334em;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    background-color: #ff0064;
    padding: 5.46875%;
}

.search_inner .search_catch {
    width: 85.7143%;
    font-size: 1.1em;
    line-height: 1.6em;
    font-weight: bold;
    margin: 8.9286% auto auto;
}

@media screen and (min-width:640px) {
    .search_inner {
        border-radius: 30px;
    }
}

@media screen and (min-width:700px) {
    .search_inner {
        width: 79.6875%;
        margin: 2.34375% auto 3.90625%;
    }
    .search_inner .search_ttl {
        line-height: 1.25em;
        padding: 2.451%;
    }
    .search_inner .search_catch {
        width: 92.1569%;
        line-height: 1.5em;
        text-align: center;
        margin: 4.902% auto auto;
    }
}


/* .word_list */

.search_inner .word_list {
    width: 85.7143%;
    padding-bottom: 9.375%;
    margin: 3.125% auto auto;
}

.search_inner .word_list .word {
    padding-top: 6.25%;
}

.search_inner .word_list .word .word_ttl {
    font-size: 1.2em;
    line-height: 1.25em;
    color: #ff0064;
    font-weight: bold;
    position: relative;
    padding: 0 4.1667% 6.25%;
    margin-bottom: 6.25%;
}

.search_inner .word_list .word .word_ttl::before {
    content: "";
    width: 100%;
    height: 0;
    padding-top: 1.25%;
    display: block;
    background-color: #ff0064;
    position: absolute;
    bottom: 0;
    left: 0;
}

.search_inner .word_list .word .word_detail {
    font-size: 1.1em;
    line-height: 1.6em;
    padding: 0 4.1667% 4.1667%;
}

.search_inner .word_list .word:not(:last-child) {
    border-bottom: 1px dotted #aaaaaa;
}

@media screen and (min-width:700px) {
    .search_inner .word_list {
        width: 86.2746%;
        padding-bottom: 1.9608%;
        margin: auto;
    }
    .search_inner .word_list .word {
        padding-top: 4.902%;
    }
    .search_inner .word_list .word .word_ttl {
        line-height: 1.25em;
        padding: 0 1.1364% 1.1364%;
        margin-bottom: 2.2728%;
    }
    .search_inner .word_list .word .word_ttl::before {
        padding-top: 0.5682%;
    }
    .search_inner .word_list .word .word_detail {
        line-height: 1.6em;
        padding: 0 1.1364% 5.6819%;
    }
    .search_inner .word_list .word .word_detail:not(:last-child) {
        border-bottom: 2px dotted #aaaaaa;
    }
}


/* .attention
---------------------------------------------------------- */

.attention {
    width: 87.5%;
    line-height: 1.5em;
    text-align: center;
    margin: auto auto 12.5%;
}

@media screen and (min-width:700px) {
    .attention {
        width: 79.6875%;
        line-height: 1.5em;
        margin: auto auto 3.90625%;
    }
}