/* ######################################################################################

　中ゲート

###################################################################################### */


/* ====================================================
  調整
==================================================== */
@media print, screen and (min-width: 768px) {
.header {margin-bottom: 7px;}
.contents.titleBox .titleRibbon {margin-left:-13px;}
.sysInfo {margin: 20px auto 35px;}
.button.ico.after.noIllu::after {
    right: 5px;
    width: 64px;
    height: 64px;

}
.topicPath {margin-bottom:3em;}


}
@media screen and (max-width: 767px){
}



/* ######################################################################################

　画像SEO

###################################################################################### */
@media print, screen and (min-width: 768px) {
    .representation { text-align: center;}
	.representation img{ max-height: 140px; width: auto; display: block; margin: 30px auto 10px;}
}

@media screen and (max-width: 767px){
    .representation { text-align: center;}
    .representation img {
        width:auto;
        max-height: 140px;
		display: block;
		margin: 30px auto 10px;
    }
}


/* ====================================================
  無料テキスト：小個７
==================================================== */
.contents.gate_announce7 p {margin-bottom:0.5em;}
.contents.gate_announce7 .title {
    margin-bottom:0.25em;
    line-height:1;
    color:#ff3600;
    font-weight:bold;
}
.contents.gate_announce7 .link {text-align:right;}
.contents.gate_announce7 .link a {color:#ed4f12;}
.contents.gate_announce7 .link a:before {
    content:"\f0da";
    display:inline-block;
    margin-right:0.25em;
    font-family:Fontawesome;
}
.contents.gate_announce7 p.title a {
    color:#f1322f;
    text-decoration: none;
}
@media print, screen and (min-width: 768px) {
    .contents.gate_announce7 {margin-top:27px; text-align:center;}
    .contents.gate_announce7 .title {font-size:2.4rem;}
    .contents.gate_announce7 p {font-size:1.4rem;}
    .contents.gate_announce7 .link {font-size:1.3rem;}
    .contents.gate_announce7 a:hover{text-decoration: none;}
}
@media screen and (max-width: 767px){
    .contents.gate_announce7 {margin-top:2.5em;}
    .contents.gate_announce7 .title {font-size:3.5vw; text-align:center;}
    .contents.gate_announce7 p {font-size:3.5vw; text-align:center;}
    .contents.gate_announce7 .link {display:none;}
}

/* ====================================================
  カテゴリボタン
==================================================== */
.kojin .contents.category .row,
.kenko .contents.category .row {text-align:center;}
.kojin .contents.category .row > *,
.kenko .contents.category .row > * {float:none; display:inline-block;}

@media print, screen and (min-width: 768px) {
    .contents.category {width:810px;}
    .contents.category .row {
        margin-left:-15px;
        margin-right:-15px;
    }
    .contents.category .row > li {
        padding-left:15px;
        padding-right:15px;
        margin-bottom:16px;
    }
}
@media screen and (max-width: 767px){
    .contents.category .row {
        margin-left:-1.6%;
        margin-right:-1.6%;
    }
    .contents.category .row > li {
        padding-left:1.6%;
        padding-right:1.6%;
        margin-bottom:15px;
    }
}

/* ====================================================
  中ゲートリスト：テキスト
==================================================== */
.contents.gateList .centeCopy {font-weight:normal;}
.contents.gateList .centeCopy strong {
    color:#333333;
    font-weight:bold;
}
@media print, screen and (min-width: 768px) {
.contents.gateList .centeCopy {margin-bottom:1.55em;}
}
@media screen and (max-width: 767px){
.contents.gateList .centeCopy {margin-bottom:0.55em;}
}




/* ====================================================
  戻るボタン
==================================================== */
.buttonBox.single {
    margin-top:7em;
}



/* ====================================================
  ちゅうみだし
==================================================== */