@charset "UTF-8";
/*
Theme Name: Mizukan
Author: Yoko.N
Description: Mizukan-2020Renewal
Version: 1.0
*/


/*-------------------------
基本設定
--------------------------*/
/*画面区分なし*/
* {
	margin: 0px;
	padding: 0px;
	font-style: normal;
}
html{
    background-color: #ffffff;
	overflow-y: scroll;
    min-width:320px;
    font-size:62.5%;
}
body{
    margin:0;
    line-height:1.5;
    color:#333333;
	background-color: #FFFFFF;
    font-size:16px;
	/*font-family: "Helvetica Neue",
    Arial,
    "Hiragino Kaku Gothic ProN",
    "Hiragino Sans",
    Meiryo,
    sans-serif;*/
    font-family: 'Noto Sans JP', sans-serif;
    padding-top: 60px;
}

a:link{
    color:#333333;
}
a:hover, a:focus, a:active{
    color:#b3b3b3;
    text-decoration: none;
}

img, video{
    max-width: 100%;
    height:auto;
    border-style: none;
	vertical-align: bottom;
}

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

/*-------------------------
ヘッダー
--------------------------*/
/*基本*/
/*消してみる*/
/*
.l-header{
    border-top: 2px solid #333;
    background: #333;
    box-shadow: 0 1px 5px rgba(41,42,43,0.5);
    height: 100px;
    padding: 0 10px;
    position: fixed;
    top:0;
    right: 0;
    left:0;
    z-index: 5000;
}
/*
/*ヘッダー小画面*/
.l-header__inner{
    margin: 0 auto;
    padding: 0;
    position: relative;
    background:#fff;
}
.l-header__inner__logo{
    width:auto;
    margin: 0 10px;
    padding: 5px 0;
}

/*ヘッダー大画面*/
@media screen and (min-width: 1024px) {    
    .l-header__inner{
        max-width: 100%;
        margin: auto;
    }
    .l-header__inner__logo{
        float:left;
        margin-left: 30px;
        margin-right: 30px;
    }
}

/*-------------------------
ナビゲーション
--------------------------*/
/*グローバルナビ小画面*/
@media screen and (max-width: 767px) {
#navControl nav {
    position: fixed;
    top: 0;
    right: -300px;
    width: 300px;
    height: 100%;
    padding-top: 50px;
    background-color: #003366;
    font-size: 16px;
    box-sizing: border-box;
    z-index: 2
}
#navControl nav ul li {
    display:block;
    padding: 20px 28px
}
#navControl nav ul li a {
    text-decoration: none;
    color: #ffffff;
}
#navControl nav ul li a:hover {
    text-decoration: none;
    font-weight: bold;
    letter-spacing: 0.05rem;
    font-size: 18px;
    color: #ffffff;
}
/*navigation　小画面：展開マーク*/
#navControl .btn-gnavi {
    position: fixed;
    top: 20px;
    right: 20px;
    width: 30px;
    height: 24px;
    z-index: 3;
    box-sizing: border-box;
    cursor: pointer;
    -webkit-transition: all 400ms;
    transition: all 400ms
}
#navControl .btn-gnavi span {
    position: absolute;
    width: 30px;
    height: 4px;
    background: #666666;
    border-radius: 10px;
    -webkit-transition: all 400ms;
    transition: all 400ms
}
#navControl .btn-gnavi span:nth-child(1) {
    top: 0
}
#navControl .btn-gnavi span:nth-child(2) {
    top: 10px
}
#navControl .btn-gnavi span:nth-child(3) {
    top: 20px
}
#navControl .btn-gnavi.open {
    -webkit-transform: rotate(180deg);
    transform: rotate(180deg)
}
#navControl .btn-gnavi.open span {
    background: #ffffff;
}

#navControl .btn-gnavi.open span {
    width: 24px;
}
}

/*グローバルナビ大画面*/
@media screen and (min-width: 768px) {
#l-header__nav {
    background:#ffffff;
    max-width: 1170px;
    margin: auto;
}
.l-gnavi {
  display: flex;
  justify-content: space-between;
  list-style: none;
  margin: 0;
  padding: 0;
}
.l-gnav__list {
  flex: 1;
}
.l-gnav__list a {
  background: #ffffff;
  border-left: 1px solid #000033;
  border-right: none;
  color: #333;
  display: block;
  padding: 0.6em 0.6em;
  text-align: center;
  text-decoration: none;
    height: 80px;
    margin: 8px auto;
    font-size: 120%;
    line-height: 30px;
}
.l-gnav__list a:hover {
  color: #333;
    font-weight: normal;
    text-decoration: none;
    background-image: linear-gradient(#fff 85%, rgba(204,204,204,0.3) 15%);
}
.l-gnav__list:last-child a {
  border-right: 1px solid #000033;
}
.current a{
    color: #000033;
    font-weight: bolder;
    text-decoration: none; 
}
.current a:hover{
    font-weight: bolder;
    background-image: linear-gradient(rgba(204,204,204,0.3) 85%, #fff 15%);
}
}

/*-------------------------
メインビジュアル 
--------------------------*/

/* パソコンで見たときは"pc"のclassがついた画像が表示される */
.pc { display: block !important; }
.pc{
    margin: 20px auto 0px;
}
.sp { display: none !important; }

/* スマートフォンで見たときは"sp"のclassがついた画像が表示される */
@media only screen and (max-width: 767px) {
.pc { display: none !important; }
.sp { display: block !important; }
.sp{
    margin: 10px auto 0px;
}
}

/*-------------------------
タイトル部・本文共通
--------------------------*/

/*タイトル部・本文　基本*/

/*メインタイトル部：センタリング*/
.c-maintitle--head--center{
    text-align: center;
}
/*ページタイトル部：センタリング*/
.c-title--head--center{
    text-align: center;
}

/*本文基本：センタリング*/
.c-text--center{
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: center;
}
/*本文基本：左寄せ*/
.c-text--left{
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: left;
}

/*大きな矢印*/
.shape-big_arrow{
    font-size: 3rem;
    line-height: 2;
    text-align: center;
}
.shape-big_arrow2{
    font-size: 1.5rem;
    line-height: 0.8;
    text-align: left;
    margin-left: 30px;
}
/*タイトル部小画面*/
/*消してみる*/
/*
.l-container{
    margin: 10px 0px 10px 0px;
    padding: 10px 0;
    position: relative;
    font-size: 1rem,
}*/
/*メインタイトル　小画面*/
.c-maintitle--head{
    font-size: 2.4rem;
    line-height: 1.5;
    margin: 40px auto 10px;
	color: #333333;
	font-weight: bolder;
	letter-spacing: 0.02em;
    font-family: 'Kosugi', sans-serif;
}
/*メインタイトル（サブ）　小画面*/
.c-maintitle--head__sub{
    font-size: 2rem;
    font-weight: normal;
    font-family: "Verdana","Helvetica Neue","Roboto","sans-serif";
    color: #333333;
    border: 1px solid #003399;
    width:13em;
    margin: 10px auto;
    margin-bottom: 30px;
    padding: 5px 20px;
    letter-spacing: 0.05em;
}

/*ページタイトル　小画面*/
.c-title--head{
    font-size: 2rem;
    line-height: 1.4;
    margin: 50px auto 10px;
	color: #333;
	font-weight: bolder;
	letter-spacing: 0.01em;
}
/*ページタイトル（サブ）　小画面*/
.c-title--head__sub{
    font-size: 1.8rem; 
    font-weight: normal;
	letter-spacing: 0.05em; 
    font-family: "Verdana","Helvetica Neue","Roboto","sans-serif";
    color: #333333;
    margin-bottom: 30px;
}
.c-title--head2{
    font-size: 2rem;
    line-height: 1.4;
    margin: 0px auto 0px;
	color: #333;
	font-weight: bolder;
	letter-spacing: 0.01em;
}

/*タイトル部大画面*/
@media screen and (min-width: 768px) {
/*メインタイトル　大画面*/
.c-maintitle--head{
    font-size: 3.2rem;
    line-height: 1.4;
    margin-bottom: 20px;
    margin-top: 50px;
    margin-right: 120px;
    margin-left: 120px;
	color: #333333;
	font-weight: bolder;
	letter-spacing: 0.1em;
    /*text-shadow: 1px 1px 2px rgba(204,204,204,0.5);*/
    font-family: 'Kosugi', sans-serif;
}
/*メインタイトル（サブ）　大画面*/
.c-maintitle--head__sub{
    font-size: 2.4rem;  
}
/*タイトル　大画面*/
.c-title--head{
    font-size: 2.6rem;
    line-height: 1.6;
}
/*タイトル（サブ）　大画面*/
.c-title--head__sub{
    font-size: 2rem;
}
.c-title--head2{
    font-size: 2.6rem;
    line-height: 1.6;
}
}

/*-------------------------
トップに戻る
--------------------------*/
/*画面区分なし*/
.pagetop{
  width: 40px;
  height: 40px;
 display: none;
  position: fixed;
  right: 10px;
  bottom: 10px;
  background: #003399;
  opacity: 0.6;
  border-radius: 50%;
}
.pagetop a{
  position: relative;
  display: block;
  width: 40px;
  height: 40px;
  text-decoration: none;
}
.pagetop a:before{
  font-family: 'Font Awesome 5 Free';
  font-weight: 900;
  content: '\f102';
  font-size: 25px;
  color: #fff;
  position: absolute;
  width: 25px;
  height: 25px;
  top: -5px;
  bottom: 0;
  right: 0;
  left: 0;
  margin: auto;
  text-align: center;
}

/*-------------------------
フッター
--------------------------*/
/*フッター　基本*/
.l-footer{
    color: #fff;
}
.l-footer--inner{
    margin: 0;
    padding-top: 20px;
}
.l-footer__nav a{
    color: #333;
    text-decoration: none;
}
.l-footer__nav a:hover{
    color: #333;
    text-decoration: underline;
}
.l-footer__company-detail{
    color: #fff;
    background: #003399;  
    padding-bottom: 10px;
    margin-bottom: 0px;
}
.l-footer__company-detail address{
    font-style: normal;
    color: #fff;
    padding: 20px 10px;
    text-align: right;
}
.l-footer__company-detail address a{
    color: #fff;
    text-decoration: none;
}
.l-footer__company-detail address a:hover{
    color: #fff;
    text-decoration: underline;
}
.en{
    font-size: 1.5rem;
    font-style: italic;
    margin-top: 4px;
}
.fas fa-walking{
    color: #fff;
    font-size: 3rem;
}

/*フッター　基本+小画面*/
.l-footer__nav{
    font-style:normal;
    font-weight: bolder;
    color: #333;
    background: rgba(204,204,204,0.2);
    font-size: 1.3rem;
    letter-spacing: -0.05em;
    text-align: center;
    line-height: 3;   
}
.l-copyright{
    color: #333;
    padding: 10px 0;
    font-size: 1.4rem;
}

/*フッター　大画面*/
@media screen and (min-width: 768px) {
    .l-footer__nav{
    font-size: 1.5rem;
    letter-spacing: 0.01em;
}
    .l-copyright{
    font-size: 1.5rem;
}
}

/*-------------------------
カラム関連
--------------------------*/
/*基本*/
.row{
    margin-bottom:10px;
    background:rgba(204,204,204,0.1);
}
.row:after;{
    content:"";
    clear:both;
    display:block;
}

/*トップページ＞事業案内種別　基本＋小画面*/
.l-top-example .col{
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-align: center; 
    /*border-bottom: 1px solid #ddd;
    background-color: rgba(204,204,204,0.10);*/
}
.c-example-title{
    margin: 0;
    border-bottom: 1px solid #ddd;
    background-color: rgba(204,204,204,0.10);
    padding-top: 15px;
    padding-bottom: 10px;
    font-size: 1.8rem;
	letter-spacing: 0.1em; 
	line-height: 1.2;
    font-weight: bolder;
    font-family: "ヒラギノ角ゴ ProN W3","Hiragino Kaku Gothic ProN","メイリオ",Meiryo,sans-serif;
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.c-example-title a{
    text-decoration: none;
    color:#333333;
}
.c-example-title a:hover{
    text-decoration: underline;
}
.c-example-title__sub{
    margin: 10px 0;
    font-size: 1.6rem;
	line-height: 1.4;
    font-weight: normal;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 0px 10px;
	letter-spacing: -0.02em;
}
/*（　トップページ＞事業案内種別.example__title__sub　大画面　）*/
@media screen and (min-width: 768px) {
.c-example-title__sub{
    margin: 10px 0;
    font-size: 1.6rem;
	line-height: 1.6;
    font-weight: normal;
    overflow: hidden;
    position: relative;
    z-index: 1;
    padding: 0px 20px;
}
}
.title__iikawa,
.title__kensyukai,
.title__kyogikai,
.title__archives{
    margin-bottom: 0px;
    color: #fff;
    font-size: 3rem;
    text-align: center;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
}
.title__iikawa a,
.title__kensyukai a,
.title__kyogikai a,
.title__archives a{
    color: #fff;
    text-decoration: none;
}
.title__iikawa a:hover,
.title__kensyukai a:hover,
.title__kyogikai a:hover,
.title__archives a:hover{
    color: #fff;
    text-decoration: none;
}
.title__iikawa{
    background-color:rgba(255,102,0,0.8);
}
.title__kensyukai{
    background-color:rgba(0,204,0,0.8);
}
.title__kyogikai{
    background-color:rgba(204,0,102,0.8);
}
.title__archives{
    background-color: #3c98d6;
}

/*ABOUTページ＞テーマ分類　基本＋小画面*/
.l-top-example .colx{
    margin-bottom: 20px;
    padding-bottom: 20px;
    text-align: center; 
    /*border-bottom: 1px solid #ddd;
    background-color: rgba(204,204,204,0.10);*/
}
.c-example-title__about{
    margin: 10px 10px;
    padding: 2px;
    background-color: rgba(204,255,255,0.2);
    border-left: 0px solid #ccffff;
    border-bottom: 4px solid #ccffff;
    /*border-right: 7px solid #ccffff;*/
    border-radius: 2px;
    font-size: 2rem;
	letter-spacing: 0.1em; 
	line-height: 1.4;
    font-weight: bolder; 
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.title__about{
    margin-bottom: 10px;
    color: #006600;
    background-color: #fff;
    font-size: 2rem;
}
.c-example-title__about-sub{
    margin: 20px 10px;
    padding: 3px;
    font-size: 1.6rem;
    text-align: left; 
	line-height: 1.4;
    font-weight: normal;  
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.c-example-title__about-sub0{
    margin: 20px 10px;
    padding: 3px;
    font-size: 1.6rem;
    text-align: center; 
	line-height: 1.4;
    font-weight: normal;  
    overflow: hidden;
    position: relative;
    z-index: 1;
}


/*これまでの活動ページ、コラムページ＞種別バナー　基本＋小画面*/
.title__contributions1,
.title__contributions2,
.title__contributions3{
    margin: 30px 20px 0px 20px;
    padding-top: 5px;
    padding-bottom: 5px;
	line-height: 1.2;
    font-weight: bolder; 
    /*color: #fff;*/
    color: #333333;   
    font-size: 2rem;
    text-align: center;
    border-radius: 2px; 
}
.title__contributions1 a,
.title__contributions2 a,
.title__contributions3 a{
    /*color: #fff;*/
    color: #333333;   
    text-decoration: none;
}
.title__contributions1 a:hover,
.title__contributions2 a:hover,
.title__contributions3 a:hover{
    /*color: #fff;*/
    color: #333333;  
    text-decoration: none;
}
.title__contributions1{
    /*background-color:rgba(0,102,51,1.0);*/
    background-color:rgba(204,255,255,0.1);
    border-top:1px solid rgba(0,102,51,0.5);
    border-bottom:3px double rgba(0,102,51,0.5); 
    border-left:0px solid rgba(0,102,51,1.0); 
    border-right:0px solid rgba(0,102,51,1.0); 
    letter-spacing: 0.1em;
}
.title__contributions2{
    /*background-color:rgba(0,51,204,1.0);*/
    background-color:rgba(204,255,255,0.1);
    /*border:2px dotted rgba(0,51,204,1.0); */
    border-top:1px solid rgba(102,204,0,0.9);
    border-bottom:3px double rgba(102,204,0,0.9); 
    border-left:0px solid rgba(102,204,0,1.0); 
    border-right:0px solid rgba(102,204,0,1.0); 
    letter-spacing: 0.1em;
}
.title__contributions3{
    /*background-color:rgba(255,102,0,1.0);*/
    background-color:rgba(204,255,255,0.1);
    /*border:2px dotted rgba(255,102,0,1.0); */
    border-top:1px solid rgba(0,51,153,0.5);
    border-bottom:3px double rgba(0,51,153,0.5); 
    border-left:0px solid rgba(0,51,153,1.0); 
    border-right:0px solid rgba(0,51,153,1.0); 
    letter-spacing: 0.0em;
}

/*これまでの活動ページ＞分類1行版・2行版　基本＋小画面*/
.c-example-title__past{
    margin: 30px 5px 5px 5px;
    border: 1.5px solid #3c98d6;
    border-radius: 4px;
    padding: 2px;
    font-size: 1.6rem;
	letter-spacing: 0.1em; 
	line-height: 1.4;
    font-weight: bolder; 
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.c-example-title__past2{
    margin: 30px 5px 5px 5px;
    border: 1.5px solid #3c98d6;
    border-radius: 4px;
    padding: 2px;
    font-size: 1.6rem;
	letter-spacing: 0.1em; 
	line-height: 2.8;
    font-weight: bolder; 
    overflow: hidden;
    position: relative;
    z-index: 1;
}

/*研修会ページ＞概要特徴1行版・2行版　基本＋小画面*/
.c-example-title__kensyukai{
    margin: 30px 5px 5px 5px;
    border: 1.5px solid #00cc00;
    border-radius: 4px;
    padding: 2px;
    font-size: 1.8rem;
	letter-spacing: 0.1em; 
	line-height: 1.4;
    font-weight: bolder; 
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.c-example-title__kensyukai2{
    margin: 30px 5px 5px 5px;
    border: 1.5px solid #00cc00;
    border-radius: 4px;
    padding: 2px;
    font-size: 1.8rem;
	letter-spacing: 0.1em; 
	line-height: 2.8;
    font-weight: bolder; 
    overflow: hidden;
    position: relative;
    z-index: 1;
}

/*カラムボックス　大画面*/
@media screen and (min-width: 1024px){
.col{
    float:left;
    text-align:center;
    margin-right:2.5641%;
}
    .col:last-child{
        margin-right:0;
}
.colx{
    float:left;
    text-align:center;
    margin-right:2.5641%;
    height: 280px;
}
    .colx:last-child{
        margin-right:0;
}
}

/*-------------------------
最新のお知らせ 共通
--------------------------*/
.wp-block-latest-posts {
	padding-left: 0;
}
.wp-block-latest-posts li {
	/*display: flex;*/
	list-style: none;
	text-align: left;
	padding-top: 15px;
	padding-bottom: 10px;
    padding-left: 20px;
    padding-right: 15px;
    margin: 0px 10px 10px 10px;
	border-bottom: 2px dotted #e8e8e8;
}
.wp-block-latest-posts li a {
	display: inline-block;
    text-decoration: none;
    font-size: 2rem;
    font-weight: bolder;
    color:#000033;
    margin-bottom: 14px;
}
.wp-block-latest-posts li .c-list-news__content2 a {
	display: inline-block;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: bolder;
    color:#000033;
    margin-bottom: 14px;
}
.wp-block-latest-posts li .c-list-news__content2 a:hover {
	display: inline-block;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: bolder;
    color:#000033;
    margin-bottom: 14px;
    text-decoration: underline;
}
.wp-block-latest-posts li .c-list-news__content3 a {
	display: inline-block;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: bolder;
    color:#000033;
    margin-bottom: 0px;
}
.wp-block-latest-posts li .c-list-news__content3 a:hover {
	display: inline-block;
    text-decoration: none;
    font-size: 1.6rem;
    font-weight: bolder;
    color:#000033;
    margin-bottom: 0px;
    text-decoration: underline;
}
.wp-block-latest-posts li time {
	white-space: nowrap;
    font-size: 1.6rem;
    color:#003399;
    margin-left: 0px;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
	.wp-block-latest-posts li {
		display: block;
	}
    .wp-block-latest-posts li .c-list-news__content2 {
	/*display: inline-block;*/
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: bolder;
    color:#000033;
    margin-bottom: 14px;
}
    .wp-block-latest-posts li .c-list-news__content2 a{
    text-decoration: none;
    font-size: 1.5rem;
    font-weight: bolder;
    color:#000033;
}
    .wp-block-latest-posts li .c-list-news__content2 a:hover{
    text-decoration: underline;
    font-size: 1.5rem;
    font-weight: bolder;
    color:#000033;
}
    .wp-block-latest-posts li .c-list-news__content3 {
	/*display: inline-block;*/
    text-decoration: none;
    font-size: 1.5rem;
    /*font-weight: bolder;*/
    color:#000033;
}
    .wp-block-latest-posts li .c-list-news__content3 a{
    text-decoration: none;
    font-size: 100%;
    font-weight: bolder;
    color:#000033;
    margin-bottom: 0px;
}
    .wp-block-latest-posts li .c-list-news__content3 a:hover{
    text-decoration: underline;
    font-size: 100%;
    font-weight: bolder;
    color:#000033;
    margin-bottom: 0px;
}    
}

/*-------------------------
お知らせ一覧 共通
--------------------------*/
.post{
    margin: 20px auto;
    padding: 10px 10px;
    border-bottom:  2px solid #cccccc;
}
.title{
    font-size: 2rem;
    line-height: 1.2;
    margin: 10px 0px;
	color: #000033;
    padding: 5px;
	font-weight: bolder;
	letter-spacing: 0.05em;  
    /*font-family: "Noto Sans JP","Roboto","sans-serif";*/
}
.time{
    font-size: 1.4rem;
    line-height: 1.2;
    margin: 5px 10px 5px 0px;
    padding: 0px 0px;
	color: #003399;
	font-weight: normal;
	letter-spacing: 0.05em;  
    /*font-family: "Noto Sans JP","Roboto","sans-serif";*/
}
.category{
    margin: 4px 0px;
}
.category li{
    list-style: none;
    text-decoration: none;
    border: 1px solid #003399;
    border-radius: 3px;
    width: 24rem;
    margin: 15px 10px;
	line-height: 20px;
    font-size: 1.6rem;
    text-align: center;
    display: block;
    font-weight: bolder;
    color: #003399;
    letter-spacing: 0.1rem;
    padding: 5px;
}
.category li a{
    text-decoration: none;
}
.category li a:hover{
    text-decoration: none;
}

.c-list-news{
	border: 2px solid #003399;
	margin: 20px 10px;
    padding: 10px 10px;
	background-color: rgba(204,255,255,0.20);    
}
.c-list-news__item{
    margin: 20px 10px;
}
.c-list-news__date{
	float: left;
	font-size: 1.6rem;
	font-weight: normal; 
	line-height: 12px;
}
.c-list-news__category1,
.c-list-news__category2,
.c-list-news__category3{
    border-radius: 5px;
    color: #fff;
    width:20em;
    display: block;
    font-size: 1.6rem;
    padding: 0.2em;
    margin: 15px 5px auto;
    text-align: left;
	line-height: 18px;
    font-weight: bolder;
    box-shadow: 3px 3px #cccccc;
}
.c-list-news__category1{
    background: rgba(255,102,0,0.7);
}
.c-list-news__category2{
    background: rgba(0,204,0,0.7);
}
.c-list-news__category3{
    background: rgba(204,0,102,0.5);
}
.c-list-news__category1 a,
.c-list-news__category2 a,
.c-list-news__category3 a{
    color:#fff;
    text-decoration: none;
}
.c-list-news__category1 a:hover,
.c-list-news__category2 a:hover,
.c-list-news__category3 a:hover{
    text-decoration: none;
}
.c-list-news__content__head{
	font-size: 2rem;
    /*font-size: 1.4rem;*/
	font-weight: bolder;
    margin: 10px 0px 10px 0px;
    text-align: left;
    letter-spacing: 0.02rem;
	line-height: 28px;
}
.c-list-news__content{
	font-size: 1.6rem;
	font-weight: normal;
    margin: 10px 2px 5px 5px;
    text-align: left;
	line-height: 25px;
}
.c-list-news__content2{
	font-size: 1.5rem;
	font-weight: bolder;
    margin: 20px 2px 5px 5px;
    text-align: left;
	line-height: 22px;
}
.c-list-news__content2 a{
	font-size: 1.5rem;
    color:#333333;
    text-decoration: none;
}
.c-list-news__content2 a:hover{
	font-size: 1.5rem;
    color:#333333;
    text-decoration: underline;
}
.c-list-news__content3{
	font-size: 1.6rem;
	font-weight: normal;
    margin: 10px 2px 5px 5px;
    text-align: left;
	/*line-height: 25px;*/
}
.c-list-news__content3 a{
	font-size: 100%;
    color:#333333;
    text-decoration: none;
}
.c-list-news__content3 a:hover{
	font-size: 100%;
    color:#333333;
    text-decoration: underline;
}

/*お知らせ　大画面*/
@media screen and (min-width: 768px) {
    .c-list-news{
        text-align: left;
        margin: 0 90px;
    }
    .c-list-news__item{
        margin-bottom: 1em;
    }
    .c-list-news__date{
        display: inline;
    }
    .c-list-news__category{
        display: inline-block;
        margin: 0 1em 0 3em;
    }
}

/*-------------------------
トップページ
ABOUTページ
--------------------------*/

/*トップ＞活動方針　基本＋小画面*/
.p-policy-list{
    list-style: none;
    font-size: 1.7rem;
	line-height: 1.6;
    font-weight: normal;
    border-left: 2px solid #003399;
    border-right: 2px solid #003399;
    margin: 10px auto 20px;
    letter-spacing: -0.05em;
    background-color: rgba(204,255,255,0.30);
    padding: 10px 2px;
}
.p-policy-list__item{
    margin: 10px auto;
    padding: 15px 0px;
}

/*トップ＞水環目的、ABOUT＞目的＆入会案内　基本＋小画面*/
.p-mizukan-purpose{
    border-left: 2px solid #003399;
    border-right: 2px solid #003399;
	margin: 20px auto 20px;
    background-color: rgba(204,255,255,0.30);
}
.p-mizukan-purpose a{
    text-decoration: none;
    color: #333333;
}
.p-mizukan-purpose a:hover{
    text-decoration: none;
    color: #999999;
}
.p-mizukan-purpose__item1{
    font-size: 2rem;
	line-height: 1.5;
    font-weight: bolder;
    letter-spacing: -0.05em;
    padding: 5px 10px;
}
.p-mizukan-purpose__item2{
    font-size: 1.7rem;
	line-height: 1.5;
    font-weight: normal;
    letter-spacing: -0.08em;
    padding: 10px 2px;
}

/*トップ＞事務局message、ABOUTページ枠　基本＋小画面*/
.p-message{
    border-left: 3px solid #ccffff;
    border-right: 3px solid #ccffff;
	margin: 0 5px 30px 5px;
    background-color: rgba(204,255,255,0.15);
}
.p-message__title{
    font-weight: bolder;
    font-size: 1.7rem;
    padding: 10px;
    letter-spacing: 0.01em;
    line-height: 1.6;
    padding: 10px;
}
.p-message__content{
    font-weight: normal;
    font-size: 1.6rem;
    padding: 10px 2px;
    letter-spacing: 0.01em;
    line-height: 1.5;
    padding:10px;
}
.p-message__content a{
    text-decoration: none;
    color: #333333;
}
.p-message__content a:hover{
    text-decoration: underline;
    color: #333333;
}

/*ABOUTページ＞項目タイトル及び内容　基本＋小画面*/
.p-about__title{
    font-weight: bolder;
    font-size: 1.6rem;
    line-height: 1.6;
    margin:10px 0px 5px 0px;
}
.p-about__title2{
    font-weight: bolder;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: center;
    margin:10px 0px 5px 0px;
}
/*ABOUT　タイトル大*/
@media screen and (min-width: 768px) {
.p-about__title2{
    font-weight: bolder;
    font-size: 2rem;
    line-height: 1.6;
    text-align: center;
    margin:10px 0px 5px 0px;
}
}
.p-about__title3{
    font-weight: bolder;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: center;
    margin:5px 0px 0px 0px;
}
.p-about__title4{
    font-weight:normal;
    font-size: 1.4rem;
    line-height: 1.6;
    color: #666666;
}
.p-about__title5{
    font-size: 1.8rem;
    line-height: 1.6;
}

.p-about__content{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: left;
    margin: 0 10px;
    padding: 20px 20px;
}
.p-about__content-img{
    text-align: center;
    margin: 0 auto;
}
.introduction-img{
    text-align: center;
    margin: 20 auto;
}

/*トップ、ABOUT　【大画面用】*/
@media screen and (min-width: 768px) {
    l.container{
        max-width: 1000px;
        margin: 0 auto;
        padding: 40px 20px;
    }
    /*トップ＞活動方針　大画面*/
    .p-policy-list{
    border-left: 2px solid #003399;
    border-right: 2px solid #003399;
	margin: 10px 90px 60px 90px;
    background-color: rgba(204,255,255,0.30);
    font-size: 1.8rem;
	line-height: 1.6;
    padding: 10px 10px;
    } 
    /*トップ＞水環目的、ABOUT＞目的＆入会案内　大画面*/
    .p-mizukan-purpose{
    border-left: 2px solid #003399;
    border-right: 2px solid #003399;
	margin: 10px 90px 60px 90px;
    background-color: rgba(204,255,255,0.30);
    }
    .p-mizukan-purpose__item1{
    font-size: 2.2rem;
	line-height: 1.5;
    font-weight: bolder;
    padding: 5px 10px;
    }
    .p-mizukan-purpose__item2{
    font-size: 1.8rem;
	line-height: 1.6;
    font-weight: normal;
    padding: 10px 10px;
    }
    /*トップ＞事務局message、ABOUT枠　大画面*/
    .p-message{
    border-left: 5px solid #ccffff;
    border-right: 5px solid #ccffff;
	margin: 10px 90px 60px 90px;
    background-color: rgba(204,255,255,0.15);
    }
    .p-message__title{
    font-weight: bolder;
    font-size: 1.8rem;
    padding: 10px 20px 0px;
    letter-spacing: 0.02em;
    line-height: 1.6;
    }
    .p-message__content{
    font-weight: normal;
    font-size: 1.6rem;
    padding:10px 20px;
    letter-spacing: 0.02em;
    line-height: 1.5;
    }   
    /*about＞内容画像　大画面*/
    .p-about__content-img　img{
    text-align: center;
    margin: 0 auto;
}
}

/*-------------------------
いい川ページ
--------------------------*/

/*-------------------------
バナー
（トップ、ABOUT、入会案内、お知らせ、協議会、これまでの活動、いい川各年連絡）
--------------------------*/

/*ABOUT、協議会ページ*/
/*ABOUT、協議会ページ「事務局問合せ」バナー　大小同じ*/
.bn-mizukan-contact{
    text-align: center;
    background: #ffffff;
    color: #003399;
    border: 3px double #003399;
    border-radius: 10px;
    letter-spacing: 0.1rem;
    width:14em;
    display: block;
    font-size: 1.8rem;
    padding: 0.2em;
    margin: 15px auto 10px;
    text-align: center;
	line-height: 22px;
    font-weight: bolder;
}
.bn-mizukan-contact a{
    text-decoration: none;
    color: #003399;
}
.bn-mizukan-contact a:hover{
    text-decoration: none;
    color: #003399;
}
/*404ページ*/
.bn-error-response{
    text-align: center;
    background: rgba(204,204,204,0.1);
    color: #333333;
    border-bottom: 1px solid #cccccc;
    letter-spacing: 0.05rem;
    display: block;
    font-size: 17px;
    padding: 10px;
    margin: 20px 20px 15px;
	line-height: 18px;
    font-weight: bolder;
}
.bn-error-response_first{
    text-align: center;
    background: rgba(204,204,204,0.1);
    color: #333333;
    border-bottom: 1px solid #cccccc;
    letter-spacing: 0.05rem;
    display: block;
    font-size: 17px;
    padding: 10px;
    margin: 80px 20px 15px;
	line-height: 18px;
    font-weight: bolder;
}
.bn-error-response_last{
    text-align: center;
    background: rgba(204,204,204,0.1);
    color: #333333;
    border-bottom: 1px solid #cccccc;
    letter-spacing: 0.1rem;
    display: block;
    font-size: 17px;
    padding: 10px;
    margin: 20px 20px 80px;
	line-height: 18px;
    font-weight: bolder;
}
.bn-error-response a,
.bn-error-response_first a,
.bn-error-response_last a{
    text-decoration: none;
    color: #333333;
}
.bn-error-response a:hover,
.bn-error-response_first a:hover,
.bn-error-response_last a:hover{
    text-decoration: none;
    color: #cccccc;
}
/*トップページ「もっと詳しく見る」、ABOUT「活動・事業」バナー　大小同じ*/
.bn-mizukan-detail{
    text-align: center;
    background: #ffffff;
    border: 1px solid #003399;
    border-radius: 8px;
    color: #003399;
    letter-spacing: 0.2rem;
    width:16em;
    display: block;
    font-size: 1.6rem;
    padding: 0.2em;
    margin: 10px auto 20px;
    text-align: center;
	line-height: 30px;
    font-weight: bolder;
    box-shadow: 1px 1px #003399;
}
.bn-mizukan-detail2{
    text-align: center;
    background: #ffffff;
    border: 2px solid #003399;
    border-radius: 8px;
    color: #003399;
    letter-spacing: 0.1rem;
    width:16em;
    display: block;
    font-size: 1.8rem;
    padding: 5px;
    margin: 10px auto 10px;
    text-align: center;
	line-height: 1.8em;
    font-weight: bolder;
    box-shadow: 1px 1px #003399;
}
@media screen and (max-width: 767px) {
.bn-mizukan-detail3{
    text-align: center;
    background: #ffffff;
    border: 1px solid #003399;
    border-radius: 8px;
    color: #003399;
    letter-spacing: 0.1rem;
    width:16em;
    display: block;
    font-size: 1.6rem;
    padding: 5px;
    margin: 0px auto 0px;
    text-align: center;
	line-height: 2.2rem;
    font-weight: bolder;
    box-shadow: 1px 1px #003399;
}
}
.bn-mizukan-detail a,
.bn-mizukan-detail2 a,
.bn-mizukan-detail3 a{
    text-decoration: none;
    color:#003399;
}
.bn-mizukan-detail a:hover,
.bn-mizukan-detail2 a:hover,
.bn-mizukan-detail3 a:hover{
    text-decoration: none;
    color:#003399;
}
@media screen and (min-width: 768px) {
.bn-mizukan-detail3{
    text-align: center;
    background: #ffffff;
    border: 1px solid #003399;
    border-radius: 8px;
    color: #003399;
    letter-spacing: 0.1rem;
    display: block;
    font-size: 1.6rem;
    padding: 5px;
    margin: 0px 60px 0px;
    text-align: center;
	line-height: 2rem;
    font-weight: bolder;
    box-shadow: 1px 1px #003399;
}
}


/*トップページ「これまでのお知らせ」バナー　大小同じ*/
.bn-news-past{
    text-align: center;
    background: #ffffff;
    border: 1px solid #003399;
    border-radius: 8px;
    color: #003399;
    letter-spacing: 0.2rem;
    box-shadow: 1px 1px #003399;
    width:16em;
    display: block;
    font-size: 1.6rem;
    padding: 0.2em;
    margin: 15px auto;
    text-align: center;
	line-height: 28px;
    font-weight: bolder;
}
.bn-news-past a{
    text-decoration: none;
    color:#003399;
}
.bn-news-past a:hover{
    text-decoration: none;
    color:#003399;
}

/*お知らせページ「NEW」表示　大小同じ*/
.btn-new{
    background: #ff0000;
    color: #ffffff;
    letter-spacing: 0.2rem;
    width:7em;
    display: block;
    font-size: 1.8rem;
    padding: 0.2em;
    margin-top: 2px;
    margin-bottom: 0px;
    margin-left: 10px;
    text-align: center;
	line-height: 20px;
    font-weight: bold;
    border-radius: 4px;
}
/*.btn-new a{
    text-decoration: none;
    color:#003399;
}
.btn-new a:hover{
    text-decoration: underline;
    color:#003399;
}*/
.btn-new2{
    background: #ff0000;
    color: #ffffff;
    letter-spacing: 0.2rem;
    width:8em;
    display: block;
    font-size: 1.8rem;
    padding: 0.2em;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 15px;
    text-align: center;
	line-height: 20px;
    font-weight: bold;
    border-radius: 4px;
}
.btn-canceled{
    color: #ff0000;
    background: #ffffff;
    letter-spacing: 0.2rem;
    width:7em;
    display: block;
    font-size: 1.8rem;
    padding: 0.2em;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 15px;
    text-align: center;
	line-height: 20px;
    font-weight: bold;
    border-radius: 4px;
    border:4px double #ff0000;
}
.btn-cf{
    background: #33ccff;
    color: #ffffff;
    letter-spacing: 0.2rem;
    width:7em;
    display: block;
    font-size: 1.8rem;
    padding: 0.2em;
    margin-top: 2px;
    margin-bottom: 0px;
    margin-left: 10px;
    text-align: center;
	line-height: 20px;
    font-weight: bold;
    border-radius: 4px;
}
.btn-end{
    background: #006633;
    color: #ffffff;
    letter-spacing: 0.2rem;
    width:7em;
    display: block;
    font-size: 1.8rem;
    padding: 0.2em;
    margin-top: 2px;
    margin-bottom: 0px;
    margin-left: 5px;
    text-align: center;
	line-height: 20px;
    font-weight: bold;
    border-radius: 4px;
}
.btn-end2{
    background: #006633;
    color: #ffffff;
    letter-spacing: 0.2rem;
    width:8em;
    display: block;
    font-size: 1.8rem;
    padding: 0.2em;
    margin-top: 15px;
    margin-bottom: 0px;
    margin-left: 15px;
    text-align: center;
	line-height: 20px;
    font-weight: bold;
    border-radius: 4px;
}

/*お知らせページ「お知らせ一覧に戻る」ボタン　大小同じ*/
.bn-back{
    border: 1px solid #003399;
    box-shadow: 2px 2px #003399;
    border-radius: 3px;
    letter-spacing: 0.05rem;
    width:14em;
    display: block;
    font-size: 1.6rem;
    padding: 0.2em;
    margin:20px auto;
    text-align: center;
	line-height: 28px;
    font-weight: bolder;
}
.bn-back a{
    /*border: 1px solid #003399;
    box-shadow: 2px 2px #003399;
    border-radius: 3px;
    letter-spacing: 0.05rem;
    width:14em;
    display: block;
    font-size: 1.6rem;
    padding: 0.2em;
    margin:20px auto;
    text-align: center;
	line-height: 28px;
    font-weight: bolder;*/
    text-decoration: none;
    color:#003399;
}
.bn-back a:hover{
    text-decoration: none;
    color:#003399;
}

/*入会案内ページ「入会申込み様式」DLバナー　大小同じ*/
.bn-mizukan-entry{
    text-align: center;
    background: #ffffff;
    border: 3px solid #003399;
    border-radius: 6px;
    color: #003399;
    letter-spacing: 0.1rem;
    width:14em;
    display: block;
    font-size: 1.6rem;
    padding: 0.2em;
    margin: 20px auto;
    text-align: center;
	line-height: 20px;
    font-weight: bolder;
    /*box-shadow: 2px 2px #003399;*/
}
.bn-mizukan-entry a{
    text-decoration: none;
    color:#003399;
}
.bn-mizukan-entry a:hover{
    text-decoration: none;
    color:#003399;
}

/*協議会ページ「規約」DLバナー　大小同じ*/
.bn-kyogikai-rule{
    text-align: center;
    background: #ffffff;
    border: 3px double #003399;
    border-radius: 10px;
    color: #003399;
    letter-spacing: 0.1rem;
    width:16em;
    display: block;
    font-size: 1.8rem;
    padding: 0.2em;
    margin: 10px auto;
    text-align: center;
	line-height: 22px;
    font-weight: bolder;
}
.bn-kyogikai-rule a{
    text-decoration: none;
    color:#003399;
}
.bn-kyogikai-rule a:hover{
    text-decoration: none;
    color:#003399;
}

/*これまでの活動ページ「詳しく見る」バナー　大小同じ*/
.bn-more-detail{
    text-align: center;
    background: #ffffff;
    border: 1px solid #003399;
    border-radius: 8px;
    color: #003399;
    letter-spacing: 0.1rem;
    width:10em;
    display: block;
    font-size: 1.6rem;
    padding: 0.2em;
    margin: 10px auto;
    text-align: center;
	line-height: 30px;
    font-weight: bolder;
    box-shadow: 2px 2px #003399;
}
.bn-more-detail a{
    text-decoration: none;
    color:#003399;
}
.bn-more-detail a:hover{
    text-decoration: none;
    color:#003399;
}

/*いい川各年連絡ページ＞「NEW」　大小同じ*/
.btn-kawanohi-new{
    background: #ff0000;
    color: #ffffff;
    letter-spacing: 0.2rem;
    width:10em;
    display: block;
    font-size: 1.8rem;
    padding: 0.2em;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 24px;
    text-align: center;
	line-height: 20px;
    font-weight: bold;
    border-radius: 15px;
}
/*いい川各年連絡ページ＞「注意」　大小同じ*/
.btn-kawanohi-attention{
    background: #ffcc00;
    color: #333333;
    letter-spacing: 0.2rem;
    width:14em;
    display: block;
    font-size: 1.8rem;
    padding: 0.2em;
    margin-top: 5px;
    margin-bottom: 5px;
    margin-left: 24px;
    text-align: center;
	line-height: 20px;
    font-weight: bold;
    border-radius: 15px;
}

/*-------------------------
お問合せフォーム
--------------------------*/
/*画面区分なし*/
.form-style1{
    margin:20px auto;
    line-height: 1.4;
    text-align: center;
    padding: 20px;
}
.form-style2{
    margin:10px auto;
    text-align: center;
    padding: 20px;
    text-align: left;
}
.form--name{
    background-color: rgba(204,255,255,0.20);
    font-size: 1.4rem;
    line-height: 2.2;
    width: 30rem;
    padding: 4px;
}
.form--address{
    background-color: rgba(204,255,255,0.20);
    font-size: 1.4rem;
    line-height: 2.2;
    width: 30rem;
    padding: 4px;
}
.form--message{
    background-color: rgba(204,255,255,0.20);
    font-size: 1.4rem;
    line-height: 2;
    width: 30rem;
    padding: 4px;
}
.form__exp{
    font-size:1.8rem;
    letter-spacing: -0.05em;
    font-weight: bolder;
    line-height: 2.6rem;
}
.form__exp2{
    font-size:1.6rem;
    line-height: 2.4rem;  
    letter-spacing: -0.1em;
    font-weight: bolder;
    margin-top: 15px;
}
.form__attention{
    font-size:1.5rem;
    line-height: 2.2rem;
    display: inline-block;
    color:#003399;
    text-decoration: none;
    letter-spacing: -0.05em; 
    margin-top: 20px;
    padding: 0px 10px;
}
.form__attention a{
    color:#003399;
    text-decoration: underline;
}
.form__attention a:hover{
    color:#003399;
    text-decoration: underline;
}
@media screen and (min-width: 768px) {
    .form__exp{
    font-size:1.8rem;
    letter-spacing: 0.02em;
    font-weight: bolder;
    line-height: 3rem;
}
    .form__exp2{
    font-size:1.6rem;
    line-height: 3rem;
    letter-spacing: -0.05em; 
    font-weight: bolder;
    margin-top: 15px;
} 
    .form__attention{
    font-size:1.5rem;
    line-height: 2.8rem;
    display: inline-block;
    color:#003399;
    text-decoration: none;
    letter-spacing: -0.05em; 
    margin-top: 20px;
    padding: 0px 10px;
}
}
.form__content{
    font-size:1.6rem;
    letter-spacing: 0.1;
    font-weight: normal;
    margin-top: 20px;
}
.form__label{
    font-size: 0.9em;
    letter-spacing: 0.05;
    font-weight: normal;
    margin-top:10px;
    margin-left: 20px;
}
.form__result{
    font-size:2.4rem;
    letter-spacing: 0.1;
    font-weight: bolder;
    margin: 30px auto;
}
/*.form__exi{
    font-size:1.8rem;
    letter-spacing: 0.1;
    font-weight: bolder;
}*/
.is-required{
    color:#ff0000;
    font-weight: bolder;
    font-size: 1.2rem;
    display: inline-block;
    margin-left: 10px;
}
.c-button2{
    margin: 40px 10px 10px 10px;
    width: 16rem;
    border-radius: 3px;
    font-size: 1.8rem;
    line-height: 2;
    background: #003399;
    color:#ffffff;
    font-weight: bolder;
    display: inline-block;
    margin-left: 10px;
    margin-bottom: 40px;
    padding:2px;
}
.c-button2 a{
    text-decoration: none;
}
.c-button2 a:hover{
    text-decoration: none;
}
.form__exi{
    border: 1px solid #003399;
    box-shadow: 2px 2px #003399;
    border-radius: 3px;
    color: #003399;
    letter-spacing: 0.05rem;
    width:22rem;
    display: block;
    font-size: 1.6rem;
    padding: 0.2em;
    margin:40px auto;
    text-align: center;
	line-height: 28px;
    font-weight: bolder;
}
.form__exi a{
    text-decoration: none;
    color:#003399;
}
.form__exi a:hover{
    text-decoration: none;
    color:#003399;
}

/*お問い合わせページ： 大＆中＆小画面　大きさ設定*/

@media screen and (min-width: 320px) and (max-width: 767px){
.form--message{
    width: 30rem;
}
}
@media screen and (min-width: 768px) and (max-width: 1178px){
.form--message{
    width: 50rem;
}
}
@media screen and (min-width: 1179px) {
.form--message{
    width: 80rem;
}
}

/*-------------------------
テキスト設定
--------------------------*/
.twitter-quote{
  text-align: center;
  margin: 20px;
    padding: 5px 0;
    border-top: 2px dotted #999999;
    border-bottom: 2px dotted #999999;
}

.facebook-page-plugin{
  text-align: center;
  margin: 20px;
    padding: 10px 0;
    border-top: 2px dotted #999999;
    border-bottom: 2px dotted #999999;
}

.btn-youtube{
    display: block;
    background-color: #ff0000;
    color: #ffffff;
    font-size: 20px;
    line-height: 24px;
    letter-spacing: 0.02;
    text-align: center;
    padding: 20px 30px;
    margin: 30px 28px;
    font-weight: 700;
    transition: all 0.3s ease;
    box-shadow: 5px 5px 10px 0px rgba(0,0,0,.5);
    border-radius: 8px;
}
.btn-youtube a{
    color:#ffffff;
    text-decoration:none;
}
.btn-youtube:hover{
    border: 1px solid #ff0000;
    box-shadow: none;
}



/*プライバシーポリシー＞タイトル　大小*/
.c-pp--title{
    font-weight: bolder;
    font-size: 2rem;
    margin-top: 30px;
    margin-left: 12px;
    margin-right: 10px;
    letter-spacing: 0.2;
}
/*いい川、研修会、協議会＞開催実績タイトル　大小*/
.c-pp--title2{
    font-weight: bolder;
    font-size: 1.8rem;
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 2px 10px;
    letter-spacing: 0.1;
    border-top:2px solid #cccccc;
    border-bottom:2px solid #cccccc;
}
/*いい川＞記録集、出版物案内タイトル　大小*/
/*いい川各回＞大会日目　大小*/
.c-pp--title3{
    font-weight: bolder;
    font-size: 1.8rem;
    margin-top: 20px;
    margin-left: 5px;
    margin-right: 5px;
    padding: 2px 10px;
    letter-spacing: 0.1;
    border:2px solid #cccccc;
}
/*いい川エントリー＞団体紹介　大小*/
.c-pp--title4{
    font-weight: bolder;
    font-size: 2.2rem;
    line-height: 1.8;
    margin: 20px auto 10px;
    padding: 5px 5px;
    text-align: center;
    color: #000033;
    letter-spacing: 0.05em;
    border-top:1px solid rgba(255,102,0,0.8);
    border-bottom:1px solid rgba(255,102,0,0.8);
    /*background-color: rgba(255,102,0,0.1);*/
}

/*プライバシーポリシー＞通常行　大小*/
.c-pp--content{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    margin: 15px;
}
/*研修会＞開催実績　通常行　大小*/
.c-pp--content_2{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    margin: 5px 15px 10px;
}
/*協議会＞カラム規約＆事務局　大小*/
.c-pp--content2{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: center;
    margin: 15px auto;
    border-top: 3px double #cccccc;
    border-bottom: 3px double #cccccc;
    width: 21em;
}
/*協議会＞カラム地域協議会　大小*/
.c-pp--content3{
    font-weight: bolder;
    font-size: 1.8rem;
    line-height: 1.6;
    text-align: center;
    padding: 3px;
    margin: 10px 25px;
    border-radius: 10px;
    border: 4px double #999999;  
    background-color: rgba(204,204,204,0.1);
    letter-spacing: 0.05em;
}
.c-pp--content3_1{
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 1.6;
    text-align: center;
    padding: 3px;
    margin: 10px 25px;
    border-radius: 10px;
    border: 4px double #999999;  
    background-color: rgba(204,204,204,0.1);
    letter-spacing: 0.01em;
}
.c-pp--content3 a{
    text-decoration: none; 
    color:#003399;
}
.c-pp--content3 a:hover{
    text-decoration: none;
    font-weight: bold;
    color:#003399;
}
.c-pp--content li{
    margin-left: 20px; 
}
.c-pp--content a{
    text-decoration: none; 
    color:#333333;
}
.c-pp--content a:hover{
    text-decoration: none; 
    color:#999999;
}
/*研修会、協議会＞quote部分行（小）　小*/
/*協議会＞地域協議会ジャンプ（小）　小*/
@media screen and (min-width: 320px) and (max-width: 767px){
.c-pp--content4{
    font-weight: normal;
    font-size: 1.2rem;
    line-height: 1.2;
    margin: 12px;
}
}
/*研修会、協議会＞quote部分行（中大）　小*/
/*協議会＞地域協議会ジャンプ（中大）　小*/
@media screen and (min-width: 768px) {
.c-pp--content4{
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 1.2;
    margin: 12px;
}
}

/*プライバシーポリシー＞項目別　大小*/
.c-pp--letter{
    color:#333333;
    font-weight: bold;
    font-size: 1.8rem;
    margin-top: 30px;
    margin-left: 10px;
    border-left: 7px solid #ccc;
    line-height: 2;
    padding-left: 10px;
    letter-spacing: 0.1;
}
/*いい川、研修会、協議会＞項目タイトル　大小*/
.c-pp--letter2{
    color:#003399;
    font-weight: bold;
    font-size: 1.8rem;
    margin-top: 30px;
    margin-left: 8px;
    border-left: 8px solid #003399;
    line-height: 2.2;
    padding-left: 8px;
    letter-spacing: 0.1;
}
/*いい川、各回いい川、研修会、協議会＞最新開催情報タイトル　大小*/
.c-pp--letter3{
    font-weight: bold;
    font-size: 2rem;
    margin-top: 30px;
    margin-left: 10px;
    margin-right: 10px;
    /*width: 15em;*/
    line-height: 2.4;
    padding: 0px 20px;
    letter-spacing: 0.02em;
    text-align: left;
    color: #ffffff;
    background-color: #003399;
    border-radius: 4px;
}
/*いい川各回＞タイトル二重線　大小*/
.c-pp--letter4{
    font-weight: bolder;
    font-size: 2rem;
    margin-top: 30px;
    margin-left: 15px; 
    margin-right: 15px;
    /*width: 15em;*/
    line-height: 1.4;
    padding: 5px 30px;
    letter-spacing: 0.15em;
    text-align: center;
    color: #003399;
    background-color: #ffffff;
    border-top: 3px solid #003399;
    border-bottom: 3px solid #003399;
    border-radius: 4px;
}
.c-pp--letter4_2{
    font-size: 1.6rem;
    color:#ff0000; 
    line-height: 1.6;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.c-pp--letter4_3{
    font-size: 1.6rem;
    line-height: 1.6;
    font-weight: bold;
    letter-spacing: 0.05em;
}
.c-pp--letter4_5{
    font-weight: bolder;
    font-size: 2rem;
    margin-top: 30px;
    margin-left: 28px; 
    margin-right: 28px;
    line-height: 1.4;
    padding: 5px 20px;
    letter-spacing: 0.12em;
    text-align: center;
    color: #003399;
    background-color: rgba(204,255,255,0.1);
    border-top: 2px solid #003399;
    border-bottom: 2px solid #003399;
    border-radius: 4px;
}
.c-pp--letter4_5-2{
    font-weight: bolder;
    font-size: 2rem;
    margin-top: 30px;
    margin-left: 28px; 
    margin-right: 28px;
    line-height: 1.4;
    padding: 5px 20px;
    letter-spacing: 0.08em;
    text-align: center;
    color: #ff0000;
    background-color: rgba(255,102,0,0.05);
    border-top: 5px double #ff0000;
    border-bottom: 5px double #ff0000;
    border-radius: 0px;
}
.c-pp--letter4_5-3{
    font-weight: bolder;
    font-size: 2rem;
    margin-top: 30px;
    margin-left: 28px; 
    margin-right: 28px;
    line-height: 1.3;
    padding: 5px 20px;
    letter-spacing: 0.08em;
    text-align: center;
    color: #003399;
    background-color: rgba(204,255,255,0.1);
    border-top: 3px dotted #003399;
    border-bottom: 3px dotted #003399;
    border-radius: 0px;
}
.c-pp--letter4_5-3-2{
    font-size: 1.6rem;
    margin: 10px 0;
    line-height: 1.3;
    letter-spacing: 0.03em;
}
.c-pp--letter4_5-4{
    font-weight: bold;
    font-size: 1.8rem;
    margin-top: 0px;
    margin-left: 0px; 
    margin-right: 0px;
    line-height: 1.4;
    padding: 5px 0px;
    letter-spacing: 0.08em;
    text-align: center;
    color: #ff0000;
}
.c-pp--letter4_5-4 a,
.c-pp--letter4_6-4 a{
    text-decoration: none;
    color: #ff0000;
}
.c-pp--letter4_5-4 a:hover,
.c-pp--letter4_6-4 a:hover{
    text-decoration: underline;
    color: #ff0000;
}
.c-pp--letter4_5-3-2 a,
.c-pp--letter4_6-3-2 a{
    text-decoration: none;
    color: #003399;
}
.c-pp--letter4_5-3-2 a:hover,
.c-pp--letter4_6-3-2 a:hover{
    text-decoration: underline;
    color: #003399;
}
.c-pp--letter4_6{
    font-weight: bolder;
    font-size: 1.8rem;
    margin: 30px auto 5px;
    line-height: 1.2;
    padding: 5px 2px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #003399;
    background-color: rgba(204,255,255,0.1);
    border-top: 2px solid #003399;
    border-bottom: 2px solid #003399;
    border-radius: 4px;
}
.c-pp--letter4_6-2{
    font-weight: bolder;
    font-size: 1.8rem;
    margin: 30px auto 5px;
    line-height: 1.2;
    padding: 5px 2px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #ff0000;
    background-color: rgba(255,102,0,0.05);
    border-top: 4px double #ff0000;
    border-bottom: 4px double #ff0000;
    border-radius: 0px;
}
.c-pp--letter4_6-20{
    width: 90%;
    font-weight: bolder;
    font-size: 1.8rem;
    margin: 30px auto 5px;
    line-height: 1.2;
    padding: 5px 2px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #ff0000;
    background-color: rgba(255,102,0,0.05);
    border-top: 4px double #ff0000;
    border-bottom: 4px double #ff0000;
    border-radius: 0px;
}
.c-pp--letter4_6-3{
    font-weight: bolder;
    font-size: 1.8rem;
    margin: 30px auto 5px;
    line-height: 1.3;
    padding: 10px 2px 5px;
    letter-spacing: 0.04em;
    text-align: center;
    color: #003399;
    background-color: rgba(204,255,255,0.1);
    border-top: 3px dotted #003399;
    border-bottom: 3px dotted #003399;
    border-radius: 0px;
}
.c-pp--letter4_6-30{
    width: 90%;
    font-weight: bolder;
    font-size: 1.8rem;
    margin: 30px auto 5px;
    line-height: 1.3;
    padding: 10px 2px 5px;
    letter-spacing: 0.04em;
    text-align: center;
    color: #003399;
    background-color: rgba(204,255,255,0.1);
    border-top: 3px dotted #003399;
    border-bottom: 3px dotted #003399;
    border-radius: 0px;
}
.c-pp--letter4_6-3-2{
    font-size: 1.5rem;
    line-height: 1.2;
    letter-spacing: 0.02em;
    margin: 10px 0;
}
.c-pp--letter4_6-4{
    font-weight: bold;
    font-size: 1.5rem;
    margin: 0px auto 0px;
    line-height: 1.1;
    padding: 5px 0px;
    letter-spacing: 0.01em;
    text-align: center;
    color: #ff0000;
}
/*いい川各回＞連絡項目　大小*/
.c-pp--letter5{
    font-weight: bold;
    font-size: 2rem;
    margin-top: 30px;
    margin-left: 10px;
    line-height: 2.2;
    padding: 0px 10px;
    letter-spacing: 0.2;
    text-align: left;
    color: #003399;
    border-left: 5px solid #003399;
}
/*いい川各回＞参加者連絡タイトル　大小*/
.c-pp--letter6{
    font-weight: bold;
    font-size: 2rem;
    margin-top: 30px;
    margin-left: 10px;
    width: 15em;
    line-height: 2.2;
    padding: 0px 10px;
    letter-spacing: 0.2;
    text-align: center;
    color: #ffffff;
    background: #ff6600;
    border: 3px double #ffffff;
    border-radius: 4px;
}
/*いい川各回＞発表者連絡タイトル　大小*/
.c-pp--letter7{
    font-weight: bold;
    font-size: 2rem;
    margin-top: 30px;
    margin-left: 10px;
    width: 15em;
    line-height: 2.2;
    padding: 0px 10px;
    letter-spacing: 0.2;
    text-align: center;
    color: #ffffff;
    background: #006600;
    border: 3px double #ffffff;
    border-radius: 4px;
}
/*いい川各回＞中タイトル　大小*/
.c-pp--letter8{
    font-weight: bolder;
    font-size: 1.8rem;
    margin: 20px 10px;
    line-height: 1.6;
    padding: 5px 10px;
    letter-spacing: 0.3;
    text-align: center;
    color: #003399;
    border: 2px solid #cccccc;
    border-radius: 4px;
}
/*いい川各回＞プログラムDL前日バナー　小*/
.bn-pp--letter9{
    font-weight: bolder;
    font-size: 1.5rem;
    margin: 10px 10px;
    line-height: 1.8;
    padding: 5px 5px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #003399;
    border: 4px solid #cccccc;
    background-color: rgba(153,255,255,0.1);
    border-radius: 8px;
}
/*いい川各回＞プログラムDL当日バナー　小*/
.bn-pp--letter10{
    font-weight: bolder;
    font-size: 1.5rem;
    margin: 10px 10px;
    line-height: 1.8;
    padding: 5px 5px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #003399;
    border: 8px double #cccccc;
    background-color: rgba(153,255,255,0.1);
    border-radius: 8px;
}
/*いい川各回＞エントリー一覧バナー　大小*/
.bn-pp--letter11{
    font-weight: bold;
    font-size: 1.8rem;
    margin: 20px auto;
    line-height: 1.4;
    padding: 5px 5px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #ffffff;
    text-shadow: 1px 1px 1px #003399;
    border: 5px double #ffffff;
    background-color: rgba(51,204,255,1);
    border-radius: 10px;
}
.bn-pp--letter111{
    font-weight: bold;
    font-size: 2rem;
    margin: 20px auto;
    line-height: 1.4;
    padding: 18px 5px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #ffffff;
    text-shadow: 1px 1px 1px #003399;
    border: 5px double #ffffff;
    background-color: rgba(51,204,255,1);
    border-radius: 10px;
}
.bn-pp--letter11_2{
    font-weight: bold;
    font-size: 1.8rem;
    margin: 20px auto;
    line-height: 1.4;
    padding: 5px 5px;
    letter-spacing: -0.02em;
    text-align: center;
    color: rgb(255,102,0);
    border: 5px double rgb(255,102,0);
    background-color: #fff;
    border-radius: 10px;
}
.bn-pp--letter9 a,
.bn-pp--letter10 a,
.bn-pp--letter12 a{
    text-decoration: none;
    color: #003399;
}
.bn-pp--letter9 a:hover,
.bn-pp--letter10 a:hover,
.bn-pp--letter12 a:hover{
    text-decoration: none;
    color: #003399;
}
.bn-pp--letter11 a{
    text-decoration: none;
    color: #ffffff;
}
.bn-pp--letter11 a:hover{
    text-decoration: none;
    color: #ffffff;
}
.bn-pp--letter11_2 a{
    text-decoration: none;
    color: rgb(255,102,0);
}
.bn-pp--letter11_2 a:hover{
    text-decoration: none;
    color: rgb(255,102,0);
}
/*いい川各回＞結果バナー　大小*/
.bn-pp--letter12{
    font-weight: bold;
    font-size: 1.8rem;
    margin: 20px auto;
    line-height: 1.4;
    padding: 5px 5px;
    letter-spacing: -0.02em;
    text-align: center;
    color: #003399;
    border: 5px double #003399;
    border-radius: 10px;
}
/*いい川各回＞連絡事項太字文　小*/
.c-pp--letter13{
    font-weight: bold;
    font-size: 1.6rem;
    margin: 5px 8px; 
    line-height: 1.6;
    padding: 0px 5px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #003399;
}
.c-pp--letter13 a{
    text-decoration: none;
    color:#003399;
}
.c-pp--letter13 a:hover{
    text-decoration: underline;
    color:#003399;
}
/*いい川各回エントリー＞地方ブロック　大小*/
.c-pp--letter14{
    font-weight: bolder;
    font-size: 1.8rem;
    margin: 4px 24px; 
    line-height: 1.6;
    padding: 2px 2px;
    letter-spacing: 0.2;
    text-align: center;
    color: #003399;
    background: rgba(204,204,204,0.30);
    border: 3px double #003399;
    border-radius: 4px;
}
.c-pp--letter14_2{
    font-weight: bolder;
    font-size: 1.8rem;
    margin: 4px 24px; 
    line-height: 1.6;
    padding: 4px 2px;
    letter-spacing: 0.3;
    text-align: center;
    color: #003399;
    background: rgba(204,204,204,0.20);
    border: 1px solid #003399;
    border-radius: 4px;
}
.c-pp--letter14 a,
.c-pp--letter14_2 a{
    text-decoration: none;
    color:#003399;
}
.c-pp--letter14 a:hover,
.c-pp--letter14_2 a:hover{
    text-decoration: none;
    color:#003399;
}
/*いい川各回エントリー＞地方ブロック1　大小*/
.c-pp--letter15_1{
    font-weight: bold;
    font-size: 2rem;
    margin: 20px 10px 10px; 
    line-height: 2.2;
    padding: 2px 2px;
    letter-spacing: 0.2;
    text-align: center;
    color: #fff;
    background: #003399;
    border: 3px double #003399;
}
/*いい川各回エントリー＞地方ブロック2　大小*/
.c-pp--letter15_2{
    font-weight: bold;
    font-size: 2rem;
    margin: 20px 10px 10px; 
    line-height: 2.2;
    padding: 2px 2px;
    letter-spacing: 0.2;
    text-align: center;
    color: #fff;
    background: #cc0066;
    border: 3px double #cc0066;
}

/*プライバシーポリシー＞問合せ先　大小*/
.c-pp--address{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: left;
    margin-top: 10px;
    margin-bottom: 30px;
    margin-left: 20px;
    margin-right: 5px;
}
.c-pp--address a{
    text-decoration: none;
    color: #222;
}
.c-pp--address a:hover{
    text-decoration: underline;
    color: #999;
}
/*研修会＞開催実績　文字小　大小*/
.c-pp--content5{
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 0.8;
    margin: 5px 20px;
}
.c-pp--content5 a,
.c-pp--content7 a,
.c-pp--content8 a,
.c-pp--content9 a,
.c-pp--content10 a,
.c-pp--content11 a,
.c-pp--content13 a,
.c-pp--content18 a,
.c-pp--content20 a,
.c-pp--content23 a,
.c-pp--content25 a,
.c-pp--content28 a,
.c-pp--content35 a,
.c-pp--content35_2 a{
    text-decoration: none;
    color: #222;
}
.c-pp--content10 a:hover,
.c-pp--content5 a:hover,
.c-pp--content7 a:hover,
.c-pp--content8 a:hover,
.c-pp--content9 a:hover,
.c-pp--content10 a:hover,
.c-pp--content11 a:hover,
.c-pp--content13 a:hover,
.c-pp--content18 a:hover,
.c-pp--content20 a:hover,
.c-pp--content23 a:hover,
.c-pp--content25 a:hover,
.c-pp--content28 a:hover,
.c-pp--content35 a:hover,
.c-pp--content35_2 a:hover{
    text-decoration: underline;
    color: #222;
}

/*研修会、協議会、＞最新開催情報　赤字予告　大小*/
.c-pp--content6{
    font-weight: bolder;
    color:#ff0000;
    font-size: 1.8rem;
    line-height: 1.6;
    text-align: left;
    margin: 10px 15px; 
    padding: 10px;
}
.c-pp--content6_2{
    font-weight: bolder;
    color:#ff0000;
    font-size: 1.8rem;
    line-height: 1.6;
    text-align: left;
    margin: 5px 5px; 
    padding: 5px;
}

/*研修会、協議会、＞最新開催情報　開催タイトル　大小*/
.c-pp--content7{
    font-weight: bold;
    color:#000033;
    font-size: 2rem;
    line-height: 1.6;
    text-align: left;
    margin: 10px 15px;
    padding: 10px;
}
/*研修会、協議会、＞最新開催情報　開催日、開催場所　大小*/
.c-pp--content8{
    font-weight: bolder;
    font-size: 1.8rem;
    line-height: 1.6;
    text-align: left;
    margin: 10px 24px;
}
/*研修会、協議会、＞最新開催情報　開催概要　大小*/
.c-pp--content9{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    margin: 10px 25px;
}

/*いい川、研修会、協議会＞通常行　大小*/
.c-pp--content10{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    margin: 20px 15px;
}
/*ABOUT＞通常行　小*/
.c-pp--content10_2{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.4;
    text-align: center;
    letter-spacing: 0.08;
    padding: 10px 5px;
    margin: 10px 10px 30px 10px;
    border-left: 2px solid #003399;
    border-right: 2px solid #003399;
    background-color: rgba(204,255,255,0.30);
    /*border-left: 3px solid #ccffff;
    border-right: 3px solid #ccffff;
    background-color: rgba(204,255,255,0.15);*/
}
.c-pp--content10_2 a{
    text-decoration: none;
    color: #003399;
}
.c-pp--content10_2 a:hover{
    text-decoration: none;
    color: #003399;
}
/*404＞通常行　小*/
.c-pp--content10_3{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.4;
    text-align: center;
    letter-spacing: 0.08;
    padding: 10px 5px;
    margin: 10px 10px 30px 10px;
    border-left: 2px solid #003399;
    border-right: 2px solid #003399;
    background-color: rgba(204,255,255,0.30);
    /*border-left: 3px solid #ccffff;
    border-right: 3px solid #ccffff;
    background-color: rgba(204,255,255,0.15);*/
}
.c-pp--content10_4{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.4;
    text-align: center;
    letter-spacing: -0.15;
    padding: 5px 5px;
    margin: 10px;
}
.c-pp--content10_4 a{
    text-decoration: none;
    color: #333333;
}
.c-pp--content10_4 a:hover{
    text-decoration: underline;
    color: #333333;
}
/*ABOUT＞通常行　大*/
/*404＞通常行　大*/
@media screen and (min-width: 768px) {
.c-pp--content10_2{
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 1.4;
    text-align: center;
    letter-spacing: 0.1;
    padding: 10px 5px;
    margin: 10px 10px 30px 10px;
    border-left: 2px solid #003399;
    border-right: 2px solid #003399;
    background-color: rgba(204,255,255,0.30);
    /*border-left: 3px solid #ccffff;
    border-right: 3px solid #ccffff;
    background-color: rgba(204,255,255,0.15);*/
}
.c-pp--content10_3 {
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 1.4;
    text-align: center;
    letter-spacing: 0.1;
    padding: 10px 5px;
    margin: 10px 10px 30px 10px;
    border-left: 2px solid #003399;
    border-right: 2px solid #003399;
    background-color: rgba(204,255,255,0.30);
    /*border-left: 3px solid #ccffff;
    border-right: 3px solid #ccffff;
    background-color: rgba(204,255,255,0.15);*/
}
.c-pp--content10_4 {
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 1.4;
    text-align: center;
    letter-spacing: 0.1;
    padding: 10px 5px;
    margin: 10px 10px 30px 10px;
}
    
}
/*研修会、協議会、＞quote部分行　大小*/
.c-pp--content11{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    margin: 0px 20px;
}
/*研修会、協議会、＞最新開催情報　開催概要（文字小）　大小*/
.c-pp--content12{
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 1.4;
    text-align: left;
    margin: 5px 40px 15px;
}
.c-pp--content12 a{
    color: #333333;
    text-decoration: none;
}
.c-pp--content12 a:hover{
    color:#003399;
    text-decoration: underline;
}

/*研修会、協議会、＞最新開催情報　開催概要（文字太）　大小*/
.c-pp--content13{
    font-weight: bolder;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    margin: 10px 30px;
}
/*研修会＞意義の行（大）　大小*/
.c-pp--content14{
    font-weight: bolder;
    font-size: 1.6rem;
    line-height: 1.8;
    text-align: center;
    margin: 1px 0px;
}
/*いい川＞進め方リスト　大小*/
.c-pp--content15{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    margin: 20px 20px;
    list-style:none;
}
/*いい川＞進め方リスト黒　大小*/
.c-pp--content16{
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.8;
    text-align: left;
    margin: 4px 40px;
    list-style:square;
    background-color: rgba(255,255,204,0.3);
}
/*いい川＞進め方リスト白　大小*/
.c-pp--content17{
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.8;
    text-align: left;
    margin: 2px 40px;
    list-style:circle;
    background-color:rgba(255,255,204,0.3);
}
/*いい川＞開催実績資料リスト　大小*/
.c-pp--content18{
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.5;
    text-align: left;
    margin: 3px 30px;
    list-style:inside;
}
/*いい川＞開催実績タイトル　小*/
.c-pp--content19{
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: left;
    margin: 15px 10px 8px 10px;
    padding-left: 8px;
}
/*研修会＞開催実績　通常行　小*/
.c-pp--content19_2{
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.5;
    letter-spacing: 0.2;
    text-align: left;
    margin: 20px 10px 0px 10px;
    padding-left: 8px;
}
/*いい川＞進め方行　小　大小*/
.c-pp--content20{
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.6;
    text-align: left;
    margin: 10px 15px;
}
/*いい川＞いい川とは　小*/
/*.c-pp--content21{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.8;
    text-align: center;
    margin: 1px auto;
    padding: 4px;
}*/
/*いい川＞出版物名称　大小*/
.c-pp--content22{
    font-weight: bold;
    font-size: 1.5rem;
    line-height: 1.5;
    text-align: left;
    margin: 10px 10px;
    /*background-color: rgba(204,204,204,0.2); */
    border: 1px solid #cccccc;
    padding: 2px 4px;
    border-radius: 4px;
    letter-spacing: -0.1rem;
}
@media screen and (min-width: 768px) {
.c-pp--content22{
    font-size: 1.7rem;
    letter-spacing: 0;
    }
}
/*いい川＞出版物名称　小　大小*/
.c-pp--content23{
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 1.3;
    margin: 0px 0px 1px 15px;
    letter-spacing: -0.01em;
}
/*いい川＞開催実績コメント小　小*/
.c-pp--content24{
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 1.4;
    text-align: left;
    margin: 10px 20px;
    padding-left: 7px;
    border-left: 3px solid #ccc;
}
/*コラム＞各コラム表示（リスト形式）　大小*/
.c-pp--content25{
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.6;
    text-align: left;
    margin: 15px 10px 10px 30px;
    list-style:square;
}
.c-pp--content25_2{
    font-weight: bolder;
    font-size: 1.5rem;
    line-height: 1.8;
    letter-spacing: 0.01em;
    border-bottom: 0.75px dotted #ccc;
}
/*いい川＞カラム地域大会　大小*/
.c-pp--content26{
    font-weight: bolder;
    font-size: 1.8rem;
    line-height: 1.5;
    text-align: center;
    padding: 3px;
    margin: 10px 20px;
    background-color: rgba(204,204,204,0.1);
    border-radius: 10px;
    border: 4px double #003399;    
}
.c-pp--content26 a{
    text-decoration: none; 
    color:#003399;
}
.c-pp--content26 a:hover{
    text-decoration: none; 
    color:#003399;
}
/*いい川各回＞開催日　大小*/
.c-pp--content27{
    font-weight: normal;
    font-size: 2.4rem;
    line-height: 2;
    text-align: left;
    margin: 14px 30px 0px;
    background-image: linear-gradient(#fff 70%, rgba(255,255,204,0.8) 30%);
    padding: 0px 10px;
    width: 27rem;
}
/*いい川各回＞開催場所ほか　大小*/
.c-pp--content28{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    margin: 5px 20px;
}
.c-pp--content28 img{
    margin: 5px 30px;
}
.c-pp--content28_2{
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 2;
    text-align: left;
    margin: 14px 2px 0px;
    background-image: linear-gradient(#fff 70%, rgba(255,255,204,0.8) 30%);
    padding: 0px 3px;
}
.c-pp--content28_3{
    color: #55acee;
    margin: 5px 50px;
}
.c-pp--content28_4{
    color: #315096;
    margin: 5px 50px;
}
.c-pp--content28_5{
    font-weight: bolder;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    margin: 5px 30px;
    color: #ff6600;
}
.c-pp--content28_6{
    font-weight: normal;
    font-size: 1.7rem;
    line-height: 1.6;
    text-align: left;
    margin: 5px 20px;
}
.c-pp--content28_6 a{
    color:#333333;
    text-decoration: underline;
}
.c-pp--content28_6 a:hover{
    color: #ff6600;
    text-decoration: none;
}
.c-pp--content28_7{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: center;
    margin: 5px 3px;
}
.c-pp--content28_80{
    color: #000000;
    margin: 5px 50px;
}
.c-pp--content28_8{
    font-weight: normal;
    font-size: 2rem;
    line-height: 1.8;
    text-align: left;
    margin: 10px 20px;
    background-color: rgba(153,255,255,0.3);
    /*background-image: linear-gradient(#fff 70%, rgba(153,255,255,0.4) 30%);*/
    padding: 0px 10px;
}
.c-pp--content28_9{
    font-weight: normal;
    font-size: 1.7rem;
    line-height: 1.5;
    text-align: left;
    margin: 10px 10px;
    background-image: linear-gradient(#fff 82%, rgba(153,255,255,0.3) 18%);
    padding: 0px 10px;
    width: 30rem;
}

.c-pp--content28_10{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: center;
    margin: 5px 20px;
}
.c-pp--content28_10 img{
    margin: 5px 30px;
}
.c-pp--content28_20{
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 1.8;
    text-align: center;
    margin: 14px 2px 10px;
    padding: 0px 3px;
}
.c-pp--content28_11{
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.5;
    text-align: center;
    margin: 5px 10px;
}
.c-pp--content28_11 img{
    margin: 5px 10px;
}
.c-pp--content28_21{
    font-weight: normal;
    font-size: 1.7rem;
    line-height: 1.7;
    text-align: center;
    margin: 10px 2px 10px;
    padding: 0px 3px;
}

/*いい川各回＞締切表示、プログラム当日コメントほか　赤字　大小*/
.c-pp--content29{
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    margin: 20px 20px;
    color: #ff0000;
}
.c-pp--content29_2{
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    margin: 20px 20px;
    padding: 10px 0px;
    color: #ff0000;
    background-color: rgba(255,255,204,0.4);
    border-radius: 4px;
}
.c-pp--content29 a,
.c-pp--content29_2 a{
    color: #ff0000;
    text-decoration: none;
}
.c-pp--content29 a:hover,
.c-pp--content29_2 a:hover{
    color: #ff0000;
    text-decoration: underline;
}
.c-pp--content29_3{
    font-weight: bold;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: center;
    margin: 20px 20px;
    color: #ff0000;
}
.c-pp--content29_4{
    font-weight: bold;
    font-size: 1.4rem;
    line-height: 1.4;
    text-align: center;
    margin: 10px 10px;
    color: #ff0000;
    letter-spacing: -0.08em;
}

/*いい川各回＞結果案内　小*/
.c-pp--content31{
    font-weight: bolder;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    margin: 15px 15px;
    color: #000033;
}
/*いい川各回＞結果案内　グランプリ表示　小*/
.c-pp--content31_2{
    font-weight: bolder;
    font-size: 1.8rem;
    line-height: 1.5;
    text-align: center;
    letter-spacing: 0.02em;
    margin: 15px auto;
    padding: 10px 0;
    color: #000033;
    text-shadow: 2px 2px 1px #ccc;
    background-color: rgba(255,255,204,0.6);
}
/*いい川各回＞プログラムDL　小注釈　大小*/
.c-pp--content32{
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 1.4;
    text-align: center;
    margin: 5px 20px 20px;
}
/*いい川＞事務局　大小*/
.c-pp--content33{
    font-weight: bolder;
    font-size: 1.5rem;
    line-height: 1.6;
    text-align: center;
    letter-spacing: -0.02em;
    margin: 30px auto;
    background-color: rgba(153,255,255,0.1);    
    /*background-color: rgba(255,102,0,0.05);*/
    border-radius: 8px;
    padding: 10px 2px;
}
/*いい川＞事務局　小　大小*/
.c-pp--content33_2{
    font-weight: normal;
    font-size: 1.4rem;
    line-height: 1.6;
    text-align: center;
    margin: 5px auto;
    padding: 2px;
}
/*いい川＞事務局　小　大小*/
.c-pp--content33_3{
    font-weight: bolder;
    font-family: 'Kosugi', sans-serif;
    color: #333333;
    font-size: 1.6rem;
    line-height: 2.4;
    text-align: center;
    border-bottom: 1px solid rgba(0,51,153,0.4);
    border-top: 1px solid rgba(0,51,153,0.4);   
    /*border-bottom: 1px solid rgba(255,102,0,0.4);
    border-top: 1px solid rgba(255,102,0,0.4);*/
    letter-spacing: -0.08em;
    margin: 10px auto;
    width: 360px;
}
/*入会案内　大小*/
.c-pp--content34{
    display: inline-block;
    font-size: 1.8rem;
	line-height: 1.5;
    font-weight: normal;
    border-left: 1px solid #003399;
    border-right: 1px solid #003399;
    margin: 10px 10px 10px 10px;
    background-color: rgba(204,255,255,0.2);
    padding: 10px 20px;
}
/*入会案内　大小*/
.c-pp--content35{
    font-size: 1.7rem;
	line-height: 1.6;
    font-weight: normal;
    margin: 10px 5px;
    padding: 10px 15px;
}
.c-pp--content35_2{
    font-size: 1.8rem;
	line-height: 1.4;
    font-weight: bold;
    margin: 5px auto;
    padding: 10px 15px;
    letter-spacing: -0.05em;
    background-color: #fff;
    border-radius: 4px;
    width: 15em;
}
@media screen and (min-width: 768px) {
.c-pp--content35_2{
    font-size: 1.8rem;
	line-height: 1.6;
    font-weight: bold;
    margin: 5px auto;
    padding: 20px 15px;
    letter-spacing: 0.05em;
    background-color: #fff;
    border-radius: 20px;
    width: 20em;
}
}
/*入会案内　大小*/
.c-pp--content36{
    font-size: 1.8rem;
	line-height: 1.6;
    padding: 2px 4px;
    letter-spacing: 0.02em;
    border-bottom: 2px solid #cccccc;
    width: 14em;
    margin: 0px auto;
}
/*入会案内　小*/
.c-pp--content37{
    border: 3px double #003399;
    margin: 20px 10px;
    background-color: rgba(204,255,255,0.2);
    text-align: center;
    padding: 20px 4px;
    font-weight: bold;
    font-size: 1.8rem;
	line-height: 1.5;
}

/*いい川各回エントリー＞現在ほか　大小*/
.c-pp--content38{
    font-weight: normal;
    font-size: 2rem;
    line-height: 1.6;
    text-align: center;
    letter-spacing: 0.01rem;
    margin: 5px auto 5px;
}
.c-pp--content38_1{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: center;
    /*letter-spacing: -0.08rem;*/
    margin: 5px auto 30px;
}
/*いい川各回エントリー＞各団体　地方名　大小*/
.c-pp--content39{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    margin: 5px 15px;
    padding: 2px 20px;
}
/*いい川各回エントリー＞各団体項目　大小*/
.c-pp--content40{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    margin: 5px 15px;
    padding: 2px 10px;
    background:  rgba(204,204,204,0.50);
    border-radius: 4px;
}
/*ABOUT＞役員リスト、財務資料　大小*/
.c-pp--content41{
    font-size: 1.6rem;
	line-height: 1.6;
    font-weight: normal;
    margin: 0px 5px;
    padding: 10px 28px;
    list-style: circle;
}
.c-pp--content41_2{
    font-size: 1.7rem;
	line-height: 1.6;
    font-weight: normal;
    margin: 10px 5px 0px 5px;
}
.c-pp--content41_3{
    font-size: 1.5rem;
	line-height: 1.5;
    font-weight: normal;
    margin: 0px 2px;
}
.c-pp--content41 a{
    color: #333333;
    text-decoration: none;
}
.c-pp--content41 a:hover{
    text-decoration: none;
    color: #999999;
}
/*いい川各回エントリー＞各団体　エントリー番号　大小*/
.c-pp--content42{
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 1.6;
    text-align: center;
    margin: 20px 30px;
    padding: 10px 10px;
    background: rgba(204,255,255,0.3);
    letter-spacing: 0.2em;
}
.c-pp--content42_2{
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 1.6;
    text-align: center;
    margin: 20px 30px;
    padding: 10px 10px;
    background: rgba(255,204,255,0.3);
    letter-spacing: 0.2em;
}
/*いい川各回エントリー＞各団体　河川名称ほか　大小*/
.c-pp--content43{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    margin: 0px 15px;
    padding: 2px 20px;
}
/*いい川各回エントリー＞各団体　団体名　大小*/
.c-pp--content44_1{
    font-weight: bold;
    font-size: 2rem;
    line-height: 1.8;
    text-align: left;
    margin: 2px 15px;
    padding: 4px 20px;
    letter-spacing: 0.05em;
}
/*いい川各回エントリー＞各団体　活動名　大小*/
.c-pp--content44{
    font-weight: bold;
    font-size: 1.8rem;
    line-height: 1.8;
    text-align: left;
    margin: 2px 15px;
    padding: 2px 20px;
    letter-spacing: -0.02em;
}

/*いい川各回エントリー＞各団体　アピール、キーワード　大小*/
.c-pp--content45{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    margin: 5px 15px;
    padding: 2px 20px;
    list-style: inside;
}

/*いい川各回エントリー＞各団体　リンク　大小*/
.c-pp--content46_2{
    font-weight: normal;
    font-size: 1.8rem;
    line-height: 1.6;
    text-align: left;
    margin: 10px 15px;
    padding: 2px 20px;
}
/*いい川各回エントリー＞各団体　活動写真　大小*/
.c-pp--content47{
    margin: 20px 2px;
}
/*いい川各回エントリー＞アピールポイント　大小*/
.c-pp--content48{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    margin: 5px 20px;
    padding: 2px 10px;
    list-style: none;
    border-left: 4px solid #ccc;
}
/*いい川 エントリー紹介　大小*/
.double-angle-down{
    margin: 20px 100px;
}
/*投稿　テーマ見せ　ワークショップ*/
.c-pp--content49_1{
    font-weight: bolder;
    font-size: 1.5rem;
    line-height: 1.5;
    text-align: center;
    padding: 1px 0px;
    margin: 8px 0px;
    letter-spacing: -0.01em;
    width:14em;
    background-image: linear-gradient(transparent 92%, rgba(255,102,0,0.8) 8%);
}
/*投稿　テーマ見せ　研修会*/
.c-pp--content49_2{
    font-weight: bolder;
    font-size: 1.5rem;
    line-height: 1.5;
    text-align: center;
    padding: 1px 0px;
    margin: 8px 0px;
    letter-spacing: -0.01em;
    width:10em;
    background-image: linear-gradient(transparent 92%, rgba(0,204,0,0.8) 8%);
}
/*投稿　テーマ見せ　協力団体協議会*/
.c-pp--content49_3{
    font-weight: bolder;
    font-size: 1.5rem;
    line-height: 1.5;
    text-align: center;
    padding: 1px 0px;
    margin: 8px 0px;
    letter-spacing: -0.01em;
    width:14em;
    background-image: linear-gradient(transparent 92%, rgba(204,0,102,0.8) 8%);
}

/*いい川、研修会、協議会＞最新開催情報背景　大小同じ*/
.c-info_new_event1{
    margin: 15px 15px;
    background-color:rgba(255,102,0,0.05);
    border: 1px solid #ff6600;
}
.c-info_new_event1_2{
    margin: 15px 15px;
    background-color:rgba(255,0,0,0.05);
    border: 1px solid #ff0000;
}
.c-info_new_event2{
    margin: 15px 15px;
    background-color:rgba(0,204,0,0.05);
    border: 1px solid #00cc00;
}
.c-info_new_event3{
    margin: 15px 15px;
    background-color:rgba(204,0,102,0.02);
    border: 1px solid #cc0066;
}

/*ABOUT＞いい川、研修会、協議会ジャンプ　大小同じ*/
.c-intro1_2{
    margin: 10px 10px 0px;
    background-color:rgba(255,102,0,0.05);
    border: 1px solid #ff6600;
}
.c-intro2_2{
    margin: 10px 10px;
    background-color:rgba(0,204,0,0.05);
    border: 1px solid #00cc00;
}
.c-intro3_2{
    margin: 10px 10px;
    background-color:rgba(204,0,102,0.02);
    border: 1px solid #cc0066;
}
.c-intro4_2{
    margin: 10px 10px;
    border: 1px solid #666666;
}
.c-intro4_3{
    margin: 5px 10px;
    /*border-bottom: 1px solid #999999;*/
}
.c-intros_2__item1{
    font-size: 1.6rem;
	line-height: 1.5;
    font-weight: bolder;
    padding: 5px 10px;
}
.c-intros_2__item1 a{
    font-size: 1.6rem;
    color: #333333;
	line-height: 1.5;
    font-weight: bolder;
    padding: 5px 10px;
    text-decoration: none;
}
.c-intros_2__item2{
    font-size: 1.6rem;
	line-height: 1.2;
    font-weight: normal;
    padding: 5px 10px;
}
.c-intros_2__item2 a{
    color: #333333;
    padding: 5px 10px;
    text-decoration: none;
}
.c-intros_2__item1 a:hover,
.c-intros_2__item2 a:hover{
    text-decoration: none;
}
/*これまでの活動事業＞国際交流項目　大小同じ*/
.c-intro5_2{
    margin: 25px 0px 10px 10px;
    border-left: 5px solid #cccccc;
    width:18em;
}
.c-intro5_2__item1{
    font-size: 1.6rem;
	line-height: 1.5;
    font-weight: normal;
    padding: 5px 10px;
}
.c-intro5_2__item2{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.5;
    text-align: left;
    margin: 20px 10px 20px 15px;
}
.c-yellow{
    background-image: linear-gradient(transparent 80%, #ffff33 20%);
}
.c-yellow2{
    background-image: linear-gradient(transparent 92%, #ffff33 8%);
}
.c-changed{
    text-decoration: line-through;
}
.my-red {
    color: #ff0000;
}
.soon{
    letter-spacing: 0.1em;
    color:#666666;
    /*background-color:rgba(204,204,204,.2); */
    background-image: linear-gradient(transparent 75%, rgba(204,204,204,.2) 25%);
}

/*これまでの活動＞実施中の活動　基本+小*/
.c-intro1{
    border-left: 2px solid #ff6600;
    border-right: 2px solid #ff6600;
	margin: 20px 5px 20px 5px;
    padding: 5px;
    background-color: rgba(255,102,0,0.05);
}
.c-intro2{
    border-left: 2px solid #00cc00;
    border-right: 2px solid #00cc00;
	margin: 20px 5px 20px 5px;
    padding: 5px;
    background-color: rgba(0,204,0,0.05);
}
.c-intro3{
    border-left: 2px solid #cc0066;
    border-right: 2px solid #cc0066;
	margin: 20px 5px 20px 5px;
    padding: 5px;
    background-color: rgba(204,0,102,0.02);
}
.c-intro1 a,
.c-intro2 a,
.c-intro3 a{
    text-decoration: none;
    color: #333333;
}
.c-intro1 a:hover,
.c-intro2 a:hover,
.c-intro3 a:hover{
    text-decoration: none;
    color: #999999;
}
.c-intro1__item1,
.c-intro2__item1,
.c-intro3__item1{
    font-size: 1.6rem;
    /*font-size: 1.2rem;*/
	line-height: 1.5;
    font-weight: bolder;
    padding: 5px 10px;
}
.c-intro1__item2,
.c-intro2__item2,
.c-intro3__item2{
    font-size: 1.5rem;
    /*font-size: 1.2rem;*/
	line-height: 1.5;
    font-weight: normal;
    padding: 10px 10px;
}
/*いい川＞各バナー大画面*/
@media screen and (min-width: 768px) {
    /**/
    .c-intro1{
    border-left: 2px solid #ff6600;
    border-right: 2px solid #ff6600;
	margin: 10px 90px 60px 90px;
    padding: 5px;
    background-color: rgba(255,102,0,0.05);
    }
    .c-intro2{
    border-left: 2px solid #00cc00;
    border-right: 2px solid #00cc00;
	margin: 10px 90px 60px 90px;
    padding: 5px;
    background-color: rgba(0,204,0,0.05);
    }
    .c-intro3{
    border-left: 2px solid #cc0066;
    border-right: 2px solid #cc0066;
	margin: 10px 90px 60px 90px;
    padding: 5px;
    background-color: rgba(204,0,102,0.02);
    }
.c-intro1__item1,
.c-intro2__item1,
.c-intro3__item1{
    font-size: 1.8rem;
    /*font-size: 1.2rem;*/
	line-height: 1.5;
    font-weight: bolder;
    padding: 5px 10px;
}
.c-intro1__item2,
.c-intro2__item2,
.c-intro3__item2{
    font-size: 1.6rem;
    /*font-size: 1.2rem;*/
	line-height: 1.5;
    font-weight: normal;
    padding: 10px 10px;
}
.c-pp--title4{
    font-weight: bold;
    font-size: 2.4rem;
    line-height: 2;
    margin: 10px auto 5px;
    padding: 5px 5px;
    text-align: center;
    color: #003399;
    text-shadow: 1px 2px 1px rgba(51,204,255,0.4);
    letter-spacing: 0.1em;
    border-top: 3px solid rgba(51,204,255,1);
    border-bottom: 3px solid rgba(51,204,255,1);
    background-color: rgba(51,204,255,0.1);
}
/*いい川、研修会、協議会＞項目タイトル　大小*/
.c-pp--letter2{
    color:#003399;
    font-weight: bold;
    font-size: 2rem;
    margin-top: 30px;
    margin-left: 10px;
    border-left: 8px solid #003399;
    line-height: 2.2;
    padding-left: 10px;
    letter-spacing: 0.1;
}
.c-pp--letter9{
    font-weight: bolder;
    font-size: 1.8rem;
    margin: 20px 40px;
    line-height: 2;
    padding: 5px 10px;
    letter-spacing: 0.3;
    text-align: center;
    color: #003399;
    border: 4px solid #cccccc;
    background-color: rgba(153,255,255,0.1);
    border-radius: 8px;
}
.c-pp--letter10{
    font-weight: bolder;
    font-size: 1.8rem;
    margin: 20px 40px;
    line-height: 2;
    padding: 5px 10px;
    letter-spacing: 0.3;
    text-align: center;
    color: #003399;
    border: 8px double #cccccc;
    background-color: rgba(153,255,255,0.1);
    border-radius: 8px;
}
.bn-pp--letter11{
    font-weight: bold;
    font-size: 2rem;
    margin: 20px 100px;
    line-height: 1.5;
    padding: 5px 10px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #ffffff;
    text-shadow: 1px 1px 1px #003399;
    border: 10px double #ffffff;
    background-color: rgba(51,204,255,1);
    border-radius: 10px;
}
.bn-pp--letter111{
    font-weight: bold;
    font-size: 2.4rem;
    margin: 20px 100px;
    line-height: 2;
    padding: 10px 10px;
    letter-spacing: 0.05em;
    text-align: center;
    color: #ffffff;
    text-shadow: 1px 1px 1px #003399;
    border: 10px double #ffffff;
    background-color: rgba(51,204,255,1);
    border-radius: 18px;
}
.bn-pp--letter11_2{
    font-weight: bold;
    font-size: 2rem;
    margin: 20px 100px;
    line-height: 1.5;
    padding: 5px 10px;
    letter-spacing: 0.02em;
    text-align: center;
    color: rgb(255,102,0);
    border: 5px double rgb(255,102,0);
    background-color: #fff;
    border-radius: 10px;
}
.bn-pp--letter12{
    font-weight: bold;
    font-size: 2rem;
    margin: 20px 100px;
    line-height: 1.5;
    padding: 5px 10px;
    letter-spacing: 0.02em;
    text-align: center;
    color: #003399;
    border: 5px double #003399;
    border-radius: 10px;
}
/*いい川各回＞連絡事項太字文　大*/
.c-pp--letter13{
    font-weight: bold;
    font-size: 1.8rem;
    margin: 5px 20px; 
    line-height: 1.6;
    padding: 0px 5px;
    letter-spacing: 0.01em;
    text-align: left;
    color: #003399;
}
/*いい川＞事務局　大*/
.c-pp--content33{
    font-weight: bolder;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: center;
    margin: 40px 15px;
    background-color: rgba(153,255,255,0.1);    
    /*background-color: rgba(255,102,0,0.05);*/
    border-radius: 8px;
    padding: 10px 5px;
}
/*いい川＞事務局　小　大*/
.c-pp--content33_2{
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.6;
    text-align: center;
    margin: 5px;
    padding: 5px;
}
/*いい川＞事務局　小　大*/
.c-pp--content33_3{
    font-weight: bolder;
    font-family: 'Kosugi', sans-serif;
    color: #333333;
    font-size: 1.8rem;
    line-height: 2.4;
    text-align: center;
    /*text-shadow: 1px 1px 2px #ccc;*/
    border-bottom: 1px solid rgba(0,51,153,0.4);
    border-top: 1px solid rgba(0,51,153,0.4);    
    /*border-bottom: 1px solid rgba(255,102,0,0.4);
    border-top: 1px solid rgba(255,102,0,0.4);*/
    letter-spacing: 0.02em;
    margin: 10px auto;
    width: 500px;
}
/*入会案内　大*/
.c-pp--content37{
    border: 3px double #003399;
    margin: 20px 100px;
    background-color: rgba(204,255,255,0.2);
    text-align: center;
    padding: 20px 5px;
    font-weight: bold;
    font-size: 1.6rem;
	line-height: 1.5;
}
/*これまでの活動＞分類1行版＆2行版　基本＋小画面*/
.c-example-title__past{
    margin: 30px 5px 5px 5px;
    border: 1.5px solid #3c98d6;
    border-radius: 4px;
    padding: 2px;
    font-size: 1.8rem;
	letter-spacing: 0.1em; 
	line-height: 1.4;
    font-weight: bolder; 
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.c-example-title__past2{
    margin: 30px 5px 5px 5px;
    border: 1.5px solid #3c98d6;
    border-radius: 4px;
    padding: 2px;
    font-size: 1.8rem;
	letter-spacing: 0.1em; 
	line-height: 2.8;
    font-weight: bolder; 
    overflow: hidden;
    position: relative;
    z-index: 1;
}
/*研修会＞概要特徴1行版＆2行版　大画面*/
.c-example-title__kensyukai{
    margin: 30px 5px 5px 5px;
    border: 1.5px solid #00cc00;
    border-radius: 4px;
    padding: 2px;
    font-size: 1.8rem;
	letter-spacing: 0.1em; 
	line-height: 1.6;
    font-weight: bolder; 
    overflow: hidden;
    position: relative;
    z-index: 1;
}
.c-example-title__kensyukai2{
    margin: 30px 5px 5px 5px;
    border: 1.5px solid #00cc00;
    border-radius: 4px;
    padding: 2px;
    font-size: 1.8rem;
    /*font-size: 1.4rem;*/
	letter-spacing: 0.1em; 
	line-height: 3.0;
    font-weight: bolder; 
    /*font-family: "Noto Sans JP","Roboto","sans-serif";*/
    overflow: hidden;
    position: relative;
    z-index: 1;
}
}
   
/*サイトマップ*/
.p-site__title a{
    text-decoration: none;
    color: #333333;
}
.p-site__title a:hover{
    text-decoration: none;
    color: #333333;
}
.p-site__title2 a{
    text-decoration: none;
    color: #333333;
}
.p-site__title2 a:hover{
    text-decoration: none;
    color: #333333;
}

/*サイトマップタイトル　大＆中＆小画面*/
@media screen and (min-width: 320px) and (max-width: 767px){
.p-site__title{
    font-weight: bolder;
    text-align: left;
    font-size: 1.8rem;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    letter-spacing: 0.25;
    border-bottom: 1px solid #cccccc;
    padding: 0px 10px;
}
.p-site__title2{
    font-weight: bolder;
    text-align: left;
    font-size: 1.8rem;
    margin-top: 30px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    letter-spacing: 0.1;
    padding: 0px 10px;
}
}
@media screen and (min-width: 768px) and (max-width: 1178px){
.p-site__title{
    font-weight: bolder;
    text-align: left;
    font-size: 1.8rem;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    letter-spacing: 0.25;
    border-bottom: 1px solid #cccccc;
    padding: 0px 10px;
}
.sp-site__title2{
    font-weight: bolder;
    text-align: left;
    font-size: 1.8rem;
    margin-top: 30px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    letter-spacing: 0.1;
    padding: 0px 10px;
}
}
@media screen and (min-width: 1179px) {
.p-site__title{
    font-weight: bolder;
    text-align: left;
    font-size: 2rem;
    margin-top: 30px;
    margin-bottom: 20px;
    margin-left: 10px;
    margin-right: 10px;
    letter-spacing: 0.25;
    border-bottom: 1px solid #cccccc;
    padding: 0px 10px;
}
.p-site__title2{
    font-weight: bolder;
    text-align: left;
    font-size: 2rem;
    margin-top: 30px;
    margin-bottom: 10px;
    margin-left: 10px;
    margin-right: 10px;
    letter-spacing: 0.1;
    padding: 0px 10px;
}
}
.p-site__content{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 2.2;
    text-align: left;
    margin: 15px 5px 15px 50px;
    padding: 0px 10px;
    list-style: square;
}

/*about＞関連団体リンク　共通*/
.p-link__title{
    font-weight: bolder;
    text-align: left;
    font-size: 1.6rem;
    margin-top: 10px;
    margin-bottom: 0px;
    margin-left: 30px;
    margin-right: 10px;
    letter-spacing: 0.1;
    border-bottom: 4px solid #ccffff;
    padding: 2px;
}
.p-link__content{
    font-weight: normal;
    font-size: 1.5rem;
    line-height: 1.6;
    text-align: left;
    margin-top: 8px;
    margin-bottom: 8px;
    margin-left: 40px;
}
.p-link__content a{
    text-decoration: none;
    color:#333333;
}
.p-link__content a:hover{
    text-decoration: none;
    border-bottom: 1px solid #cccccc;
    color:#333333;
}

/*ギャラリーキャプション　共通*/
.fg-caption-desc{
    background-color: rgba(102,102,102,0.50);
    color:#fff;
    line-height: 1.2;
    padding:5px;
    text-align: center;
    letter-spacing: 0.1em;
    font-size: 1.4rem;
}

/*画像キャプション　共通　小*/
.figcaption1{
    color:#333333;
    line-height: 1.5;
    font-size: 1.6rem;  
    text-align: center;
    margin: 10px auto 0px;
    letter-spacing: 0.1;
    font-weight: normal;
}
.figcaption2{
    color:#333333;
    line-height: 1.4;
    font-size: 1.4rem;  
    text-align: center;
    margin: 4px auto 10px;
    letter-spacing: 0.1;
    font-weight: normal;
}

/*quoto 研修会、協議会　小*/
.wp-block-separator1{
    border: 0.5px solid #ffcc33;
    margin: 0px 10px;
}

/*いい川各回エントリー＞各団体　仕切り線　大小*/
.wp-block-separator3{
    border: 0.5px dashed #ccc;
    margin: 20px 20px;
}

/*quoto 研修会、協議会　小*/
.c-quotation1{
    background-color: rgba(255,255,204,0.2);
    border-radius: 2px;
    margin: 10px 5px 0px 5px;
}
/*quoto いい川　小*/
.c-quotation2{
    background-color: rgba(204,255,255,0.2);
    border-radius: 2px;
    margin: 10px 0px 10px 0px;
    padding: 8px;
    /*width:21em;*/
}
/*quoto いい川特設　重要　小*/
.c-quotation3{
    background-color: rgba(255,204,255,0.2);
    border-radius: 2px;
    margin: 10px 10px;
    padding: 2px;
}
/*協議会　目的　大小*/
.c-quotation4{
    background-color: rgba(0,204,0,0.05);
    border-radius: 2px;
    margin: 10px 20px 10px 20px;
    padding: 10px 5px;
}

/*いい川文字デザイン　小*/
.wp-block-separator2{
    border: 0.5px dashed #003399;
    width: 18em;
    margin: 0px auto;
}

/*いい川各年特設ページへのバナー　共通*/
/*
.iikawa4 a,
.iikawa4_2 a{
    color: #ffffff;
    text-decoration: none;
}
.iikawa4 a:hover,
.iikawa4_2 a:hover{
    color: #ffffff;
    text-decoration: none;
}
*/
/*いい川文字デザイン　大画面*/
@media screen and (min-width: 768px) {
.wp-block-separator2{
    border: 1px dashed #003399;
    width: 48em;
    margin: 0px auto;
}

/*いい川＞開催実績タイトル　大*/
.c-pp--content19{
    font-weight: bold;
    font-size: 1.7rem;
    line-height: 1.6;
    text-align: left;
    margin: 15px 10px 8px 10px;
    padding-left: 8px;
}
.c-pp--content19_2{
    font-weight: bold;
    font-size: 1.7rem;
    line-height: 1.6;
    text-align: left;
    margin: 20px 10px 0px 10px;
    padding-left: 8px;
}
/*いい川＞いい川とは　大*/    
/*.c-pp--content21{
    font-weight: normal;
    font-size: 2rem;
    line-height: 1.8;
    text-align: center;
    margin: 1px 20px;
    padding: 4px;
}*/
/*いい川＞開催実績コメント小　大*/
.c-pp--content24{
    font-weight: normal;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    margin: 10px 20px;
    padding-left: 7px;
    border-left: 3px solid #ccc;
}

/*いい川各回＞結果案内　大*/
.c-pp--content31{
    font-weight: bolder;
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: left;
    margin: 20px 10px;
    letter-spacing: 0.02em;
    padding: 0px 5px;
    color: #000033;
} 
/*いい川各回＞結果案内　グランプリ表示　大*/
.c-pp--content31_2{
    font-weight: bolder;
    font-size: 2rem;
    line-height: 1.5;
    text-align: center;
    letter-spacing: 0.05em;
    margin: 15px auto;
    padding: 10px;
    color: #000033;
    text-shadow: 2px 2px 1px #ccc;
    background-color: rgba(255,255,204,0.6);
}
/*画像キャプション　共通　大*/
.figcaption1{
    color:#000033;
    line-height: 1.4;
    font-size: 1.6rem;  
    text-align: center;
    margin: 10px auto 0px;
    letter-spacing: 0.01;
    font-weight: bolder;
}
}  

/*iikawa4&iikawa4_2 大＆中＆小画面*/
/*
@media screen and (min-width: 320px) and (max-width: 767px){
.iikawa4{
    margin: 10px 15px;
    background-color:#003399;
    font-weight: bolder;
    color:#ffffff;
    font-size: 1.6rem;
    line-height: 1.7;
    text-align: center;
    padding: 5px 20px;
    letter-spacing: 0.08em;
    border-radius: 10px;
}
.iikawa4_2{
    margin: 10px 15px;
    background-color:#003399;
    font-weight: bolder;
    color:#ffffff;
    font-size: 1.5rem;
    line-height: 1.7;
    text-align: center;
    padding: 5px 15px;
    letter-spacing: 0.08em;
    border-radius: 10px;
}
}
@media screen and (min-width: 768px) and (max-width: 1178px){
.iikawa4,
.iikawa4_2{
    margin: 20px 60px;
    background-color:#003399;
    font-weight: bolder;
    color:#ffffff;
    font-size: 1.8rem;
    line-height: 1.8;
    text-align: center;
    padding: 10px 15px;
    letter-spacing: 0.05em;
    border-radius: 8px;
}
}
@media screen and (min-width: 1179px) {
.iikawa4,
.iikawa4_2{
    margin: 20px 90px;
    background-color:#003399;
    font-weight: bolder;
    color:#ffffff;
    font-size: 2rem;
    line-height: 1.8;
    text-align: center;
    padding: 10px 15px;
    letter-spacing: 0.05em;
    border-radius: 8px;
}
}
*/
/*-------------------------
投稿
（ココはあまり触らず必要に応じて調整する）
--------------------------*/
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
	.c-logo__text {
		font-size: 1.4286rem;
	}
}
.c-main-visual {
	max-width: 100%;
	width: 100%;
	min-height: 21.4286rem;
	background: #efefef;
}
.c-media > img {
	width: 100%;
	max-width: 100%;
	margin-bottom: 0;
}
.c-media > figcaption {
	margin-top: 0;
	background: #efefef;
	text-align: center;
	padding: 0.5714rem 2.2857rem;
}
/*
.c-menu {
	padding-left: 0;
	margin-left: 0;
	border-top: 1px solid #efefef;
	border-left: 1px solid #efefef;
	border-right: 1px solid #efefef;
}
.c-menu > li {
	list-style: none;
}
.c-menu > li > a {
	display: block;
	border-bottom: 1px solid #efefef;
	padding-top: 8px;
	padding-bottom: 8px;
	padding-left: 32px;
	padding-right: 32px;
	text-decoration: none;
}
.c-menu > li > a:hover, .c-menu > li > a.is-active {
	background: #cee0ec;
	color: #fff;
}
.c-navs-list > li {
	display: inline-block;
}
.c-navs-list > li > a {
	display: inline-block;
	padding: 0.5714rem 2.2857rem;
	background: #efefef;
	text-decoration: none;
	border-radius: 3px;
}
.c-navs-list > li > a:hover, .c-navs-list > li > a.is-active {
	background: #cee0ec;
	color: #fff;
}
.c-navs-list.is-expand > li > a {
	padding: 0.5714rem 4.5714rem;
}
*/
.c-page-header {
	width: 100%;
	max-width: 100%;
	padding-top: 4.5714rem;
	padding-bottom: 4.5714rem;
	background: #efefef;
	border-top: 1px solid #e2e2e2;
	border-bottom: 1px solid #e2e2e2;
	text-align: center;
}
.c-page-header.is-left {
	text-align: left;
}
.c-page-header.is-right {
	text-align: right;
}
.c-page-header__title {
	font-size: 2.5714rem;
}
.c-page-header__subtitle {
	font-size: 1.1429rem;
}

/*paging　現時点では設定していない*/
.post-navigation,
.paging-navigation {
	font-weight: 300;
	padding: 40px 0;
	color: #fff;
	background-color: #fff;
}
.post-navigation .nav-links,
.paging-navigation .nav-links {
	margin: 20px 0;
	/*display: flex;*/
	/*justify-content: space-between;*/
}
.post-navigation .nav-links a,
.paging-navigation .nav-links a {
	line-height: 1.7em;
	position: relative;
	display: inline-block;
	width: 300px;
	text-align: left;
	text-decoration: none;
	color: #333333;
	background: #ffffff;
    border-left: 1px solid #003399;
    border-bottom: 1px solid #003399;
    padding: 0px 0px 0px 10px;
    margin-right: 10px;
}
.post-navigation .nav-links a:after,
.paging-navigation .nav-links a:after {
	position: absolute;
	top: -7px;
	left: -7px;
	width: 300px;
	/*height: 100px;*/
	content: '';
	/*border: 1px solid #3c98d6;*/
}
@media screen and (max-width: 640px) {
	.post-navigation .nav-links a,
	.paging-navigation .nav-links a {
		display: block;
		margin-left: auto;
		margin-right: auto;
		margin-bottom: 24px;
	}
}
.post-navigation a[rel='next'] {
	float: right;
	text-align: left;
}
@media screen and (max-width: 640px) {
	.post-navigation a[rel='next'] {
		float: none;
	}
}
.paging-navigation .nav-previous {
	float: left;
}
.paging-navigation .nav-next {
	float: right;
}
@media screen and (max-width: 640px) {
	.paging-navigation .nav-previous {
		float: none;
	}
	.paging-navigation .nav-next {
		float: none;
	}
}
.pagination {
	font-weight: bold;
	overflow: hidden;
	clear: both;
	margin: 20px 0 80px 20px;
	text-align: center;
}
.pagination .page-numbers {
	display: inline;
	list-style: none;
}
.pagination a.page-numbers {
	color: #585858;
	background-color: #F6F6F6;
	display: inline-block;
	text-decoration: none;
	padding: 4px 10px;
}
.pagination span.current,
.pagination a.page-numbers:hover {
	color: #fff;
	background-color: #3c98d6;
	display: inline-block;
	text-decoration: none;
	padding: 3px 10px;
}
.c-post-item {
	display: -webkit-box;
	display: flex;
	width: 100%;
	padding-top: 14px;
	padding-bottom: 14px;
	border-bottom: 1px solid #ccc;
	padding-left: 1vw;
}
.c-post-item__title a {
	color: #333;
	-webkit-transition: all ease 0.2s;
	transition: all ease 0.2s;
}
.c-post-item__title a:hover {
	text-decoration: none;
}
.c-post-item__date {
	font-family: 'Roboto', sans-serif;
	padding-right: 3vw;
	letter-spacing: 0;
	position: relative;
}
.c-post-item__date:after {
	content: "";
	display: block;
	height: 15px;
	width: 1px;
	background: #ccc;
	-webkit-transform: skew(-15deg);
	-ms-transform: skew(-15deg);
	transform: skew(-15deg);
	position: absolute;
	right: 18px;
	top: 7px;
}
.c-post-list {
	margin-top: 0vh;
	margin-bottom: 0vh;
	padding: 6vh 6vw;
	border-top: 1px solid #ccc;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
	.c-post-list {
		padding-left: 0;
		padding-right: 0;
	}
}
.c-post-list__title {
	margin-top: 0;
	text-align: center;
	font-size: 1.7143rem;
	color: #333;
}
table {
	width: 100%;
	margin-bottom: 1.1429rem;
}
table > thead > tr {
	background: #3c98d6;
}
table > thead > tr > th {
	color: #fff;
	background: #3c98d6;
	padding: 14px 14px;
	/*border: 0px solid #ccc;*/
}
table > tbody > tr > th {
	background: #ffffff;
	color: #fff;
	padding: 14px 18px;
	/*border: 0px solid #ccc;*/
}
table > tbody > tr > td {
	border: 0px solid #fff;
	padding: 0.5714rem;
	padding: 14px 18px;
}

/*widget部分のカテゴリー一覧*/
.c-widget {
	margin-top: 28px;
	margin-bottom: 24px;
    padding: 0px 10px 0px 0px;
}
.c-widget__title {
	margin-top: 0;
    text-align: center;
}
.c-widget ul {
	border-top: 1px solid #ccc;
    color: #333;
    text-align: right;
}
.c-widget ul li {
	list-style: none;
}
.c-widget ul li a {
	display: block;
    color: #333;
	padding-top: 16px;
	padding-bottom: 0px;
    padding-left: 10px;
	text-decoration: none;
	position: relative;
	/*border-bottom: 1px solid #ccc;*/
	-webkit-transition: all ease 0.2s;
	transition: all ease 0.2s;
}
.c-widget ul li a:hover {
	color: #333;
    text-decoration: underline;
	/*border-color: #3c98d6;*/
}
/*
.c-widget ul li a:before {
	content: " › ";
	position: absolute;
	left: 16px;
	top: 50%;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}*/
.entry-title {
	margin-top: 0;
    color:#333;
}
.entry-title a{
    color:#333;
    text-decoration: none;
}
.entry-title a:hover{
    color:#333;
    text-decoration: underline;
}
/*category別一覧 アーカイブタイトル 共通*/
.archive-title {
	margin-top: 10px;
    margin-left: 10px;
    letter-spacing: 0.05;
    color:#333333;
    font-size: 2.5rem;
    line-height: 2.2;
    border-top: 1px solid #003399;
    border-bottom: 3px double #003399;
    padding: 0px;
    text-align: center;
    font-family: 'Kosugi', sans-serif;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
	.archive-title {
		margin-bottom: 0;
	}
}

/*各記事single設定*/
.c-post__title {
	font-size: 2.4rem;
	padding-bottom: 1.4286rem;
	border-bottom: 1px solid #ccc;
	margin-bottom: 3rem;
    padding: 0px 10px 0px 0px;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
	.c-post__title {
		font-size: 2rem;
	}
}

.c-post__meta {
	margin-top: 1.7143rem;
	padding: 8px 16px 8px 0px;
	background: white;
	font-family: 'Roboto', sans-serif;
	margin-bottom: 3rem;
}
.c-post__meta a {
	text-decoration: none;
}
.c-post__meta .entry-date {
	margin-right: 16px;
}

.c-post__content h2 {
	font-size: 2rem;
	margin-top: 5.7143rem;
    margin-bottom: 10rem;
	position: relative;
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
	.c-post__content h2 {
		font-size: 1.7143rem;
		margin-top: 2.8571rem;
	}
}
.c-post__content h2:before {
	content: "";
	width: 20vw;
	height: 6px;
	background: #cee0ec;
	left: -24vw;
	top: 50%;
	margin-top: -3px;
	position: absolute;
}

/*categoryラベル設定*/
.cat-links {
	margin-bottom: 8px;
}
/*.cat-links a {
	color: #fff;
	display: inline-block;
	text-decoration: none;
	padding-left: 16px;
	padding-right: 16px;
	letter-spacing: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1.6rem;
	margin-left: 8px;
    margin-top: 20px;
}*/

.cat-links a {
}
.cat-links a:first-child {
	margin-left: 0;
}
.entry-label{
    border-radius: 4px;
    color: #fff;
	display: inline-block;
	text-decoration: none;
	padding-left: 16px;
	padding-right: 16px;
	letter-spacing: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 1.6rem;
	margin-left: 8px;
    margin-top: 10px;
    margin-bottom: 10px;    
}
.entry-label a{
    text-decoration: none;
    color:#fff;
}
.entry-label a:hover{
    text-decoration: none;
    color:#fff;
}

/*tag　現時点では設定していない*/
.tags-links {
	padding-left: 16px;
}
.tags-links a {
	background: #ccc;
	color: #fff;
	display: inline-block;
	text-decoration: none;
	padding-left: 16px;
	padding-right: 16px;
	border-radius: 100px;
	letter-spacing: 0;
	padding-top: 2px;
	padding-bottom: 2px;
	font-size: 0.8571rem;
	margin-left: 8px;
}
.tags-links a:first-child {
	margin-left: 0;
}
.tags-links a:before {
	content: "#";
	font-style: italic;
	display: inline-block;
	margin-right: 3px;
}
.l-container {
	max-width: 1080px;
	margin-left: auto;
	margin-right: auto;
}
/*.l-container.is-sm {
	max-width: 800px;
	margin-left: auto;
	margin-right: auto;
}*/
/*.l-wrapper {
	padding-left: 3vw;
	padding-right: 3vw;
}*/
.l-main {
	padding-top: 4vh;
	padding-bottom: 8vh;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
	.l-main {
		padding: 4vw;
	}
}
.l-main.is-two-columns {
	width: calc(100% - 320px);
	float: left;
}
.l-container.is-flex {
	display: -webkit-box;
	display: flex;
	-webkit-box-pack: justify;
	justify-content: space-between;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
	.l-container.is-flex {
		flex-wrap: wrap;
	}
}
.l-contents {
	max-width: 67%;
	width: 100%;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
	.l-contents {
		max-width: 100%;
	}
}
.l-aside {
	max-width: 30%;
	width: 100%;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
	.l-aside {
		max-width: 100%;
	}
}
.l-section {
	padding-top: 5.7143rem;
	padding-bottom: 5.7143rem;
}
/* 投稿のスタイル*/
.c-post-archive .hentry {
	display: -webkit-box;
	/*display: flex;*/
	/*width: 100%;*/
    width: 500px;
	/*margin-top: 3vh;*/
    padding-top: 3vh;
	padding-bottom: 3vh;
	border-bottom: 1px solid #ccc;
}
@media screen and (min-width: 0em) and (max-width: 39.9375em) {
	.c-post-archive .hentry {
		flex-wrap: wrap;
        width: 360px;
	}
}
/*category別一覧 共通*/
.c-post-archive .hentry .entry-meta a {
	color: #999;
	text-decoration: none;
    font-size:1.6rem;
}
.c-post-archive .hentry .entry-content p {
	letter-spacing: 0;
	font-size: 1.6rem;
    display: none;
}
.c-post-archive .hentry .entry-title {
	margin-top: 10px;
	margin-bottom: 10px;
	font-size: 1.8rem;
    line-height: 1.4;
    letter-spacing: 0.1;
	padding-left: 0;
	padding-right: 0;
	background: none;
    font-weight: normal;
}
.hentry .entry-title a {
	text-decoration: none;
	color: #000033;
	-webkit-transition: all ease 0.2s;
	transition: all ease 0.2s;
}
.hentry .entry-title a:hover {
	text-decoration: underline;
}
.c-post-archive .hentry .hentry-thumbnail {
	flex-basis: 32%;
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
	.c-post-archive .hentry .hentry-thumbnail {
		flex-basis: 100%;
		margin-bottom: 0.5714rem;
	}
}
.c-post-archive .hentry .hentry-content {
	flex-basis: 56%;
	padding-left: 2.0vw;
}

@media screen and (min-width: 0em) and (max-width: 39.9375em) {
	.c-post-archive .hentry .hentry-content {
		flex-basis: 100%;
		padding-left: 0;
	}
}
/*
.screen-reader-text {
	border: 0;
	clip: rect(1px, 1px, 1px, 1px);
	clip-path: inset(50%);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
	word-wrap: normal !important;
}
*/

/*-------------------------
ここまで
--------------------------*/


/*xxx大＆中＆小画面*/

@media screen and (min-width: 320px) and (max-width: 767px){
.xxx{
}
}
@media screen and (min-width: 768px) and (max-width: 1178px){
.xxx{
}
}
@media screen and (min-width: 1179px) {
.xxx{
}
}