@charset "UTF-8";

html {
    scroll-padding-top: 50px;
}

#chugen-manner.chugen-manner .mainvisual {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    height: 300px;
    background-image: url(/chugen/manner/2025/images/manner_mv_pc.jpg);
    background-repeat: no-repeat;
    background-position: center center;
    background-size: auto 100%;
    background-size: cover;
}

#chugen-manner.chugen-manner .mainvisual .mainvisual_inner {
    padding: 0 0 50px;
}

#chugen-manner.chugen-manner .mainvisual .mainvisual_txt {
    font-size: 2rem;
    text-align: center;
}

#chugen-manner.chugen-manner .mainvisual .mainvisual_title {
    font-weight: 700;
    font-size: 3.8rem;
    text-align: center;
}

#chugen-manner.chugen-manner .mannerFirstTxt {
    margin: 50px 0;
}

#chugen-manner.chugen-manner .mannerSecondWrap {
    max-width: 1000px;
    margin: auto;
    line-height: 1.6;
    font-size: 1.5rem;
}

#chugen-manner.chugen-manner .content-wrap {
    padding: 60px 0;
}

#chugen-manner.chugen-manner:not(.top) .content-wrap {
    background-color: #fff;
}

#chugen-manner.chugen-manner .manner-top-lead {
    text-align: center;
    line-height: 2;
    font-size: 1.8rem;
    margin: 60px auto;
}


#chugen-manner.chugen-manner .mannerSecondWrap.is-howto .mannerSecondHead {
    background-image: url(/chugen/manner/2025/images/howto/pic_ttl.png)
}

#chugen-manner.chugen-manner .mannerSecondWrap.is-history .mannerSecondHead {
    background-image: url(/chugen/manner/2025/images/history/pic_ttl.png)
}

#chugen-manner.chugen-manner .mannerSecondWrap.is-season .mannerSecondHead {
    background-image: url(/chugen/manner/2025/images/season/pic_ttl.png)
}

#chugen-manner.chugen-manner .mannerSecondWrap.is-greeting .mannerSecondHead {
    background-image: url(/chugen/manner/2025/images/greeting/pic_ttl.png)
}

#chugen-manner.chugen-manner .mannerSecondWrap.is-return .mannerSecondHead {
    background-image: url(/chugen/manner/2025/images/return/pic_ttl.png)
}

#chugen-manner.chugen-manner .mannerSecondWrap.is-noshi .mannerSecondHead {
    background-image: url(/chugen/manner/2025/images/noshi/pic_ttl.png)
}

#chugen-manner.chugen-manner .mannerSecondWrap.is-difference-oseibo .mannerSecondHead {
    background-image: url(/chugen/manner/2025/images/difference-oseibo/pic_ttl.png)
}

#chugen-manner.chugen-manner .mannerSecondWrap.is-passing .mannerSecondHead {
    background-image: url(/chugen/manner/2025/images/passing/pic_ttl.png)
}

#chugen-manner.chugen-manner .mannerSecondWrap.is-mouring .mannerSecondHead {
    background-image: url(/chugen/manner/2025/images/mouring/pic_ttl.png)
}

#chugen-manner.chugen-manner .mannerSecondWrap.is-marketprice .mannerSecondHead {
    background-image: url(/chugen/manner/2025/images/marketprice/pic_ttl.png)
}

#chugen-manner.chugen-manner .mannerSecondWrap.is-summer-greeting .mannerSecondHead {
    background-image: url(/chugen/manner/2025/images/summer-greeting/pic_ttl.png)
}

#chugen-manner.chugen-manner .mannerSecondWrap.is-internet .mannerSecondHead {
    background-image: url(/chugen/manner/2025/images/internet/pic_ttl.png)
}

#chugen-manner.chugen-manner .mannerSecondWrap.is-partnar .mannerSecondHead {
    background-image: url(/chugen/manner/2025/images/partnar/pic_ttl.png)
}

#chugen-manner.chugen-manner .mannerSecondWrap.is-serect .mannerSecondHead {
    background-image: url(/chugen/manner/2025/images/serect/pic_ttl.png)
}

#chugen-manner.chugen-manner .mannerSecondWrap.is-decline .mannerSecondHead {
    background-image: url(/chugen/manner/2025/images/decline/pic_ttl.png)
}

#chugen-manner.chugen-manner .mannerSecondHead {
    display: flex;
    align-items: center;
    height: 160px;
    padding: 20px;
    font-size: 41px;
    font-size: 2.6rem;
    background-repeat: no-repeat;
    background-position: right top;
    background-size: auto 100%;
    border: 1px solid #a7a7a7;
}

#chugen-manner.chugen-manner .mannerBlk {
    margin: 0;
    margin-top: 60px;
    padding: 0;
}

#chugen-manner.chugen-manner .mannerSecondTtl {
    padding: 15px 0;
    border-top: 1px solid #a7a7a7;
    border-bottom: 1px solid #a7a7a7;
}

#chugen-manner.chugen-manner .mannerSecondTtl span {
    display: block;
    padding: 0 0 0 30px;
    font-size: 35px;
    font-size: 2.2rem;
    border-left: 2px solid #2CBBBF;
}

#chugen-manner.chugen-manner .mannerDiamond span,
#chugen-manner.chugen-manner .mannerFirstTxt span,
#chugen-manner.chugen-manner .mannerSecondTxt span,
#chugen-manner.chugen-manner .mannerTiming span,
#chugen-manner.chugen-manner .mannerBlk .listDisc span,
#chugen-manner.chugen-manner .mannerBlk p span {
    color: #2CBBBF;
    font-weight: 700;
}

#chugen-manner.chugen-manner .figClmOne {
    text-align: center
}

#chugen-manner.chugen-manner .mannerDiamond {
    margin: 30px
}

#chugen-manner.chugen-manner .mannerDiamond>section+section {
    margin-top: 30px
}

#chugen-manner.chugen-manner .mannerDiamond>section .mannerDiamondTtl {
    font-weight: inherit;
    font-size: 30px;
    font-size: 1.9rem;
}

#chugen-manner.chugen-manner .mannerDiamond>section .mannerDiamondTtl:before {
    color: #2CBBBF;
    font-size: 30px;
    font-size: 1.9rem;
    content: "◆ ";
}

#chugen-manner.chugen-manner .mannerDiamond>section p {
    margin-top: 5px;
    margin-bottom: 20px;
}

#chugen-manner.chugen-manner .thanksmessage {
    width: 70%;
    padding: 15px;
    background: #efecec;
    border: dashed 2px white;
    box-shadow: 0px 0px 0px 6px #efecec;
}

#chugen-manner.chugen-manner .chugen_thanksmessage .listDisc {
    margin: -20px 0 20px;
}

#chugen-manner.chugen-manner .chugen_thanksmessage .listDisc li {
    margin: 6px;
}

#chugen-manner.chugen-manner .chugen_thanksmessage {
    width: 70%;
    margin: 10px auto;
    padding: 18px;
    line-height: 2;
    background: #fffdef;
    border: 1px solid #aaaaaa;
}

#chugen-manner.chugen-manner .mannerBlk table {
    width: 50%;
    margin: 0 auto;
    text-align: center;
    border-collapse: collapse;
}

#chugen-manner.chugen-manner .mannerBlk th,
td {
    padding: 10px;
    border: solid 1px;
}

#chugen-manner.chugen-manner .mannerBlk th {
    text-align: center;
    background-color: #9e9e9e3d;
}

#chugen-manner.chugen-manner .mannerDiamond img,
#chugen-manner.chugen-manner .mannerBlk .float_right {
    float: right;
    width: 380px;
    margin-left: 10px;
}

#chugen-manner.chugen-manner .mannerBlk .card {
    margin: 0 27px 10px 10px;
}

#chugen-manner.chugen-manner .mannerSecondTxt {
    margin: 30px
}

#chugen-manner.chugen-manner .annotation {
    margin: 5px;
    text-align: center;
}

#chugen-manner.chugen-manner .mannerTiming>section {
    display: table;
    width: 100%;
    padding: 30px;
    border-bottom: 1px solid #a7a7a7
}

#chugen-manner.chugen-manner .mannerTiming>section>* {
    display: table-cell
}

#chugen-manner.chugen-manner .mannerTiming>section .mannerTimingTtl {
    width: 8em
}

#chugen-manner.chugen-manner .mannerSokuk {
    margin-top: 20px
}

#chugen-manner.chugen-manner .mannerSokuk>section {
    display: table;
    width: 100%;
    padding: 3px 25px
}

#chugen-manner.chugen-manner .mannerSokuk>section>* {
    display: table-cell
}

#chugen-manner.chugen-manner .mannerSokuk>section .mannerSokukTtl {
    width: 7em
}

#chugen-manner.chugen-manner .mannerSokuk>section .mannerSokukTtl span {
    font-weight: 700
}

#chugen-manner.chugen-manner .mannerSokuk>section .mannerSokukTtl:after {
    float: right;
    content: "：　"
}

#chugen-manner.chugen-manner .mannerWeight {
    margin: 30px 0 30px 30px;
}

#chugen-manner.chugen-manner .mannerWeight>section+section {
    margin-top: 30px
}

#chugen-manner.chugen-manner .mannerWeight>section .mannerWeightTtl {
    font-weight: 700;
    font-size: 25px;
    font-size: 1.6rem
}

#chugen-manner.chugen-manner .mannerWeight>section p {
    margin-top: 5px
}

#chugen-manner.chugen-manner .mannerWeight .message {
    width: 700px;
    padding-top: 10px;
}

#chugen-manner.chugen-manner .mannerNoshi>section .mannerNoshiTtl {
    font-weight: 700
}

#chugen-manner.chugen-manner .mannerNoshiList {
    margin: 25px 0;
    text-align: center
}

#chugen-manner.chugen-manner .mannerNoshiList>li {
    display: inline-block;
    width: 24%;
    padding: 0 15px;
    text-align: center;
    vertical-align: top
}

#chugen-manner.chugen-manner .mannerNoshiList>li dfn {
    display: block
}

#chugen-manner.chugen-manner .mannerNoshiList>li figcaption {
    margin: 10px auto;
    font-size: 90%;
    text-align: left
}

#chugen-manner.chugen-manner .mannerNoshiList>li figcaption.alignCenter {
    text-align: center
}

#chugen-manner.chugen-manner .listDecimal {
    padding: 0 20px;
    list-style: none;
}

#chugen-manner.chugen-manner .listDecimal li {
    padding-left: 10px
}

#chugen-manner.chugen-manner .listDisc {
    padding: 0 .5em
}

#chugen-manner.chugen-manner .listDisc>li {
    position: relative;
    margin: 20px;
    padding-left: 1.5em
}

#chugen-manner.chugen-manner .listDisc>li:before {
    position: absolute;
    top: 0;
    left: 0;
    content: "・"
}

#chugen-manner.chugen-manner .mannerBlk a {
    text-decoration: underline;
}

.mannerWeight section {
    margin: 0;
    padding: 0;
}

.mannerBlk section {
    margin: 0;
    padding: 0;
}

#chugen-manner.chugen-manner .mannerKieMon {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-justify-content: space-between;
    justify-content: space-between;
    margin: 30px 0;
    text-align: center;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify
}

#chugen-manner.chugen-manner .mannerKieMon>section {
    -webkit-flex-basis: 20%;
    -ms-flex-preferred-size: 20%;
    flex-basis: 20%
}

#chugen-manner.chugen-manner .mannerKieMon>section .mannerKieMonTtl {
    font-size: 28px;
    font-size: 1.8rem
}

#chugen-manner.chugen-manner .mannerKieMon>section .txt {
    font-size: 20px;
    font-size: 1.3rem;
    text-align: left
}

#chugen-manner.chugen-manner .mannerKieMon>section .pic {
    width: 200px;
    height: 200px;
    overflow: hidden;
    border-radius: 50%
}

#chugen-manner.chugen-manner .figGreeting {
    margin: 30px 0 0
}

#chugen-manner.chugen-manner .mannerMsgPoint {
    margin-top: 10px;
    padding: 1em 0;
    background-color: #eaeaea
}

#chugen-manner.chugen-manner .mannerMsgPoint .listDisc,
#chugen-manner.chugen-manner .mannerMsgPoint>p {
    display: inline-block;
    padding: 0 1.8em;
    vertical-align: middle
}

#chugen-manner.chugen-manner .mannerMsgPoint>p {
    width: 8em;
    font-weight: 700;
    font-size: 27px;
    font-size: 1.7rem
}

#chugen-manner.chugen-manner .mannerMsgPoint .listDisc {
    width: 50em;
    padding: 1em 2em;
    border-left: 6px dotted #c2c2c2
}

#chugen-manner.chugen-manner .mannerMsgPoint .listDisc>li {
    font-weight: 700
}

#container {
    overflow: hidden;
}

#container .chugen-manner a {
    text-decoration: none;
}

#chugen-manner.chugen-manner .mannerBlk .Yellow-flower {
    width: 200px;
}

#chugen-manner.chugen-manner .mannerBlk .white-flower {
    width: 300px;
}

#chugen-manner.chugen-manner .mannerBlk .couple {
    width: 250px;
}

#chugen-manner.chugen-manner .mannerBlk .pic_w200 {
    width: 200px;
}

#chugen-manner.chugen-manner .mannerBlk .pic_w300 {
    width: 300px;
}



/* clearfix
 * **************************************************** */
.clearfix:after {
    display: block;
    clear: both;
    content: "";
}


.mannerBlk h3 {
    font-size: 1.8rem;
    /* margin: 30px 30px 10px; */
}

.mannerBlk h4 {
    margin: 20px 30px 10px;
    font-size: 1.8rem;
}

.mannerBlk p {
    /* margin: 0 30px 0; */
}

.mannerBlk h4+p+p {
    margin-top: 5px;
}

/* .Mokuji_area */
.mokuji_area {
    padding: 28px 34px 18px;
    background-color: #f2f2f2;
}

.mokuji_title {
    font-weight: 700;
    line-height: 1;
    text-align: left;
}

.mokuji_area .mokuji_list {
    margin-top: 22px;
}

.mokuji_area ul li a span {
    margin: 0 5px 0 0;
}

.mokuji_area ul li a {
    display: block;
    margin: 0 0 5px 0;
    color: #001f5e;
}

.mokuji_area ul li ul li a {
    margin: 0 0 5px 20px;
    color: #001f5e;
}

.mokuji_area a:hover {
    color: #8F0C00;
}

.table_wrap {
    margin: 0 30px;
}

.table_wrap table {
    width: 100% !important;
    white-space: nowrap;
    border-collapse: collapse;
}

.table_wrap table th:first-of-type {
    width: 20%;
}

.table_wrap table th {
    background-color: #edf6ff !important;
}

.table_wrap table td {
    width: 40%;
    text-align: left;
}

.table_wrap table th,
.table_wrap table td {
    padding: 4px 8px;
    vertical-align: middle;
    border: 1px solid #333;
}

/* .mannerSecondTxt */
.mannerSecondTxt.last_tx {
    margin-bottom: 0 !important;
}

.link_list {
    margin: 10px 30px 0;
}

.link_list+h3 {
    margin-top: 30px;
}

.link_list li+li {
    margin-top: 5px;
}

#chugen-manner.chugen-manner .mannerBlk .button_area a {
    text-decoration: none;
}

.bold {
    font-weight: 700 !important;
}

.exam_area p {
    text-align: center;
}

.exam_area img {
    border: 1px solid #e7e7e7;
}

.exam_area li {
    width: 30%;
}

.exam_area {
    display: flex;
    align-items: center;
    justify-content: space-around;
    padding: 10px;
}

.exam_area.noshi_bottom li {
    width: 45%;
    text-align: center;
}

.update {
    text-align: right;
    margin: 10px 30px;
}

.season_table table th {
    background-color: #edf6ff !important;
    font-weight: bold;
}

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

topのswiper部分

---------------*/
.chugen-manner.top .inner {
    margin: -90px auto 0;
}

.chugen-manner.top .swiper-wrapper {
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
    row-gap: 20px;
    column-gap: 20px;
}

.chugen-manner.top .swiper-wrapper li {
    width: calc((100% - 80px) / 5);
}

.chugen-manner.top .swiper-button-next {
    display: none;
}

.chugen-manner.top .swiper-button-prev {
    display: none;
}