@charset "UTF-8";

@media screen and (max-width: 768px) {

html,body {
	width: 100%;

/*	-webkit-overflow-scrolling: touch; */
}

img {
	border-style:none;
	width: 100%;
	height: auto;
} 

#wrap {
	width:100%;
	overflow-x: hidden;	
}




/*header*/

#spnNav {
	display: block;
	position: absolute;
	top: 0;
	width: 100%;

	z-index: 10000;
}

#spnNav nav{ 
	display: none;
	background: rgba(123,23,23,0.8);
	font-size: 16px;
	padding: 5px;
}

#spnNav li{ 
	line-height: 40px;
	border-bottom: dotted 1px #ccc;
}

#spnNav .closebt {
	padding-top: 10px;
	text-align: right;
	color: #ccc;
}


#spnNav .btBlock {
	background: rgba(0,0,0,0.8);
	height: 30px;
	text-align: right;
	font-size: 25px;
	line-height: 30px;
	padding: 5px;
}



#header {
	padding-top: 40px; 
	width: 100%;
	height: 200px;
	min-width: 320px;
	background-color: #440516;
}

#header .body{
	width: 100%;
	height: 200px;
	margin: 0 auto;
}

#header h1{
	width: 232px;
	height: 30px;
	margin: 0 auto;
	margin-top: 10px;
	position: relative;
	z-index: 100;	

}

#header h1 a{
	display: block;
	background: url(../img/common/headerLogo.png);
	width: 232px;
	height: 30px;
	text-indent: -10000px;
	overflow: hidden;
}




/*headerNav*/

#headerNav {
	width: 100%;
	margin-top: 10px;
}

#headerIcon {
	width: 144px;
	height: 144px;
	float: none;
	margin: 0 auto;
}

#headerIcon a{
	display: block;
	background: url(../img/common/headerIcon.png);
	width: 144px;
	height: 144px;
	text-indent: -10000px;
	overflow: hidden;
}


#headerNav {
	margin-top: 0;
}


#headerNav .headerNavLeft {
	display: none;
}

#headerNav .headerNavRight {
	display: none;
}

#headerNav ul{
	width: 380px;
	height: 40px;
	line-height: 40px;
	margin: 0 auto;

	display: block;

}

#headerNav li {
    text-align: center;
}

#headerNav li a{
	color: #dfbab5;	
	font-weight: 100;
}


#headerNav li a:hover{
	color: #ffffff;
}

#headerNav li a.current{
	cursor: default;
	color: #e3ccc9;
}


/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝コンテナー*/

#container {
	width: 100%;
	margin: 20px auto 0;
}

#container .contentBox {
	border-left: 20px solid #dfbab5;
	padding-left: 17px;
	margin-bottom: 35px;
}



#container h2 {
	text-align: center;
    font-size: 25px;
    font-weight: 100;
    border-bottom: 1px solid #dfbab5;
    margin-bottom: 5px;
}



#container h3 {
	font-size: 24px;
	font-weight: 200;
	font-family: 'Noto Sans Japanese', "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "ヒラギノ角ゴ Pro W3", "Osaka", Arial, sans-serif;
	color:#fff;
	line-height: 1;
	margin-bottom: 10px;
}

.contentTxt {
	line-height: 1.5;
}

#container iframe{
	width: 100%;
}


.category .blogListBox {
	padding: 20px 0;
}



.category .image{
	width: 20%;
	float:left;
}


.category dl{
	width: 79%;
	line-height: 30px;
	float:right;
}


.category dl a{
	font-size: 20px;
	display: block;
	border-bottom: dotted 1px #ccc;
}

.category dl .date{
	display: block;
	font-size: 12px;
	text-align: right;
}



.category dd{
	font-size: 12px;
	line-height: 1.2;
}



/*	＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝メイン*/




/*＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝フッター*/

#footer {
	width: 100%;
	height: 20px;
	min-width: 100%;
	padding-bottom: 10px;
	padding-top: 10px;
	color: #fff;
	text-decoration: none;
	background-color: #000;
/*	border-top: solid 1px #727171;*/
}

#footer .body{
	width: 100%;
	height: 20px;
	margin: 0 auto;
}

#footer li{
	display: inline-block;
	margin-left: 10px;
}

#footer ul{
	display: none;
	height: 30px;
}

#footer li a{
	font-size: 12px;	
	color: #fff;
}

#footer li a:hover{	
	color: #ccc;
}


#footer address {
	width: 100%;
	padding-right: 10px;
	margin: 0px auto 0px;
	color: #fff;
	font-size: 10px;
	text-align: center;
	font-style: normal;
}

#singleBody {
	margin: 20px 0;
}

.time{
	text-align: right;
}

.floatL{
	float: none;
}

.floatR{
	float: none;
}

.pinkcolor {
	background-color: #f5cff0 !important;
}

}