/********************
1. Common Setting
2. Basic layout
3. Header Setting
4. Main Box Setting
5. Rightbar Setting
6. Footer Setting

99.link box setting
********************/

/********************
1. Common Setting
********************/
html{
	width: 100%;
max-width:750px;
margin:0 auto;
/* background:#F4E3DD; */
/* background:#e8f9ff; */
background-color: #FFE4EC;
}

body{
	width: 100%;
	color: #333333;
	font-family:'Lucida Grande', 'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3', Meiryo, メイリオ, sans-serif;
}
img{
	max-width:100%;
	height:auto;
}
iframe{
	max-width:100%;
}
.clr{ clear: both; }

.align_l{ text-align: left; }
.align_r{ text-align: right; }
.align_c{ text-align: center; }

.hdn{ visibility: hidden; }
.none{ display: none; }

.accent1{ color: #900; }
.accent2{ color: #004; }
.accent3{ color: #21663b; font-size: 153.9%; font-family: Arial; }

.clr1{ color:#482f17; }
.clr2{ color:#6b6a46; }
.clr3{ color:#745122; }

.alt{ display: none; }

.tac{
	text-align: center;
}
.box_center{
	margin:0 auto;
}
img{
	height:auto;
}
.width100{
	width:100%;
}
.width50{
	width:50%;
}
.width32{
	width:32%;
}
.margin2{
	margin:0 2%;
}

/********************
2. Basic layout
********************/

body #wrapper{
/*	background: url('../images/bg_wrapper.jpg');*/
/*	background: url('../images/bg_taiken.jpg');*/
/* 	background: url('../images/bg_blue.png'); */
/* 	background: url('../images/bg_autumn.png'); */
 	background: url('../images/bg_pink.jpg');
	-webkit-background-size: 100%;
	     -o-background-size: 100%;
	        background-size: 100%;
}

/********************
3. Header Setting
********************/
header{
	border-top:10px solid #ffd929;
	border-bottom:1px solid #818181;
	width:100%;
max-width:750px;
	height:60px;
	position:fixed;
	z-index:9999;
	background:#fff;
}
header h1{
	width:calc(100% - 260px);
	height:60px;
	max-height:60px;
	float:left;
	position:relative;
}

header h1 a {
	display:block;
	width:80%;
	margin:0 auto;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translateY(-50%) translateX(-50%);
	-webkit- transform: translateY(-50%) translateX(-50%);
}

header h1 img{
	width:100%;
	height:auto;
	max-height:60px;
	width:auto;
}

#hnav{
	width:260px;
	float:right;
}
#hnav ul{
	list-style:none;
}
#hnav ul li{
	width:64px;
	height:60px;
	float:left;
	border-left:1px solid #818181;
}
#hnav li img{
	width:100%;
	height:auto;
	display:block;
}
#gnav_wrap{
	position:absolute;
	width:100%;
	top:61px;
	left:0;
}
.gnav{
	display: none;
	width: 100%;
	z-index: 10000;
	border-top:1px solid #808080;
}
.menu_fixed{
	position:fixed !important;
	top:0 !important;
	z-index:10000;
}
.gnav ul{
display:flex;
flex-wrap:wrap;
	background-color:rgba(255,255,255,0.95) !important;
}
.gnav ul li{
	border-bottom:1px solid #808080;
	border-right:1px solid #808080;
	box-sizing:border-box;
width:50%;
	background-color:rgba(255,255,255,0.95) !important;
}
#nav03,
#nav04,
#nav08,
#nav09,
#nav11,
#nav12,
#nav13,
#nav14{
width:50% !important;
float:left;
}
#nav03,
#nav08,
#nav11,
#nav13{
box-sizing:border-box;
	border-right:1px solid #808080;
}
.gnav ul li a{
	display:block;
	width:100%;
	box-sizing:border-box;
	padding:15px 0 15px 7px;
	text-decoration:none;
	color:#373737;
	font-size:14px;
	font-weight:bold;
}
.subnav,
.subnav2{
	display:none;
}
.gnav ul ul li a{
	padding:15px 0 15px 40px;
}
.gnav ul ul ul li a{
	padding:15px 0 15px 60px;
}
.show_menu2{
	background:#56acd4 !important;
	color:#fff !important;
}
#gnav2 li a{
	background:#82cdf0 !important;
}
#gnav2 ul li a{
	background:#b8e0f2 !important;
}
.show_menu3{
	background:#5735a3 !important;
	color:#fff !important;
}
#gnav3 li a{
	background:#d7c7fb !important;
}
#gnav3 ul li a{
	background:#f3eefd !important;
}
/********************
4. Main Box Setting
********************/
#wrapper{
	padding:71px 0 30px 0;
	position:relative;
}
.scroll_wrap{
	padding-top:40px;
}
#wrapper img{
/*	width:100%;*/
	height:auto;
	max-width:100%;
}
/********************
5.Sidebar Setting
********************/

/********************
6. Footer Setting
********************/
#gotop {
}

#gotop a {
	display: block;
	background:#f95b04;
	width:37%;
	margin:0 auto;
	text-align: center;
	font-size: 16px;
	line-height:40px;
	color: #fff;
	text-decoration: none;
	border-radius:5px 5px 0 0 / 5px 5px 0 0;
}
#gotop a img{
	display:block;
}
footer{
	line-height:1.8em;
	text-align:center;
	background:#fffbc2;
	padding:20px 0;
	border-top:2px solid #f95b04;
}
footer h3{
	width:40%;
	margin:0 auto 10px;
}
footer ul{
	display:flex;
	list-style:none;
	padding:20px 0 0 0;
}
footer li{
	width:46%;
	margin:0 2%;
}
#copyright{
	background:#ffd929;
	text-align:center;
	padding:10px 0;
}


#wrapper .content,
#wrapper .comment_box{
	display: none;
}

#page52 #wrapper .content,
#page52 #wrapper .comment_box{
	display: block;
}
/********************
99.link box setting
********************/

.hover_img{
	position:absolute;
	z-index:2;
	top:0;
	width: 100%;
	height: 100px
}

.hover_img a{
	display: block;
	margin: 10px;
	height: 80px;
	padding: 10px;
	color: #fff;
	background: rgba(0,0,0,0.8);
	font-family: 'Lusitana', serif;
	font-size: 155%;
	line-height: 1.6;
	text-decoration: none;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
	opacity: 1;
}

.hover_img a:hover{
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=10)";
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=10);
	opacity: 0.1;
}


.fb_iframe_widget iframe{
	width: calc(100% - 40px);
	margin: 20px;
}