@charset "UTF-8";


/*---------- ページ全体の指定 ----------*/

html,body,div,span,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,abbr,address,cite,code,del,dfn,em,img,ins,kbd,q,samp,small,strong,sub,sup,var,b,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,input,textarea,button,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;}
body{line-height:1;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
ul,ol{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
a{margin:0;padding:0;font-size:100%;vertical-align:baseline;background:transparent}
ins{background-color:#ff9;color:#000;text-decoration:none}
mark{background-color:#ff9;color:#000;font-style:italic;font-weight:bold}
del{text-decoration:line-through}
abbr[title],dfn[title]{border-bottom:1px dotted;cursor:help}
table{border-collapse:collapse;border-spacing:0}
input,select{vertical-align:middle}
img {vertical-align:top}

body {
  width: 100%;
  background-color: #ffffff;
  font: 13px/1.4 "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", Osaka, sans-serif,'Alegreya SC', serif;
  line-height: 1.5; color:#000
}
.font10 { font-size:77%; }
.font11 { font-size:85%; }
.font12 { font-size:93%; }
.font13 { font-size:100%; }
.font14 { font-size:108%; }
.font15 { font-size:116%; }
.font16 { font-size:123.1%; }
.font17 { font-size:131%; }
.font18 { font-size:138.5%; }
.font19 { font-size:146.5%; }
.font20 { font-size:153.9%; }
.font21 { font-size:161.6%; }
.font22 { font-size:167%; }
.font23 { font-size:174%; }
.font24 { font-size:182%; }
.font25 { font-size:192.3%; }
.font26 { font-size:197%; }
.font30 { font-size:227.3%; }

/*太字*/
.Dbold	{ font-weight: bold; }
.Dnrml  { font-weight: normal;}

/*縦位置*/
.DvlignT {vertical-align: top;}
.DvlignM {vertical-align: middle;}
.DvlignB {vertical-align: bottom;}

/*横位置*/
.DalignR {text-align: right;}
.DalignL {text-align: left;}
.DalignC {text-align: center;}

/*文字色*/
.DclrWhite {color: #ffffff;}
.Dclrgry {color: #999999;}
.Dclrred {color: #da2028;}
.DclrBrown {color: #766249;}

/*背景色*/
.DbgcBe {background:#f8f3e7;}

.noborder {border:none !important}

a:link,a:visited {
  color: #000;
	text-decoration:none;
}
a:hover {
  color: #000;
	text-decoration:underline !important;
}
a:hover img{
opacity:0.8;
filter:alpha(opacity=80);
-ms-filter: "alpha( opacity=80 )";
}



/*下マージ*/
.DmgB1 {margin-bottom: 1px;}
.DmgB2 {margin-bottom: 2px;}
.DmgB3 {margin-bottom: 3px;}
.DmgB5 {margin-bottom: 5px;}
.DmgB6 {margin-bottom: 6px;}
.DmgB7 {margin-bottom: 7px;}
.DmgB8 {margin-bottom: 8px;}
.DmgB9 {margin-bottom: 9px;}
.DmgB10 {margin-bottom: 10px;}
.DmgB15 {margin-bottom: 15px;}
.DmgB20 {margin-bottom: 20px;}
.DmgB23 {margin-bottom: 23px;}
.DmgB25 {margin-bottom: 25px;}
.DmgB30 {margin-bottom: 30px;}
.DmgB35 {margin-bottom: 35px;}
.DmgB40 {margin-bottom: 40px;}
.DmgB45 {margin-bottom: 45px;}
.DmgB50 {margin-bottom: 50px;}
.DmgB60 {margin-bottom: 60px;}
.DmgB70 {margin-bottom: 70px;}
.DmgB80 {margin-bottom: 80px;}

/*下パディング*/
.DpgB5 {padding-bottom: 5px;}
.DpgB10 {padding-bottom: 10px;}
.DpgB15 {padding-bottom: 15px;}
.DpgB20 {padding-bottom: 20px;}
.DpgB30 {padding-bottom: 30px;}

/*右マージン*/
.DmgR5 {margin-right: 5px;}
.DmgR8 {margin-right: 8px;}

/*左右マージン*/
.DmgRL5 {margin-right: 5px; margin-left: 5px;}
.DmgRL10 {margin-right: 10px; margin-left: 10px;}
.DmgRL15 {margin-right: 15px; margin-left: 15px;}
.DmgRL20 {margin-right: 20px; margin-left: 20px;}
.DmgRL30 {margin-right: 30px; margin-left: 30px;}

/*右パディング*/
.DpgL60 {padding-left: 60px;}
.DpgL70 {padding-left: 70px;}
.DpgL80 {padding-left: 80px;}

/*左右パディング*/
.DpgRL15 {padding-left:15px;padding-right: 15px;}
.DpgRL20 {padding-left:20px;padding-right: 20px;}

/*全パディング*/
.DpgALL15 {padding:15px;}

.brnon {
	border-right:none !important;
}
.bbnon {
	border-bottom:none !important;
}
.fboder {
	border-bottom:1px solid #b2b2b2;
}
.limg {float:left;}
.rimg {float:right;}

/*---------- ヘッダー ----------*/
header{position:relative; *zoom:1;*z-index:2001; height:58px; border-top:1px solid #c1c1c1; background:url(../IMG/headbg.png) repeat-x;
}
header:after{display:block;clear:both;content:''}
header:before{display:block;position:absolute;bottom:0;right:0;width:100%;height:1px;content:''}
header #site-logo{ position:absolute; top:0px; left:13px;}

#global-nav-switch{float:right;padding:0; border-left:1px solid #c1c1c1;}
#global-nav{clear:both;position:absolute;top:68px;left:0;width:100%;height:0;background-color:rgba(246,241,235,0);background-color:#f6f1eb \9;opacity:0;overflow:hidden;z-index:2001}
#global-nav ul{}
#global-nav li{
background:url(../IMG/arrow03.png) no-repeat center right #fff;
	-moz-background-size: 32px 15px; /* Firefox */
  -webkit-background-size: 32px 15px; /* Safari,Chromeなど */
  -o-background-size: 32px 15px; /* Opera */
  -ms-background-size: 32px 15px; /* ie */
  background-size: 32px 15px;
	border-bottom:1px dotted #b1b1b1;
	}
#global-nav li a{display:block;padding:6px 10px 6px 15px;color:#646464}
#global-nav li a:focus,#global-nav li a:hover,#global-nav li a:active,#global-nav li a.active{
background:url(../img/arrow03.png) no-repeat center right #fff;
	-moz-background-size: 32px 15px; /* Firefox */
  -webkit-background-size: 32px 15px; /* Safari,Chromeなど */
  -o-background-size: 32px 15px; /* Opera */
  -ms-background-size: 32px 15px; /* ie */
  background-size: 32px 15px;}
#global-nav ul{-moz-transform:translate3d(0, -400px, 0);-webkit-transform:translate3d(0, -400px, 0)}
header.in #global-nav{opacity:1;-moz-animation:fadeIn .5s ease;-webkit-animation:fadeIn .5s ease}
header.in #global-nav ul{-moz-transform:translate3d(0, 0, 0);-webkit-transform:translate3d(0, 0, 0);-moz-animation:slideDown 1s ease;-webkit-animation:slideDown 1s ease}
header.out #global-nav{opacity:0;visibility:hidden;-moz-animation:fadeOut .8s ease-out;-webkit-animation:fadeOut .8s ease-out}
header.out #global-nav ul{-moz-transform:translate3d(0, -400px, 0);-webkit-transform:translate3d(0, -400px, 0);-moz-animation:slideUp .8s ease;-webkit-animation:slideUp .8s ease}

@-webkit-keyframes fadeIn{0%{opacity:0}99.9%,to{opacity:1}}
@-webkit-keyframes fadeOut{0%{opacity:1;visibility:visible}99.9%,to{opacity:0;visibility:hidden}}
@-webkit-keyframes slideDown{0%{-webkit-transform:translate3d(0, -400px, 0)}99.9%,to{-webkit-transform:translate3d(0, 0, 0)}}
@-webkit-keyframes slideUp{0%{-webkit-transform:translate3d(0, 0, 0)}99.9%,to{-webkit-transform:translate3d(0, -400px, 0)}}
@-moz-keyframes fadeIn{0%{opacity:0}99.9%,to{opacity:1}}
@-moz-keyframes fadeOut{0%{opacity:1;visibility:visible}99.9%,to{opacity:0;visibility:hidden}}
@-moz-keyframes slideDown{0%{-moz-transform:translate3d(0, -400px, 0)}99.9%,to{-moz-transform:translate3d(0, 0, 0)}}
@-moz-keyframes slideUp{0%{-moz-transform:translate3d(0, 0, 0)}99.9%,to{-moz-transform:translate3d(0, -400px, 0)}}

#global-nav p {
	padding-left:75px;
	height:48px;
	display:table-cell;
	vertical-align:middle
}
#global-nav .thum01 {
	background:url(../IMG/top_thum04.png) no-repeat center left;
}
#global-nav .thum02 {
	background:url(../IMG/top_thum01.png) no-repeat center left;
}
#global-nav .thum03 {
	background:url(../IMG/top_thum02.png) no-repeat center left;
}
#global-nav .thum04 {
	background:url(../IMG/top_thum03.png) no-repeat center left;
}
#global-nav .thum01 , #global-nav .thum02 , #global-nav .thum03 , #global-nav .thum04 {
	-moz-background-size: 63px 48px; /* Firefox */
  -webkit-background-size: 63px 48px; /* Safari,Chromeなど */
  -o-background-size: 63px 48px; /* Opera */
  -ms-background-size: 63px 48px; /* ie */
  background-size: 63px 48px;
}
#global-nav li:last-child,#global-nav .subnavi li:last-child {
	border-bottom:none
}
#global-nav .subnavi {
	border-top:1px solid #b1b1b1;
	
}

#global-nav .subnavi li{
background:url(../IMG/arrow_red.png) no-repeat center right;
	-moz-background-size: 32px 10px; /* Firefox */
  -webkit-background-size: 32px 10px; /* Safari,Chromeなど */
  -o-background-size: 32px 10px; /* Opera */
  -ms-background-size: 32px 10px; /* ie */
  background-size: 32px 10px;
	border-bottom:1px dotted #b1b1b1;
	background-color:rgba(255,255,255,0.9)
	}
#global-nav .subnavi li a{display:block;padding:15px 10px 15px 15px;color:#646464}
#global-nav .subnavi li a:focus,#global-nav .subnavi li a:hover,#global-nav .subnavi li a:active,#global-nav .subnavi li a.active{
background:url(../img/arrow_white.png) no-repeat center right #b3b3b3;
	-moz-background-size: 32px 10px; /* Firefox */
  -webkit-background-size: 32px 10px; /* Safari,Chromeなど */
  -o-background-size: 32px 10px; /* Opera */
  -ms-background-size: 32px 10px; /* ie */
  background-size: 32px 10px;
	color:#fff;
	background-color:rgba(179,179,179,0.9)}
	

header .hcopy {
	position:absolute; top:3px; left:17px;
	color:#999999;
}
.menubtn {
	padding: 3px 15px 0 0;
}

.bxslider2 {
	padding-bottom: 25px;
}

img.main_photo {
  width: 100%;
  height: auto;
}


/*---------- コンテンツ ----------*/

#contentsArea {
  padding: 0px;
}
section {
  margin:0;
	border-bottom:1px solid #dddddd
}
section h2 {
}


#archive ul li {
	border-bottom:1px solid #eeeeee;
	padding:12px 0 10px 0;
}

#archive .tabarea {
	overflow:hidden;
	margin-bottom:0px;
}
#archive .txtarea {
	display:table-cell;
	line-height:1.3
}
#archive .sekouthum {
	display:table-cell;
	padding-right:10px;
	vertical-align:top;
}
#archive .daytxt {
	padding:1px 0px 0px 0px;
	float:left;
	color:#666666
}
#archive ul li:last-child {
	border-bottom:none;
}
.wrapperInstagram {
	padding: 15px 20px 30px;
}
.socialTop .wrapperInstagram .textBlock {
	display: block;
	text-align: center;
}
.wrapperInstagram .textBlock .text {
	text-align: center;
	padding-bottom: 12px;
}
.wrapperInstagram .textBlock .text img {
	width: 100%;
	height: auto;
}
.wrapperInstagram .instagram {
	 display: block;
	text-align: center;
 }
.wrapperInstagram .instagram > a {
	display: block;
}
.wrapperInstagram .instagram > a img {
	width: 100%;
	height: auto;
}
.wrapperLikebox {
	border-top: 1px solid #dddddd;
	padding: 0;
	border-bottom: 1px solid #dddddd;
}
.wrapperLikebox .likeBox {
	display: table;
	padding: 10px;
}
.wrapperLikebox .likeBox .box {
	display: table-cell;
	vertical-align: middle;
	width: 155px;
}
.wrapperLikebox .likeBox .text {
	display: table-cell;
	vertical-align: middle;
	}
.wrapperLikebox .likeBox .text img{
	margin-left: 30px;
}
.wrapperInfo {

    background-color: #f7f7f7;
    border-bottom: 1px solid #dddddd;
		padding:20px 20px 10px;
}
.wrapperInfo .info dl {
}
.wrapperInfo .info dl dt {
	font-size: 14px;
	line-height: 1.4;
	color: #666666;

}
.wrapperInfo .info dl dd {
	font-size: 14px;
	line-height: 1.4;
	color: #000000;
	margin-bottom:10px;
}
	
.pickup ul {
	margin: 0 0 30px 0;
	padding: 0;
}
.pickup ul:before, .pickup ul:after {
	content: " ";
	display: table;
}
.pickup ul:after {
	clear: both;
}
.pickup ul {
	*zoom: 1;
}
.pickup ul li {
	margin-bottom: 20px;
}
.pickup ul li img {
	width:100%
}
.pickup ul li:last-child {
	margin-bottom: 0;
}
.pickup ul li a {
	display: block;
	width: 100%;
	height: 100%;
	text-decoration: none;
}
.pickup ul li a .date {
	padding: 15px 15px 10px 15px;
	font-size: 12px;
	line-height: 1.4;
}
.pickup ul li a .title {
	padding: 0 15px 10px 15px;
	font-size: 18px;
	line-height: 1.2;
	font-weight: bold;
	color: #000000;
}
.pickup ul li a .detail {
	padding: 0 15px 15px;
	font-size: 12px;
	line-height: 1.4;
}
.pickup ul li a:link, .pickup ul li a:visited {
	background-color: #eeeeee;
}
.pickup ul li a:hover, .pickup ul li a:active {
	background: #e6e6e6;
}

#sharebar {

}
#sharebar ul {
	padding: 10px 0;
	margin: 0;
}
#sharebar ul:before, #sharebar ul:after {
	content: " ";
	display: table;
}
#sharebar ul:after {
	clear: both;
}
#sharebar ul {
	*zoom: 1;
}
#sharebar ul li {
	float: left;
	margin-right: 10px;
	margin-bottom:10px;
}

.sns {
	padding-bottom:30px;
}
.sns .titleList {
	margin: 0px;
	padding: 0;
}
.sns .titleList:before, .sns .titleList:after {
	content: " ";
	display: table;
}
.sns .titleList:after {
	clear: both;
}
.sns .titleList {
	*zoom: 1;
}
.sns .titleList li {
	width: 49.5%;
	padding:15px 0;
	margin-right: 1px;
	float: left;
	background:#f7f7f7;
	cursor: pointer;
	position: relative;
	font-weight:bold;
	line-height:1;
	text-align:center;
}
.sns .titleList li+li~li {
	margin-top: 1px;
}
.sns .titleList li:nth-child(2n) {
	margin-right: 0;
}
.sns .titleList li.active {
	background:#c90c41;
	color:#fff
}
.sns .contentList {
	margin: 0;
	padding: 0;
}
.sns .contentList li {
	display: none;
}
.sns .contentList li.fb {
	width: auto;
	height: 448px;
	border: 1px solid #ddd;
}
.sns .contentList li.fb .fb1 {
	display: block;
}
.sns .contentList li.fb .fb2 {
	display: none;
}

.sns .contentList li.ig {
	border: 1px solid #ddd;
	overflow: hidden;
	box-sizing: border-box;
	padding: 6.5% 5.3%;
}
.sns .contentList li.ig li {
	display: list-item;
}
.sns .contentList li.ig .instagram {
	font-size: 0;
	margin: -0.7%;
	text-align: center;
}
.sns .contentList li.ig .instagram li {
	line-height: 0;
	display: inline-block;
	width: 32.4%;
	margin: 0.3%;
	vertical-align: top;
}
.sns .contentList li.ig .instagram img {
	width: 100%;
	height: auto;
	vertical-align: bottom;
}

.sns .contentList li.tw {
	height: 450px;
	border: 1px solid #ddd;
	overflow: scroll;
}

.sns .contentList li.yt {
	width: auto;
	height: 448px;
	border: 1px solid #ddd;
	overflow: scroll;
	}
.sns .contentList li.yt ul li {
	display: block;
	border-bottom: 1px solid #ddd;
}
.sns .contentList li.yt ul li a {
	display: block;
	text-decoration: none;
	padding: 10px 20px;
}
.sns .contentList li.yt ul li a:before, .sns .contentList li.yt ul li a:after {
	content: " ";
	display: table;
	}
.sns .contentList li.yt ul li a:after {
	clear: both;
}
.sns .contentList li.yt ul li a {
	*zoom: 1;
}
.sns .contentList li.yt ul li img {
	float: left;
	width: 120px;
}
.sns .contentList li.yt ul li p {
	margin-left: 140px;
}
.sns .contentList li.yt ul li .date {
	display: block;
	font-size: 12px;
	line-height: 1.2;
	color: #666666;
	margin-bottom: 5px;
}
.sns .contentList li.yt ul li .title {
	display: block;
	font-size: 14px;
	line-height: 1.2;
	color: #000000;
}
.sns .contentList li.active {
	display: block;
}


/*---------- フッター ----------*/

footer {
  width: 100%;
  color: #333333;
}

footer p {
  color: #646464;
}
footer p.copy a {
  color: #646464 !important;
  text-decoration: none;
}

footer p.copy a:hover , footer p.copy a:visited {
  color: #646464 !important;
  text-decoration: underline;
}
#footerlink {
	background:#fff;
}
#footerlink ul {
	overflow:hidden;
}
#footerlink ul li {
	border-bottom:1px dotted #b2b2b2;
	padding:10px 15px;
}
#footerlink ul li:last-child {
	border-bottom:none;
}