@charset "utf-8";

/* ********************************************************************** */
/* ココカラ　全体の基礎スタイル */
/* ********************************************************************** */
/* 全体 */
html,body,header,footer,h1,h2,h3,h4,h5,h6,section,article,div,nav,table,th,tr,td {margin:0; padding:0;}
*, *:before, *:after {box-sizing:border-box;}
html {font-size:62.5%;} /* フォントサイズ62.5%の指定によって標準で10px、1rem（em）が10px */
a {text-decoration:none;}
p {text-align:justify;}
/* 特殊 */
br.responsive {display:none;}
br.responsive-b {display:block;}
.clear {clear:both}

/* ********************************************************************** */
/* ココカラ　全体のボディ */
/* ********************************************************************** */
html {scroll-behavior:smooth;}
body {width:100%; margin:0 auto; background-color:#ffffff;}
div.container {width:100%; margin:0 auto; background-color:#ffffff;}
div.container-2 {width:100%; margin:0 auto; background-color:#ffffff;}
    @media screen and (min-width:600px) and (max-width:1024px) {
    div.container {width:100%; margin:0 auto; background-color:#ffffff; display:flex; justify-content:space-around; flex-flow:row wrap;}
    div.container-2 {width:100%; margin:0 auto; background-color:#ffffff; display:flex; justify-content:space-around; flex-flow:row wrap;}
    }
    @media screen and (min-width:1025px) {
    div.container {width:85%; margin:0 auto; background-color:#ffffff; display:flex; justify-content:space-around; flex-flow:row wrap;}
    div.container-2 {width:85%; margin:0 auto; background-color:#ffffff;}
    }
    

/* ********************************************************************** */
/* ココカラ　h関連 */
/* ********************************************************************** */
h1 {}
h2.site-catch {font-size:1.1rem; margin:0 0 0 0; font-weight:bold; color:#ffffff;}
h2.side {font-size:1.4rem; margin:0 0 2rem 0; font-weight:bold; color:#4455aa; border-bottom:0.2rem solid #4455aa;}
h2.news-m {font-size:1.4rem; margin:0 0 2rem 0; font-weight:bold; color:#ffffff; background-color:#555555; padding:1.2rem 0.6rem;}
h2.news-s {font-size:1.4rem; margin:0 0 2rem 0; font-weight:bold; color:#ffffff; background-color:#555555; padding:1.2rem 0.6rem;}
h2.gekkan {font-size:1.4rem; margin:0 0 0 0; font-weight:bold; color:#ffffff; background-color:#555555; padding:1.2rem 0.6rem;}
h2.calender {font-size:1.4rem; margin:0 0 2rem 0; font-weight:bold; color:#ffffff; background-color:#2c7cff; padding:1.2rem 0.6rem;}
h2.yomimono {font-size:1.4rem; margin:0 0 2rem 0; font-weight:bold; color:#ffffff; background-color:#ff773e; padding:1.2rem 0.6rem;}
h2.college {font-size:1.4rem; margin:0 0 2rem 0; font-weight:bold; color:#ffffff; background-color:#ff367f; padding:1.2rem 0.6rem;}
h2.report {font-size:1.4rem; margin:0 0 2rem 0; font-weight:bold; color:#ffffff; background-color:#009900; padding:1.2rem 0.6rem;}
h2.service {font-size:1.4rem; margin:0 0 2rem 0; font-weight:bold; color:#ffffff; background-color:#cd853f; padding:1.2rem 0.6rem;}
h2.top-news {font-size:1.4rem; margin:0 0 2rem 0; font-weight:bold; color:#ffffff; background-color:#4455aa; padding:1.2rem 0.6rem;}
h2.topics {font-size:2rem; font-weight:bold; color:#4455aa; display:inline-block; margin:0 auto 0 0;}

h2.college-t {font-size:1.4rem; font-weight:bold; color:#ff367f;}
h2.yomimono-t {font-size:1.4rem; font-weight:bold; color:#ff773e;}
h2.pickup-t {font-size:1.4rem; font-weight:bold; color:#4455aa;}

/* hじゃないけどh2入れる枠 */
div.pickup-waku {width:100%; border:2px solid #4455aa; background-color:#4455aa; margin:0 0 2rem 0; display:flex; justify-content:space-around; flex-flow:row wrap;}
div.college-waku {width:100%; border:2px solid #ff367f; background-color:#ff367f; margin:0 0 2rem 0; display:flex; justify-content:space-around; flex-flow:row wrap;}
div.yomimono-waku {width:100%; border:2px solid #ff773e; background-color:#ff773e; margin:0 0 2rem 0; display:flex; justify-content:space-around; flex-flow:row wrap;}

/* タイトル入れる枠 h2テキスト */
div.pickup-title {width:70%; display:inline-block; margin:0 auto 0 0; padding:1.2rem 0.6rem; clip-path:polygon(0 0,100% 0,85% 100%,0 100%); background-color:#ffffff;}
div.college-title {width:70%; display:inline-block; margin:0 auto 0 0; padding:1.2rem 0.6rem; clip-path:polygon(0 0,100% 0,85% 100%,0 100%); background-color:#ffffff;}
div.yomimono-title {width:70%; display:inline-block; margin:0 auto 0 0; padding:1.2rem 0.6rem; clip-path:polygon(0 0,100% 0,85% 100%,0 100%); background-color:#ffffff;}

/* 一覧ボタンのための枠 */
div.pickup-ichiran {width:30%; display:inline-block; margin:0 0 0 auto; padding:1.2rem 0.6rem;}
    div.pickup-ichiran p {color:#ffffff; text-align:right; font-size:1.4rem; font-weight:bold;}
div.college-ichiran {width:30%; display:inline-block; margin:0 0 0 auto; padding:1.2rem 0.6rem;}
    div.college-ichiran p {color:#ffffff; text-align:right; font-size:1.4rem; font-weight:bold;}
div.yomimono-ichiran {width:30%; display:inline-block; margin:0 0 0 auto; padding:1.2rem 0.6rem;}
    div.yomimono-ichiran p {color:#ffffff; text-align:right; font-size:1.4rem; font-weight:bold;}

/* ********************************************************************** */
/* ココカラ　ヘッダー */
/* ********************************************************************** */
#header-area {width:100%; background-color:#ffffff; z-index:100; margin:0 0 2rem 0; border-bottom:0.4rem dotted #4455aa;}
#header-line {width:100%; height:auto; background-color:#4455aa;}
  div.line-con {width:90%; margin:0 auto; display:flex; flex-flow:row wrap;}
  div.line-con-l {display:block; margin:0 auto 0 0; padding:1.4rem 0;}
  div.line-con-r {display:none; margin:0 0 0 auto; padding:1.4rem 0;}
#header-block {width:90%; margin:0 auto 0 auto; padding:2rem 0 2rem 0; background-color:#ffffff;}

    @media screen and (min-width:600px) {
        div.line-con-l {display:inline-block; margin:0 auto 0 0;}
        div.line-con-r {display:inline-block; margin:0 0 0 auto;}      
    }

/* ********************************************************************** */
/* ココカラ　メインカラム */
/* ********************************************************************** */
div.main-main {width:100%; margin:0 auto; background-color:#ffffff;}
div.main-main-2 {width:100%; margin:0 auto; background-color:#ffffff;}
    @media screen and (min-width:1025px) {
    div.main-main {width:70%; margin:0 2rem 0 0; background-color:#ffffff;}
    div.main-main-2 {width:80%; margin:0  auto 0 auto; background-color:#ffffff; min-width:900px;}
    }

div.main-2 {width:90%; height:auto; margin:0 auto 6rem auto; display:flex; justify-content:space-around; flex-flow:row wrap;} /* 一番上の2列のやつ */
    @media screen and (min-width:600px) and (max-width:1024px) {
    div.main-2 {width:90%; height:auto; margin:0 auto 8rem auto; display:flex; justify-content:space-around; flex-flow:row wrap;}
    }
    @media screen and (min-width:1025px) {
    div.main-2 {width:100%; height:auto; margin:0 auto 5rem 0; display:flex; justify-content:space-around; flex-flow:row wrap;}
    }
div.main-1 {width:100%; height:auto; margin:0 auto 6rem auto; background-color:#ffffff;} /* 下のやつ */
    @media screen and (min-width:600px) and (max-width:1024px) {
    div.main-1 {width:90%; height:auto; margin:0 auto 8rem auto; background-color:#ffffff;}
    }
    @media screen and (min-width:1025px) {
    div.main-1 {width:100%; height:auto; margin:0 auto 8rem 0; background-color:#ffffff;}
    }

div.main-banner-area-m {width:100%; height:auto; margin:0 auto 3rem auto; background-color:#ffffff; filter:drop-shadow(0.2rem 0.2rem 0.3rem rgba(0,0,0,.4)); display:block;}
div.main-banner-area-m img {width:100%; object-fit:cover;}
div.main-banner-h-area-m {width:100%; height:0; margin:0 auto 3rem auto; padding-top:14.17%; background:url(/img-ig/ig17_ban-e-b.png); background-repeat:no-repeat; background-position:center center; background-size:cover; display:block;}
div.main-banner-h-area-m:hover {width:100%; height:0; margin:0 auto 3rem auto; padding-top:14.17%; background:url(/img-ig/ig17_ban-e-h.png); background-repeat:no-repeat; background-position:center center; background-size:cover;}
div.main-banner-area {width:100%; height:auto; margin:0 auto 3rem auto; background-color:#ffffff; filter:drop-shadow(0.2rem 0.2rem 0.3rem rgba(0,0,0,.4)); display:none;}
div.main-banner-area img {width:100%; object-fit:cover;}
div.main-banner-h-area {width:100%; height:0; margin:0 auto 3rem auto; padding-top:14.17%; background:url(/img-ig/ig17_ban-e-b.png); background-repeat:no-repeat; background-position:center center; background-size:cover; display:none;}
div.main-banner-h-area:hover {width:100%; height:0; margin:0 auto 3rem auto; padding-top:14.17%; background:url(/img-ig/ig17_ban-e-h.png); background-repeat:no-repeat; background-position:center center; background-size:cover;}
    @media screen and (min-width:600px) {
    div.main-banner-area {width:100%; height:auto; margin:0 auto 3rem auto; background-color:#ffffff; filter:drop-shadow(0.2rem 0.2rem 0.3rem rgba(0,0,0,.4)); display:block;}
    div.main-banner-area img {width:100%; object-fit:cover;}
    div.main-banner-h-area {width:100%; height:0; margin:0 auto 3rem auto; padding-top:14.17%; background:url(/img-ig/ig17_ban-e-b.png); background-repeat:no-repeat; background-position:center center; background-size:cover; display:block;}
    div.main-banner-h-area:hover {width:100%; height:0; margin:0 auto 3rem auto; padding-top:14.17%; background:url(/img-ig/ig17_ban-e-h.png); background-repeat:no-repeat; background-position:center center; background-size:cover;}
    div.main-banner-area-m {width:100%; height:auto; margin:0 auto 3rem auto; background-color:#ffffff; filter:drop-shadow(0.2rem 0.2rem 0.3rem rgba(0,0,0,.4)); display:none;}
    div.main-banner-area-m img {width:100%; object-fit:cover;}
    div.main-banner-h-area-m {width:100%; height:0; margin:0 auto 3rem auto; padding-top:14.17%; background:url(/img-ig/ig17_ban-e-b.png); background-repeat:no-repeat; background-position:center center; background-size:cover; display:none;}
    div.main-banner-h-area-m:hover {width:100%; height:0; margin:0 auto 3rem auto; padding-top:14.17%; background:url(/img-ig/ig17_ban-e-h.png); background-repeat:no-repeat; background-position:center center; background-size:cover;}
    }

/* 月刊最新号 */
div.new-mag-area {width:100%; height:auto; margin:0 auto 4rem auto; background-color:#ffffff;}
div.new-mag-cover {width:100%; height:auto; margin:0 auto 2rem auto;}
div.new-mag-cover2 {width:80%; height:auto; margin:0 auto 2rem auto;}
div.new-mag-cover img {width:100%; height:auto; border:1px solid #888888; object-fit:cover;}
div.new-mag-cover2 img {width:100%; height:auto; border:1px solid #888888; object-fit:cover;}
img.speci {width:100%; height:auto; border:1px solid #888888; object-fit:cover;}
div.new-mag-menu {width:100%; height:auto; margin:0 auto 0 auto;}
div.new-mag-menu-bot-a {width:100%; margin:0 auto 1rem 0; padding:0.5rem 1rem; font-size:1.4rem; font-weight:bold; text-align:center; color:#ffffff; background-color:#5d99ff; border-radius:0.2rem;}
div.new-mag-menu-bot-b {width:100%; margin:0 auto 1rem 0; padding:0.5rem 1rem; font-size:1.4rem; font-weight:bold; text-align:center; color:#ffffff; background-color:#ff5192; border-radius:0.2rem;}
div.new-mag-menu-bot-c {width:100%; margin:0 auto 1rem 0; padding:0.5rem 1rem; font-size:1.4rem; font-weight:bold; text-align:center; color:#ffffff; background-color:#996633; border-radius:0.2rem;}
div.new-mag-banner {width:80%; height:auto; margin:0 0 1rem auto;}
div.new-mag-banner img {width:100%; height:100%; object-fit:cover; border:1px solid #fff;}
    @media screen and (min-width:600px) and (max-width:1024px) {
    div.new-mag-area {width:100%; height:auto; margin:0 auto 4rem auto; background-color:#ffffff;  display:flex; justify-content:space-around; flex-flow:row wrap;}
    div.new-mag-cover {width:40%; height:auto; margin:0 0 1rem 0;}
    div.new-mag-cover2 {width:40%; height:auto; margin:0 0 1rem 0;}
    div.new-mag-cover img {width:100%; height:auto; border:1px solid #888888; object-fit:cover;}
    div.new-mag-cover2 img.speci {width:100%; height:auto; object-fit:cover;}
    div.new-mag-menu {width:55%; margin:0 0 0 auto;}
    div.new-mag-menu-bot-a {width:100%; margin:0 auto 1rem 0; padding:0.5rem 1rem; font-size:1.6rem; font-weight:bold; text-align:center; color:#ffffff; background-color:#5d99ff; border-radius:0.2rem;}
    div.new-mag-menu-bot-b {width:100%; margin:0 auto 1rem 0; padding:0.5rem 1rem; font-size:1.4rem; font-weight:bold; text-align:center; color:#ffffff; background-color:#ff5192; border-radius:0.2rem;}
    div.new-mag-menu-bot-c {width:100%; margin:0 auto 1rem 0; padding:0.5rem 1rem; font-size:1.4rem; font-weight:bold; text-align:center; color:#ffffff; background-color:#996633; border-radius:0.2rem;}
    div.new-mag-banner {width:100%; height:auto; margin:0 auto 1rem 0;}
    div.new-mag-banner img {width:100%; height:auto; object-fit:cover; border:1px solid #ffffff;}
    }
    @media screen and (min-width:1025px){
    div.new-mag-area {width:20%; height:auto; margin:0 0 4rem 0; background-color:#ffffff; }
    div.new-mag-cover {width:100%; height:auto; margin:0 0 1rem 0;}
    div.new-mag-cover2 {width:100%; height:auto; margin:0 0 1rem 0;}
    div.new-mag-cover img {width:100%; height:auto; border:1px solid #888888; object-fit:cover;}
    div.new-mag-cover2 img.speci {width:100%; height:auto; object-fit:cover;}
    div.new-mag-menu {width:100%;}
    div.new-mag-menu-bot-a {width:100%; margin:0 auto 1rem 0; padding:0.5rem 1rem; font-size:1.6rem; font-weight:bold; text-align:center; color:#ffffff; background-color:#5d99ff; border-radius:0.2rem;}
    div.new-mag-menu-bot-b {width:100%; margin:0 auto 1rem 0; padding:0.5rem 1rem; font-size:1.4rem; font-weight:bold; text-align:center; color:#ffffff; background-color:#ff5192; border-radius:0.2rem;}
    div.new-mag-menu-bot-c {width:100%; margin:0 auto 1rem 0; padding:0.5rem 1rem; font-size:1.4rem; font-weight:bold; text-align:center; color:#ffffff; background-color:#996633; border-radius:0.2rem;}
    div.new-mag-banner {width:100%; height:auto; margin:0 auto 1rem 0;}
    div.new-mag-banner img {width:100%; height:auto; object-fit:cover; border:1px solid #fff;}
    }

p.new-mag-catch {font-size:1.4rem; margin:0 auto 1rem auto; color:#666;}
p.new-mag-index {font-size:1.4rem; border-left:0.3rem solid #8b0000; color:#8b0000; padding:0.2rem 0.8rem; margin-bottom:0.6rem;}
p.new-mag-title {font-size:1.2rem; color:#8b0000; line-height:1.6rem; margin-bottom:1rem;}
p.new-mag-text {font-size:1.2rem; color:#666666; line-height:2.2rem; margin-bottom:1rem;} 
hr.mbc {border-bottom:2px dotted #666666; border-top:2px dotted #ccccdd; margin:1.6rem 0;}  

/* トピックス　もしかするとスライダにする？ */
p.top-news-title {font-size:2rem; padding:0 0 0.5rem 0; border-bottom:1px solid #444; color:#444; margin:0 0 1rem 0;}
div.topics-title {width:100%; display:flex; margin:0 0 2rem 0; padding:0.8rem; border:1px solid #4455aa; position:relative;}
div.topics-ichiran {display:inline-block; height:100%; margin:0 0 0 auto; padding:0.8rem; background-color:#4455aa; position:absolute; top:0; right:0;}
p.topics-ichiran-title {font-size:1.8rem; font-weight:bold; color:#ffffff; text-align:center;}
p.ichiran {display:inline-block; margin:0 0 0 auto; padding:0.4rem 1rem; background-color:#ff3366; color:#ffffff; font-size:1.4rem; font-weight:bold; text-align:right; border-radius:0.6rem;}

div.top-news-area {width:100%; height:auto; margin:0 0 3rem 0; display:flex; justify-content:space-between; flex-flow:row wrap;}
div.top-news-block {width:calc(100% / 2.2); height:22rem; background-color:#ffffff; position:relative; overflow:hidden; vertical-align:middle; margin:0 0 2rem 0;}
    div.top-news-block img {width:100%; height:100%; object-fit:cover; transition-duration:0.3s;}
    div.top-news-block img:hover {opacity:0.4; transition-duration:0.3s; transform:scale(1.2);}
    div.top-news-block img.type2 {width:100%; height:100%; object-fit:cover; transition-duration:0.3s;}
    div.top-news-block img.type2:hover {opacity:0.4; transition-duration:0.3s; transform:scale(1.2);}
div.top-news-label-rep {height:auto; padding:0.6rem 1.2rem 0.6rem 0.6rem; background-color:#ff6699; display:inline-block; position:absolute; top:10px; left:0; border-radius:0 0.6rem 0.6rem 0;}
div.top-news-label-eve {height:auto; padding:0.6rem 1.2rem 0.6rem 0.6rem; background-color:#6699ff; display:inline-block; position:absolute; top:10px; left:0; border-radius:0 0.6rem 0.6rem 0;}
div.top-news-label-new {height:auto; padding:0.6rem 1.2rem 0.6rem 0.6rem; background-color:#4455aa; display:inline-block; position:absolute; top:0px; left:0; border-radius:0 0 0.6rem 0;}
p.top-news-label {color:#fff; font-size:1.2rem;}
div.top-news-bun-a {width:100%; height:auto; padding:0.8rem; background-color:rgba(0,0,20,0.5); position:absolute; left:0; bottom:0;}
p.top-news-bun {color:#fff; font-size:1.4rem; line-height:2.2rem; font-weight:bold;}
p.update-date {color:#fff; font-size:1rem; margin:0 0 0.4rem 0;}
    @media screen and (min-width:600px) {
    div.top-news-area {width:100%; height:auto; display:flex; justify-content:space-between; flex-flow:row wrap;}
    div.top-news-block {width:calc(100% / 3.1); height:22rem; background-color:#ffffff; position:relative; overflow:hidden; vertical-align:middle; margin:0 0 2rem 0;}
        div.top-news-block img {width:100%; height:100%; object-fit:cover; transition-duration:0.3s;}
        div.top-news-block img:hover {opacity:0.4; transition-duration:0.3s; transform:scale(1.2);}
        div.top-news-block img.type2 {width:100%; height:100%; object-fit:cover; transition-duration:0.3s;}
        div.top-news-block img.type2:hover {opacity:0.4; transition-duration:0.3s; transform:scale(1.2);}
    div.top-news-label-rep {height:auto; padding:0.6rem 1.2rem 0.6rem 0.6rem; background-color:#ff6699; display:inline-block; position:absolute; top:10px; left:0; border-radius:0 0.6rem 0.6rem 0;}
    div.top-news-label-eve {height:auto; padding:0.6rem 1.2rem 0.6rem 0.6rem; background-color:#6699ff; display:inline-block; position:absolute; top:10px; left:0; border-radius:0 0.6rem 0.6rem 0;}
    div.top-news-label-new {height:auto; padding:0.6rem 1.2rem 0.6rem 0.6rem; background-color:#4455aa; display:inline-block; position:absolute; top:0px; left:0; border-radius:0 0 0.6rem 0;}
    p.top-news-label {color:#fff; font-size:1.2rem;}
    div.top-news-bun-a {width:100%; height:auto; padding:0.8rem; background-color:rgba(0,0,20,0.5); position:absolute; left:0; bottom:0;}
    p.top-news-bun {color:#fff; font-size:1.4rem; line-height:2.2rem; font-weight:bold;}
    p.update-date {color:#fff; font-size:1rem; margin:0 0 0.4rem 0;}
    }

    @media screen and (max-width:399px) {
        p.top-news-title {font-size:2rem; padding:0 0 0.5rem 0; border-bottom:1px solid #444444; color:#444444; margin:0 0 1rem 0;}
        div.topics-title {width:100%; display:flex; margin:0 0 2rem 0; padding:0.6rem 0.8rem; border:1px solid #4455aa; }
        p.ichiran {display:inline-block; margin:0 0 0 auto; padding:0.4rem 1rem; background-color:#ff3366; color:#ffffff; font-size:1.4rem; font-weight:bold; text-align:right; border-radius:0.6rem;}
        
        div.top-news-area {width:100%; height:auto; margin:0 0 3rem 0;}
        div.top-news-block {width:100%; height:22rem; background-color:#ffffff; position:relative; overflow:hidden; vertical-align:middle; margin:0 0 2rem 0; border:1px solid #bbbbbb; border-radius:0 0 1rem 0;}
            div.top-news-block img {width:100%; height:100%; object-fit:cover; transition-duration:0.3s;}
            div.top-news-block img:hover {opacity:0.4; transition-duration:0.3s; transform:scale(1.2);}
            div.top-news-block img.type2 {width:100%; height:100%; object-fit:cover; transition-duration:0.3s;}
            div.top-news-block img.type2:hover {opacity:0.4; transition-duration:0.3s; transform:scale(1.2);}
        /* div.top-news-label-rep {height:auto; padding:0.6rem 1.2rem 0.6rem 0.6rem; background-color:#ff6699; display:inline-block; position:absolute; top:10px; left:0; border-radius:0 0.6rem 0.6rem 0;} */
        /* div.top-news-label-eve {height:auto; padding:0.6rem 1.2rem 0.6rem 0.6rem; background-color:#6699ff; display:inline-block; position:absolute; top:10px; left:0; border-radius:0 0.6rem 0.6rem 0;} */
        div.top-news-label-new {height:auto; padding:0.6rem 1.2rem 0.6rem 0.6rem; background-color:#4455aa; display:inline-block; position:absolute; top:0px; left:0; border-radius:0 0 0.6rem 0;}
        p.top-news-label {color:#ffffff; font-size:1.2rem;}
        div.top-news-bun-a {width:100%; height:auto; padding:0.8rem; background-color:rgba(0,0,20,0.5); position:absolute; left:0; bottom:0;}
        p.top-news-bun {color:#ffffff; font-size:1.4rem; line-height:2.2rem; font-weight:bold;}
        p.update-date {color:#ffffff; font-size:1rem; margin:0 0 0.4rem 0;}
    }
    
/* セミナー */
div.seminar-area {width:100%; height:auto; margin:0 0 2rem auto; background-color:#ffffff;}
    @media screen and (min-width:1025px){
    div.seminar-area {width:75%; margin:0 0 2rem auto; background-color:#ffffff;}
    }

/* カレッジリード */
p.college-read {font-size:1.2rem; line-height:2.2rem; color:#888; margin:0 0 3rem 0;}

/* イベントリスト */
div.ev-list-label {background-color:#ff82b2; padding:0.6rem 0.4rem; margin:0 0 0 0; font-size:1.4rem; color:#fff; display:inline-block;}
div.ev-list-area {width:100%; margin:0 0 2rem 0; padding:0.8rem; border-top:2px solid #ff82b2; border-bottom:2px solid #ff82b2;}
span.ev-list-college-a {font-size:1.2rem; font-weight:bold; padding:0.2rem 0.6rem; background-color:#2c7cff; color:#fff; display:inline-block; margin:0 1rem 0.61rem 0;}
span.ev-list-college-a2 {font-size:1.2rem; font-weight:bold; padding:0.2rem 0.6rem; color:#000000; display:inline-block; margin:0 1rem 0.61rem 0;}
span.ev-list-college-a3 {font: size 1.4rem; font-weight:bold; padding:0.2rem 0.6rem; color:#000000; display:inline-block; margin:0 1rem 0.61rem 0;}
span.ev-list-channel-a {font-size:1.2rem; font-weight:bold; padding:0.2rem 0.6rem; background-color:#3cb371; color:#fff; display:inline-block; margin:0 1rem 0.6rem 0;}
span.ev-list-channel-a2 {font-size:1.2rem; font-weight:bold; padding:0.2rem 0.6rem; color:#3cb371; display:inline-block; margin:0 1rem 0.61rem 0;}
span.ev-list-academy-a {font-size:1.2rem; font-weight:bold; padding:0.2rem 0.6rem; background-color:#9966cc; color:#fff; display:inline-block; margin:0 1rem 0.6rem 0;}
span.ev-list-academy-a2 {font-size:1.2rem; font-weight:bold; padding:0.2rem 0.6rem; color:#9966cc; display:inline-block; margin:0 1rem 0.61rem 0;}
span.ev-list-jitsugi-a {font-size:1.2rem; font-weight:bold; padding:0.2rem 0.6rem; background-color:#cd853f; color:#fff; display:inline-block; margin:0 1rem 0.6rem 0;}
span.ev-list-jitsugi-a2 {font-size:1.2rem; font-weight:bold; padding:0.2rem 0.6rem; color:#cd853f; display:inline-block; margin:0 1rem 0.61rem 0;}
span.ev-list-gakka-a {font-size:1.2rem; font-weight:bold; padding:0.2rem 0.6rem; background-color:#ff9933; color:#fff; display:inline-block; margin:0 1rem 0.6rem 0;}
span.ev-list-gakka-a2 {font-size:1.2rem; font-weight:bold; padding:0.2rem 0.6rem; color:#ff9933; display:inline-block; margin:0 1rem 0.61rem 0;}
span.ev-list-bun {font-size:1.2rem; color:#888; margin:0 0 1rem 0;}
hr.ev-list {border-top:2px dotted #fff; border-bottom:2px dotted #888; margin:0.8rem 0;}

article.ev-list-card {width:100%; height:auto; margin:0 0 1rem 0; padding:1rem; background-color:#eef; border-radius:0.6rem;}

/* メインバナー */
div.main-banner {width:100%; height:auto; margin:0 auto 2rem auto;}
div.main-banner-img {width:100%; height:auto; margin:0 0 1rem 0;}
div.main-banner-img img {width:100%; height:auto; object-fit:cover;}
    @media screen and (min-width:600px) {
    div.main-banner {width:100%; margin:0 auto 2rem auto; display:flex; justify-content:space-around; flex-flow:row wrap;}
    div.main-banner-img {width:calc(100% / 3.2); height:auto;}
    div.main-banner-img img {width:100%; height:auto; object-fit:cover;}
    }

/* 月刊記事サムネイル */
div.yomu-block {width:100%; height:auto; padding:1rem 0; border-bottom:2px dotted #aaaaaa;}
div.yomu-block-b {width:100%; height:auto; padding:0.8rem 2rem; background-color:#fffafa;}
div.yomu-block-last {width:100%; height:auto; padding:1rem 0; border-bottom:2px dotted #aaaaaa; margin:0 auto 2rem auto;}
div.yomu-block-b-last {width:100%; height:auto; padding:0.8rem 2rem; background-color:#fffafa; margin:0 0 4rem 0;}
p.month-kiji-title {font-size:1.6rem; font-weight:bold; line-height:2.6rem; color:#4455aa;}
p.month-kiji-bun {font-size:1.2rem; line-height:2.2rem;}

div.kiji-link {width:100%; margin:1rem 0; text-align:right;}
div.kiji-link p {font-size:1.6rem; font-weight:bold; text-align:right; padding:0.3rem 1rem; color:#ff3366;}

div.to-ichiran-yomu {width:100%; margin:0 auto; padding:0.6rem 1.6rem; background-color:#f0f8ff; border:1px solid #75a9ff; display:inline-block; text-align:center;}
div.to-ichiran-yomu p {font-size:1.6rem; color:#75a9ff; text-align:center;}

/* カレッジ */
div.seminar {width:100%; margin:0 0 0 0;}
p.label-college {width:100%; margin:0 0 1rem 0; padding:0.6rem; font-size:1.6rem; color:#68acff; background-color:#ffffff; border-bottom:3px solid #68acff;}
p.label-channel {width:100%; margin:0 0 1rem 0; padding:0.6rem; font-size:1.6rem; color:#000000; background-color:#ffffff; border-bottom:3px solid #000000;}
p.label-academy {width:100%; margin:0 0 1rem 0; padding:0.6rem; font-size:1.6rem; color:#9966cc; background-color:#ffffff; border-bottom:3px solid #000000;}
article.college-area {width:100%; margin:0 0 0 0;}
article.channel-area {width:100%; margin:0 0 0 0;}
div.seminar-pho {width:100%; height:15rem; margin:0 auto 1rem auto;}
div.seminar-pho img {width:100%; height:100%; object-fit:cover;}
div.seminar-pho2 {width:100%; height:15rem; margin:0 auto 1rem auto; overflow:hidden; vertical-align:middle;}
div.seminar-pho2 img {width:100%; height:100%; object-fit:cover;}
div.seminar-txt {width:100%; margin:0 0 0 auto;}
h3.college-title {font-size:1.6rem; font-weight:bold; line-height:3rem; color:#4689ff; margin:0 0 1rem 0;}
h3.channel-title {font-size:1.6rem; font-weight:bold; line-height:3rem; color:#008800; margin:0 0 1rem 0;}
p.seminar-bun {font-size:1.2rem; line-height:2.4rem; color:#888888; margin:0 0 1rem 0;}
p.seminar-bun span {color:#ff0000;}
p.seminar-special {font-size:1.2rem; color:#ff0000; padding:0.6rem; border:1px solid #ff0000; display:inline-block; margin:0 0 1rem 0;}
div.moushikomi-area {width:100%; margin:0 auto 0 auto; text-align:right;}
div.moushikomi {display:inline-block; margin:0 0 0 auto; padding:0.6rem 1rem; background-color:#ff3399; border-radius:0.6rem;}
div.moushikomi p {font-size:1.4rem; color:#fff;}
div.moushikomi-end {display:inline-block; margin:0 0 0 auto; padding:0.6rem 1rem; border:1px solid #ff3399; border-radius:0.6rem;}
div.moushikomi-end p {font-size:1.4rem; color:#ff3399;}
hr.college {border-top:2px dotted #ffffff; border-bottom:2px dotted #999999; margin:3rem 0 3rem 0;}
    @media screen and (min-width:600px) {
    div.seminar {width:100%; margin:0 0 0 0;}
    p.label-college {width:100%; margin:0 0 1rem 0; padding:0.6rem; font-size:1.6rem; color:#68acff; background-color:#ffffff; border-bottom:3px solid #68acff;}
    p.label-channel {width:100%; margin:0 0 1rem 0; padding:0.6rem; font-size:1.6rem; color:#000000; background-color:#ffffff; border-bottom:3px solid #000000;}
    p.label-academy {width:100%; margin:0 0 1rem 0; padding:0.6rem; font-size:1.6rem; color:#9966cc; background-color:#ffffff; border-bottom:3px solid #000000;}
    article.college-area {width:100%; display:flex; margin:0 0 0 0;}
    article.channel-area {width:100%; display:flex; margin:0 0 0 0;}
    div.seminar-pho {width:25%; height:25%;}
    div.seminar-pho img {width:100%; height:100%; object-fit:cover;}
    div.seminar-txt {width:70%; margin:0 0 0 auto;}
    h3.college-title {font-size:1.6rem; line-height:3rem; color:#4689ff; margin:0 0 1rem 0;}
    h3.channel-title {font-size:1.6rem; line-height:3rem; color:#008800; margin:0 0 1rem 0;}
    p.seminar-bun {font-size:1.2rem; line-height:2.4rem; color:#888888; margin:0 0 1rem 0;}
    p.seminar-bun span {color:#ff0000;}
    p.seminar-special {font-size:1.2rem; color:#ff0000; padding:0.6rem; border:1px solid #ff0000; display:inline-block; margin:0 0 1rem 0;}
    div.moushikomi-area {width:100%; margin:0 auto 0 auto; text-align:right;}
    div.moushikomi {display:inline-block; margin:0 0 0 auto; padding:0.6rem 1rem; background-color:#ff3399; border-radius:0.6rem;}
    div.moushikomi p {font-size:1.4rem; color:#ffffff;}
    div.moushikomi-end {display:inline-block; margin:0 0 0 auto; padding:0.6rem 1rem; border:1px solid #ff3399; border-radius:0.6rem;}
    div.moushikomi-end p {font-size:1.4rem; color:#ff3399;}
    hr.college {border-top:2px dotted #ffffff; border-bottom:2px dotted #999999; margin:3rem 0 3rem 0;}
}

/* レポートコーナー */
div.report-area {width:100%; margin:0 0 2rem 0;}
div.report-block {width:100%; height:auto; margin:0 0 2rem 0;}
div.report-thumb {width:100%; margin:0 0 1rem 0;}
div.report-thumb img {width:100%; object-fit:cover; border:1px solid #bbbbbb;}
p.report-t {font-size:1.4rem; color:#888888; font-weight:bold; margin:0 0 1rem 0; line-height:2.6rem;}
p.report-h {font-size:1.2rem; color:#888888; line-height:2.4rem;}
p.report-cate-sem {font-size:1.4rem; margin:0 0 1rem 0; padding:0.2rem 0.6rem; color:#ffffff; background-color:#ff4f50; border-radius:0.6rem; display:inline-block;}
p.report-cate-eve {font-size:1.4rem; margin:0 0 1rem 0; padding:0.2rem 0.6rem; color:#ffffff; background-color:#87cefa; border-radius:0.6rem; display:inline-block;}

img.reporter {width:60%; object-fit:cover; margin:0 0 0 auto;}
    @media screen and (min-width:600px) {
    div.report-area {width:100%; margin:0 0 2rem 0; display:flex; justify-content:space-around; flex-flow:row wrap;}
    div.report-block {width:calc(100% / 2.2); height:auto; margin:0 0 2rem 0;}
    div.report-thumb {width:100%; margin:0 0 1rem 0;}
    div.report-thumb img {width:100%; object-fit:cover; border:1px solid #bbbbbb;}
    p.report-t {font-size:1.4rem; color:#888888; font-weight:bold; margin:0 0 1rem 0; line-height:2.6rem;}
    p.report-h {font-size:1.2rem; color:#888888; line-height:2.4rem;}
    p.report-cate-sem {font-size:1.4rem; margin:0 0 1rem 0; padding:0.2rem 0.6rem; color:#ffffff; background-color:#ff4f50; border-radius:0.6rem; display:inline-block;}
    p.report-cate-eve {font-size:1.4rem; margin:0 0 1rem 0; padding:0.2rem 0.6rem; color:#ffffff; background-color:#87cefa; border-radius:0.6rem; display:inline-block;}
        
    img.reporter {width:80%; object-fit:cover;}
    }
    @media screen and (min-width:1025px) {
    div.report-area {width:100%; margin:0 0 2rem 0; display:flex; justify-content:space-around; flex-flow:row wrap;}
    div.report-block {width:calc(100% / 4.2); height:auto; margin:0 0 2rem 0;}
    div.report-thumb {width:100%; margin:0 0 1rem 0;}
    div.report-thumb img {width:100%; object-fit:cover; border:1px solid #bbbbbb;}
    p.report-t {font-size:1.4rem; color:#888888; font-weight:bold; margin:0 0 1rem 0; line-height:2.6rem;}
    p.report-h {font-size:1.2rem; color:#888888; line-height:2.4rem;}
    p.report-cate-sem {font-size:1.4rem; margin:0 0 1rem 0; padding:0.2rem 0.6rem; color:#ffffff; background-color:#ff4f50; border-radius:0.6rem; display:inline-block;}
    p.report-cate-eve {font-size:1.4rem; margin:0 0 1rem 0; padding:0.2rem 0.6rem; color:#ffffff; background-color:#87cefa; border-radius:0.6rem; display:inline-block;}
        
    img.reporter {width:80%; object-fit:cover;}
    }

/* クリーンシステムのサービス */
div.service {width:100%; margin-bottom:4rem;}
div.serv-box {width:100%; display:flex; justify-content:space-around; flex-flow:row wrap;}
div.serv-banner {width:calc(100% / 2.2); height:auto; margin:0 auto 1rem auto;}
div.serv-banner img {width:100%; height:auto; object-fit:cover;}

    @media screen and (min-width:600px) {
    div.service {width:100%; margin-bottom:4rem;}
    div.serv-box {width:100%; display:flex; justify-content:space-around; flex-flow:row wrap;}
    div.serv-banner {width:calc(100% / 3.2);}
    div.serv-banner img {width:100%; height:auto; object-fit:cover;}
    }


/* ********************************************************************** */
/* ココカラ　サイドカラム */
/* ********************************************************************** */
div.side {width:100%; height:auto; background-color:#ffffff; margin:0 auto;}
    @media screen and (min-width:600px) and (max-width:1024px) {
    div.side {width:90%; margin:0 auto; background-color:#ffffff;}
    }
    @media screen and (min-width:1025px) {
    div.side {width:25%; margin:0 auto; background-color:#ffffff;}
    }

/* お知らせ */
/* oshirase-mはモバイルとタブレット用　メイン部最上部に表示 */
div.oshirase-m {width:90%; margin:0 auto 4rem auto; padding:0.6rem 0; display:none; line-height:2.6rem;}
div.oshirase {width:100%; margin:0 auto 4rem auto; padding:0.6rem 0; display:block; line-height:3rem;}
p.oshirase-title {font-size:1.4rem; font-weight:bold; color:#ffffff; margin-bottom:1rem; background-color:#aaaabb; padding:0.2rem 0.4rem; border-right:1px solid #888888; border-bottom:1px solid #888888;}
hr.oshirase-kugiri {border-bottom:2px dotted #bbbbbb; border-top:2px solid #ffffff; margin:0.6rem 0;}
p.oshirase-m {font-size:1.4rem; line-height:3.4rem; color:#888888;}
span.oshirase-date-m {background-color:#aa0000; margin:0 1rem 0 0; padding:0.2rem 0.6rem; color:#fff; border-radius:0.4rem; font-size:1rem; line-height:3.4rem;}
    @media screen and (min-width:1025px) {
    div.oshirase-m {width:90%; margin:0 auto 4rem auto; padding:0.6rem 0; display:none; line-height:2.6rem;}
    div.oshirase {width:100%; margin:0 auto 4rem auto; padding:0.6rem 0; display:block; line-height:3rem;}
    p.oshirase {font-size:1.2rem; line-height:2rem; color:#666666;}
    span.oshirase-date {background-color:#aa0000; margin:0 0 0.6rem 0; padding:0.2rem 0.6rem; color:#ffffff; border-radius:0.4rem;}
    }

/* twitter埋め込み部分 */
div.twitter {width:100%; margin:0 auto 0 auto; display:none;}
    @media screen and (min-width:1025px) {
    div.twitter {width:100%; margin:0 auto 0 auto; display:block;}   
    }

/* クリーンシステムのSNS */
div.sns-box {width:100%; height:auto; margin:0 auto 4rem auto; padding:0.6rem 1rem; display:flex; flex-flow:row wrap; justify-content:space-around;}
div.sns-banner {width:calc(100% / 2.2); height:auto; margin:0 0.5rem 0 0.5rem;}
div.sns-banner img {width:100%; height:auto; object-fit:cover;}
    @media screen and (min-width:600px) {
    div.sns-box {width:100%; height:auto; margin:0 auto 4rem auto; padding:0.6rem 1rem; display:flex; flex-flow:row wrap; justify-content:space-around;}
    div.sns-banner {width:calc(100% / 3.2); height:auto; margin:0 0.5rem 0 0.5rem;}
    div.sns-banner img {width:100%; height:auto; object-fit:cover;}
    }
    @media screen and (min-width:1025px) {
    div.sns-box {width:100%; height:auto; margin:0 auto 4rem auto; padding:0.6rem 1rem; display:flex; flex-flow:row wrap; justify-content:space-around;}
    div.sns-banner {width:100%; height:auto; margin:0 0.5rem 0 0.5rem;}
    div.sns-banner img {width:100%; height:auto; object-fit:cover;}
    }
/* advertising banner */
div.ad-box {width:100%; height:auto; margin:0 auto 4rem auto; display:flex; flex-flow:row wrap; justify-content:space-around;}
div.ad-banner {width:calc(100% / 2.2); height:auto; margin:0 0.5rem 0.5rem 0.5rem;}
div.ad-banner img {width:100%; height:auto; object-fit:cover;}
@media screen and (min-width:600px) {
    div.ad-box {width:100%; height:auto; margin:0 auto 4rem auto; display:flex; flex-flow:row wrap; justify-content:space-around;}
    div.ad-banner {width:calc(100% / 3.2); height:auto; margin:0 0.5rem 1rem 0.5rem;}
    div.ad-banner img {width:100%; height:auto; object-fit:cover;}
    }
@media screen and (min-width:1025px) {
    div.ad-box {width:100%; height:auto; margin:0 auto 4rem auto; display:flex; flex-flow:row wrap; justify-content:space-around;}
    div.ad-banner {width:100%; height:auto; margin:0 0.5rem 1rem 0.5rem;}
    div.ad-banner img {width:100%; height:auto; object-fit:cover;}
    }


/* ********************************************************************** */
/* ココカラ　フッター */
/* ********************************************************************** */
div.footer {width:100%; height:auto; padding:1rem 0; background-color:#4455aa;}
div.footer-in {width:90%; height:auto; margin:0 auto;}
div.footer-koumoku {width:100%; margin:0 1rem 2rem 1rem;}
p.footer-01 {font-size:1.2rem; color:#ffffff; line-height:2.4rem; font-weight:bold;}        
p.footer-02 {font-size:1.2rem; color:#ffffff; line-height:2.4rem; text-indent:1.2rem; padding-left:1.2rem;}
div.copyright {width:100%; height:auto; padding:1rem 0; background-color:#222222; text-align:center; position:relative; bottom:0;}
div.copyright p {font-size:1.2rem; color:#ffffff; text-align:center;}
    @media screen and (min-width:600px) {
    div.footer {width:100%; height:auto; padding:1rem 0; background-color:#4455aa;}
    div.footer-in {width:90%; height:auto; margin:0 auto; display:flex; flex-flow:row wrap; justify-content: space-evenly;}
    div.footer-koumoku {width:calc(100% / 3.4);  margin:0 1rem 2rem 1rem;}
    p.footer-01 {font-size:1rem; color:#ffffff; line-height:2.4rem; font-weight:bold;}        
    p.footer-02 {font-size:1rem; color:#ffffff; line-height:2.4rem; text-indent:1rem; padding-left:1rem;}        
    }
    @media screen and (min-width:1025px) {
    div.footer {width:100%; height:auto; padding:1rem 0; background-color:#4455aa;}
    div.footer-in {width:90%; height:auto; margin:0 auto; display:flex; flex-flow:row wrap; justify-content: space-evenly;}
    div.footer-koumoku {width:calc(100% / 3.4); margin:0 1rem 2rem 1rem;}
    p.footer-01 {font-size:1.2rem; color:#ffffff; line-height:2.4rem; font-weight:bold;}        
    p.footer-02 {font-size:1.2rem; color:#ffffff; line-height:2.4rem; text-indent:1.2rem; padding-left:1.2rem;}
    }
    

/* ********************************************************************** */
/* トピックスのリストページ　topics-list.html */
/* ********************************************************************** */
/* 一旦ボツdiv.topics-list {width:100%; margin:0 0 8rem 0;}
div.topics-card {width:100%; display:flex; flex-flow:row wrap; justify-content: space-evenly;}
div.topics-thumb {width:25%; height:20rem; margin:0 1rem 0 0;}
div.topics-thumb img {width:100%; height:100%; object-fit:cover;}
div.topics-txt {width:70%;}
div.topics-list-catelibon {height:auto; margin:0 0 2rem 0; padding:0.6rem 1.2rem 0.6rem 0.6rem; background-color:#45a; border-radius:0 0 0.6rem 0; display:inline-block;}
p.topics-list-label {color:#fff; font-size:1.2rem;}
p.topics-list-title {font-size:1.6rem; line-height:3rem; margin:0 0 2rem 0;}
p.topics-list-txt {font-size:1.4rem; line-height:2.8rem;}
hr.topics-list-kugiri {border-top:2px solid #fff; border-bottom:2px dotted #888; margin:2rem 0 2rem 0;} */

div.topics-list {width:100%; margin:0 0 8rem 0;}
div.topics-card-2 {width:100%;margin:0 0 0 0;}
div.topics-txt-2 {width:100%;}
div.topics-list-catelibon {height:auto; margin:0 2rem 1rem 0; padding:0.6rem 1.2rem 0.6rem 0.6rem; background-color:#4455aa; border-radius:0 0 0.6rem 0; display:inline-block;}
p.topics-list-label {color:#ffffff; font-size:1.2rem;}
p.topics-list-date {color:#666666; font-size:1.2rem; margin:0 3rem 0 0; display:inline-block;}
p.topics-list-title {font-size:1.4rem; line-height:3rem; margin:0 0 1rem 0;}
p.topics-list-txt {font-size:1.2rem; line-height:2.8rem;}
hr.topics-list-kugiri {border-top:2px solid #ffffff; border-bottom:2px dotted #888888; margin:2rem 0 2rem 0;}

div.topics-list-link {width:100%; margin:0 0 0 0; text-align:right;}
div.topics-list-link p {font-size:1.6rem; font-weight:bold; text-align:right; padding:0.3rem 1rem; color:#ff3366;}

/* 21.06.23 トピックスまとめページ */
article.topics-main {}



/* ********************************************************************** */
/* ビルクリーニング最新号　monthly-bc/xxxx.html */
/* ********************************************************************** */
div.month-title {width:90%; margin:0 auto 3rem auto; padding:1.2rem 0.6rem; background-color:#888888;}
h2.month-t {font-size:1.6rem; color:#ffffff;}
div.monthly {width:90%; margin:0 auto 4rem auto; background-color:#ffffff;}

div.mo-img-out {width:60%; height:auto; margin:0 auto; padding:0;}
div.mo-img-out img {width:100%; height:auto; border:1px solid #888888; object-fit:cover; margin-bottom:2rem;}

div.mo-cover {width:100%; height:auto; margin:0 auto 3rem auto;}
div.mo-cover img {width:100%; height:auto; border:1px solid #888888; object-fit:cover; margin-bottom:2rem;}
div.mo-text {width:100%; height:auto; margin:0 0 0 auto;}
p.mo-index-p {font-size:1.3rem; font-weight:bold; color:#75a9ff; margin-bottom:2rem; line-height:2.6rem; font-feature-settings: "palt";}
p.mo-index-p a {color:#87cefa; text-decoration:underline;}
p.mo-index-p2 {font-size:1.3rem; font-weight:bold; color:#75a9ff; margin-bottom:1rem; line-height:2.6rem; font-feature-settings: "palt";}
p.mo-text-p {font-size:1.2rem; font-weight:bold; color:#666666; line-height:3rem; margin-bottom:2rem; font-feature-settings: "palt";}
p.mo-text-p2 {font-size:1.2rem; font-weight:bold; color:#444444; line-height:3rem; margin:0 0 1rem 1.2rem; font-feature-settings: "palt";}
p.mo-text-p2 a {color:#87cefa; text-decoration:underline;}
p.mo-text-p2b {font-size:1.2rem; font-weight:bold; color:#444444; line-height:3rem; margin:0 0 2rem 1.2rem; font-feature-settings: "palt";}
p.mo-text-p2b a {color:#87cefa; text-decoration:underline;}
p.mo-text-p3 {font-size:1.2rem; color:#666666; line-height:3rem; margin:0 0 2rem 1.2rem; font-feature-settings: "palt";}
p.mo-text-p3-semai {font-size:1.2rem; color:#666666; line-height:1.8rem; margin:0 0 1rem 1.2rem; font-feature-settings: "palt";}

div.bunrui {width:100%; margin:0 0 3rem 0;}
div.bunrui-last {width:100%; margin:0;}
div.mihon {width:100%; height:12rem; margin:0 0 0 0; text-align:center; display:inline-block;}
div.mihon img {height:100%; object-fit:cover; margin:0 0.6rem; border:1px solid #888888;}

h3.mo-sponser {display:inline-block; width:100%; padding:0.6rem 1rem; margin:0 0 2rem 0; background-color:#888888; color:#fff; font-size:1.4rem; font-weight:bold;}
div.ad-area {width:90%; height:auto; margin:0 auto 2rem auto; display:flex; flex-flow:row wrap; justify-content:space-around;}
div.ad-cover {width:calc(100% / 2.2); margin:0 0.5rem 1rem 0.5rem;}
div.ad-cover img {width:100%; height:auto; object-fit:cover; border:1px solid #888888;}

/* 各記事に添付する出展部分〜月刊最新号版　ビルクリーニング○月号や○月のセミナーなど */
div.kiji-syutten-area-mo {width:100%; margin:0 0 1rem auto;}
div.kiji-syutten-area-mo p.gekkan {font-size:1.2rem; font-weight:bold; padding:1rem 1rem; border:1px solid #75a9ff; color:#75a9ff; text-align:center;}
div.kiji-syutten-area-mo p.denshi {font-size:1.2rem; font-weight:bold; padding:1rem 1rem; border:1px solid #ff8856; color:#ff8856; text-align:center;}

div.monthly-bc-read {width:100%; margin:0 0 2rem 0;}
div.monthly-bc-read p {font-size:1.4rem; line-height:2.4rem; margin:0 0 1rem 0;}
    @media screen and (min-width:600px) {
    div.month-title {width:90%; margin:0 auto 3rem auto; padding:1.2rem 0.6rem; background-color:#888888;}
    h2.month-t {font-size:1.6rem; color:#ffffff;}
    div.monthly {width:90%; margin:0 auto 4rem auto; background-color:#ffffff; display:flex; flex-flow:row wrap;}

    div.mo-img-out {width:100%; height:auto; margin:0; padding:0;}
    div.mo-img-out img {width:100%; height:auto; border:1px solid #888888; object-fit:cover; margin-bottom:2rem;}

    div.mo-cover {width:35%; height:auto;}
    div.mo-cover img {width:100%; height:auto; border:1px solid #888888; object-fit:cover; margin-bottom:2rem;}
    div.mo-text {width:60%; height:auto; margin:0 0 0 auto;}
    p.mo-index-p {font-size:1.6rem; font-weight:bold; color:#75a9ff; margin-bottom:2rem; line-height:2.6rem; font-feature-settings: "palt";}
    p.mo-index-p2 {font-size:1.6rem; font-weight:bold; color:#75a9ff; margin-bottom:1rem; line-height:2.6rem; font-feature-settings: "palt";}
    p.mo-text-p {font-size:1.4rem; font-weight:bold; color:#666666; line-height:3rem; margin-bottom:2rem; font-feature-settings: "palt";}
    p.mo-text-p a {color:#87cefa; text-decoration:underline;}
    p.mo-text-p2 {font-size:1.4rem; font-weight:bold; color:#444444; line-height:3rem; margin:0 0 1rem 1.2rem; font-feature-settings: "palt";}
    p.mo-text-p2 a {color:#87cefa; text-decoration:underline;}
    p.mo-text-p2b {font-size:1.4rem; font-weight:bold; color:#444444; line-height:3rem; margin:0 0 2rem 1.2rem; font-feature-settings: "palt";}
    p.mo-text-p3 {font-size:1.2rem; color:#666666; line-height:3rem; margin:0 0 2rem 1.2rem; font-feature-settings: "palt";}
    p.mo-text-p3-semai {font-size:1.2rem; color:#666666; line-height:1.8rem; margin:0 0 1rem 1.2rem; font-feature-settings: "palt";}

    div.bunrui {width:100%; margin:0 0 3rem 0;}
    div.bunrui-last {width:100%; margin:0;}
    div.mihon {width:100%; height:12rem; margin:0 auto 0 auto; text-align:center; display:inline-block;}
    div.mihon img {height:100%; object-fit:cover; margin:0 0.6rem; border:1px solid #888888;}
    
    h3.mo-sponser {display:inline-block; width:100%; padding:0.6rem 1rem; margin:0 0 2rem 0; background-color:#888888; color:#ffffff; font-size:1.4rem; font-weight:bold;}
    div.ad-area {width:90%; height:auto; margin:0 auto 2rem auto; display:flex; flex-flow:row wrap; justify-content:space-around;}
    div.ad-cover {width:calc(100% / 4.4); margin:0 0.5rem 1rem 0.5rem;}
    div.ad-cover img {width:100%; height:auto; object-fit:cover; border:1px solid #888888;}
    div.kiji-syutten-area-mo {width:100%; margin:0 0 1rem auto;}
    div.kiji-syutten-area-mo p.gekkan {font-size:1.2rem; font-weight:bold; padding:1rem 1rem; border:1px solid #75a9ff; color:#75a9ff; text-align:center;}
    div.kiji-syutten-area-mo p.denshi {font-size:1.2rem; font-weight:bold; padding:1rem 1rem; border:1px solid #ff8856; color:#ff8856; text-align:center;}    
    }
    @media screen and (min-width:1025px) {
    div.month-title {width:85%; margin:0 auto 3rem auto; padding:1.2rem 0.6rem; background-color:#888888;}
    h2.month-t {font-size:1.6rem; color:#ffffff;}
    div.monthly {width:85%; margin:0 auto 4rem auto; background-color:#fff; display:flex; flex-flow:row wrap;}

    div.mo-img-out {width:100%; height:auto; margin:0; padding:0;}
    div.mo-img-out img {width:100%; height:auto; border:1px solid #888888; object-fit:cover; margin-bottom:2rem;}

    div.mo-cover {width:25%; height:auto; margin:0 auto 3rem auto;}
    div.mo-cover img {width:100%; height:auto; border:1px solid #888888; object-fit:cover; margin-bottom:2rem;}
    div.mo-text {width:70%; height:auto; margin:0 0 0 auto;}
    p.mo-index-p {font-size:1.8rem; font-weight:bold; color:#75a9ff; margin-bottom:2rem; line-height:2.6rem; font-feature-settings: "palt";}
    p.mo-index-p2 {font-size:1.8rem; font-weight:bold; color:#75a9ff; margin-bottom:1rem; line-height:2.6rem; font-feature-settings: "palt";}
    p.mo-text-p {font-size:1.6rem; font-weight:bold; color:#666666; line-height:3rem; margin-bottom:2rem; font-feature-settings: "palt";}
    p.mo-text-p2 {font-size:1.6rem; font-weight:bold; color:#444444; line-height:3rem; margin:0 0 1rem 1.2rem; font-feature-settings: "palt";}
    p.mo-text-p2 a {color:#87cefa; text-decoration:underline;}
    p.mo-text-p2b {font-size:1.6rem; font-weight:bold; color:#444444; line-height:3rem; margin:0 0 2rem 1.2rem; font-feature-settings: "palt";}
    p.mo-text-p3 {font-size:1.4rem; color:#666666; line-height:3rem; margin:0 0 2rem 1.2rem; font-feature-settings: "palt";}
    p.mo-text-p3-semai {font-size:1.4rem; color:#666666; line-height:2.2rem; margin:0 0 0.2rem 1.2rem; font-feature-settings: "palt";}
    
    div.bunrui {width:100%; margin:0 0 3rem 0;}
    div.bunrui-last {width:100%; margin:0;}
    div.mihon {width:100%; height:15rem; margin:0 auto 0 auto; text-align:left; display:inline-block;}
    div.mihon img {height:100%; object-fit:cover; margin:0 0.6rem; border:1px solid #888888;}
    
    h3.mo-sponser {display:inline-block; width:100%; padding:0.6rem 1rem; margin:0 0 2rem 0; background-color:#888888; color:#ffffff; font-size:1.4rem; font-weight:bold;}
    div.ad-area {width:75%; height:auto; margin:0 auto 2rem auto; display:flex; flex-flow:row wrap; justify-content:space-around;}
    div.ad-cover {width:calc(100% / 6.4); margin:0 0.5rem 1rem 0.5rem;}
    div.ad-cover img {width:100%; height:auto; object-fit:cover; border:1px solid #888888;}
    div.kiji-syutten-area-mo {width:100%; margin:0 0 1rem auto;}
    div.kiji-syutten-area-mo p.gekkan {font-size:1.4rem; font-weight:bold; padding:1rem 1rem; border:1px solid #75a9ff; color:#75a9ff; text-align:center;}
    div.kiji-syutten-area-mo p.denshi {font-size:1.4rem; font-weight:bold; padding:1rem 1rem; border:1px solid #ff8856; color:#ff8856; text-align:center;}
    }


/* ********************************************************************** */
/* ビルクリーニングバックナンバー　monthly-bc/backnumber.html */
/* ********************************************************************** */
div.bn-main {width:90%; margin:0 auto 6rem auto;}
div.select-y-box {width:100%; margin:2rem auto 2rem auto; display:flex; flex-flow:row wrap; justify-content:space-around;}
div.select-y {width:calc(100% / 3.2); padding:0.6rem; border:1px solid #ff4f50; margin:0 0 1rem 0;}
div.select-y-blank {width:calc(100% / 3.2); padding:0.6rem; margin:0 0 1rem 0;}
p.select-year {font-size:1.6rem; font-weight:bold; text-align:center; color:#ff4f50;}
h3.bn-year {font-size:1.6rem; font-weight:bold; margin:0 0 2rem 0; color:#ff4f50; border-bottom:2px solid #ff4f50;}
div.bn-bn {width:100%; height:auto; margin:0 auto 2rem auto; display:flex; flex-flow:row wrap; justify-content:space-around;}
div.bn-cover {width:calc(100% / 2.2); margin-bottom:1rem;}
div.bn-cover img {width:100%; height:auto; object-fit:cover; border:1px solid #888888;}
div.modoru-area {width:100%; margin:1rem 0 3rem 0; text-align:right;}
p.modoru {display:inline-block; font-size:1.4rem; font-weight:bold; padding:0.6rem 1.2rem; background-color:#888888; border-radius:0.4rem; color:#ffffff;}
    @media screen and (min-width:600px) {
    div.bn-main {width:90%; margin:0 auto 6rem auto;}
    div.select-y-box {width:100%; margin:2rem auto 2rem auto; display:flex; flex-flow:row wrap; justify-content:space-around;}
    div.select-y {width:calc(100% / 4.4); padding:0.6rem; border:1px solid #ff4f50; margin:0 0 1rem 0;}
    div.select-y-blank {width:calc(100% / 4.4); padding:0.6rem; margin:0 0 1rem 0;}
    p.select-year {font-size:1.6rem; font-weight:bold; text-align:center; color:#ff4f50;}
    h3.bn-year {font-size:1.6rem; font-weight:bold; margin:0 0 2rem 0; color:#ff4f50; border-bottom:2px solid #ff4f50;}
    div.bn-bn {width:100%; height:auto; margin:0 auto 2rem auto; display:flex; flex-flow:row wrap; justify-content:space-around;}
    div.bn-cover {width:calc(100% / 4.4); margin-bottom:1rem;}
    div.bn-cover img {width:100%; height:auto; object-fit:cover; border:1px solid #888888;}
    div.modoru-area {width:100%; margin:1rem 0 3rem 0; text-align:right;}
    p.modoru {display:inline-block; font-size:1.4rem; font-weight:bold; padding:0.6rem 1.2rem; background-color:#888888; border-radius:0.4rem; color:#ffffff;}
    }
    @media screen and (min-width:1025px) {
    div.bn-main {width:100%; margin:0 auto 6rem auto; max-width:1025px;}
    div.select-y-box {width:100%; margin:2rem auto 2rem auto; display:flex; flex-flow:row wrap; justify-content:space-around;}
    div.select-y {width:calc(100% / 6.6); padding:0.6rem; border:1px solid #ff4f50; margin:0 0 1rem 0;}
    div.select-y-blank {width:calc(100% / 6.6); padding:0.6rem; margin:0 0 1rem 0;}
    p.select-year {font-size:1.6rem; font-weight:bold; text-align:center; color:#ff4f50;}
    h3.bn-year {font-size:1.6rem; font-weight:bold; margin:0 0 2rem 0; color:#ff4f50; border-bottom:2px solid #ff4f50;}
    div.bn-bn {width:100%; height:auto; margin:0 auto 2rem auto; display:flex; flex-flow:row wrap; justify-content:space-around;}
    div.bn-cover {width:calc(100% / 6.4); margin-bottom:1rem;}
    div.bn-cover img {width:100%; height:auto; object-fit:cover; border:1px solid #888888;}
    div.modoru-area {width:100%; margin:1rem 0 3rem 0; text-align:right;}
    p.modoru {display:inline-block; font-size:1.4rem; font-weight:bold; padding:0.6rem 1.2rem; background-color:#888888; border-radius:0.4rem; color:#ffffff;}
    }


/* ********************************************************************** */
/* 過去のセミナーページ　past-seminar.html & seminar-report */
/* ********************************************************************** */
div#main-area {width:100%; margin:0 auto 4rem auto;}
div.gallery {width:100%; margin:0 0 2rem 0; display:flex; flex-flow:row wrap; justify-content:space-around;}
div.gallery-2 {width:100%; margin:0 0 8rem 0; display:flex; flex-flow:row wrap; justify-content:space-around;}
div.gallery-3 {width:100%; margin:0 0 8rem 0;}
div.gallery-5 {width:100%; margin:0 0 2rem 0;}
div.gallery-img {width:calc(100% / 2.2); margin:0 0 2rem 0;}
div.gallery-img-3 {width:100%; height:auto; margin:0 0 2rem 0;}
div.gallery-img-4 {width:100%; height:auto; margin:0 auto 2rem auto;}
div.gallery-img-5 {width:100%; height:auto; margin:0 auto 0 auto;}
div.gallery-img-6 {width:calc(100% / 3.2); margin:0 0 2rem 0;}
div.gallery-img img {width:100%; object-fit:cover; margin:0 0 1rem 0;}
div.gallery-img-3 img {width:100%; object-fit:cover; margin:0 0 1rem 0;}
div.gallery-img-4 img {width:100%; object-fit:cover; margin:0 0 1rem 0;}
div.gallery-img-5 img {width:100%; object-fit:cover; margin:0 0 1rem 0;}
div.gallery-img-6 img {width:100%; object-fit:cover; margin:0 0 1rem 0;}
div.movie {display:inline-block; margin:1rem auto 5rem auto; padding:0.6rem 1rem; background-color:#ff3399; border-radius:0.6rem;}
div.movie p {font-size:1.2rem; font-weight:bold; color:#ffffff;}
    @media screen and (min-width:1024px) {
    div#main-area {width:90%; margin:0 auto 4rem auto; max-width:1025px;}
    div.gallery {width:100%; margin:0 0 2rem 0; display:flex; flex-flow:row wrap; justify-content:space-around;}
    div.gallery-2 {width:100%; margin:0 0 4rem 0; display:flex; flex-flow:row wrap; justify-content:space-around;}
    div.gallery-3 {width:100%; margin:0 0 8rem 0;}
    div.gallery-5 {width:100%; margin:0 0 2rem 0; text-align:center;}
    div.gallery-img {width:calc(100% / 3.2); margin:0 0 2rem 0;}
    div.gallery-img-3 {width:50%; height:auto; margin:0 auto 2rem auto;}
    div.gallery-img-4 {width:100%; height:auto; margin:0 auto 2rem auto;}
    div.gallery-img-5 {width:100%; height:auto; margin:0 auto 0 auto;}
    div.gallery-img-6 {width:calc(100% / 3.2); margin:0 0 2rem 0;}
    div.gallery-img img {width:100%; object-fit:cover; margin:0 0 1rem 0;}
    div.gallery-img-3 img {width:100%; object-fit:cover; margin:0 0 1rem 0;}
    div.gallery-img-4 img {width:100%; object-fit:cover; margin:0 0 1rem 0;}
    div.gallery-img-5 img {width:60%; object-fit:cover; margin:0 auto 0 auto;}
    div.gallery-img-6 img {width:100%; object-fit:cover; margin:0 0 1rem 0;}
    div.movie {display:inline-block; margin:0 0 5rem 1rem; padding:0.6rem 1rem; background-color:#ff3399; border-radius:0.6rem;}
    div.movie p {font-size:1.4rem; font-weight:bold; color:#fff; text-align:center; text-align:center;}
    } 

div.report-ari {display:inline-block; padding:0 0.2rem; background-color:#ff6699; margin:0.8rem 1rem 0 0; border-radius:0.2rem;}
div.report-ari p {color:#ffffff; font-size:1.2rem; line-height:1.6rem; text-align:center;}
div.movie-ari {display:inline-block; padding:0 0.2rem; background-color:#9966ff; margin:0.8rem 1rem 0 0; border-radius:0.2rem;}
div.movie-ari p {color:#ffffff; font-size:1.2rem; line-height:1.6rem; text-align:center;}

div.button-area {width:100%; height:auto; text-align:right; margin:0 0 1rem 0;}

div.seminar-title {width:100%; margin:0 auto 3rem auto;}
p.seminar-title-date {font-size:1.2rem; margin:0 0 1rem 0;}
p.seminar-title-title-a {font-size:1.8rem; line-height:3rem; margin:0 0 1rem 0;}
p.seminar-title-title-b {font-size:2.2rem; line-height:2.8rem;}
div.seminar-read-area {margin:0 0 3rem 0;}
div.seminar-read-area p {font-size:1.6rem; line-height:3.2rem; color:#000000; margin:0 0 2rem 0;}
div.seminar-honbun-area {width:100%; margin:0 auto 5rem auto;}
div.seminar-honbun-area p {font-size:1.6rem; line-height:3.6rem; color:#000000; margin:0 0 2rem 0;}
div.seminar-honbun-area p span {font-weight:bold; color:#ff3366;}
div.seminar-honbun-area p a {font-size:1.6rem; line-height:3.6rem; color:#6699ff; text-decoration:underline;}
div.seminar-honbun-area-2 {width:100%; margin:0 auto 8rem auto;}
div.seminar-honbun-area-2 p {font-size:1.6rem; line-height:3.6rem; color:#000000; margin:0 0 2rem 0;}
div.seminar-honbun-area-2 p span {font-weight:bold; color:#ff3366;}
div.seminar-honbun-area-2 p a {font-size:1.6rem; line-height:3.6rem; color:#6699ff; text-decoration:underline;}

p.shomei {font-size:1.6rem; line-height:3.6rem; color:#000000; margin:0 0 2rem 0; text-align:right;}

div.cover-image {width:100%; height:auto; margin:0 auto 8rem auto; text-align:center;}
img.large-size {width:100%; height:auto; object-fit:cover;}
img.large-size-2 {width:100%; height:auto; object-fit:cover;}
    @media screen and (min-width:600px) {
    div.cover-image {width:100%; height:auto; margin:0 auto 8rem auto; text-align:center;}
    img.large-size {width:80%; height:auto; object-fit:cover;}
    img.large-size-2 {width:100%; height:auto; object-fit:cover;}
    }

div.seminar-mokuji {width:100%; padding:1rem 0.6rem; border-top:3px solid #999999; border-bottom:3px solid #999999; margin:0 0 5rem 0;}
ul.seminar-mokuji-ul {list-style-type: square; font-size:1.6rem; line-height:3.2rem; padding:0 1rem 0 4rem; color:#6699ff; text-decoration:underline;}
li.seminar-molkuji-li {font-size:1.6rem; line-height:3.2rem; color:#6699ff;}
li.seminar-molkuji-li a {color:#6699ff; text-decoration:underline;}
p.seminar-mokuji-mokuji {font-size:1.4rem; font-weight:bold; margin:0 0 1rem 0;}

div.seminar-table-area {width:100%; margin:0 auto 3rem auto;}
table.seminar-table {width:100%; background-color:#ffffff;}
tr {}
td.seminar-koumoku {width:15%; background-color:#eeeeee; padding:0.4rem 0.6rem; border:1px solid #333333; font-size:1.2rem; line-height:2.4rem; color:#333333;}
td.seminar-naiyou {width:85%; background-color:#ffffff; padding:0.4rem 0.6rem; border:1px solid #333333; font-size:1.2rem; line-height:2.4rem; color:#333333;}
div.seminar-kiji-ohmidashi {margin:0 0 2rem 0; background-color:#444444; padding:0.6rem 0;}
p.seminar-kiji-ohmidashi-date {font-size:1.2rem; font-weight:bold; color:#ffffff; margin:0 0 2rem 0;}
p.seminar-kiji-ohmidashi-title-a {font-size:1.6rem; font-weight:bold; color:#ffffff; margin:0 0 1rem 0;}
p.seminar-kiji-ohmidashi-title-b {font-size:2rem; font-weight:bold; color:#ffffff;}
div.seminar-kiji-ohmidashi-2 {margin:0 0 2rem 0; background-color:#ffffff; padding:0.6rem 0; border-bottom:1px solid #444444;}
p.seminar-kiji-ohmidashi-date-2 {font-size:1.2rem; font-weight:bold; color:#444444; margin:0 0 2rem 0;}
p.seminar-kiji-ohmidashi-title-a-2 {font-size:1.6rem; font-weight:bold; color:#444444; margin:0 0 1rem 0;}
p.seminar-kiji-ohmidashi-title-b-2 {font-size:2rem; font-weight:bold; color:#444444;}
p.seminar-kiji-komidashi {font-size:2rem; font-weight:bold; color:#333333; margin:0 0 2rem 0; background-color:#ffffff; padding:0.6rem; border-bottom:0.2rem solid #333333;}
p.seminar-kiji-kokomidashi {font-size:1.6rem; font-weight:bold; color:#333333; margin:0 0 2rem 0; border-left:1px solid #333333; border-top:1px solid #333333; padding:0.6rem;}
p.seminar-kiji-matome {font-size:1.6rem; font-weight:bold; color:#333333; margin:0 0 2rem 0; border-bottom:1px solid #333333; border-top:1px solid #333333; padding:0.6rem;}
div.seminar-report-area {width:100%; padding:0.6rem 0.4rem; margin:0 0 2rem 0; background-color:#4689ff;}
p.seminar-report {font-size:1.6rem; color:#ffffff; margin:0 0 1rem 0;}
p.seminar-report-title {font-size:1.8rem; line-height:2.8rem; color:#ffffff; margin:0 0 1rem 0;}
p.seminar-report-name {font-size:1.4rem; line-height:2.4rem; color:#ffffff; margin:0 0 0 0;}

table.seminar-table-top {width:100%; background-color:#ffffff;}
tr {}
td.seminar-koumoku-top {width:20%; background-color:#ffffff; padding:0.8rem; font-size:1.2rem; line-height:2.4rem; color:#333333; border-bottom:1px solid #cccccc; vertical-align:middle;}
td.seminar-koumoku-top a {display:block; width:100%; height:100%;}
td.seminar-naiyou-top {width:80%; background-color:#ffffff; padding:0.8rem; font-size:1.2rem; line-height:2.4rem; color:#333333; border-bottom:1px solid #cccccc; vertical-align:middle;}
td.seminar-naiyou-top a {display:block; width:100%; height:100%;}
p.sem-rep-but {padding:0.4rem 0.6rem; background-color:#6699ff; color:#ffffff; display:inline-block; margin:0.6rem 0.6rem 0.6rem 0; font-size:1.2rem; line-height:1.2rem; font-weight:bold; border-radius:0.6rem;}
p.sem-mov-but {padding:0.4rem 0.6rem; background-color:#ff6699; color:#ffffff; display:inline-block; margin:0.6rem 0.6rem 0.6rem 0; font-size:1.2rem; line-height:1.2rem; font-weight:bold; border-radius:0.6rem;}
a.but {style:none;}

p.seminar-report {font-size:3rem; color:#aaaaaa; margin:0 0 2rem 0; font-style:italic; border-top:1px solid #aaaaaa; border-right:1px solid #aaaaaa; border-bottom:1px solid #aaaaaa; padding:1rem 0 1rem 0;}

p.caption {font-size:1.2rem; color:#666666; line-height:2.2rem;}

div.umekomi-2 {margin:0 auto 2rem auto; position:relative; padding-top:56.25%;}
div.umekomi-2 iframe {position:absolute; top:0; right:0; width:100%; height:100%; border:1px solid #cccccc;}

div.kansou {width:90%; margin:0 auto 3rem auto; padding:0.6rem; background-color:#fff7ef;}
div.kansou-title-fukidashi {display:inline-block; padding:0.6rem; margin:0; background-color:#ff0099;}
div.kansou-title-fukidashi p {font-size:1.6rem; color:#ffffff;}
div.kansou-title-sankaku {width:2rem; height:2rem; margin:-0.2rem auto 1rem 1rem; background-color:#ff0099; clip-path:polygon(0 0 , 100% 0 , 50% 100%);}
p.kansou-bun {font-size:1.4rem; line-height:2.6rem; margin:0; color:#666666;}
hr.kansou-kugiri {border-top:2px solid #fff7ef; border-bottom:2px dotted #888888; margin:2rem 0;}

div.share-area {margin:0 0 4rem auto; text-align:right;}

a.tel {text-decoration:underline;}

/* セミナーレポートタイトル帯 */
div.seminar-rep-title {width:100%; margin:0 0 3rem 0;}
div.rep-title {width:100%; margin:0 auto 1rem auto; padding:1rem; background-color:#ff6699; text-align:center; border-radius:0.6rem;}
div.sem-lin {width:90%; margin:0 auto; display:flex; flex-flow:row wrap;}
div.sem-lin-l {display:block; margin:0 auto 0 0; padding:1.4rem 0;}
div.sem-lin-r {display:block; margin:0 0 0 auto; padding:1.4rem 0;}
p.chan-coll {font-size:1.4rem; margin:1rem; font-weight:bold; color:#ffffff; text-align:center;}
p.rep-sengen {font-size:1.4rem;}
p.to-guy {padding:0.6rem 1rem; border:1px solid #888888; color:#888888; font-size:1.4rem;}
p.to-lis {padding:0.6rem 1rem; border:1px solid #888888; color:#888888; font-size:1.4rem;}

div.question-area {width:80%; margin:0 auto 2rem auto; padding:1rem 2rem; background-color:#faebd7; border-radius:0.6rem;}
p.question {font-size:1.4rem; font-weight:bold; color:#996600; margin:0 0 2rem 0;}
p.question-choice {font-size:1.4rem; color:#996600; line-height:2.2rem;}


/* ********************************************************************** */
/* 記事ページ　read-article/read-article-xx.html */
/* ********************************************************************** */
div.read-article {width:90%; height:auto; margin:0 auto 4rem auto;}
p.yomu-kiji-title {font-size:2rem; font-weight:bold; margin:0 0 2rem 0; color:#4689ff; margin:0 0 3rem 0;}
div.yomu-read-area {margin:0 0 3rem 0;}
div.yomu-read-area p {font-size:1.6rem; line-height:3.2rem; color:#888888; /*text-indent:1.6rem;*/ margin:0 0 2rem 0;}
div.yomu-read-area p.read-type-b {font-size:1.6rem; line-height:3.2rem; color:#888888; margin:0 0 2rem 0;}
p.yomu-kiji-komidashi {font-size:1.6rem; font-weight:bold; color:#4689ff; margin:0 0 2rem 0; border-left:1rem solid #4689ff; padding:0.6rem 0 0.6rem 1rem;}
p.yomu-kiji-kokomidashi {font-size:1.4rem; font-weight:bold; color:#888888; line-height:3rem; margin-top:4rem; border:1px solid #888888; padding:0.6rem 1rem;}
p.yomu-kiji-kokomidashi-2 {font-size:1.4rem; font-weight:bold; color:#888888; line-height:3rem; margin:4rem 0 2rem 0; border:1px solid #888888; padding:0.6rem 1rem;}
div.yomu-honbun-area {margin:0 0 3rem 0;}
div.yomu-honbun-area p {font-size:1.4rem; line-height:3rem; color:#888888; /*text-indent:1.4rem;*/ margin:0 0 2rem 0;}
div.yomu-honbun-area p.honbun-type-b {font-size:1.4rem; line-height:3rem; color:#888888; margin:0 0 2rem 0;}
div.yomu-honbun-area p.honbun-type-c {font-size:1.4rem; font-weight:bold; line-height:3rem; color:#666666; margin:0 0 2rem 0;}

div.yomu-honbun-area-b {margin:0 0 2rem 0; padding:1rem 1rem 1rem 1rem; background-color:#eeeeee; border-radius:1rem;} /* カコミとか */
div.yomu-honbun-area-b p.honbun-type-d {font-size:1.4rem; font-weight:bold; margin-bottom:-0.4rem;}

span.name-a {font-weight:bold; color:#ff66cc; margin-right:1.4rem;} /* インタビューとか */
span.name-b {font-weight:bold; color:#3399ff; margin-right:1.4rem;} /* インタビューとか */
span.name-c {font-weight:bold; color:#33cc99; margin-right:1.4rem;} /* インタビューとか */
span.name-d {font-weight:bold; color:#9966ff; margin-right:1.4rem;} /* インタビューとか */
span.name-e {font-weight:bold; color:#cc9966; margin-right:1.4rem;} /* インタビューとか */

span.emphasis {font-weight:bold; color:#4689ff;} /* インタビューとか */

p.number {font-size:1.4rem; color:#888888; font-weight:bold;}

div.page-area {width:100%; margin:0 0 3rem 0; display:flex; flex-flow:row wrap; padding:0.6rem;}
div.maeno {display:inline-block; padding:0.6rem; margin:0 auto 0 0; border:1px solid #666666; border-radius:0.6rem;}
div.tsugi {display:inline-block; padding:0.6rem; margin:0 0 0 auto; border:1px solid #666666; border-radius:0.6rem;}
div.imano {display:inline-block; padding:0.6rem; margin:0 auto;}
p.to-page {font-size:1.4rem; color:#666666; font-weight:bold;}
p.to-page-non {font-size:1.4rem; color:#bbbbbb;}
p.imano-page {font-size:1.6rem; color:#666666;}
    @media screen and (min-width:1025px) {
    div.read-article {width:90%; height:auto; margin:0 auto 4rem auto; max-width:1025px;}
    p.yomu-kiji-title {font-size:2rem; margin:0 0 2rem 0; color:#4689ff; margin:0 0 3rem 0;}
    div.yomu-read-area {margin:0 0 3rem 0;}
    div.yomu-read-area p {font-size:1.6rem; line-height:3.2rem; color:#888888; /*text-indent:1.6rem;*/ margin:0 0 2rem 0;}
    div.yomu-read-area p.read-type-b {font-size:1.6rem; line-height:3.2rem; color:#888888; margin:0 0 2rem 0;}
    p.yomu-kiji-komidashi {font-size:1.6rem; font-weight:bold; color:#4689ff; margin:0 0 2rem 0; border-left:1rem solid #4689ff; padding:0.6rem 0 0.6rem 2rem;}
    div.yomu-honbun-area {margin:0 0 3rem 0;}
    div.yomu-honbun-area p {font-size:1.4rem; line-height:3rem; color:#888888; /*text-indent:1.4rem;*/ margin:0 0 2rem 0;}
    div.yomu-honbun-area p.honbun-type-b {font-size:1.4rem; line-height:3rem; color:#888888; margin:0 0 2rem 0;}
    div.yomu-honbun-area p.honbun-type-c {font-size:1.4rem; font-weight:bold; line-height:3rem; color:#666666; margin:0 0 2rem 0;}
    div.yomu-honbun-area-b {margin:0 0 2rem 0; padding:1rem 1rem 1rem 1rem; background-color:#eeeeee; border-radius:1rem;} /* カコミとか */
    div.yomu-honbun-area-b p.honbun-type-d {font-size:1.4rem; font-weight:bold; margin-bottom:-0.4rem;}
    div.page-area {width:100%; margin:0 0 3rem 0; display:flex; flex-flow:row wrap; padding:0.6rem;}
    div.maeno {display:inline-block; padding:0.6rem; margin:0 auto 0 0; border:1px solid #666666; border-radius:0.6rem;}
    div.tsugi {display:inline-block; padding:0.6rem; margin:0 0 0 auto; border:1px solid #666666; border-radius:0.6rem;}
    div.imano {display:inline-block; padding:0.6rem; margin:0 auto;}
    p.to-page {font-size:1.4rem; color:#666666; font-weight:bold;}
    p.to-page-non {font-size:1.4rem; color:#bbbbbb;}
    p.imano-page {font-size:1.6rem; color:#666666;}
    }
/* 各記事に添付する出展部分　ビルクリーニング○月号や○月のセミナーなど */
div.kiji-syutten-area {width:100%; margin:0 0 4rem auto; text-align:right;}
div.kiji-syutten-area span.gekkan {font-size:1.6rem; font-weight:bold; padding:1rem 1.4rem; border:1px solid #75a9ff; color:#75a9ff;}
div.kiji-syutten-area span.denshi {font-size:1.6rem; font-weight:bold; padding:1rem 1.4rem; border:1px solid #ff8856; color:#ff8856;}

hr.parag {border-bottom:2px dotted #aaaaaa; border-top:2px solid #ffffff; margin:3rem 0;}

/* あまり頻度はないだろうけどyoutubeの埋め込み past-seminarにも使用する*/
div.umekomi {margin:0 auto 3rem auto; position:relative; padding-top:56.25%;}
div.umekomi iframe {position:absolute; top:0; right:0; width:100%; height:100%; border:1px solid #cccccc;}

/* 画像 */
div.read-img {width:80%; margin:0 auto 2rem auto; text-align:center;}
img.read-thumb {width:100%; height:auto; object-fit:cover;}
    @media screen and (min-width:600px) {
    div.read-img {width:50%; margin:0 auto 2rem auto; text-align:center;}
    img.read-thumb {width:100%; height:auto; object-fit:cover;}
    }
    @media screen and (min-width:1025px) {
    div.read-img {width:30%; margin:0 auto 2rem auto; text-align:center;}
    img.read-thumb {width:100%; height:auto; object-fit:cover;}
    }

/* 2106で初登場　顔写真付き対談 */
div.speaker-pro {width:100%; margin:1rem auto 2rem auto; padding:0.8rem 0.4rem; border:1px dotted #ff8856;}
div.speaker-syoukai {width:100%; margin:0 auto 1rem auto; display:flex; flex-flow:row wrap; justify-content:space-around;}
div.face-photo {width:25%; height:auto; margin:0 1rem 0 0;}
div.face-photo img {width:100%; height:auto; object-fit:cover;}
div.profile-text {width:70%;}
p.pro-name {font-size:1.1rem; font-weight:bold; color:#666666; margin:0 0 1rem 0;}
p.pro-pro {font-size:1.1rem; color:#888888; line-height:2rem;}
p.pro-pro a {font-size:1.1rem; color:#6699ff; text-decoration:underline;}
    @media screen and (min-width:600px) {
    div.speaker-pro {width:80%; margin:1rem auto 2rem auto; padding:0.8rem 0.4rem; border:1px dotted #ff8856; display:flex; flex-flow:row wrap; justify-content:space-around;}
    div.speaker-syoukai {width:45%; margin:0 auto 0 auto; display:flex; flex-flow:row wrap; justify-content:space-around;}
    div.face-photo {width:25%; height:auto; margin:0 1rem 0 0;}
    div.face-photo img {width:100%; height:auto; object-fit:cover;}
    div.profile-text {width:70%;}
    p.pro-name {font-size:1.1rem; font-weight:bold; color:#666666; margin:0 0 1rem 0;}
    p.pro-pro {font-size:1.1rem; color:#888888; line-height:2rem;}
    p.pro-pro a {font-size:1.1rem; color:#6699ff; text-decoration:underline;}
    }
    
    
/* ********************************************************************** */
/* 資機材ページ　equipment-info/xx.html */
/* ********************************************************************** */