@charset "euc-jp";
@import url("../../common/css/header_2024.css");
@import url("column.css");

main { padding-top: 86px;}
section { font-size: 14px; line-height: 1.8em;}
section:nth-of-type(n + 2) { margin: 0 0 80px;}

aside strong {
  display: block;
  margin: 0 0 8px; padding: 0 8px 8px;
  border-bottom: solid 2px #aaa;
  font-size: 15px; line-height: 1.3em;}

aside li { margin: 0 0 15px;}

h2 { margin-bottom: 40px;}

h3 {
    position: relative;
    margin: 0 0 20px; padding: 8px 8px 8px 26px;
    background: #c6e5f9;
    color: #004885; font-size: 16px; line-height: 1.4em;}

h3::before {
    content: '';
    position: absolute; top: 12px; left: 8px;
    width: 0; height: 0;
    border-style: solid; border-width: 6px 0 6px 9px;
    border-color: transparent transparent transparent #004885;}

h4 {
    margin: 0 0 10px; padding: 0 0 5px;
    border-bottom: solid 2px #004885;
    color: #004885;}

h3 ~ div { margin: 0 0 40px; padding: 0 10px;}
h3 ~ div:last-child { margin-bottom: 0;}

@media screen and (max-width:699px){
    main { padding-top: 60px;}
}

/**============================================================================================**/
/* 更新日 */
article > .ta_r { margin: 0 0 10px; font-size: 12px; line-height: 1.3em;}

/* 目次 */
aside .index { margin: 0 0 30px;}

/* お役立ち講座TOP */
aside > a { font-size: 12px; line-height: 1.3em;}
aside > a img { margin: 0 0 5px; transition: all 0.4s;}
aside > a:hover img { opacity: 0.7;}

/**============================================================================================**/
/* SUP・カヤック */
#troubles1 .asterisk {
    position: relative; 
    margin: 0 0 10px; padding: 0 0 0 18px; 
    color:#FF0004;}

#troubles1 .asterisk::before {content:'※'; position: absolute; top: 0; left: 0;}

@media screen and (max-width:599px){
    #troubles1 .posi-rlt { padding: 56.25% 0 0;}
  
    #troubles1 .posi-rlt iframe {
        position: absolute; top: 0; right: 0;
        width: 100%; height: 100%;}
}


/* LastUp2025.09.05_kimata */