@charset "UTF-8";

/* 余白 */
.mT5 {
    margin-top: 5px;
}
.mT10 {
    margin-top: 10px;
}
.mT20 {
    margin-top: 20px;
}
.mB5 {
    margin-bottom: 5px;
}
.mB10 {
    margin-bottom: 10px;
}
.mB20 {
    margin-bottom: 20px;
}



/* 文字装飾・サイズ・色・配置 */
.bold {
    font-weight: bold;
}
.underline {
    text-decoration: underline;
}

.c00 {
    color: #cc0000;
}
.c30 {
    color: #cc3300;
}

.txtC {
    text-align: center;
}

.font90 {
    font-size: 90%;
}

.font80 {
    font-size: 80%;
}

/* 注意 */
p.warning {
    text-indent: -1.5em;
    margin-left: 1em;
}
.warning:before {
    content: "\f071";
    font-family: 'Font Awesome 5 Solid';
    color: #ffcc00;
    font-weight: 900;
    padding-right: 5px;
}


/* h4見出し（アイコン付） */
.siteContainer .container .ttl04icon {
    padding: .2em 1.5em .2em .5em;
    font-weight: bold;
    border-bottom: 1px solid #FFB600;
    margin: 2em 0 1em;
}
.siteContainer .container .ttl04icon:before {
    content: "\f110";
    font-family: 'Font Awesome 5 Solid';
    color: #ffb600;
    font-weight: 900;
    padding-right: 5px;
}


/* ※印＋字下げ */
.kome-indent{
  text-indent: -1em;
  padding-left: 1em;
}
.kome-indent:before{ 
    content: "※";
}
/* 字下げ */
.indent{
  text-indent: -1em;
  padding-left: 1em;
}

/* リストマーク◆ */
.list_dia {
	list-style:  none;
	margin: 0;
	padding: 0;
}
.list_dia:before {
	content: "◆";
}

/* リンク（文字背景色付き） */
a.linkW {
    display: block;
    text-decoration: none;
    background-color: #ffffff;
    width: 100%;
    padding: 10px;
}
a.linkW:hover {
    display: block;
    text-decoration: none;
    background-color: #ffcc66;
    width: 100%;
    padding: 10px;
}
a.linkW:before {
    content: "\f0a9";
    font-family: 'Font Awesome 5 Solid';
    color: #999999;
    font-weight: 900;
    padding-right: 5px;
}

a.linkY {
    display: block;
    text-decoration: none;
    background-color: #fffee1;
    width: 100%;
    padding: 10px;
}
a.linkY:hover {
    display: block;
    text-decoration: none;
    background-color: #ffcc66;
    width: 100%;
    padding: 10px;
}
a.linkY:before {
    content: "\f0a9";
    font-family: 'Font Awesome 5 Solid';
    color: #999999;
    font-weight: 900;
    padding-right: 5px;
}

/* リンク（青文字リンク＋下線） */
.siteContainer .container a.underline {
    text-decoration: underline;
    color: #0066cc;
}
.siteContainer .container a.underline:hover {
    opacity: 0.7;
}

/* リンク（青文字リンク＋矢印アイコン） */
.siteContainer .container a.arrowBack {
    color: #0066cc;
}
.siteContainer .container a.arrowBack:after {
    content: "\f360";
    font-family: 'Font Awesome 5 regular';
    padding-left: 3px;
    padding-right: 3px;
    color: #0066cc;
}
.siteContainer .container a.arrowBack:hover {
    opacity: 0.7;
}



/* 画像サイズ */
@media screen and (max-width: 768px) {
    img .max100 {
        max-width: 100%;
    }
}
@media screen and (max-width: 540px) {
    img .max100 {
        max-width: 100%;
    }
}


/***** 無線LANの接続設定方法 *****/
/* カラム内余白調整 */
.siteContainer .container .column-inner-zero {
    padding: 0;
    height: 100%;
}

/* カラム内帯 */
.siteContainer .container .column-inner-zero .sub {
    padding: 0 10px;
    background-color: #ffcc33;
    color: #ffffff;
    font-weight: bold;
}

/* 無線LAN一覧ページアイコン */
.wifi_icon {
    font-size: 1.5em;
    padding-right: 7px;
    vertical-align: middle;
}
.wifi_icon_right {
    font-size: 0.8em;
    vertical-align: middle;
    margin-left: auto;
}


/***** メールソフト *****/
.siteContainer .container .accboxM {
    margin: 0 20px;
    padding: 0;
}

.siteContainer .container .accboxM label {
    display: block;
    margin: 5px 0;
    padding: 10px;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    font-weight:normal;
    border-top: dotted 2px #E1E1E1;
}

.siteContainer .container .accboxM label:before {
    display: inline-block;
    content: "\f0ab";
    font-family: 'Font Awesome 5 Solid';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -0.8em;
    font-size: 140%;
    color: #FFB600;
}

.siteContainer .container .accboxM label:hover {
    opacity: 0.7;
}

.siteContainer .container .accboxM input {
    display: none;
}

.siteContainer .container .accboxM .accshow {
    height: 0;
    overflow: hidden;
    opacity: 0;
    -webkit-transition: 0.8s;
    transition: 0.8s;
    margin: -2px 0 0;
}

.siteContainer .container .accboxM .cssacc:checked + label + .accshow {
    height: auto;
    border-top: none;
    opacity: 1;
    border: none;
}

.siteContainer .container .accboxM .cssacc:checked + label:before {
    content: '\f0aa';
}


.siteContainer .container .accboxM .accshow ul li{
    font-weight:normal;
}

.siteContainer .container .accordion .submenuItems a .right3 {
    position: relative;
    padding-left: 1.5em;
    font-weight: normal;
}

.siteContainer .container .accboxM label.tool {
    display: block;
    padding: 0 10px 0 0;
    cursor: pointer;
    -webkit-transition: all 0.5s;
    transition: all 0.5s;
    position: relative;
    font-weight:normal;
    border-top: dotted 2px #E1E1E1;
}

.siteContainer .container .accboxM label.tool:before {
    display: inline-block;
    content: "\f0a9";
    font-family: 'Font Awesome 5 Solid';
    position: absolute;
    top: 50%;
    right: 1em;
    margin-top: -0.8em;
    color: #FFB600;
}

.siteContainer .container .accboxM label.tool:hover {
    opacity: 0.7;
}
.siteContainer .container .accboxM label.tool a {
    margin-left: -8px;
}

.siteContainer .container .accboxM label.tool .osusume {
    margin-left: 10px;
}
.siteContainer .container .accboxM label.tool .osusume:before {
    display: inline-block;
    content: "\f0eb" "オススメ";
    font-family: 'Font Awesome 5 Solid';
    position: absolute;
    top: 50%;
    margin-top: -0.8em;
    font-size: 90%;
    font-weight: bold;
    color: #FFB600;
}

.pc_area {
    display: inline-block; 
}
.sp_area {
    display: none;
}

@media screen and (max-width: 540px) {
    .siteContainer .container .accordion .submenuItems a .right3 {
        margin-left: 0;
        padding-left: 1em;
    }
.siteContainer .container .accboxM label.tool a {
    margin-left: 0;
}
.siteContainer .container .accboxM label.tool .osusumesp {
    margin-left: 10px;
    font-size: 90%;
    font-weight: bold;
    color: #FFB600;
}    
.pc_area {
    display:none; 
}
.sp_area {
    display: inline-block;
}
}

.siteContainer .container .accordion .submenuItems a .right3:before {
    font-family: 'Font Awesome 5 Solid';
    content: "\f0da";
    position: absolute;
    font-size: 100%;
    left: 5px;
    top: 50%;
    -webkit-transform: translateY(-50%);
    transform: translateY(-50%);
    color: #333;
}