/*■■■■■■■■■■■■■■■■■■■■■■*/
/*■全共通*/


html,body{
	width:100%;
}

body{
	background-image:url('../img/bg_w.jpg');
	font-size:11px;
}

img{
	width:100%;
}
p{
	margin-bottom:3px;
}

a{
	color:#231815;
	text-decoration:none;
}

section{
	margin:30px 0;
}


/*h1が下線つきの黒文字*/
h1{
	font-size:20px;
	border-bottom:1px #000 solid;
	margin-top:20px;
	margin-bottom:20px;
	position:relative;
	height:26px;
	line-height:1.2em;
}
/*h1内部にspanタグを入れると、文字下の線を太く表示*/
h1 > span{
	border-bottom:2px #000 solid;
	position:absolute;
	bottom:-2px;
	left: 2px;
}
/*h2がイタリックの金文字*/
h2{
	color: #7F7650;
	font-size:23px;
	text-shadow:1px 1px 0px #ffffff;
	font-family: 'Monotype Corsiva','Book Antiqua','Italianno',serif;
}
/*クラスにline指定で、下線表示*/
h2.line{
	border-bottom:1px solid #000;
	margin-bottom:20px;
}
/*クラスにline指定で、二重下線表示*/
h2.double-line{
	border-bottom:3px double #000;
	margin-bottom:10px;
}


/*h3が銀文字*/
h3{
	color: #656565;
	font-size:20px;
	line-height:1.2em;
}
/*クラスにline指定で、下線表示*/
h3.line{
	border-bottom:1px solid #000;
	margin-bottom:20px;
}
/*クラスにline指定で、二重下線表示*/
h3.double-line{
	border-bottom:3px double #000;
	margin-bottom:20px;
}

/*三角付きのh3*/
h3.arrow1{
	color:#000;
	font-weight:bold;
	margin-bottom:15px;
	font-size:13px;
}
h3.arrow1:before{
	content:"▲";
	display: inline-block;
	margin-right:5px;
        -webkit-transform: rotate( 90deg );
        -moz-transform:    rotate( 90deg );
        -o-transform:      rotate( 90deg );
        transform:         rotate( 90deg );
}
/*黒背景に白矢印付きのh3*/
h3.arrow2{
	margin:0;
	color:#000;
	font-weight:bold;
	font-size:13px;
	padding-bottom:5px;
}
h3.arrow2:before{
	padding:0 3px;
	content:">";
	color:#fff;
	background-color:#000;
	margin-right:5px;
}

h4{
	color: #7F7650;
	font-size:15px;
}

h5{
	font-size:18px;
	border-bottom:1px #000 solid;
	margin-top:20px;
	margin-bottom:5px;
	position:relative;
	height:26px;
	line-height:1.2em;
}
/*h1内部にspanタグを入れると、文字下の線を太く表示*/
h5 > span{
	border-bottom:2px #000 solid;
	position:absolute;
	bottom:-3px;
	left: -2px;
}

.center{
	text-align:center;
}

h6{
	font-size:15px;
	color: #7F7650;
	border-bottom:1px #7F7650 solid;
	margin-top:20px;
	margin-bottom:5px;
	position:relative;
	height:26px;
	line-height:2em;
}
/*h1内部にspanタグを入れると、文字下の線を太く表示*/


/*一本線*/
div.single-line{
	border-bottom:1px #000 solid;
	margin:3px 0;
}
/*二重線*/
div.double-line{
	border:1px #000 solid;
	border-right:transparent;
	border-left:transparent;
	padding-top:2px;
	margin:2% 0;
}
/*点線*/
div.dotted-line{
	border-bottom:2px #000 dotted;
	margin:2% 0;
}
/*点線グレー*/
div.dotted-line-g{
	border-bottom:2px #999 dotted;
	margin:3% 0;
}
/*短い線*/
div.short{
	width:85%;
	margin-left:auto;
	margin-right:auto;
}

/*線囲みのセクション*/
.box{
	border:1px solid #000;
	padding:2%;
}
.box .row{
	padding-top:10px;
	margin:0;
}

/*線囲みの文字*/
.square{
	margin-bottom:3px;
}
.square > span{
	border:1px solid #000;
	padding:1px 3px;
}



/*■■■■■■■■■■■■■■■■■■■■■■*/
/*■ヘッダー共通*/


#sub-title{
	font-size:8px;
}
#contents-top{
	background-image:url('../img/bg_top.png');
	margin:0 2%;
	height:30px;
	background-position: center top;
}
#contents-wrapper{
	margin:0 2%;
	padding:2% 4%;
	background-image:url('../img/bg.png');
	
}

#contents-bottom{
	background-image:url('../img/bg_bottom.png');
	margin:0 2%;
	height:40px;
	background-position: center bottom;
}

#top-desc{
	margin:auto;
	margin-top:5px;
}

#top-desc h2{
	text-align:center;
	color:#231815;
	font-size:17px;
	padding-bottom:10px;
}
#top-desc p{
	text-align:center;
	font-size:12px;
}

#pankuzu{
	margin-bottom:20px;
	font-size:12px;
}

.pagetitle{
	margin-bottom:3px;
	}

.pan{
	font-size:8px;
	}

/*■■■■■■■■■■■■■■■■■■■■■■*/
/*■header下タイトル */
#top_copy{
	margin:auto;
	margin-top:10px;
}
p.pagetitle{
	font-size:27px;
	padding-left:10px;
	font-family:'Monotype Corsiva','Book Antiqua';
	color:white;
	background-color:black;
}

hr.entryline{
	border-top:dashed 1px #000000;
	margin:5px 0px;
}


/*■■■■■■■■■■■■■■■■■■■■■■*/
/*■PickUp*/

.pickup{
	padding-bottom:20px;
	}

.pickup-date{
	margin:10px 0 5px 0;
	font-size:14px;
}

.pickup-more{
	font-size:13px;
}
.pickup-more:after{
	content:"▲";
	font-size:11px;
	display: inline-block;
	margin-right:5px;
        -webkit-transform: rotate( 90deg );
        -moz-transform:    rotate( 90deg );
        -o-transform:      rotate( 90deg );
        transform:         rotate( 90deg );
}

/*■■■■■■■■■■■■■■■■■■■■■■*/
/*■line*/

.line{
	text-align:center;
	width:50%;
	margin:auto;
	border:1px solid #000;
	padding:2%;
	}

/*■■■■■■■■■■■■■■■■■■■■■■*/
/*■メニュー*/

#menu-button{
	position: relative;
	border: 1px solid #666;
	margin:10% auto;
	padding:2px 5px;
	width:80%;
	float:right;
	background-color:#666;
}

.menu-line{
	background-color: #FFF;
}

#menu-title{
	color: #FFF;
	text-align:center;
}

#menu{
	display:none;
	clear:both;
}

#menu .row{
	margin-bottom:15px;
}
#menu .col{
	text-align:center;
	font-size:13px;
}
#menu .col a{
}
#menu .col a.active{
	color:#7F7623;
}
#menu .col:nth-child(2){
	border-right:1px solid #000;
	border-left:1px solid #000;
}


/*■■■■■■■■■■■■■■■■■■■■■■*/
/*■メニューのボタンのフラッシュ*/


@-webkit-keyframes 'pulse' {
    0%{
       -webkit-box-shadow:2px 2px 4px rgba(255,255,255,0.2), 2px -2px 4px rgba(255,255,255,0.2), -2px 2px 4px rgba(255,255,255,0.2), -2px -2px 4px rgba(255,255,255,0.2);
         }
    100%{
        -webkit-box-shadow:3px 3px 5px rgba(255,255,255,1),3px -3px 5px rgba(255,255,255,1), -3px 3px 5px rgba(255,255,255,1), -3px -3px 5px rgba(255,255,255,1);
         }
}

.flash{
-webkit-animation-name: pulse;
-webkit-animation-duration: 0.8s;
-webkit-animation-iteration-count:infinite;
-webkit-animation-timing-function:ease-in-out;
-webkit-animation-direction: alternate;
-webkit-animation-delay: 0s;
}  




/*■■■■■■■■■■■■■■■■■■■■■■*/
/*■コンタクト＆PCサイト*/

#contact{
	position:relative;
	border:2px solid #9e9e9e;
	padding:4px;
}
#contact a{
	position:absolute;
	top:75%;
	left:17%;
	width:68%;
}
#pcsite{
	width:55%;
	margin:10px 22.5%;
	border:2px solid #9e9e9e;
	padding:4px;
}

/*■■■■■■■■■■■■■■■■■■■■■■*/
/*■フッター*/

#footer{
	margin-top:50px;
}
#to-top{
	font-size:13px;
	text-align:right;
	font-weight:bold;
}
#to-top span{
	cursor:pointer;
}
#to-top:after{
	margin-left:5px;
	padding:0 3px;
	content:"∧";
	color:#fff;
	font-size:80%;
	background-color:#000;
}
#footer-menu{
	text-align:right;
	font-size:12px;
}
#copyright{
	margin-top:30px;
	font-size:8px;
}


/*■■■■■■■■■■■■■■■■■■■■■■*/
/*■SNS*/
#sns div{
	text-align:center;
}
#sns img {
    width: auto;
}