﻿#header {
	height: 80px;
	width: 1100px;
	margin-bottom: px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	
	background-repeat: no-repeat;
}
.b-les{
    border-width: 0px!important;
    border-style: none!important;
}
#wrapper {
	width: 1100px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
.story{
	display: flex;
}
.c-bun{
	height: 200px; font-size: 14px;
}
.ph{
	width: 260px; height:200px; margin-right: 25px;
}
.cen{
	text-align: center;
}



.bold{font-size: 1.5rem;
	
}
audio{width: 200px;
	height: 30px;
margin-bottom: 0px;	
}
.waku5{
	witdh: 240px;
	height:290px;
	overflow: auto;
	
}
#navi ul {
	list-style-type: none;
}
#navi ul li {
	display: inline;
}
#navi {
	height: auto;
	background-color: #E1DEDE;
	text-align: left;
	line-height: 30px;
	padding-left: 40px;
	margin-top: 2px;
	margin-bottom: 24px;
}
* {
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	padding-top: px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	float: none;
}
.vi {
    width: 47%;
    float: left;
    margin-right: 2%;
    margin-bottom: -5px;

}
.vi2 {
    width: 32%;
    float: left;
    margin-right: 1%;
    margin-bottom: 30px;
    height: 300px;

}

#navi ul li a {
	font-size: 14px;
	text-decoration: none;
	border-right: 1px solid #A3A3A3;
	padding-right: 15px;
	margin-right: 15px;
	color: #171717;
}
#navi ul li a:hover  {
	font-size: 14px;
	text-decoration: none;
	border-right: 1px solid #A3A3A3;
	padding-right: 15px;
	margin-right: 15px;
	color: #FC0B0F;
}
#navi ul .line {
	border-left: 1px solid #929090;
	padding-left: 15px;
}
#wrapper .navi-sub {
	height: 30px;
	background-color: #B0F3BE;
	text-align: center;
	line-height: 30px;
}
#wrapper .navi-sub ul {
	list-style-type: none;
}
#wrapper .navi-sub ul li {
	display: inline;
}
#wrapper .navi-sub ul li a {
	text-decoration: none;
	color: #000000;
	margin-right: 15px;
	border-right: 1px solid #706E6E;
	padding-right: 15px;
}
#wrapper .navi-sub ul li a:hover  {
	text-decoration: none;
	color: #F1080C;
	margin-right: 15px;
	border-right: 1px solid #706E6E;
	padding-right: 15px;
}




#main {
	width: 860px;
	height: auto;
	float: right;
	background-color: #FFFFFF;
	padding-bottom: 30px;
	clear: both;
	padding-left: 20px;
}
#main h2 {
	color: #ED8C20;
	font-size: 24px;
	text-align: center;
}

#sidebar {
	width: 200px;
	height: auto;
	background-color: #FFFFFF;
	float: left;
	padding-bottom: 30px;
	margin-top: 0px;
	margin-left: 10px;
	padding-top: 0px;
	margin-bottom: 0px;
}
#main .photo {
	width: 260px;
	height: 350px;
	float: left;
	margin-bottom: 25px;
	border: 1px solid #D3D3D3;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 5px;
	margin-right: 10px;
}
#main .photo7 {
	width: 390px;
	height: 500px;
	float: left;
	margin-bottom: 25px;
	border: 1px solid #D3D3D3;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-right: 10px;
}

#main .photo2 {
    width: 190px;
    height: 300px;
    float: left;
    margin-bottom: 25px;
    border: 1px solid #D3D3D3;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-right: 10px;
}
#main .photo4 {
    width: 200px;
    height: 300px;
    float: left;
    margin-bottom: 25px;
    border: 1px solid #D3D3D3;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-right: 10px;
}
#main .photo5 {
    height: 300px;
    float: left;
    margin-bottom: 25px;
    border: 1px solid #D3D3D3;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-right: 10px;
    width: 190px;
}
#main .photo6 {
    height: 300px;
    float: left;
    margin-bottom: 25px;
    border: 1px solid #D3D3D3;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-right: 10px;
    width: 145px;
}
#main .photo3 {
    width: 200px;
    height: 300px;
    float: left;
    margin-bottom: 25px;
    border: 1px solid #D3D3D3;
    padding-top: 5px;
    padding-right: 5px;
    padding-bottom: 5px;
    padding-left: 5px;
    margin-right: 10px;
}

#main .photo {
	width: 260px;
	height: 350px;
	float: left;
	margin-bottom: 25px;
	border: 1px solid #D3D3D3;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-right: 10px;
}
#main .photo_size {
	width: 125px;
	height: 125px;
	float: left;
	margin-bottom: 25px;
	border: 1px solid #D3D3D3;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-right: 10px;
}
#main .photo-waku {
	width: 215px;
	height: 327px;
	float: left;
	margin-bottom: 15px;
	padding-top: 30px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 30px;
	margin-right: 10px;
	background-image: url(img/waku.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
}
#main .photo-waku2 {
	width: 215px;
	height: 327px;
	float: left;
	margin-bottom: 15px;
	padding-top: 30px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 30px;
	margin-right: 10px;
	background-image: url(img/waku2.jpg);
	background-repeat: no-repeat;
	margin-top: 20px;
}
#main .photo-waku4 {
    width: 215px;
    height: 300px;
    float: left;
    margin-bottom: 0px;
    padding-top: 30px;
    padding-right: 25px;
    padding-bottom: 5px;
    padding-left: 15px;
    margin-right: 10px;
    background-repeat: no-repeat;
    margin-top: 20px;
    background-image: url("img/waku6.jpg");
}
#main .photo-waku5 {
    width: 250px;
    height: 300px;
    float: right;
    margin-bottom: 0px;
    padding-top: 0px;
    padding-right: 15px;
    padding-bottom: 5px;
    padding-left: 0px;
    margin-right: 0px;
    background-repeat: no-repeat;
    margin-top: 0px;
    background-image: url("img/waku6.jpg");
}
#main .photo-wakutop {
	width: 225px;
	height: 327px;
	float: left;
	margin-bottom: 15px;
	padding-top: 30px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 15px;
	margin-right: 10px;
	background-repeat: no-repeat;
	margin-top: 20px;
	background-image: url(img/wakucherry.jpg);
}
#main .photo-wakutop2 {
	width: 185px;
	height: 246px;
	float: left;
	margin-bottom: 15px;
	padding-top: 112px;
	padding-right: 25px;
	padding-bottom: 5px;
	padding-left: 50px;
	margin-right: 10px;
	background-repeat: no-repeat;
	margin-top: 20px;
	background-image: url(img/obi2.png);
}
#main .photo-waku4 .waku,#main .photo-waku2 .waku,#main .photo-wakutop .waku ,.waku {
	width: 250px;
	height: 230px;
	overflow: auto;
	
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}

.red {
	color: #FB0509;
}


#main .photo p {
	font-size: 14px;
	margin-top: 1em;
	color: #000000;
}
#footer  {
	width: 70%;
	height: 50px;
	clear: both;
	background-color: #EFE3E3;
	text-align: center;
	line-height: 50px;
	color: #000000;
	font-size: 12px;
	margin-right: auto;
	margin-left: auto;
}
#main .class {
	width: 350px;
	height: 240px;
}
#main .affiri {
	width: 350px;
	height: 55px;
	float: left;
	margin-bottom: 15px;
	margin-right: 40px;
	margin-left: 40px;
	margin-top: 15px;
}
#sidebar .guide  {
	width: 200px;
	height: 84px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border: 1px solid #B7B5B5;
	margin-bottom: 8px;
	margin-top: 2px;
}
#sidebar .guidea  {
	width: 200px;
	height: 65px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border: 1px solid #B7B5B5;
	margin-bottom: 4px;
	margin-top: 6px;
}
#sidebar .guide2  {
	width: 194px;
	height: 260px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border: 1px solid #B7B5B5;
	margin-bottom: 8px;
}
#sidebar .guide5  {
	width: 194px;
	height: 260px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	margin-bottom: 15px;
	border: 1px solid #B7B5B5;
	margin-top: 15px;
	background-image: url(img/side_photo/trip2.jpg);
	background-repeat: no-repeat;
	background-position: 20px 0%;
	position: relative;
}
#sidebar .guide4  {
	width: 200px;
	height: 70px;
	padding-top: 200px;
	padding-bottom: 10px;
	border: 1px solid #B7B5B5;
	clear: both;
	margin-bottom: 15px;
	text-align: center;
	background-image: url(img/side_photo/flower3.jpg);
	background-repeat: no-repeat;
	background-position: center center;
}
#sidebar .guide10  {
	width: 200px;
	height: 270px;
	border: 1px solid #B7B5B5;
	clear: both;
	margin-bottom: 15px;
	text-align: center;
}
#sidebar .guide12  {
	width: 200px;
	height: 100px;
	border: 1px solid #B7B5B5;
	clear: both;
	margin-bottom: 15px;
	text-align: center;
}
#sidebar .guide4 p {
	font-size: 16px;
	font-weight: bold;
	color: #FD064B;
}
.guide4 p a {
	color: #FB060A;
	text-decoration: none;
}
a {
	text-decoration: none;
}

.guide4 p a:hover  {
	color: #8E9A1E;
}


#sidebar .guide3  {
	width: 194px;
	height: 53px;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border: 1px solid #B7B5B5;
	margin-top: 15px;
	clear: both;
}
#sidebar .guide p {
	color: #000000;
	font-size: 11px;
}


#sidebar  p {
     color: #000000;
	 font-size: 11px;
}
	

.ph_left {
	float: left;
	margin-right: 1em;
}
.ph_right {
	float: right;
	margin-left: 1em;
}
.red {
	color: #F80409;
	font-weight: bold;
}
.blue {
	color: #1924E7;
	font-weight: bold;
}


#main .affiri2 {
	height: 70px;
	width: 468px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 20px;
	text-align: center;
}



.clear  {
}
#wrapper {
	margin-top: 0px;
}
#wrapper #main .life p {
}
#wrapper #main .life p {
	font-size: 16px;
	margin-left: px;


}
#main #photo_box p {
	margin-bottom: 1em;
	margin-left: 6px;
	clear: both;
	text-align: center;
}
#wrapper #main #photo_box img {
	margin-right: 10px;
}
#photo_box {
	width: 260px;
	height: auto;
	float: right;
	margin-right: 15px;
	text-align: center;
}
#photo_boxc {
	width: 125px;
	height: auto;
	margin-right: 0px;
	margin-left: 0px;
	float: right;
	text-align: center;
	padding-left: 40px;
}
#photo_box2 {
	width: 260px;
	height: auto;
	float: left;
	margin-right: 30px;
	text-align: center;
}
#main .life p {
	font-size: 14px;
	margin-bottom: 2em;
}
.ph-left {
	float: left;
	margin-right: 2em;
}
.ph-right {
	float: right;
	margin-left: 2em;
}
.red-bold {
	color: #F96E03;
	font-weight: bold;
}
#main .photo {
	margin-bottom: 0px;
	margin-right: 0px;
	padding-bottom: px;
}
#wrapper #main .photo {
	margin-right: 0px;
	margin-bottom: 15px;
	margin-top: 20px;
}
#wrapper #main .vide {
	width: 530px;
	height: 300px;
}

#wrapper #sidebar .affri a img {
	margin-top: 20px;
}
#main .photo p1 {
	margin-top: 0px;
}
.blue {
	color: #1309F5;
}
.pink {
	color: #F83A98;
}
.black {
	color: #230514;
}
#photo_box audio {
	width: 260px;
	height: 30px;
}
#sidebar .guide5 p {
	position: absolute;
	left: 32px;
	top: 46px;
}
#sidebar .affri {
	margin-bottom: 15px;
}
#sidebar .affri2 {
	margin-bottom: 15px;
	height: 60px;
	width: 120px;
}
#sidebar .affri3 {
	margin-bottom: 15px;
	height: 125px;
	width: 125px;
}
#sidebar .affri3c {
	margin-bottom: -4px;
	height: 125px;
	width: 125px;
	margin-top: 5pix;
}
#sidebar .affri4 {
	margin-bottom: 10px;
	height: 110px;
	width: 125px;
	display: block;
}

/*-----------------写真の上にコードを貼る------------------*/

#sidebar .affri-2 {
	margin-bottom: 15px;
	background-image: url(img/side_photo/shoes1.jpg);
	width: 190px;
	height: 93px;
	text-align: center;
	padding-top: 60px;
	font-weight: bold;
	font-size: 18px;
	color: #FF5B5E;
}

/*-------------文字の色コード-------------------------------*/
#sidebar .affri-2 p {
	color: #F0399A;
}


.photo p a {
	font-size: 14px;
}
.photo p a:hover  {
	font-size: 14px;
	color: #F9060A;
}
#main .photo .ph {
	text-align: center;
	width: 70%;
	padding-top: 15px;
	padding-bottom: 15px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #CCCCCC;
}
#main h1 {
}
.pink2   {
	color: #EC146B;
}

#main .life .box {
	width: 540px;
	height: 175px;
	float: left;
	margin-bottom: 17px;
}
 .moji {
	width: 500px;
	height: 175px;
	 overflow: auto;
	 padding-right: 2rem;
	 margin-bottom:60px;
	
}
.moji5 {
	width: 210px;
	height: 200px;
	 overflow: auto;
	 padding-right: 2rem
	
}
.vide {
}
.small {
	font-size: 13px;
}
.flower {
	background-image: url(img/flowergd.png);
	background-repeat: no-repeat;
	background-position: center center;
	color: #FFFFFF;
}
.flower a {
	color: #FFFFFF;
	font-weight: bold;
}

.flower p  {
	color: #FFFFFF;
}
.shiro {
	color: #3B3636;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-top: 9px;
}
.shiro a {
	color: #3B3636;
	margin-left: auto;
	margin-right: auto;
	padding-left: 24px;
	padding-top: 9px;
}
.photo.vide video {
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
}
#main .photo.vide p {
	margin-top: 0em;
}
.img-center {
}
#sidebar .guide5 p a {
	font-size: 14px;
	line-height: 21px;
	color: #0E1AF8;
}
.back-ph {
}
#main .photo.back-ph {
	background-image: url(img/hydrangead.jpg);
	background-repeat: no-repeat;
	position: relative;
}
#main .photo.back-ph p {
	position: absolute;
	color: #FFFFFF;
	font-size: 18px;
	font-weight: bold;
	top: 206px;
	left: 10px;
	text-shadow: 6px 10px 12px #000000;
}
#main .photo-wakutop2 p {
	width: 185px;
}
.top-ph img {
    float: left;
}
.top-ph {
    clear: both;

}
.vi .top-ph img {
    margin-bottom: 14px;
    margin-right: 12px;
}
.vi .top-ph p    {font-size: 14px;
}
.vi video {
    margin-top: -33px;
}
.top-vi .vi p {
    font-size: 14px;
}
#main .photo3 {
    width: 131px;
    height: 350px;
    float: left;
    margin-bottom: 25px;
    margin-right: 6px;
    padding-right: 0px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-left: 0px;
    border: 1px solid #A5A5A5;
}
#main .photo3 p {
    font-size: 1.2em;
}
.moji {
    font-size: 13px;
}
.waku7 {
    width: 400px;
    height: 250px;
    overflow-y: auto;
}
.ma5 {
    margin-bottom: 50px;
}

.six {
	margin-top: -20px
}
