@charset "UTF-8";
* {
	margin:0; padding:0; 		/*全要素のマージン・パディングをリセット*/
}

	/* ▼画像サイト用のCSS */

/* body */
body {
	font-family: Segoe UI,SegoeUI,"Helvetica Neue",Helvetica,Arial,sans-serif;
	background-color: #FFDDDD  ;
}

header, nav, footer { display:block; }


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



/* サイト全体のコンテナ、幅は880px固定、左右均等空き */
.container 
{
	max-width: 880px;
	margin: 0 auto;
	background-color: #fff;
}


/* マルチカラム関連 */
.content  {			/* ヘッダ下のコンテンツ領域全体 */
	overflow-x: hidden;
}

.main
{
	width: 94%;		/* メイン領域、約827px */
	margin: 0 auto;
}
/* ▼画面サイズ（横幅）が599px以下の場合に適用 */
@media screen and (max-width: 599px) 
{
.main {
	width: 96%; 
	margin:0 auto;
}
}	/* ▲画面サイズ（横幅）が599px以下に適用,閉じる */



/* ヘッダー */
.pageheader 
h1 {
	padding:0.5em 0.6em 0.3em;	/*文字の上下 左右の余白*/
}


/* ページの基本デザイン用CSS */
h1 {
	font-size: 30pt;	/* 文字サイズ */
	color:#990033; 
	margin:5px 2px 10px 2px;
  	border-bottom: solid 10px #516ab6;/*下線*/
  	text-align: center;
}
/* ▼画面サイズ（横幅）が599px以下の場合に適用 */
@media screen and (max-width: 599px) 
{
h1 {
	font-size: 22pt;	/* 文字サイズ */
}
}	/* ▲画面サイズ（横幅）が599px以下に適用,閉じる */


h2 { 
	font-size:22pt; 
	line-height: 1.3em;
}

h3 { font-size:21pt; }

h4 {
	font-size:20pt; 
	line-height: 1.3em;
	margin: 0.8em 0.8em ;
}

h5 { font-size:18pt; }


.jporn 
p { 
	font-size:16pt; 
 	font-weight: 500;
	letter-spacing: 1px;
	line-height: 1.3;
	margin: 8px 0px ;
  padding: 1px 10px;
}


.font15 { font-size:15pt; }
.font13  { font-size:13pt ; }
.font12 {font-size:12pt; }

.color_firebrick { color: #b22222;}

.color_darkred { color: darkred;}

.fontnormal { font-weight: normal;}	/* 文字の太さをノーマルに */

#smalltwo {
  font-size: 12pt;
  text-align: center;
	margin: 0.3em;
}

.small80 {  font-size: 80%; }
.small90 {  font-size: 90%; }
.big110 {  font-size: 110%; }


/* 見出し関連 */

.title_bro		/* 良識女性でのタイトル 下に茶色線 */
h2 {
  margin:6px 8px;
  padding: 0.5em 0.5em 0.1em 0.3em;/*文字の上下 左右の余白*/
  color: #b22222;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px #b22222;
}

.title_bro		/* 良識女性でのタイトル 下に茶色線 */
p { 
	line-height: 1.4;
}



.navy_midasi
 { 
  margin-top:0.6em ;
  margin-right: 0.2em;
  margin-left: 0.2em;
	color: #516ab6;
	line-height: 1.3em;
}


.kasen_r
{  border-bottom: solid 5px red;/*下線*/ }


.title_gre
h2 {
  margin:6px 10px;
  padding: 0.5em 0.5em 0.1em 0.3em;/*文字の上下 左右の余白*/
  color: teal;/*文字色*/
  /*線の種類（点線）2px 線色*/
  border-bottom: dashed 2px teal;
}

/* リンク */

a,	/* リンク状態の装飾 */
a:link {
    color: #3585b7;
}
a:visited {
    color: #6252B7;
}
a:hover {
    text-decoration: none;
    color: firebrick;

}



 /*リスト*/
ol,ul { font-size: 16pt;}

ol  {
  margin: 0.9em 1.5em;
}

ul {
  margin: 0.9em 1.5em;
}

li {
  line-height: 1.4em;
}

.textcenter {text-align: center;}

.textright {text-align:right;}

.under_t {
	text-decoration: underline;
 }

.indenfb { padding-left: 1.5em; }


/* 左インデントで13pt */
.indent_left 
p {
	text-indent: 0.7em;
	font-size:13pt; 
 }


/* 画像表示関連 */

/* 画像 */
.image 		/* 全ての画像に対して */
{
	margin: 20px 0px ;
	overflow: auto;
}

.large_photo {
	max-width: 100%;
	margin-right: 5px;
	float: left;
}


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

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

.clearb { clear: both;}

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


/* 画像リンクを透過させる */
#throu
img:hover {
   opacity: 0.5;
}


/* 区切り線 */
.devide2p 
{
  border:  none;
  height: 2px;
  width: 100%;
  background-color: #c0c0c0;
  color: #ff0000;
}

.devideblue 
{
  border:  none;
  height: 2px;

  background-color: blue;
}


/* フッター 領域 */

#upperfooter {
	background-color: #E6E6FA
}
#upperfooter li {
    flex-grow: 1;
    flex-basis: auto;
    font-size: 10pt;
}
footer nav {
    width: 70%;
    margin: 0 auto;
}

.contentWrapper {
    width: 100%;
    margin: 0 auto;
    text-align: center;
    padding: 0.2em 0;
}
.contentWrapper 
ul {
    list-style-type: none;
}


#bottomfooter {
	background-color: #770000;
    text-align: center;
    margin-top: 0px;
}

#bottomfooter
 a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	border-bottom: dashed 1px;
}
#bottomfooter
 address {
	color: #FFFFFF;	    	/* 文字の色 */
	padding-top: 5px;
	padding-bottom: 10px;
	font-size: 11pt;
}

/* 上に戻るボタン */
.pagetop {
	color: #fff;
	background-color: rgba(247,102,23,0.3);
	text-decoration: none;
	display: none;
	position: fixed;
	bottom: 1rem;
	right: 1rem;
	font-size: 1.3rem;
	width: 2.6rem;
	height: 2.6rrem;
	line-height: 2.6rem;

	text-align: center;
	cursor: pointer;
}

.pagetop:hover {
	color: #fff !important;
	background-color: #f76617;
	text-decoration: none;
}

/*** adjust parts ***/
.flex {
    display: flex;
}