@charset "utf-8";

body {	background-color: white;	margin 0 ; margin-top: 0;}

.container {	max-width: 1100px;	margin: 0 auto;  margin-top: 0;}

.space { line-height: 1px;}

.bg_test-text { background-color: rgba(255, 255, 255, 0.7);     /* 背景色指定 */}
.bg_test { text-align:  center;    /* 文字中央寄せ */ padding:  0px;        /* 余白指定 */}
セレクタ { background-image: url(画像のパス);}
.bg_test-1 { background-image: url("image/b010.jpg");    /* 背景画像指定 */}
.bg_test-2 { background-image: url("image/b012.jpg");    /* 背景画像指定 */}

.top-2 {position: fixed; margin-top :0; }

main{ display: flex; min-height: 10vh; margin-bottom: 0px;}
.LeftContent{  flex: 1; background-color: white; margin-right: 0px;}
.CenterContent{ flex: 1; background-color: white; margin-right: 0px;}
.RightContent{ flex: 1; background-color: white;margin-right: 10px;}

.LeftContent-bun-01 { color: black; line-height: 1; margin-top: 15px; margin-left: 10px; font-weight :bold;}
.LeftContent-bun-02 { color: black; font-size: 20px; line-height: 1; margin-top: 5px; margin-left: 10px; font-weight :bold;}

.CenterContent-bun-01 { color: black; font-size: 25px; font-weight: bold; line-height: 1; margin-top: 20px;}
.CenterContent-bun-02 { color: black; font-size: 20px; font-weight: bold; line-height: 1; margin-top: 10px;}

.RightContent-bun-01 { color: black; line-height: 1; text-align :right; margin-top: 20px; margin-bottom: 0px;}

.main2{ display: flex; min-height: 10vh; margin-bottom: 0px;}
.bottomContent{ background-color: white; margin-right: 0px;}
.bottomContent-bun-01 {  flex: 1;color: black; line-height: 1; margin-top: 0px; margin-left: 10px; font-weight :bold; line-height: 2;}
.bottomContent-bun-02 {  flex: 1;color: black; font-size: 20px; line-height: 1; margin-top: 0px; margin-left: 10px; font-weight :bold; line-height: 2;}

.linknavi {	background-color: black;}
.global-nav { font-size: 30px;	width: auto; margin-bottom: 0px; margin-top: 0px; line-height: 10px;}
.nav-list {	margin: 0;	padding: 0;	text-align: center;}
.nav-item {	display: inline-block; padding: 20px 15px;}
.nav-item a:link { color: white; text-decoration: none;}
.nav-item a:visited {	color: #fff;}
.nav-item:hover {	background-color: #0000aa;}

.nav-item-01 {	display: inline-block; padding: 20px 15px;}
.nav-item-01 a:link { color: white; text-decoration: none;}
.nav-item-01 a:visited {color:#99CCFF ;}
.nav-item-01:hover {	background-color: #0000aa;}


.nav-item-01 {	display: inline-block; padding: 20px 15px;}
.nav-item-01 a:link { color: white; text-decoration: none;}
.nav-item-01 a:visited {color:#99CCFF ;}
.nav-item-01:hover {	background-color: #0000aa;}

strong{ font-weight: bold;}
b{ font-weight: bold;}

.app-1 { width: 1100px; display: flex; flex-direction: column;}

.header-1 { height: 50px; margin-bottom: 20px; margin-top :280px;}
.header-1-bun {font-size:35px; color: black;}

.main-1 { display: flex; flex-direction: row; flex-grow: 1;}
.sidebar-1 { width: 500px; margin-left: 0px;}
.content-1 { width :500px; display: flex; flex-direction: column; flex-grow: 1;}
.flex-content-1 { flex-grow: 1;}
.fixed-content-1 { }


.top-gazou {text-align: center;}

.logo-image01 {text-align: center;}

.wrapper-sidebar-1-bun { text-align: center;}
.sidebar-1-bun { display: inline-block; text-align: left;}
.sidebar-1-bun-01 { color: black; font-size: 25px; line-height: 1; margin-top: 30px;}
.sidebar-1-bun-02 { color: black; font-size: 25px; line-height: 1;}
.sidebar-1-bun-03 { color: black; font-size: 25px; line-height: 1;}
.sidebar-1-bun-04 { color: black; font-size: 25px; line-height: 1;}

.flex-content-1-bun-01 {font-size: 30px; color: black; margin-top: 0px;margin-bottom: 20px; }
.flex-content-1-bun-02 {font-size: 25px; color: black;}
.flex-content-1-bun-02-a {font-size: 25px; color: black;}

.set-gazou { text-align: center; width :600px;}
.logo-image02 {text-align: center; margin-bottom :10px;}
.flex-content-1-bun-03 { font-size: 30px; color: blue; text-align : center;}

.flex-content-1-bun-04 {font-size: 25px; color: black;}
.flex-content-1-bun-05 {font-size: 25px; color:}

.fixed-content-1-bun-01{font-size: 30px;}
.fixed-content-1-bun-02{font-size: 25px;}

.zeinuki { text-align : center;}

.app-2 { width: 1100px; display: flex; flex-direction: column;border:none}
.main-2 { display: flex; flex-direction: row; flex-grow: 1;border:none}
.sidebar-2 { width: 500px; margin-left: 0px;border:none}
.content-2 { width :600px; display: flex; flex-direction: column; flex-grow: 1;}
.flex-content-2 { flex-grow: 1;border:none}
.fixed-content-2 { border:none}

.sidebar-2-bun-01 { color: white; font-size: 30px; font-weight: bold; line-height: 2; background-color: black; border: 1px white;}
.sidebar-2-bun-02 { color: black; font-size: 25px; font-weight: bold; line-height: 1;}
.sidebar-2-bun-03 { color: black; font-size: 25px; font-weight: bold; line-height: 1;}
.sidebar-2-bun-04 { color: black; font-size: 25px; line-height: 1.5;}
.sidebar-2-bun-05 { color: black; font-size: 25px; line-height: 1.5;}
.sidebar-2-bun-06 { color: black; font-size: 25px; line-height: 1.5;}


.sidebar-2-template { margin-left:0px; margin-right:50px;}
.wrapper-sidebar-2 { display: flex; justify-content: space-around;}
.template-v-r-01 { float:left;  margin-top: 10px; margin-bottom:10px; margin-left:0px;}
.wrapper-sidebar-2-p { margin-top: 10px; text-align:center; margin-right:0px;}
.wrapper-sidebar-2-bun-01 { font-size: 20px;color: black;line-height: 1;}
.wrapper-sidebar-2-bun-02 { font-size: 25px;color: navy;}

.smpl-push {margin-top:0px; margin-left :50px;}

.flex-content-2-bun-00 { color: red; font-size: 30px; line-height: 2; margin-top: 0px; margin-bottom: 0px;}
.flex-content-2-bun-01 { color: black; font-size: 28px; font-weight: bold; line-height: 1; margin-bottom: 5px;}

.wrapper-flex-content-2-bun { text-align: center;}
.flex-content-2-bun { display: inline-block;text-align: left;}
.flex-content-2-bun-02 { color: black; font-size: 25px; line-height: 1; margin-top: 10px;}
.flex-content-2-bun-03 { color: black; font-size: 25px; line-height: 1.5;}
.flex-content-2-bun-04 { color: black; font-size: 25px; line-height: 1;}
.flex-content-2-bun-04-a { color: black; font-size: 16px; line-height: 1;}
.flex-content-2-bun-05 { color: black; font-size: 16px; font-weight: bold; line-height: 1;}
.flex-content-2-bun-06 { color: blue; font-size: 30px; font-weight: bold; line-height: 1; margin-top :30px;}
.flex-content-2-bun-07 { color: blue; font-size: 25px; font-weight: bold; line-height: 1;}
.flex-content-2-bun-08 { color: black; font-size: 16px; font-weight: bold; line-height: 1; margin-top: 10px; }
.flex-content-2-bun-09 { color: black; font-size: 25px; line-height: 1.5; margin-top: 10px;margin-bottom: 10px;margin-right: 10px;}

.wrapper-pants {display: flex; justify-content: space-around; margin-top: 0px; margin-bottom: 0px;}
.pants-gazou { float: left; margin-top: 20px;}

.fixed-content-2-bun-01 { color: black; font-size: 16px; line-height: 1; margin-top: 0px; margin-left :20px;}
.fixed-content-2-bun-02 { black: navy; font-size: 16px; line-height: 1; margin-top: 0px;}

.wrapper-bibs-inner { display: flex;}
.bibs-inner-p { margin-top: 50px; text-align:center;}
.donkey-01 { float:left;  margin-top: 10px; margin-left:30px;}
.g-long-01 { margin-top: 10px; margin-bottom: 20px; margin-right: 20px;margin-left:20px;}

.kiji { border: 0px solid chocolate;}
.kiji-bun { }
p.kiji-head { color: black; font-size: 30px; font-weight: bold; text-align: center; line-height: 2; margin: 0px;}
p.kiji-01 { font-size: 25px; color: black; text-align: center;  line-height: 0; margin-bottom: 20px;}

.kiji-base { background-color: black;  margin-left: 0px;margin-right: 0px; }
p.kiji-02 { font-size: 16px; color: #fff; text-align: center; margin: 15px;}
.wrapper-kiji {display: flex; justify-content: space-around;}
.d-r { margin-left: 10px;}
p.d-r { font-size: 22px; color: #fff; margin: 0px;}
.micro {margin-left: 20px;margin-right: 20px;  }
p.micro { font-size: 22px; color: #fff; margin: 0px;}
.satin { margin-right: 10px;}
p.satin { font-size: 22px; color: #fff; margin: 0px;}


p.susumekata {font-size: 16px; color: black; text-align: center; margin-top: 10px;}

p.bibs-head { color: blue; font-size: 20px; font-weight: bold; text-align: center; line-height: 2; margin: 0px;}
p.bibs-head-01 { color: blue; font-size: 20px; font-weight: bold; text-align: center; line-height: 1; margin: 0px;}

.wrapper-bibs {display: flex; justify-content: space-around;}
.donkey { margin-top: 20px; margin-left:30px;}
.windy { margin-top: 20px;}
.g-bibs { margin-top: 50px;}
.kiji-bibs { margin-right:30px;}

p.bibs { font-size: 18px; font-weight: 10; color: black;}

.wrapper-bibs-bun { text-align: center;}
.bibs-bun { display: inline-block; text-align: left;}
.bibs-bun-01 { color: black; font-size: 16px; line-height: 1; margin-top: 30px;}
.bibs-bun-02 { color: black; font-size: 16px; line-height: 1;}


p.inner-head { color: blue; font-size: 20px; font-weight: bold; text-align: center; line-height: 2; margin: 0px;}
p.inner-head-01 { color: blue; font-size: 20px; font-weight: bold; text-align: center; line-height: 1; margin: 0px;}

.wrapper-inner { display: flex; justify-content: space-around;}
.long-bk {float:left; margin-left: 20px; margin-top: 20px; margin-bottom: 20px;}
.inner-gazou {float:left; margin-left: 20px; margin-top: 30px; margin-bottom: 20px;}
.long-sax { float:left; margin-top: 20px; margin-bottom: 20px; margin-left: 20px;}
.g-long { float:left; margin-top: 40px; margin-bottom: 20px; margin-right: 20px;margin-left:20px;}
.inner-p { margin-top: 15px;}
.inner-kiji {display: flex;}
.inner-01 { overflow: left; font-size: 18px; font-weight: 10; color: navy; margin-right: 10px;}

.wrapper-inner-bun { text-align: center;}
.inner-bun { display: inline-block; text-align: left;}
.inner-bun { color: ; font-size: 16px; line-height: 1.5; margin-top: 0px;}


.sakuhin-head { color: blue; font-size: 30px; font-weight: bold; line-height: 1; margin-top: 10px;}

.wrapper-sakuhinrei { display: flex; justify-content: space-around; align-items: center; margin-left: 10px; margin-right: 10px; margin-bottom: 0px; margin-top: 0px;}
p.sakuhin { color: ; font-size: 22px;}
.logo-image03 { float: left;}

footer { text-align: center; margin: 100px 0 20px; font-size: 25px;}

