@charset "utf-8";

/* CSS Document */

#area1{
	max-width:900px;
}

a:visited{
	color:#aa0000;
}

a:hover{
	color:#ff3030;
}

body , html { 
	height:100% ;
	color:#000000;
}

*{
font-family: "游明朝", YuMincho, "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝", serif;
}

body{
	font-size:95%;
}
 
#wrap {
	background-color:#FFFFFF;
	position:relative ;
	height:auto !important ;
	height:100% ;
	min-height:100% ;
}

#headerwrap{
	width:100%;
	background-color:#6c0e0e;
	overflow:hidden;
}

#header{
}

#logowrap{
	width:100%;
	background-color:#6c0e0e;
	margin-bottom:0%;
}


#logocontainer{
	max-width:900px;
	padding:.5%;
	color:#FFFFFF;
	overflow:hidden;
}

#logo{
	float:left;
	color:#FFFFFF;
}

#logo a{
	text-decoration:none;
	color:#FFFFFF;
}

#logo a:hover{
	text-decoration:underline;
	color:#DDDDDD;
}

#tagline{
	float:right;
}

#taglinetext{
	font-size:90%;
color:#DDDDDD;
	margin-bottom:0px;
}

#mainvisualwrap{
	text-align:center;
	background-color:#6c0e0e;
}

#mainvisual {
	max-width:1200px;

}

#globalnavi01wrap{
	display:block;
	margin-bottom:0%;
	background-color:#333333;
}

#globalnavi01{
	max-width:900px;
	background-color:#333333;
}

#globalnavi01 ul{
	line-height:150%;
	overflow:hidden;
}

#globalnavi01 li{
	display:inline-block;
	list-style-type: none;
	text-align:center;
}

#globalnavi01 li a{
	color:#FFFFFF;
	text-decoration:none;
	padding:15px 10px;
	display:block;
}

#globalnavi01 li a:hover{
	background-color:#111111;
}


#globalnavi01 li a.active{
	background-color:#111111;
}

#globalnavi01 ul li:last-child{
	
}

#globalnavi02wrap{
	display:block;
	margin-bottom:0%;
	background-color:#6c0e0e;
border-bottom:solid 1px #AAAAAA;
}

#globalnavi02{
	max-width:900px;
}

#globalnavi02 ul{
	line-height:150%;
	overflow:hidden;
}

#globalnavi02 li{
	display:inline-block;
	list-style-type: none;
	text-align:center;
}

#globalnavi02 li a{
	color:#DDDDDD;
	text-decoration:none;
	padding:15px 15px;
	display:block;
font-weight: lighter;
}

#globalnavi02 li a:hover{
	background-color:#3e0d0d;
}


#globalnavi02 li a.active{
	background-color:#3e0d0d;
}

#globalnavi02 ul li:last-child{
	
}

#globalnavi01navibutton{
	display:none;
}

#globalnavi02navibutton{
	display:none;
}

#container {
	max-width:900px;
	padding:3% 2% 200px 2%;
	overflow:hidden;
}

#contentswrap{
	float:left;
	width:100%;
	margin-bottom:5%;
}

#contents{

}

#sidewrap{
	width:0%;
	float:right;
	margin-bottom:5%;
        display:none;
}

#side{

}

#panwrap{
	position:relative;
	margin-bottom:5%;
}

#pan{
	max-width:900px;
}


#pan ul{
	line-height:100%;
	overflow:hidden;
}

#pan li{
	display:inline-block;
    *display: inline;  
    *zoom: 1;  
	list-style-type: none;
	font-size:80%;
	margin-left: 0.5em;
}
#pan li:before {
        content: " > ";
}

#pan li:first-child {
	margin-left: 0%;
}

#pan li:first-child:before {
         content: none;
}


#pan li a{

}


#footerwrap {
	position:absolute ;
	bottom:0 ;
	width:100% ;
}

#footer{
}

#topagetopwrap{
	background-color:#FFFFFF;	
}

#topagetop{
	text-align:right;
	max-width:900px;
	padding:1% 1.5%;
}



#footernaviwrap{

}

#footernavi{
	background-color:#FFFFFF;
	padding:1.5% 0px;
	text-align:center;
}

#footernavi ul{
	line-height:150%;
	overflow:hidden;
}

#footernavi li{
	display:inline-block;
    *display: inline;  
    *zoom: 1;  
	list-style-type: none;
	text-align:center;
	padding:0px 2%;
	border-right:solid #999999 1px;
	
}

#footernavi ul li:last-child{
	border-right-style:none;
	
}


#copywrap{
	background-color:#DDDDDD;	
}

#copy{
	text-align:center;
	max-width:900px;
	padding:1.5%;
}

/* 記事ヘッドライン */

.h101 {
	font-size:180%;
	line-height:150%;
	font-weight:normal;
	margin-bottom:5%;
color:#630b11;
}

.h102 {
	font-size:180%;
	line-height:150%;
	margin-top:2%;
	margin-bottom:8%;
	border-left:solid 5px #000000;
	padding-left:3%;
}

.h103 {
	font-size:180%;
	line-height:150%;
	margin-bottom:5%;
	border-bottom:dotted 1px #000000;
	padding-bottom:1%;
}

.h104 {
	font-size:180%;
	line-height:150%;
	margin-bottom:5%;
}

.h105 {
	font-size:180%;
	line-height:150%;
	margin-bottom:5%;
}

/* エリアヘッドライン */


.ah101 {
	font-size:180%;
	line-height:150%;
	font-weight:normal;
	margin-bottom:5%;
color:#630b11;
}

.ah102 {
	font-size:180%;
	line-height:150%;
	margin-top:2%;
	margin-bottom:8%;
	border-left:solid 5px #000000;
	padding-left:3%;
}

.ah103 {
	font-size:180%;
	line-height:150%;
	margin-bottom:5%;
	border-bottom:dotted 1px #000000;
	padding-bottom:1%;
}

.ah104 {
	font-size:180%;
	line-height:150%;
	margin-bottom:5%;
}

.ah105 {
	font-size:180%;
	line-height:150%;
	margin-bottom:5%;
}


/* 記事一覧ヘッドライン */

.lh101{
	font-size:180%;
	line-height:150%;
	font-weight:normal;
	margin-bottom:5%;
color:#630b11;
}

/* 中見出し */

.h201 {
	font-size:130%;
	font-weight:normal;
	margin-bottom:3%;
}

.h202 {
	font-size:130%;
	font-weight:normal;
	margin-top:1%;
	margin-bottom:5%;
	border-left:solid 5px #000000;
	padding-left:2%;
}

.h203 {
color:#4b7a15;
	font-size:130%;
	font-weight:normal;
	margin-bottom:3%;
	border-bottom:dotted 1px #4b7a15;
	padding-bottom:0px;
}

.h204 {
	font-size:100%;
	margin-bottom:5%;
	background-color:#ffeecc;
	color:#6c0e0e;
	text-align:center;
	padding:1%;
	border:solid 1px #a07979;
	border-radius:5px / 5px ;

}

.h205 {
	font-size:130%;
	font-weight:normal;
	margin-bottom:3%;
}

/* 小見出し */

.h301 {
	font-size:110%;
	font-weight:normal;
	margin-bottom:3%;
}

.h302 {
	font-size:110%;
	font-weight:normal;
	margin-bottom:2%;
	border-left:solid 5px #000000;
	padding-left:2%;
}

.h303 {
	font-size:110%;
	font-weight:normal;
	margin-bottom:2%;
	border-bottom:dotted 1px #000000;
	padding-bottom:1%;
}

.h304 {
	font-size:100%;
	margin-bottom:5%;
	background-color:#ffeecc;
	color:#6c0e0e;
	text-align:center;
	padding:1%;
	border:solid 1px #a07979;
	border-radius:5px / 5px ;
}

.h305 {
	font-size:110%;
	font-weight:normal;
	margin-bottom:3%;
}


.article{
	clear:both;
	margin-bottom:10%;
	overflow:hidden;
}


.article *:last-child{
	margin-bottom:0px;
}

.headinfo{
	overflow:hidden;
	margin-bottom:3%;
	border-radius:5px / 5px ;
}

.afterarticleinfo{
	margin-top:8%;
	background-color:#EEEEEE;
	padding:3%;
	border-radius:5px / 5px ;
}

.afterarticleinfo *:last-child{
	margin-bottom:0px;
}

p.updatetime{
	color:#999999;
	float:left;
}

p.category{
	float:right;
}

p.updatetime+p.category{
	float:right;
}

p.category a{
	font-size:80%;
	display:block;
	background-color:#EEEEEE;
	padding:5px;
	border-radius:5px / 5px ;
	white-space:nowrap;
	text-decoration:none;
}

p.category a:hover{
	background-color:#CCCCCC;
}

div.snswrap{
	margin-bottom:6%;
}

.headinfo+div.snswrap{
	margin-top:3%;
}

.afterarticleinfo .headinfo+div.snswrap{
	margin-top:0px;
}

.headinfo+ul.tag{
	margin-top:3%;
}

.afterarticleinfo .headinfo+ul.tag{
	margin-top:0px;
}

h1+div.snswrap{
	margin-top:-2%;
}


ul.tag+div.snswrap{
	margin-top:-4%;
}

div.socialbutton{
	display:inline-block;
}

#fbbutton{
	width:120px;
}

#gpbutton{
	width:80px;
	overflow:hidden;
}

#twbutton{
	width:100px;
	overflow:hidden;
}

h1+ul.tag{
	margin-top:-4%;
}

ul.tag{
	margin-bottom:6%;
	overflow:hidden;
}
	
.tag li{
	display:inline-block;
	margin-right:1%;
	margin-bottom:1%;
}

.tag li a{
	font-size:80%;
	display:block;
	background-color:#EEEEEE;
	padding:5px;
	border-radius:5px / 5px ;
	white-space:nowrap;
	text-decoration:none;
}

.tag li a:hover{
	background-color:#CCCCCC;
}

.article .txt{
	line-height:180%;
}

.paragraph{
	clear:both;
	text-align:left;
	overflow:hidden ;
}

.pgul ul{
	list-style-type:disc;
	margin-left:2em;
}

.pgol ol{
	margin-left:2em;
}

.pgtable table{
	margin-left:0px;
	width:100%;
}

.pgtable table td{
	border:solid 1px #000000;
	padding:1%;
}

.pgtagcloud ul{
	list-style-type:none;
	margin-left:0px;
}

.pgsupple .txt{
	font-size:95%;
	color:#999999;
}

.pgmokuzi ul{
	list-style-type:disc;
	margin-left:2em;
}

.area{
	clear:both;
	text-align:left;
	overflow:hidden ;
}

.txt{
	margin-bottom:3%;
}

.bottom101{
	margin-bottom:5%;
}

.bottom201{
	margin-bottom:10%;
}

.bottom301{
	margin-bottom:3%;
}

.bottom000{
	margin-bottom:0px !important;
}

.box1{
	border:solid 1px #666666;
	padding:5%;
}

.box2{
	border:dotted 1px #666666;
	padding:5%;
}

.box3{
	background-color:#EEEEEE;
	padding:5%;
}

.boxA{
	background-color:#EEEEEE;
	padding:5%;
}

.boxB{
	background-color:#EEEEEE;
	padding:5%;
}

.boxC{
	background-color:#EEEEEE;
	padding:5%;
}

.boxD{
	background-color:#EEEEEE;
	padding:5%;
}



.listwrap{
	margin-bottom:3%;
}

.paragraph *:last-child{
	margin-bottom:0px;
}

.paragraph .listtype:last-child{
	margin-bottom:2% !important;
}

.area *:last-child{
	margin-bottom:0px !important;
}

.pimage{
	overflow:hidden;
	margin-left:0px;
	margin-bottom:3%;
}

.pimage .imagecaption{
	padding:2% 2% 0px 2%;
	font-size:95%;
	color:#999999;
}

.centercaption{
	text-align:center;
}

/* 段落 - 基本 */

.pgwrap{
	padding:0px 2%;
	overflow:hidden;
}

.listwrap .pgwrap .pgwrap{
	padding:0px 0px;
}


.basic1 .pimage{
	max-width:100%;
}	

.basic2 .pimage{
	max-width:75%;
}

.basic3 .pimage{
	max-width:50%;
}

.basic4 .pimage{
	max-width:25%;
}

/* 段落 - 左画像 */

.left1 .pimage{
	max-width:50%;
	margin-right:1em;
	float:left;
}

.left2 .pimage, .left3 .pimage{
	max-width:50%;
	margin-right:1em;
	float:left;
}

.left2 .txt, .left3 .txt{
	overflow:hidden ;
}

.left4 .pimage{
	max-width:40%;
	margin-right:1em;
	float:left;
}

.left5 .pimage, .left6 .pimage{
	max-width:40%;
	margin-right:1em;
	float:left;
}

.left5 .txt, .left6 .txt{
	overflow:hidden ;
}

.left7 .pimage{
	max-width:25%;
	margin-right:1em;
	float:left;
}

.left8 .pimage, .left9 .pimage{
	max-width:25%;
	margin-right:1em;
	float:left;
}

.left8 .txt, .left9 .txt{
	overflow:hidden ;
}



/* 段落 - 右画像 */

.right1 .pimage{
	max-width:50%;
	margin-left:1em;
	float:right;
}

.right2 .pimage, .right3 .pimage{
	max-width:50%;
	margin-left:1em;
	float:right;
}

.right2 .txt, .right3 .txt{
	overflow:hidden ;
}

.right4 .pimage{
	max-width:40%;
	margin-left:1em;
	float:right;
}

.right5 .pimage, .right6 .pimage{
	max-width:40%;
	margin-left:1em;
	float:right;
}

.right5 .txt, .right6 .txt{
	overflow:hidden ;
}


.right7 .pimage{
	max-width:25%;
	margin-left:1em;
	float:right;
}

.right8 .pimage, .right9 .pimage{
	max-width:25%;
	margin-left:1em;
	float:right;
}

.right8 .txt, .right9 .txt{
	overflow:hidden ;
}

/* 段落 - 画像一覧 */

.imagelist:last-child{
	margin-bottom:0px;
}

.listwrap{
	width:105%;
	clear:both;
	overflow:hidden;
}


.listwrap h2{
	margin-bottom:0px;
	line-height:150%;
}

.listwrap .pimage{
	margin-left:0px;
	margin-bottom:2%;
}

.list122, .list124, .list144{
	width:95%;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
	clear:none;
}

.list222, .list221, .list224, .list244{
	width:46.5%;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
	clear:none;
}

.list333, .list331, .list322, .list321{
	width:30.35%;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
	clear:none;
}


.list444, .list442, .list422, .list421{
	width:22.25%;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
	clear:none;
}


.list555, .list543, .list531{
	width:17.4%;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
	clear:none;
}

.list666, .list633, .list631{
	width:14.18%;
	margin-right:2%;
	margin-bottom:1%;
	float:left;
	clear:none;
}

/* 領域分割 */

.cellwrap{
	width:105%;
	overflow:hidden;
}

.cell70p{
	float:left;
	width:62.65%;
	margin-right:2%;
}

.cell50p{
	float:left;
	width:46.5%;
	margin-right:2%;
}


.cell30p{
	float:left;
	width:30.35%;
	margin-right:2%;
}

/* 記事一覧 */

div#articlelist{
	clear:both;
	margin-bottom:8%;
}

div#articlelist *:last-child{
	margin-bottom:0px;
}

ul.articlelist101 {
	list-style-type:none;
	margin-left:0px;
	margin-bottom:5%;
}

ul.articlelist101 li{
	border-bottom:solid 1px #CCCCCC;
}

.articlelist101 li a{
	padding:2%;
	display:block;
	text-decoration:none;
	color:#000000;
}

.articlelist101 li a:hover{
	background-color:#EEEEEE;
}

.articlelist101 li a span{
	margin-right:2%;
}

.articlelist101 li a:hover span.targetname{
	text-decoration:underline;
	color:red;
}

ul.articlelist201 {
	list-style-type:none;
	margin-left:0px;
	margin-bottom:5%;
}

ul.articlelist201 li{
	clear:both;
	margin-bottom:3%;
	padding-bottom:3%;
	overflow:hidden;
	border-bottom:solid 1px #CCCCCC;
}

ul.articlelist201 li img{
	max-width:40%;
	margin-left:2%;
	float:right;
	margin-bottom:3% !important;
}

ul.articlelist201 li p.listtitle{
	font-size:120%;
}

ul.articlelist201 li div.listtext{
	overflow:hidden;
	margin-bottom:3%;
	line-height:150%;
}


ul.articlelist201 li div.listtext a{
	color:#000000;
	text-decoration:none;
}

ul.articlelist201 li div.listtext a:hover{
	color:#999999;
	text-decoration:underline;
}

ul.articlelist201 li p{
	margin-bottom:1%;
}


ul.articlelist201 li p.listdate{
	color:#999999;
}



ul.articlelist301 {
	overflow:hidden;
	list-style-type:none;
	margin-left:0px;
	margin-bottom:5%;
}

ul.articlelist301 li{
	float:left;
	width:30.35%;
	margin-right:2%;
	margin-bottom:3%;
	padding-bottom:3%;
	height:300px;
	overflow:hidden;
	background-color:#EEEEEE;
}

ul.articlelist301 li img{
	margin-bottom:3% !important;
}

ul.articlelist301 li p.listtitle{
	font-size:100%;
	font-weight:normal;
	padding:0px 5%;
}

ul.articlelist301 li p.listtitle a{
	font-weight:normal;
}

ul.articlelist301 li div.listtext{
	overflow:hidden;
	padding:0px 5%;
	margin-bottom:3%;
	line-height:150%;
}


ul.articlelist301 li div.listtext a{
	color:#000000;
	text-decoration:none;
}

ul.articlelist301 li div.listtext a:hover{
	color:#999999;
	text-decoration:underline;
}

ul.articlelist301 li p{
	margin-bottom:1%;
}

ul.articlelist301 li p.listdate{
	color:#999999;
}


#morelist{
	clear:both;
	text-align:right;
	margin-bottom:5%;
}



ul.listpager {
	clear:both;
	margin-bottom:5%;
	line-height:100%;
	text-align:center;
}

ul.listpager li{
	display:inline-block;
	margin:0.5% 1% 0.5% 0px;
}

ul.listpager li a{
	font-size:80%;
	color:#000000;
	display:block;
	padding:10px 5px;
	background-color:#EEEEEE;
	text-decoration:none;
}

ul.listpager li a.pagenumber{
	padding:10px 10px;
}

ul.listpager li a.currentpage{
	background-color:#CCCCCC;
}

ul.listpager li a:hover{
	background-color:#CCCCCC;
}


/* お問い合わせフォーム */

.mailintro{
	margin-bottom:3%;
}

.mailform {
	margin-bottom:2%;
}

.mailform .text01{
	width:100%;
	max-width:100%;
	padding:2%;
	box-sizing: border-box;
	border:solid 1px #DDDDDD;
	box-shadow: 1px 1px 1px 1px rgba(0,0,0,0.4) inset;
}

.mailform .text01:focus{
	background-color:#FFFBE4;
}

.mailform dt{
	color:#666666;
	background-color:#DDDDDD;
	padding:1%;
	margin-bottom:0px;
}

.mailform dd{
	margin-bottom:0px;
	background-color:#FFFFFF;
}

.inputcheck {
	margin-bottom:2%;
	border:solid 1px #DDDDDD;
}

.inputcheck dt{
	color:#666666;
	background-color:#DDDDDD;
	padding:1%;
	margin-bottom:1%;
}

.inputcheck dd{
	margin-bottom:1%;
	padding:2%;
	background-color:#FFFFFF;
}


table.shopcart{
	width:100%;
	margin-bottom:2%;
}

table.shopcart td{
	padding:2%;
	border: solid 1px #666666;
}

/* 	ローテーションバナー */

#rbannerwrap {
	position:relative;
	overflow:hidden;
	text-align:center;
}

#rbanner {
	text-align:center;
	position:relative;
	max-width:1280px;
}

#rbannerwrap img {
	display:none;
	position:absolute;
	top:0px;
	left:0px;
	max-width:100%;
}

#rbannerwrap img#rb0{
	display:inline;
	position:static;
	max-width:100%;	
}


/* -----------------------------------------
	900px 未満
 ----------------------------------------- */

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

#header{
}

#logowrap{
	margin-bottom:0px;
	line-height:100%;
}

#logo{
	padding:2%;
}

#tagline{
	padding:2%;
}

#mainvisualwrap{
	padding:0px;
}

#mainvisual{
	width:130%;
	max-width:130%;
	margin-left:-15%;
}

#globalnavi01wrap{
	display:block;
	margin-bottom:0px;
}

#globalnavi02wrap{
	display:block;
	margin-bottom:0px;
}

#container {
	max-width:95%;
}


#contentswrap{
	float:none;
	width:100%;
}

#content *:last-child{
	margin-bottom:0px;
}

#sidewrap{
	float:none;
	width:100%;
	padding-top:0px;
	margin-bottom:5%;
}

#side{
	padding:0px 0px 0px 0px;
}


#side *:last-child{
	margin-bottom:0px;
}

#panwrap{
}

.article .txt{
	line-height:150%;
}

.basic1 .pimage{
	max-width:100%;
}	

.basic2 .pimage{
	max-width:75%;
}

.basic3 .pimage{
	max-width:50%;
}

.basic4 .pimage{
	max-width:50%;
}


/* 段落 - 左画像 */

.left1 .pimage{
	max-width:40%;
	margin-right:1em;
	margin-bottom:0.5em;
	float:left;
}

.left2 .pimage, .left3 .pimage{
	max-width:40%;
	margin-right:1em;
	margin-bottom:0.5em;
	float:left;
}

.left2 .txt, .left3 .txt{
	overflow:hidden ;
}

.left4 .pimage{
	max-width:35%;
	margin-right:1em;
	margin-bottom:0.5em;
	float:left;
}

.left5 .pimage, .left6 .pimage{
	max-width:35%;
	margin-right:1em;
	margin-bottom:0.5em;
	float:left;
}

.left5 .txt, .left6 .txt{
	overflow:hidden ;
}


.left7 .pimage{
	max-width:30%;
	margin-right:1em;
	margin-bottom:0.5em;
	float:left;
}

.left8 .pimage, .left9 .pimage{
	max-width:30%;
	margin-right:1em;
	margin-bottom:0.5em;
	float:left;
}

.left8 .txt, .left9 .txt{
	overflow:hidden ;
}

/* 段落 - 右画像 */

.right1 .pimage{
	max-width:40%;
	margin-left:1em;
	margin-bottom:0.5em;
	float:right;
}

.right2 .pimage, .right3 .pimage{
	max-width:40%;
	margin-left:1em;
	margin-bottom:0.5em;
	float:right;
}

.right2 .txt, .right3 .txt{
	overflow:hidden ;
}

.right4 .pimage{
	max-width:35%;
	margin-left:1em;
	margin-bottom:0.5em;
	float:right;
}

.right5 .pimage, .right6 .pimage{
	max-width:35%;
	margin-left:1em;
	margin-bottom:0.5em;
	float:right;
}

.right5 .txt, .right6 .txt{
	overflow:hidden ;
}


.right7 .pimage{
	max-width:30%;
	margin-left:1em;
	margin-bottom:0.5em;
	float:right;
}

.right8 .pimage, .right9 .pimage{
	max-width:30%;
	margin-left:1em;
	margin-bottom:0.5em;
	float:right;
}

.right8 .txt, .right9 .txt{
	overflow:hidden ;
}

/* 段落 - 画像一覧 */

.listwrap{
	width:105%;
	margin-bottom:3%;
	clear:both;
	overflow:hidden;
}

.list122, .list124, .list221, .list224, .list321, .list322, .list422, .list421{
	width:46.5%;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
	clear:none;
}


.list333, .list331, .list531, .list633, .list631{
	width:30.35%;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
	clear:none;
}


.list144, .list244, .list444, .list442, .list543{
	width:22.25%;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
	clear:none;
}


.list555{
	width:17.4%;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
	clear:none;
}

.list666{
	width:14.18%;
	margin-right:2%;
	margin-bottom:1%;
	float:left;
	clear:none;
}

}


/* -----------------------------------------
	600px 未満
 ----------------------------------------- */

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


#logowrap{
	line-height:100%;
}

#logo{
	float:none;
	padding:2%;
}

#tagline{
	float:none;
	padding:2%;
}

#globalnavi01wrap{
	display:none;
}

#globalnavi01{
	width:100%;
	background-color:#222222;
}

#globalnavi01 ul{
	line-height:150%;
	overflow:hidden;
}

#globalnavi01 li{
	display:block;
}

#globalnavi01 li a{
	color:#FFFFFF;
	text-decoration:none;
	padding:10px 10px;
	display:block;
}

#globalnavi01 li a:hover{
	background-color:#111111;
}


#globalnavi01 li a.active{
	background-color:#111111;
}

#globalnavi01 ul li:last-child{
	
}


#globalnavi02wrap{
	display:none;
}

#globalnavi02{
	width:100%;
	background-color:#222222;
}

#globalnavi02 ul{
	line-height:150%;
	overflow:hidden;
}

#globalnavi02 li{
	display:block;
}

#globalnavi02 li a{
	color:#FFFFFF;
	text-decoration:none;
	padding:10px 10px;
	display:block;
}

#globalnavi02 li a:hover{
	background-color:#111111;
}


#globalnavi02 li a.active{
	background-color:#111111;
}

#globalnavi02 ul li:last-child{
	
}


#globalnavi01navibutton{
	background-color:#333333;
	padding:5px 10px;
	color:#FFFFFF;
	text-align:center;
	display:block;
}

#globalnavi01navibuttona{
	display:block;
	text-decoration:none;
	color:#FFFFFF;
}

#globalnavi02navibutton{
	background-color:#333333;
	padding:5px 10px;
	color:#FFFFFF;
	text-align:center;
	display:block;
}

#globalnavi02navibuttona{
	display:block;
	text-decoration:none;
	color:#FFFFFF;
}

.pgwrap{
	padding:0px 0px;
}

.listwrap .pgwrap .pgwrap{
	padding:0px 0px;
}


.basic1 .pimage{
	max-width:100%;
}	

.basic2 .pimage{
	max-width:100%;
}

.basic3 .pimage{
	max-width:75%;
}

.basic4 .pimage{
	max-width:75%;
}


/* 段落 - 左画像 */

.left1 .pimage{
	max-width:40%;
	margin-right:1em;
	margin-bottom:0.5em;
	float:left;
}

.left2 .pimage, .left3 .pimage{
	max-width:40%;
	margin-right:1em;
	margin-bottom:0.5em;
	float:left;
}

.left2 .txt{
	overflow:visible ;
}

.left3 .txt{
	overflow:hidden ;
}

.left4 .pimage{
	max-width:40%;
	margin-right:1em;
	margin-bottom:0.5em;
	float:left;
}

.left5 .pimage, .left6 .pimage{
	max-width:40%;
	margin-right:1em;
	margin-bottom:0.5em;
	float:left;
}

.left5 .txt{
	overflow:visible ;
}

.left6 .txt{
	overflow:hidden ;
}


.left7 .pimage{
	max-width:40%;
	margin-right:1em;
	margin-bottom:0.5em;
	float:left;
}

.left8 .pimage, .left9 .pimage{
	max-width:40%;
	margin-right:1em;
	margin-bottom:0.5em;
	float:left;
}

.left8 .txt{
	overflow:visible ;
}

.left9 .txt{
	overflow:hidden ;
}

/* 段落 - 右画像 */

.right1 .pimage{
	max-width:40%;
	margin-left:1em;
	margin-bottom:0.5em;
	float:right;
}

.right2 .pimage, .right3 .pimage{
	max-width:40%;
	margin-left:1em;
	margin-bottom:0.5em;
	float:right;
}

.right2 .txt{
	overflow:visible ;
}

.right3 .txt{
	overflow:hidden ;
}

.right4 .pimage{
	max-width:40%;
	margin-left:1em;
	margin-bottom:0.5em;
	float:right;
}

.right5 .pimage, .right6 .pimage{
	max-width:40%;
	margin-left:1em;
	margin-bottom:0.5em;
	float:right;
}

.right5 .txt{
	overflow:visible ;
}

.right6 .txt{
	overflow:hidden ;
}

.right7 .pimage{
	max-width:40%;
	margin-left:1em;
	margin-bottom:0.5em;
	float:right;
}

.right8 .pimage, .right9 .pimage{
	max-width:40%;
	margin-left:1em;
	margin-bottom:0.5em;
	float:right;
}

.right8 .txt{
	overflow:visible ;
}

.right9 .txt{
	overflow:hidden ;
}

/* 段落 - 画像一覧 */

.listwrap{
	width:105%;
	clear:both;
	overflow:hidden;
}

.list221, .list331, .list321, .list421, .list531, .list631{
	width:95%;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
	clear:none;
}

.list122, .list222, .list322, .list442, .list422{
	width:46.5%;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
	clear:none;
}


.list333, .list543, .list633{
	width:30.35%;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
	clear:none;
}


.list124, .list144, .list224, .list244, .list444{
	width:22.25%;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
	clear:none;
}


.list555{
	width:17.4%;
	margin-right:2%;
	margin-bottom:2%;
	float:left;
	clear:none;
}

.list666{
	width:14.18%;
	margin-right:2%;
	margin-bottom:1%;
	float:left;
	clear:none;
}


#container {
	padding:3% 2% 120px 2%;
}


ul.listpager li a{
	padding:10px 10px;
}

ul.listpager li a.pagenumber{
	padding:10px 15px;
}


ul.articlelist301 li{
	width:46.5%;
	height:350px;
}

}


/* -----------------------------------------
	モーダルウィンドウ（画像拡大）
 ----------------------------------------- */

#mdl_wrap{
	text-align:center;
	position:fixed ;
	top:0;
	left:0;
	height:100%;
	width:100%;
	background-color:#000000;
	background: rgba(0, 0, 0, 0.8);  
	display:none;
}

#mdl_container{
	position:fixed ;
	top:10%;
	height:90%;
	width:100%;
}

#mdl_wrap img{
	max-width:80%;
	max-height:80%;
	border:solid 10px #FFFFFF;
}


/* -----------------------------------------
	独自仕様
 ----------------------------------------- */

.listtype .h304{
  margin-bottom:5%;
}

#bodyAr7 #contents {
background-repeat: no-repeat;
	background-image: url("../data/fb_1.jpg");
background-position-y:50px;
background-position-x: center;
}


#bodyAr4 #containerwrap{
background-repeat: no-repeat;
	background-image: url("../data/fb_85.jpg");
background-position-y: 100px;
background-position-x: center;
}

#bodyAr4 .lh101, #bodyAr4 .ah101{
  color:#FFFFFF ;
}

#bodyAr13 #contents {
background-repeat: no-repeat;
	background-image: url("../data/fb_56.jpg");
background-position-y: 100px;
background-position-x: center;
}

#bodyAr5 #contents {
background-repeat: no-repeat;
	background-image: url("../data/fb_73.jpg");
background-position-y: 100px;
background-position-x: center;
}


#pg48,#pg49,#pg50,#pg51 {
padding:5% 6% 6% 5%;
background-repeat: no-repeat;
	background-image: url("../data/fb_86.jpg");
background-position-y: bottom;
background-position-x: right;
}

#bodyAr4  #wrap {
background-color:#000000;
color:#FFFFFF;
}

#bodyAr4 ul.articlelist201 a{
	color:#FFFFFF !important;
}

#pg71 .h201,#pg14 .h201{
	font-size:180%;
	line-height:150%;
	font-weight:normal;
	margin-bottom:3%;
	color:#630b11;
}

#bodyAr3 #headerwrap{
	border-top:solid 2px #3e0d0d;
	background-color:#FFFFFF;
}

#bodyAr3 #logowrap{
	background-color:#FFFFFF;
}

#bodyAr3 #mainvisualwrap{
	background-color:#FFFFFF;
}

#bodyAr3 #globalnavi02wrap{
	background-color:#FFFFFF;
}

#bodyAr3 #globalnavi02 li a{
	color:#333333;
}

#bodyAr3 #globalnavi02 li a:hover{
	background-color:#ffd9d9;
}

#bodyAr3 #globalnavi02 li a.active{
	background-color:#ffd9d9;
}

#bodyAr3 #globalnavi02wrap{
border-bottom:none;
}

#bodyAr3 #logocontainer{
	color:#333333;
}

#bodyAr3 #logo{
	color:#333333;
}

#bodyAr3 #logo a{
	color:#333333;
}

#bodyAr3 #logo a:hover{
	color:#999999;
}

#bodyAr3 #taglinetext{
	color:#333333;
}

#bodyAr4 #globalnavi02wrap{
border-bottom:solid 1px #3e0d0d;
}

#bodyAr4 a{
  color:#999999;
}

#bodyAr4 a:hover{
  color:#FFFFFF;
}

#bodyAr4 .h101{
  color:#FFFFFF;
}


#bodyAr4 #topagetopwrap{
	background-color:#000000;
}

#bodyAr4 #footernavi{
	background-color:#000000;
}

#bodyAr4 #copywrap{
	background-color:#222222;	
}

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

#bodyAr4 #containerwrap{
background-repeat: no-repeat;
	background-image: url("../data/fb_74.jpg");
background-position-y: 100px;
background-position-x: 0px;
}


#bodyAr3 #globalnavi02navibutton{
	background-color:#FFFFFF;
border-bottom:solid 1px #DDDDDD;
}

#bodyAr3 #globalnavi02navibuttona{
	color:#6c0e0e;
}

#bodyAr3 #globalnavi02 li a{
	background-color:#FFFFFF;
border-bottom:solid 1px #DDDDDD;
	color:#333333;
}


#bodyAr3 #globalnavi02 li a.active{
	background-color:#FFFFFF; 
}
#bodyAr3 #globalnavi02 li a:hover{
	background-color:#ffd9d9;
}

#bodyAr3 #globalnavi02wrap{
border-bottom:none;
}

}


.doga111{
text-align:left;
font-size:150%;
}