@charset "UTF-8";
/* CSS Document */
#all,body{
	background:#320733;
	color:#fff;
	font-family:"HG明朝","ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	margin:0;
	padding:0;
}
body{ scrollbar-base-color:#fff; }/* IE用スクロールバーカラー */
body::-webkit-scrollbar { width:10px; height: auto; }/* スクロールバー幅 */
body::-webkit-scrollbar-track { background: #000; }/* 背景 */
body::-webkit-scrollbar-thumb { background:#fff; }/* スクロールバー本体 */
ul,ol{
	margin:0;
}
#menu{
	background:#3F094C;
	height:60px;
}

#mainvisual{
	background:url(../images/pc-mv-bg450.png) no-repeat;
	height:450px;
}
#logo-box{
	background:url(../images/bg_logo.png) no-repeat left top;
	height:380px;
	position:relative;
}
#logo{
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	font-size:600%;
	/* text-shadow:3px 2px 2px #CD8387; */
	padding-left:7px;
	color:#CD8387;
}
#logo:after{
	content:"藤衣裳";
	writing-mode: vertical-rl;
	-ms-writing-mode: tb-rl;
	-webkit-writing-mode:vertical-rl;
	position:absolute;
	left:18px;
	top:17px;
	color:#fff;
}
#menu{
	box-sizing:border-box;
}
#menu li{
	list-style:none;
	line-height:0.3em;
}
#menu li a{
	height:60px;
	width:100%;
	text-indent:-9999px;
	overflow:hidden;
	display:inline-block;
}
#menu-top a{
	background:url(../images/ic_top.png) no-repeat center center / 45px 45px;
}
#menu-gallery a{
	background:url(../images/ic_gallery.png) no-repeat center center / 45px 45px;
}
#menu-twitter a{
	background:url(../images/ic_twitter.png) no-repeat center center / 45px 45px;
}
#menu-contact a{
	background:url(../images/ic_contact.png) no-repeat center center / 45px 45px;
}
@media screen and (max-width: 767px) { 
#menu li a{
	margin:0 10%;
	width:80%
}
}
@media screen and (max-width: 544px) { 
#menu li{
	padding:0;
}
#menu li a{
	margin:0 10%;
	width:80%
}
#menu-top a{
	background:url(../images/ic_top.png) no-repeat center center / 90% auto;
}
#menu-gallery a{
	background:url(../images/ic_gallery.png) no-repeat center center / 90% auto;
}
#menu-twitter a{
	background:url(../images/ic_twitter.png) no-repeat center center / 90% auto;
}
#menu-contact a{
	background:url(../images/ic_contact.png) no-repeat center center / 90% auto;
}

#twitter-widget-0{
  width: 88% !important;
}
}
#top-gallery,#top-twitter{
	min-height:300px;

}
.top-h2{
	font-size:200%;
	line-height:130%;
	min-height:40px;
}
.gallery-h2{
	margin:30px 0 0;
	background:url(../images/ic_gallery.png) no-repeat left top/ 35px 35px;
	padding:0 0 0 45px;
}
.gallery-img{
	margin-top:100px;
}
.gallery-img img{
max-width:100%;
	height:auto;
	
}

.twitter-h2{
	margin:30px 0 20px;
	background:url(../images/ic_twitter.png) no-repeat left top/ 35px 35px;
	padding:0 0 0 45px;
}
.result-h2{
	margin:60px 0 20px;
	background:url(../images/ic_result.png) no-repeat left top/ 35px 35px;
	padding:0 0 0 45px;
}
#contact{
	padding-bottom:50px;
}
.contact-h2{
	margin:60px 0 0;
	background:url(../images/ic_contact.png) no-repeat left top/ 35px 35px;
	padding:0 0 0 45px;
}
.contact-table{
	border-top: 1px solid #9B82A3;
    color: #F0E0F5;
    width: 86%;
    margin: 30px 7%;
}
.contact-table a{
	color:#fff;
	text-decoration:underline;
}
.contact-table tr{
	border-bottom:1px solid #9B82A3;	
}
.contact-table th{
	background:#4D2956;
	text-align:center;
	padding:10px;
}
.contact-table td{
	background:#4E3654;
	padding:10px;
	border-left:1px solid #9B82A3;
}
#top-gallery-list{
	margin:20px 0 0;
}
#top-gallery-list li{
	margin:0;
	padding:0;
	list-style:none;
}
#top-twitter{
	padding:0 20px;
}
#sitemap{
	background:#38293F;
	padding:30px;
}
.sitemap-h2{
	font-size:170%;
}
.list-float{
	display:table;
}
.list-float li{
	float:left;
	margin:0 30px;
}
#top-twitter{
	max-height:370px;
	overflow:scroll;
}
#twitter-box{
	
	max-height:250px;
}
#twitter-content{
	background:#200526;
	padding:0 20px 50px;
}
@media screen and (max-width: 768px) { 
.list-float{
	display:block;
}
.list-float li{
	float:none;
	margin:auto;
}
.container{
	padding:0;
}
.row{
	margin:0;
}
#top-gallery,#result{
	padding:0 20px 30px;
}
#top-twitter{
	background:#200526;
	max-height:none;
	overflow:auto;
	padding:20px 20px 50px;
	box-sizing:border-box;
}
#contact{
	padding:10px 20px 50px;
	background:#200526;
}
}
@media screen and (max-width: 1024px) { 
#top-twitter{
	max-height:none;
	overflow:auto;
}
}

.list-1 li{
	padding:5px;
	list-style-image:url(../images/ic_list1.png);

}

.list-1 li a{
	color:#fff;
	text-decoration:underline;
}
.list-1 li a:hover{
	text-decoration:none;
}

#logo-under{
	font-size: 420%;
    letter-spacing: 0.1em;
    text-shadow: -3px 2px 2px #CD8387;
    padding-left: 7px;
    padding-top: 30px;
}
#logo-under-box {
    background: url(../images/bg_logo.png) no-repeat left 62%;
    height: 200px;
    position: relative;
}
#mainvisual-under{
	background-image:url(../images/pc-mv-bg450.png);
	background-repeat:no-repeat;
	height:200px;
}
.copyright{
	text-align:center;
	padding:20px
}
.mt-30{
	margin-top:30px;
}
.mt-50{
	margin-top:50px;
}
.text-l{
	text-align:left !important;
}
/* .bxsluder*/
.bx-wrapper{
	background:none;
	border:none;
	box-shadow:none;
}
.bx-wrapper img{
	height:auto;
}
.bx-wrapper .bx-controls-direction a{
	height: 30px;
	width: 30px;
}
.bx-wrapper .bx-prev {
    background: rgba(0, 0, 0, 0) url(../js/jquery.bxslider/images/controls.png) no-repeat scroll 0 -29px;
    left: 0;
}
.bx-wrapper .bx-next {
    background: rgba(0, 0, 0, 0) url(../js/jquery.bxslider/images/controls.png) no-repeat scroll -39px -29px;
    right: 0;
}
.bx-wrapper .bx-next:focus, .bx-wrapper .bx-next:hover {
    background-position: -39px 0;
}