@charset "UTF-8";

/* body */
body {
	color:#1a1a1a;
	background-image:url(imag/bg100.jpg)  ;
	font-family:'メイリオ', Meiryo, 'ヒラギノ角ゴ Pro W3', 'Hiragino Kaku Gothic Pro', 'ＭＳ Ｐゴシック', sans-serif;
}

/* ▼画面サイズ（横幅）が599px以下の場合に適用 */
@media screen and (max-width: 599px) 
{
html {box-sizing: border-box;}
img {
	border: 0;
	max-width:100%;
	height: auto;
}
}	/* ▲画面サイズ（横幅）が599px以下に適用,閉じる */


/* サイト全体のコンテナ、幅は984px固定、左右均等空き */
.container {
	max-width: 984px;
	margin: 0 auto;
	background-color: #ffffff;
}
/* ▼画面サイズ（横幅）が599px以下の場合に適用 */
@media screen and (max-width: 599px) 
{
.container {
	width: 100%; 
	margin:0 auto;
}
}

/* マルチカラム関連 */
.contents
 {
	width: 100%;
	overflow: auto;
}

.main {
	float: left;
	width: 73%;
	padding-top: 15px;
	padding-bottom: 2px

}
/* ▼画面サイズ（横幅）が599px以下の場合に適用 */
@media screen and (max-width: 599px) 
{
.main {
	width: 96%; 
	margin:0 auto;
}
}

/* header */
header {
    background-image: url(imag/header1000_190.png);
    height: 170px;
    background-size: cover;
    background-repeat: no-repeat;
    position: relative
}

.contentWrapper {
    width: 75%;
    margin: 0 auto;
    text-align: center;
    padding: 1.5rem 0;
}

header .contentWrapper {
    padding-top: 2.3rem;
}

h1 {
    font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", 
                 "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
    color: #ffffff;
    font-size: 2.5rem;
    letter-spacing: 0.2em;
    text-shadow:
    steelblue 1px 1px 10px, steelblue  -1px 1px 10px,
    steelblue  1px -1px 10px, steelblue  -1px -1px 10px;
    margin: 0;
}
h1 a {
	text-decoration: none;	/* リンクの下線を消す */
	color:#ffffff;
}
h1 a:hover { color:#add8e6; text-decoration:none; background-color:transparent; }

header .hd_message
h2 {
    font-size: 1.4rem;
    margin:4px 0px 12px 0px;
    color: steelblue;
    text-shadow:
    #ffffff 1px 1px 10px, #ffffff -1px 1px 10px,
    #ffffff 1px -1px 10px, #ffffff -1px -1px 10px;
}


/* ▼画面サイズ（横幅）が最大769pxまでの場合に適用 */
@media screen and (max-width: 769px) 
{
header {
    height: 150px;
}

header .contentWrapper  
h1 {
    font-size: 2.2rem;
}
    
header .hd_message
h2 {
    font-size: 1.4rem;
        margin: 0.3rem 0.5rem;
    }
}	/* ▲画面サイズ（横幅）が最大768pxまでの場合に適用,閉じる */


/* ▼画面サイズ（横幅）が599px以下の場合に適用 */
@media screen and (max-width: 599px) 
{
    header {
    height: 150px;
}
    
  header .contentWrapper  {
    width: 97%;
          padding-top: 0.1rem;
}
    
    header .contentWrapper 
h2 {
    font-size: 1.1rem;
    margin: 0.5rem ;
    padding: 0 1.5rem;
    line-height: 1.6rem;
    }
}	/* ▲画面サイズ（横幅）が599px以下に適用,閉じる */


/* ▼画面サイズ（横幅）が379px以下の場合に適用 */
@media screen and (max-width: 379px) 
{
    header {
    height: 140px;
}
    
header .contentWrapper  {
    width: 97%;
    padding-top: 1.0rem;
}

header .contentWrapper 
h1 {
	 font-size: 1.4rem;
	 letter-spacing: 0.03em;
}

    header .contentWrapper 
h2 {
    font-size: 1.1rem;
    margin: 0.5rem 1.0rem;
    line-height: 1.6rem;
    }
    
}	/* ▲画面サイズ（横幅）が 379px以下に適用,閉じる */



/* ヘッダ下のメッセージ欄 */
#message {
    margin: 0 auto;
	background-color: ivory;
}

#message > .contentWrapper {
    width: 65%;
    padding:0.6rem 0;
}

#message > .contentWrapper 
h2 {
    font-size: 1.3rem;
    letter-spacing: 0.2em;
    color: #515151;
    margin: 0.5rem 0 0.5rem ;
    padding-bottom: 1px;
}

.hdboxline {
    border-style: none none solid;
    border-color: #1e90ff; /*タイトル下線 */
    border-width: 3px;
    padding-bottom: 3px;
}

#message  p {
    font-size: 1.2rem;  
    line-height: 1.8rem;
    margin-top: 0.5rem;
    margin-bottom: 0;
    padding: 2px 10px 0px;
    font-weight: bold;
    color: #515151;
        text-align: left;
}

/* ▼画面サイズ（横幅）が最大769pxまでの場合に適用 */
@media screen and (max-width: 769px) {
#message  
    p {
    font-size: 1.1rem;  
    line-height: 1.5rem;
}
}	/* ▲画面サイズ（横幅）が最大768pxまでの場合に適用,閉じる */


/* ▼画面サイズ（横幅）が599px以下の場合に適用 */
@media screen and (max-width: 599px) {
#message > .contentWrapper 
{    
    width: 90%;
}
#message > .contentWrapper 
h2 {
    font-size: 1.2rem;
    margin: 0.8rem 0.5rem 0.5rem ;
}

#message  
p {
    font-size: 1.0rem;  
    line-height: 1.4rem;
}
}

/* ▼画面サイズ（横幅）が379px以下の場合に適用 */
@media screen and (max-width: 379px) {
 #message > .contentWrapper 
{    
    width: 100%;
}
    #message > .contentWrapper 
h2 {
    font-size: 1.1rem;
    margin: 0.8rem 1.3rem 0.5rem ;
}
    
 #message  
p {
    margin: 0.5rem 0.8rem 0.2rem ;
}
}


/* 文字の属性 */
h2 { font-size:18pt;}
h3 { font-size:16pt; margin:12px 5px;}
h4 {
	font-size:15pt; 
	line-height: 1.5;
	margin:12px 5px;
}

h5 { font-size:14pt; }

p { padding-left: 10px;}


/* マルチカラム関連 -メイン以外 */
.sidebar {
	float: right;	/* サイドバー */
	width: 23%;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 30px;
}
/* ▼画面サイズ（横幅）が599px以下の場合に適用。サイドバー */
@media screen and (max-width: 599px) 
{
.sidebar { 
	width: 92%; 
	min-width: 200px;
}
}


/* コンテンツ */

.font15 { font-size:15pt; }

.font13  { font-size:13pt; }

.font12 {font-size:12pt; }

.color_firebrick { color: #b22222;}

.color_darkred { color: darkred;}


#smalltwo {
  font-size: 11pt;
  text-align: center;
	margin-top: 12px;
}

.small95 {  font-size: 95%; }
.small90 {  font-size: 90%; }
.big110 {  font-size: 110%; }


/* ページの基本デザイン用CSS */
/* リンク */
a       { color:#0000FF; text-decoration:underline; }
a:hover { color:#aa0000; text-decoration:none; background-color:#ffcc99; }

 /* 区切り線のリセット */
hr {
  height: 0;
  margin: 0;
  padding: 0;
  border: 0;
}

 /*リスト*/
ol {
  padding: 1px 1px 1px 20px;
}

ul {
  padding: 1px 1px 1px 20px;
}

.textcenter {text-align: center;}

.textright {text-align:right;}


/* home */
.repo14pt { 		/* homeや論文で使うコンテナ14ポイント */
	padding-left: 24px;
	padding-right: 12px;	
}

.repo14pt 
p { 
	font-size:14pt; 
 	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1.4em;
	margin: 0.7em 0em;
}

/* homeでのお知らせ区切り線 */
.infohome
hr {
    margin: 1.2em 0.8em 0;
    
  border-top: 2px solid #1e90ff;
  height: 1em;
  text-align: center;
  overflow: visible;
}
.infohome
hr::after {
  content: "お知らせ (7/8, 2021)";
  background: #fff;
  display: inline-block;
  height: 2em;
  line-height: 2em;
  position: relative;
  top: -1em;
  padding: 0 1em;
}

#gondanblog 	/* 言断の表示枠 14ポイント */
h2 {
  text-align: center;
  margin: 20px 0px 20px 0px;
  background: #fff0f5;
  box-shadow: 0px 0px 0px 5px #fff0f5;
  border: dashed 1px #8b0000;
  padding: 0.2em 0.5em;
  color: #454545;
}

#gondanblog 
h3 {
	border-bottom: double 5px blue;  /*線の種類（二重線）太さ 色*/
	margin: 15px 5px 5px 10px;
	padding: 0 15px;
}
#gondanblog
p {
	font-size:14pt; 
	letter-spacing:0.04em ;
	line-height: 1.6;
  margin: 15px 2px 5px 6px;
}
/*言断の日付右寄せ*/
.date_right {
	float: right;
	font-size: 13pt;
	font-weight: normal;
	margin: 0px 10px 10px 0px;
 }


/* 私の体験 */
.taiken
 { 
	padding-left: 20px;
	padding-right: 12px;	
}
.taiken
h2 { margin: 1.3em 0.5em 1.0em;}
.taiken
h4 { margin: 1.2em 0.3em 0.3em 0.7em;}

.taiken
p { 
	font-size:13pt; 
 	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1.5;
	margin: 10px 6px ;
}
.taiken_h2
{
  color: deeppink;/*文字色*/
  border: solid 3px deeppink;/*線の色*/
  padding: 0.1em 5.0em;/*文字周りの余白*/
  border-radius: 0.5em;/*角丸*/
}
/* レスポンシブ用CSS */
@media screen and (max-width:599px) {
.taiken_h2
{ padding: 0.1em 2em ; }
}

.taiken
li {
  line-height: 1.5em;
	font-size:13pt; 
	margin: 8px 5px 8px 20px;
}

.navy_midasi	/*紺色の 見出し*/
 { 
	color: #364e96;
  padding: 0.1em 0.5em 0.1em 0.1em;	/*文字の上下 左右の余白*/
}
.taiken_navy	  /*線の種類（点線）2px 紺色*/
 {
  margin: 0.1em 0.5em 0.8em 0.3em;
  padding: 0.1em 0.5em 0.05em 0.3em;	/*文字の上下 左右の余白*/
  color: #364e96;	/*文字色は紺色*/
  border-bottom: dashed 2px #364e96;
}


 /*リスト*/
.repo14pt 
ul {
  padding-right: 1px;
  padding-bottom: 1px
  padding-left: 20px;
}
.repo14pt 
li {
  line-height: 1.3em;
	font-size:14pt; 
	margin: 8px 22px;
}


.indent_left 
p {
	text-indent: 0.7em;
	font-size:13pt; 
 }

.indenfb { padding-left: 1.0em; }

.underline_r
{
   text-align: right;
   border-bottom: 1px solid gray;
   padding-bottom: 2px; /* 内容と線との間隔量 */
}


#banner	/* ホームで使用,両端が赤のバナータイプ */
h2 {
	text-align: center;
	margin: 0.5em 0 0.7em;
	padding: 0.4em 0.2em 0.1em;/*上下と左右の余白*/
	border-style: solid ;
	border-width: 1px 7px 1px 7px ;/*左と右端付せん型*/
	border-color: #d10000 ;
}


.prote		/* 抗議活動のコンテナ15ポイント */
 { 
	padding-left: 26px;
	padding-right: 16px;	
}

.prote
p, dl {
	font-size:14pt; 
	letter-spacing:0.04em ;
	line-height: 1.5;
    margin: 5px  5px 5px 1px;
	padding: 2px 3px;
}

.banner_prote	/* 抗議活動,両端が赤のバナータイプ */
h2 {
	text-align: center;
	margin: 0.5em 0 0.7em;
	padding: 0.4em 0.2em 0.1em;/*上下と左右の余白*/
	border-style: solid ;
	border-width: 2px 13px ;/*左と右端付せん型*/
	border-color: #d10000 ;
}

.banner_prote02
h2 {
	text-align: center;
	margin: 0.5em 0 0.7em;
	padding: 0.3em 0.2em 0;/*上下と左右の余白*/
	border-style: solid ;
	border-width: 2px 9px ;/*左と右端付せん型*/
	border-color: blue;
}

.bottom0
{
    margin-bottom: 0;
    padding-bottom: 0;
}
.top0
p {
    margin-top: 0;
    padding-top: 0;
}

.prote_book
h2 {
  border-bottom: solid 4px blue;      /* 線の種類（実線） 太さ 色 */
	margin: 25px 10px 3px;
    padding-left: 12px;

}
.prote_book
p  {  
	margin-top: 2px;
	font-size:14pt; 
}


/* 情報ページ用１３ポイント */
.info13pt { 
	padding-left: 20px;
	padding-right: 12px;	
}

.info13pt 
p { 
	font-size:13pt; 
 	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1.5;
	margin: 10px 10px ;
}

.info13pt 
h2 {
  text-align: center;
  margin:20px 2px 20px 2px;
  padding: 0.2em 0.5em 0em 0.8em;/*文字の上下 左右の余白*/
  color: #010101;/*文字色*/
  background: #eaf3ff;/*背景色*/
  border-bottom: solid 5px #516ab6;/*下線*/
}

.info13pt 
h3 { 
font-size:15pt; 
margin-left: 14px;
}

.info13pt 
h4 { 
font-size:14pt; 
margin-left: 14px;
}

.info13pt 	/* 情報ページ用でのリスト */
ol {
  padding: 1px;
	margin: 15px 10px 15px 20px;
}
.info13pt 
li {
  line-height: 1.5em;
	font-size:13pt; 
	margin: 8px 5px 8px 20px;
}


.font12_inbox {
	font-size:12pt; 
	letter-spacing:0.02em ;
	margin-top: 30px;
	margin-bottom: 20px;
}

.under_t {
	text-decoration: underline;
 }


/* 皆様ページ用１３ポイント */
.every13pt { 
	padding-left: 20px;
	padding-right: 12px;	
}

.every13pt
p { 
	font-size:13pt; 
 	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1.5;
	margin: 10px 10px ;
}

.every_h2orange   /* 女性器との遭遇でのタイトル 下にオレンジ線 */
h2 {
	width: 500px;
	text-align: center;
	margin:20px auto;
 	color: #C71585;/*文字色*/
  	border-bottom: dashed 2px #C71585;
}
 /* ▼画面サイズ（横幅）が599px以下の場合に適用 */
@media screen and (max-width: 599px) 
{
.every_h2orange  /*見出し 上下紺の線 中 whitesmoke 幅 600 */
h2 {  width: 95%; }
}


.voice_questm_h2	  /* 母親に性器をでのタイトルh2 ロイヤルブルー */
h2 {
	width: 500px;
	text-align: center;
	margin:20px auto;
 	color: #4169e1;/*文字色*/
  	border-bottom: dashed 2px #4169e1;
}
 /* ▼画面サイズ（横幅）が599px以下の場合に適用 */
@media screen and (max-width: 599px) 
{
.voice_questm_h2 /*見出し 上下紺の線 中 whitesmoke 幅 600 */
h2 {  width: 95%; }
}


/* 画像表示関連 */
.clearb { clear: both;}		/* フロートの解除 */

#banner680 
img {
max-width: 100%;
	width:680px;
	margin: 2rem auto;
	display:block; / *ブロック化重要！ */
}

#banner680 
img:hover {
	opacity: 0.6; /* 50％ほど透過させる */
}


 /* 本の検索できます リンク */
#banner220 
img {
	display: block; /* ブロック化重要！ */
}

#banner220 
img:hover {
	opacity: 0.5; /* 50％ほど透過させる */
}


 /* サイドバーのバナーを横210pxで表示したリンク */
.banalink img {
	width: 210px; /* 画像の横幅に合わせる */
	height: 267px; /* 画像の高さに合わせる */
}
.banalink
img {
	display: block; /* ブロック化重要！ */
}
.banalink :hover {
	opacity: 0.5;
}


 /* RSS画像に リンクを設定 */
.haba80 
img {
	width: 80px; /* 画像の横幅に合わせる */
	height: 27px; /* 画像の高さに合わせる */
        margin-bottom: 18px;
}

.haba80 
a {
    width: 80px; /* 画像の横幅に合わせる */
	height: 27px; /* 画像の高さに合わせる */
            margin-bottom: 18px;
        	display: block; /* ブロック化重要！ */
}

.haba80 
a:hover {
	opacity: 0.5;
}



	 /* 単純な幅広画像の表示 */
.img680
img {
	max-width: 100%;
	width:680px;
	margin: 15px auto;
}

/* 画像の左に文 */
.img_left 
img {
	float: left;
	margin:5px 18px 5px 5px;
}

/* ▼画面サイズ（横幅）が599px以下の場合に適用 */
@media screen and (max-width: 599px) 
{
.img_left 
img {
	float: none;
}
}	/* ▲画面サイズ（横幅）が599px以下に適用,閉じる */



/* 上に戻るボタン */
#page_top{
width: 40px;
height: 40px;
position: fixed;
right: 12px;
bottom: 15px;
background: #f76617;
opacity: 0.4;
}
#page_top a{
position: relative;
display: block;
width: 40px;
height: 40px;
text-decoration: none;
}

#page_top a::after{
content: '▲';
font-size: 18px;
font-weight: bold;
color: #fff;
position: absolute;
top: 9px;
bottom: 0;
right: 0;
left: 0;
margin: auto;
text-align: center;
}