@charset "utf-8";
/*
Theme Name: ani-song-Themes SP
Author: deogon
Author URI: http://anisong.co.jp/
Description: 
Version: 1.0
License: copy right allright reserved deogon.
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	color: #888;
}
img{
	max-width: 100%;
	height: auto;
	vertical-align: bottom;
}
iframe{
	max-width:100%;
	vertical-align: bottom;
}
:focus {/* remember to define focus styles! */
	outline: 0;
}
body {
	background: #fff;
	line-height: 1;
	font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
ol, ul {
	list-style: none;
}
table {/* tables still need 'cellspacing="0"' in the markup */
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	font-weight: normal;
	text-align: left;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
a img {
	border: 0;
}
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
a:link{
	color: #755642;
	text-decoration: none;
}
a:visited{
	color: #755642;
	text-decoration: none;
}
a:active{
}
a:hover{
	color: #987c6b;
}
p{
	line-height: 150%;
}
h3{
	font-weight:bold;
}

/*----- クラスまとめ -----*/
.font-b{
	font-weight:bold;
}
.radius5,.radius5top,.radius7,.radius7top{
	overflow:hidden;
}
.radius5{
	/* 角丸 */
	border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
.radius5top{
	/* 角丸 */
	border-radius: 5px 5px 0 0;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
}
.radius7{
	/* 角丸 */
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
.radius7top{
	/* 角丸 */
	border-radius: 7px 7px 0 0;
	-webkit-border-radius: 7px 7px 0 0;
	-moz-border-radius: 7px 7px 0 0;
}

.boxshadow{
	-moz-box-shadow: 0px 1px 5px #000;
	-webkit-box-shadow: 0px 1px 5px #000;
	box-shadow: 0px 1px 5px #000;
}


/* = body element
-------------------------------------------------------------- */

body {-webkit-text-size-adjust: 100%;}

.wapper{padding-top:60px;}

.titlebar{
	height: 60px;
	background: url(./images/sp-siteid_bk.png) no-repeat;
	-moz-background-size:100% 100%;
	background-size:100% 100%;
}
.titlebar img{
	float: left;
}
.titlebar_l{
	float: left;
	margin-left:10px;
	padding:5px 0;
}
.titlebar_r{
	width: 60px;
	position: fixed;
	top: 0;
	right: 0;
}

/* = グローバルメニュー
-------------------------------------------------------------- */
.menuarea{
	position: absolute;
	top: 60px;
	background: #fff;
	width: 100%;
	display: none;
	padding: 20px 0;
	box-shadow: 0px 2px 8px #333;
}
.menuarea ul li{
}
.tab ul li {
	border-bottom: 1px solid #ece7d8;
	padding:10px 20px;
}
.menuarea ul li a{
	display: block;
}

#tab1 {display:block;}
#tab2 {display:none;}
#tab3 {display:none;}
#tab4 {display:none;}
  
div.tab{
	width:100%;
	border-top:1px solid #ece7d8;
}
  
.tabrow {
	text-align: center;
	list-style: none;
	margin: 0;
	padding: 0;
	line-height: 24px;
	overflow: hidden;
	font-size: 14px;
	font-weight:bold;
	position: relative;
}
.tabrow li {
	border: 1px solid #AAA;
	background: #D1D1D1;
	background: -o-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -ms-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -moz-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: -webkit-linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	background: linear-gradient(top, #ECECEC 50%, #D1D1D1 100%);
	display: inline-block;
	position: relative;
	z-index: 0;
	border-top-left-radius: 6px;
	border-top-right-radius: 6px;
	box-shadow: 0 3px 3px rgba(0, 0, 0, 0.4), inset 0 1px 0 #FFF;
	text-shadow: 0 1px #FFF;
	margin: 0 -5px;
	padding: 10px 20px;
}
.tabrow a {
	color: #555;
	text-decoration: none;
}
.tabrow li.selected {
	background: #FFF;
	color: #333;
	z-index: 2;
	border-bottom-color: #FFF;
}
.tabrow:before {
	position: absolute;
	content: " ";
	width: 100%;
	bottom: 0;
	left: 0;
	border-bottom: 1px solid #AAA;
	z-index: 1;
}
.tabrow li:before,
.tabrow li:after {
	border: 1px solid #aaa;
	position: absolute;
	bottom: -1px;
	width: 5px;
	height: 5px;
	content: " ";
}
.tabrow li:before {
	left: -6px;
	border-bottom-right-radius: 6px;
	border-width: 0 1px 1px 0;
	box-shadow: 2px 2px 0 #D1D1D1;
}
.tabrow li:after {
	right: -6px;
	border-bottom-left-radius: 6px;
	border-width: 0 0 1px 1px;
	box-shadow: -2px 2px 0 #D1D1D1;
}
.tabrow li.selected:before {
	box-shadow: 2px 2px 0 #FFF;
}
.tabrow li.selected:after {
	box-shadow: -2px 2px 0 #FFF;
}
  
.clearLeft {
clear: left;
}
/* = .news-slide-wapper  .news-slide-area
-------------------------------------------------------------- */
.news-slide-wapper{
}
.slide-contnts{
background: url(./images/dot.png) repeat;
	z-index: 9999;
	height: 250px;
}
.slide-contnts img{
	margin: 20px 0 0 50%;
}
.news-slide-area{
	height: 250px;
	-moz-background-size:100% auto;
	background-size:100% auto; 
}
.shopinfo{
	background: #ece7d8;
	padding: 10px 0 10px 17px;
}
.underinfo{
	height: 60px;
}
.shopinfo p{
	color: #755642;
	text-shadow:0 1px 0 #fff;
}

/* = .各ページのタイトル画像
-------------------------------------------------------------- */
.page-title{
	width: 90%;
	margin-left:20px;
	padding: 30px 0 15px 0;
}
.page-title img{
}

/* = .top-topics （topicsを囲むエリア）
     .topics-thumb-img（サムネイル表示網掛け・バッジ）
-------------------------------------------------------------- */

.top-topics-wapper{
	position: relative;
	width: 90%;
	margin: 0 auto 50px;
}
.navi-wapper{
	position: fixed;
	width: 100%;
	z-index: 9999;
	top:0;
}
.dottopics{
	width: 100%;
	position: absolute;
	top: 0;
	background: url(./images/dot.png) repeat;
	z-index: 1000;
	height: 130px;
	/* 角丸 */
	border-radius: 7px 0 0 0;
	-webkit-border-radius: 7px 0 0 0;
	-moz-border-radius: 7px 0 0 0;
}
.news-sign{
	position: absolute;
	z-index: 2000;
}
.top-topics{
	background-color: #ececec;
	margin-bottom: 10px;
	padding-bottom: 15px;
	/* 角丸 */
	border-radius: 7px;
	-webkit-border-radius: 7px;
	-moz-border-radius: 7px;
}
.top-topics h3{
	/* トップページのTopics　タイトル */
	width: 90%;
	font-size: 20px;
	text-shadow: 0 1px 0 #fff;
	margin-top: 15px;
	margin-left: 15px;
	border-bottom: 1px solid #8e8e8e;
}
p.topics-more{
	/* moreの装飾 */
	margin-top: 15px !important;
	text-align: right;
	margin-bottom: 10px;
}

.topics-thumb-img {
	height: 130px;
	position: relative;	
	z-index: 10;
	overflow: hidden;
	border-radius: 7px 7px 0 0 / 3px 3px 0 0;
    -webkit-border-radius: 7px 7px 0 0;
    -moz-border-radius: 7px 7px 0 0;

}
.topics-thumb-img img{
	max-width: 100%;
    height: auto;
	border-radius: 3px 3px 0 0 / 3px 3px 0 0;
    -webkit-border-radius: 3px 3px 0 0;
    -moz-border-radius: 3px 3px 0 0;
}
/* = .c12_banner_wapper  .c12_banner （ナビゲーション下バナー12カラム幅）
-------------------------------------------------------------- */

.c12_banner_wapper{
	background-image: url(./images/baner-bk.png);
	background-repeat: repeat;
}

.sp_staffbanner{
	text-align: center;
}
.sp_staffbanner a{
	display:block;
}
.sp_staffbanner img{
	max-width: 90%;
	height: auto;
}
/* = .media-wapper(ゆーす発信のメディアとリンクの背景色設定)
-------------------------------------------------------------- */

.media-wapper{
	background-color: #ece7d8;
}

.sp-twitter{
	width: 90%;
	margin: 0 auto;
	padding:0;
}

.media-area{
	padding-bottom: 30px;
}
.cal_wrapper {
	width: 90%;
	margin:0 auto;
	overflow: hidden
}
.gcalender-toppage{
	margin:0 auto;
	position: relative;
	padding-bottom: 100%; /* 縦横比 */
	height: 0;
	backgorund-color:#fff;
}
.gcalender-toppage iframe{
	position: absolute;
	top: 0;
	left: 0;
	width: 100% !important;
	height: 100% !important;
}
@media only screen and (min-width: 600px) {
  /* 画面幅が600px以上の場合の縦横比の指定 */
  .gcalender-toppage {
    padding-bottom: 75%;
  }
}
.pagenate{
	text-align:center;
	margin:15px auto 0;
}
/* = .top-media-title(ゆーす発信のメディアとリンクのタイトル部分)
-------------------------------------------------------------- */
.top-media-title{
	height: 124px;
}
.top-media-title img{
	margin-top: 50px;
}

/* = .media-banner-area(ゆーす発信のメディアとリンクの右カラムバナー領域)
-------------------------------------------------------------- */
.media-banner-area {
	text-align: center;
	margin: 20px auto;
}
.media-banner-area ul li{
	display: inline-block;
	margin: 0　5px 20px 5px;
	text-align:center;
	padding:5px;
}

/* = .about-slide-wapper  .about-slide-area
     .about-slide-area-img
     .about-slide-area-title
     .about-slide-area-char
     .about-slide-area-bk
-------------------------------------------------------------- */
.about-wapper{
	background: #ece7d8;
}
/* news-slide-wapper と　news-slide-areaで囲まれた箇所のabout-contnts版 */
.about-contnts{
	background: url(./images/dot.png) repeat;
	z-index: 8888;
	height: 250px;
	text-align:left;
	position:absolute;
}
/* タイトルとキャラクターの位置 */
img.about-title{
	width: 290px;
	margin: 20px 0 0 7px;
}
img.about-char{
	margin-left: 45%;
}
.about-slide-wapper{
}
.about-slide-area{
	text-align: center;
	margin: 0 auto;
}
.about-slide-area-img{
	width:100%;
	height:250px;
	overflow:hidden;
	z-index:0;
}
.about-post-img{
	z-index: 10;
}
.about-slide-area-title{
}
.about-slide-area-char{
}
.about-slide-area-pt{
}
/* about 下段*/
.about-under-area{
	margin-top: 60px;
}
.about-under-left ul li{
	margin-bottom: 20px;
}
img.about-catch{
	width: 90%;
	margin-left: 8px;
}
.about-under-right p{
	margin:0 auto;
	width: 90%;
	padding: 10px;
	color: #5e5c56;
	text-shadow:0 1px 0 #fff;
}
.sagahatu{
}


/* = .system-wapper
-------------------------------------------------------------- */
/* 角丸 */
.open-time,.sp-tel,.cal_wrapper,.system-area-right,.system-df-link,.sitemaplink ul li{
	border-radius: 5px !important;
	-webkit-border-radius: 5px !important;
	-moz-border-radius: 5px !important;
}
/* ボーダー */
.open-time,.sp-gmap,.cal_wrapper,.system-area-right,.sp-twitter .customisable-border{
	border: 1px solid #cccccc !important;
}


.system-wapper{
	margin-bottom: 20px;
	background: #ece7d8;
	padding-bottom: 20px;
}
.system-area-left{
	background: #fff;
	margin: 0 auto;
	width: 90%;
}
.system-area-border{

}
.system-area-border img{
	text-align: center;
}
.system-img{
	margin-bottom: 20px;
}
.system-area-right{
	width: 90%;
	margin: 0 auto;
	background-image: url(./images/attention-bk.jpg);
	background-repeat: repeat;
	/* gird5に380px指定がかかっているがこちらの378pxを優先する */
}
.attention-title{
	margin-left: 15px;
	margin-top: 15px;
}
.system-area-right ul li{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	font-size: 14px;
	line-height: 160%;
	margin-bottom: 12px;
	list-style-type: square;
	margin-left: 25px;
	margin-right: 10px;
}
.system-area-right ul{
	width: 90%;
	margin: 25px auto 0;
}
.system-title{
	margin-left: 15px;
	margin-top: 15px;
}
.system-wari{
	text-align: center;
	margin: 0 auto;
	margin-top: -20px;
}
.system-df-link{
	width: 90%;
	text-align: center;
	margin: 20px auto;
	background: -moz-linear-gradient(top center, #ff931f 0%, #ff701f 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#ff931f), to(#ff701f));
	background: linear-gradient(top center, #ff931f 0%, #ff701f 100%);
	text-align:center;
	padding:20px 0;
	box-shadow: 0px 2px 1px #aaa;
	-moz-box-shadow: 0px 2px 1px #aaa;　/* Firefox用 */  
	-webkit-box-shadow: 0px 2px 1px #aaa;　/* Safari,Google Chrome用 */	
}
.system-df-link a{
	font-size:1.3em;
	font-weight:bold;
	color: #fff;
	text-shadow: 0px -1px 0px #ff701f;
}

.sp-gmap{
	width: 90%;
	margin: 0 auto;
}
.open-time{
	width: 90%;
	margin: 20px auto 20px;
	background: #fff;
	background-repeat: repeat;
	/* gird5に380px指定がかかっているがこちらの378pxを優先する */
}
.open-time img{
		margin: 15px 0 15px 10px;
		width: 90%;
}
p.access-adress{
	width: 90%;
	margin: 10px auto 10px;
	font-size: 20px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
}
.sp-tel{
	width: 90%;
	margin: 0 auto;
	background: -moz-linear-gradient(top center, #00cc33 0%, #336600 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#00cc33), to(#336600));
	background: linear-gradient(top center, #00cc33 0%, #336600 100%);
	text-align:center;
	padding:20px 0;
	box-shadow: 0px 2px 1px #aaa;
	-moz-box-shadow: 0px 2px 1px #aaa;　/* Firefox用 */  
	-webkit-box-shadow: 0px 2px 1px #aaa;　/* Safari,Google Chrome用 */
}
.sp-tel a{
	font-size:1.5em;
	font-weight:bold;
	color: #fff;
	text-shadow: 0px -1px 0px #360;
}

.welcome{
	width: 90%;
	margin: 0 auto;
}
.welcome img{
	padding: 30px 0;
}
/* = .foot
-------------------------------------------------------------- */

.footer-wapper{
	clear: both;
	background-image: url(./images/attention-bk.jpg);
	background-repeat: repeat;
	padding-top:20px;
}

.share,.sitemap{
	padding-bottom: 30px;
	border-top: 1px solid #aaa;
	margin-top: 30px;
	width: 90%;
	text-align: center;
	margin: 0 auto;
}
.sharetitle,.sitemaptitle{
	text-align:left;
	padding:10px 0;
	font-weight:bold;
}
.sitemaplink ul{
	margin: 0 auto;
}
.sitemaplink ul li{
	width:40%;
	text-align: center;
	margin: 0 auto;
	display: -moz-inline-box;
	display: inline-block;
	margin-bottom: 5px;
	background: -moz-linear-gradient(top center, #ff931f 0%, #ff701f 100%);
	background: -webkit-gradient(linear, center top, center bottom, from(#ff931f), to(#ff701f));
	background: linear-gradient(top center, #ff931f 0%, #ff701f 100%);
	text-align:center;
	box-shadow: 0px 1px 0px #aaa;
	-moz-box-shadow: 0px 1px 0px #aaa;　/* Firefox用 */  
	-webkit-box-shadow: 0px 1px 0px #aaa;　/* Safari,Google Chrome用 */
}
.sitemaplink ul li a{
	padding:20px 0;
	margin:0 auto;
	display:block;
	color:#fff;
	font-weight:bold;
	font-size:1.2em;
	text-shadow: 0px -1px 0px #ff701f;
}

.infomation{
	clear: both;
	width: 90%;
	margin: 0 auto;
	padding: 30px 0;
	border-top:solid 1px #aaa;
}
.info-adress{
	margin: 10px auto;
}
.info-adress ul li{
	margin-bottom: 10px;
}
ul.info-open{
	margin-left: 20px;
}
.info-open{
	font-size:85%;
}
.copyright p{
	font-size: 12px;
	text-align: center;
}
/* 
 ***************************************************************
 * archive-news.php
 ***************************************************************
-------------------------------------------------------------- */
.gcalender{
	width:90%;
	margin:0 auto;
}
/* = topics
-------------------------------------------------------------- */
.page-topics-title{
	height: 126px;	
}
.page-topics-title img{
	margin-top: 56px;
}

.page-topics{
	/* gird4に300px指定がかかっているがこちらの298pxを優先する */
	float: left;
	width: 298px !important;
	background-color: #ececec;
	margin-bottom: 50px;
	height: 504px;
	border: 1px solid #ececec;
	/* 角丸 */
	border-radius: 3px;
	-webkit-border-radius: 3px;
    -moz-border-radius: 3px;
     display: inline; 
}
.stleft{
	/* 左列だけmargin20px */
	margin-right: 20px;
}
.page-topics h3{
	/* トップページのTopics　タイトル */
	width: 268px;
	font-size: 24px;
	margin-top: 15px;
	margin-left: 15px;
	border-bottom: 1px solid #8e8e8e;
}
.page-topics p{
	/* トップページのTopics　本文 */
	width: 264px;
	font-size: 18px;
	margin-top: 28px;
	margin-left: 17px;
}

.page-news-obi{
	background-image: url(./images/news-head.png);
	background-repeat: no-repeat;
	width: 1020px;
	text-align:center;
	margin: 0 auto;
	height: 220px; 
}
.page-news-area{
	overflow: hidden;
	width: 1020px;
	text-align: center;
	margin: 0 auto;
}
h3.news-h3{
	width: 90%;
	margin: 20px auto;
	background-color: #7c5f4b ;
	padding:15px 0;
	text-shadow:0 -1px 0 #300;
}
h3.news-h3 span{
	margin: 10px 15px;
	color: #fff;
	font-size: 24px;
}

.newssinglecontents{
	width: 90%;
	border: 1px solid #ccc;
	margin: 0 auto 20px auto;
}
.news-single-h3{
	font-size: 24px;
	color: #7c5f4b;
	border-bottom: 1px solid #ccc;
	padding: 0 20px 15px 20px;
	margin-top:15px;
}
.nsauther{
	padding: 10px 20px;
	background-color: #e8e8e8;
	text-shadow: 0 1px 0 #fff;
	font-weight:bold;
}
.nsauther img{
	border-bottom:1px solid #ccc;
	margin-right:10px;
	vertical-align:middle;
}
.nscont{
	clear: both;
	width: 90%;
	margin: 20px auto;
}
.single_nav{
	border-top:dotted 1px #ccc;
}
.lfloat{
	float:left;
}
.rfloat{
	float:right;
}
.pre,.next{
	margin:10px;
	font-weight:bold;
}
.pre{
	text-align: left;
}
.next{
	text-align: right;
}

.fornewsarchive{
	clear:both;
	text-align:center;
	margin-bottom:50px;
}

.sshare{
	padding:0 10px;
	margin-bottom:20px;
	margin-top:10px;
}
.sshare .snpr{
	text-align:center;
}


.nscont table,.nscont th,.nscont td{
	border-collapse:collapse;
}
.nscont table{
	border:2px solid #7c5f4b;
	margin:20px 0;
	letter-spacing:normal;
}
.nscont th,.nscont td{
	text-align:center;
	padding:10px;
	vertical-align: middle;
}
.nscont th{
	color:#fff;
	background:#7c5f4b;
	border-bottom:1px solid #fff;
	border-right:1px solid #7c5f4b;
}
.nscont td{
	border-left:1px solid #7c5f4b;
	border-bottom:1px solid #7c5f4b;
	color:#7c5f4b;
}


/* 
 ***************************************************************
 * archive-staff.php
 ***************************************************************
-------------------------------------------------------------- */

.stafflist{
	width: 90%;
	margin: 0 auto;
	border: 1px solid #8e8e8e;
	margin-bottom: 30px;
	background: url(./images/staff-bk-pt.jpg);
	background-repeat: repeat;
}
.staffshowhide{
	display:none;
}
.stafflist p{
	color: #755642;
}
.stafflist li{
	color: #755642;
}
.staffimg_wapper{
	text-align: center;
	border-bottom: 1px dotted #8e8e8e;
	height: 410px;
	background-color: #fff;
}
.staffimg_main{
	margin-bottom: 19px;
	border-top:1px dotted #8e8e8e;
	border-bottom:1px dotted #8e8e8e;
}
p.stfshow {
	text-align:right;
}
.staff_thumb{
	width:100%;
}
.staff_thumb ul {
	text-align:center;
}
.staff_thumb ul li{
	display:inline-block;
	/display:inline;
	/zoom:1;
	list-style: none;
	margin:0 4px;
	padding:0;
	border:1px solid #ccc;
	width:70px;
	height:70px;
}
.staff_thumb ul li a img{
	height:70px;
}
p.staff_no{
	/* GoogleWebFontを使用 */
	font-family: 'Droid Serif', serif;
	font-size: 20px;
	letter-spacing: 0.3em;
	height: 40px;
	display:inline-block;
}
.staff_no_wrap{
	padding-top: 10px;
	padding-left: 20px;
	background: url(./images/attention-bk.jpg) repeat;
}
p.staff_arrow{
	float:right;
	margin-right:20px;
	margin-top:3px;
}
.staff_names{
	background-color: #fff;
	padding: 10px 0 10px 20px;
}
p.staff_yakuwari{
	clear: both;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	background-color: #fff;
}
p.staff_name{
	font-size: 24px;
	font-weight: bold;
	width: 278px;
}
li.staff_age{
	float: left;
}
.staff_detail{
	padding: 20px 20px 10px 20px;
}
.staff_detail li{
	margin-bottom: 10px;
	line-height:1.2em;
}
.staff_detail li span{
	font-weight:bold;
	color:#755642;
}
li.staff_jender{
}
li.staff_janle{
	clear: both;
}
li.staff_anisong{}
li.staff_likechar{}
li.staff_recomenu{}
li.staff_mcoment{
	padding: 10px;
	background-color: #faf9f5;
}
li.staff_twitter{
	border:1px solid #efefef;
	text-shadow: 0 1px 0 #fff;
	/* border-radius */
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	/* box-shadow */
	box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 1px;
	-webkit-box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 1px;
	-moz-box-shadow:rgba(0, 0, 0, 0.2) 0px 1px 3px 1px;
	/*All filters must be placed together*/
	background-image: -moz-linear-gradient(top, #fff, #ddd);
	background-image: -ms-linear-gradient(top, #fff, #ddd);
	background-image: -o-linear-gradient(top, #fff, #ddd);
	background-image: -webkit-gradient(linear, center top, center bottom, from(#fff), to(#ddd));
	background-image: -webkit-linear-gradient(top, #fff, #ddd);
	background-image: linear-gradient(top, #fff, #ddd);
}
li.staff_twitter a{
	display:block;
	width:auto;
	padding-left:35px;
	padding-top:10px;
	padding-bottom:10px;
	margin:0 10px;
	font-size:120%;
	font-weight:bold;
	color:#755642;
	background:no-repeat left center;
}

#staff_tw{
	width:90%;
	margin:0 auto;
	padding-bottom:30px;
}
#staff_tw h3{
	margin:0 auto;
	background-color: #7c5f4b ;
	padding:15px;
	color:#fff;
	text-shadow:0 -1px 0 #300;
	font-weight:bold;
	border:1px solid #7c5f4b !important;
}
#staff_tw iframe{
	border-radius:0 0 5px 5px !important;
	-webkit-border-radius:0 0 5px 5px !important;
	-moz-border-radius:0 0 5px 5px !important;
	background-color:#ece7d8;
}
/* 
 ***************************************************************
 * page-menu.php
 ***************************************************************
-------------------------------------------------------------- */
.menu-wapper{
	width: 95%;
	margin: 0 auto;
	border: 1px solid #8e8e8e;
	overflow: hidden;
	margin-bottom: 30px;
	/* 角丸 */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.menuh3title{
	/* GoogleWebFontを使用 */
	font-family: 'Droid Serif', serif;
	font-size: 20px;
	padding-top: 15px;
	padding-left: 20px;
	letter-spacing: 0.3em;
	height: 35px;
	background: url(./images/attention-bk.jpg);
	background-repeat: repeat;
	margin-bottom: 30px;
	color: #755642;
}
#menu_cafe_wrapper{
	opacity:0.5;
	filter:alpha(opacity=50);
	-moz-opacity: 0.5;
}
#menu_cafe_wrapper h3 span{
	font-size:10pt;
	color:#755642;
	letter-spacing:0;
}
.menu_info dd.menu_d_price{
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #755642;
	margin-bottom:0;
}
.attachment-menu{
	padding-top:5px;
}
dt.menu_d_title{
	width: 75% !important;
	display: list-item;
	list-style: disc outside;
	margin-bottom: 0px;
	font-family:"ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
	color: #755642;
	float:left;
}
dl.menu_info dt{
}
.a_drink_wapper{
	float: left;
}
.s_drink_wapper{
}
dl.drink_info dt{
	float: left;
}
dd.menu_d_dtl{
	color: #e47000;
	width: 260px;
	font-size:75%;
	font-weight:bold;
}
.drink_info dd{
	margin-bottom: 20px;
}

.menu_info dd{
	margin-bottom: 20px;
}
.menuleft{
	padding-left: 40px;
	border-right: 1px dotted #888;
	margin-bottom: 30px;
}
.menuright{
	padding-left: 40px;
	margin-bottom: 30px;
}
.menuleft h4, .menuright h4{
	color: #755642;
	font-size: 18px;
	margin-left: -20px;
	margin-bottom: 20px;
	padding-top:20px;
	font-weight:bold;
}
#bar_banner_sp{
	border-bottom:1px dotted #888;
	margin-bottom:30px;
}

/* 
 ***************************************************************
 * page-contact.php
 ***************************************************************
-------------------------------------------------------------- */

.contact-wapper{
	width:90%;
	margin:0 auto 20px auto;
	background-color: #ffff99;
	border: 1px solid #ccc;
}
img.contactboshu{
	margin-top:20px;
}
.contact-left{
	text-align: center;
	padding: 10px 0 0 0;
}
.contact-left img{
	max-width: 70%;
	height: auto;
}
.contact-right{
	margin-top: 30px;
	text-align: center;
}
.contact-right img{
	max-width: 90%;
	height: auto;
}
.contact_r_t{
}
table.contact-table{
	width: 90%;
	margin: 0 auto 20px;
	border-top: 2px solid #990;
	border-bottom: 2px solid #990;
	text-align: left !important;
	border-collapse:collapse;
}
table.contact-table td{
	border-top: 1px solid #990;
	border-bottom: 1px solid #990;
	padding: 10px;
	background-color: #e3e3a4;
}
.con-t{
	width: 100px;
	font-weight:bold;
	color:#660;
	text-shadow:0 1px 0 #ffd;
}
.con-n{
	background-color: #fff !important;
	line-height:150%;
}

.mailform-wapper{
	width:90%;
	margin:0 auto;
	border: 1px solid #ccc;
	margin-bottom: 30px;
	background: url(./images/attention-bk.jpg);
	background-repeat: repeat;
	position: relative;
}
.mailform-att{
	font-size:70%;
	font-weight:normal;
	margin:0 10px;
	text-align:left;
}
.mailform{
	width: 95%;
	text-align: center;
	margin: 0 auto;
}
.mailform dt p{
	color:#755642;
	font-weight:bold;
	text-shadow:0 1px 0 #fff;
}
.mailform dt p span{
	font-size:60%;
	font-weight:normal;
	color:#fff;
	text-shadow:0 -1px 0 #c60;
	background-color:#f90;
	padding:2px 5px;
	margin-left:10px;
	vertical-align: top;
	/* 角丸 */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	/* boxshadow */
	-moz-box-shadow: 0px 1px 0px #d1cab3;
	-webkit-box-shadow: 0px 1px 0px #d1cab3;
	box-shadow: 0px 1px 0px #d1cab3;
}
.mailform dl{
	border: 1px solid #ccc;
	margin-bottom: 25px;
	background-color: #ffffff;
	/* 角丸 */
	border-radius: 3px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
}
.mailform dd{
	padding:10px;
}
.mail-t{
	/* 角丸 */
	border-radius: 3px 3px 0 0;
	-webkit-border-radius: 3p 3px 0 0;
	-moz-border-radius: 3px 3px 0 0;
}
span.wpcf7-not-valid-tip {
	display: block;
	margin-top: 6px;
	color: #f02626;
}
img.formtitle{
	text-align: center;
	padding: 15px 0 0 10px;
}
.formtitle{
	max-width: 90%;
	height: auto;

}
.mail-t{
	background-color: #ece7d8;
	height: 50px;
}
.mail-n{
}
dt.mail-t p{
	padding: 15px 8px 0 8px;
}
.mailform p{
	text-align: center;
}
.mailform .wpcf7-submit{
	width: 200px;
	font-size: 22px;
	margin-bottom: 20px;
	color: #555555;
	text-shadow: 0px 1px 0px #ffffff;
}
form.wpcf7-form input{
	width :90%;
	height: 48px;
	border:#999 1px solid;
	font-size: 18px;
	color: #555;
	font-weight:bold;
}
/* form placeholder*/
::-webkit-input-placeholder { vertical-align: top;color: #d0c8c8; }
:-moz-placeholder { vertical-align: top; }
/* form placeholder*/

form.wpcf7-form select{
	width: 100%;
	height: 48px;
	font-size: 18px;
	background-color: #fff;
	color:#555;
	border:#999 1px solid;
}
.screen-reader-response{
	margin-left: 80px;
	padding: 10px 0;
	color: #f02626;
}
.screen-reader-response ul li{
	color: #f02626;
}

.mail-t_a{
	background-color: #ece7d8;
}
.mail-n_a{	
}
dt.mail-t_a p{
	padding: 10px 8px;
}
dt.mail-t_a p.mailform-att-naiyo{
	text-align:left;
	font-weight:normal;
	border-top:dotted 1px #cdc5ad;
}
form.wpcf7-form textarea{
	max-width: 95%;
	height: 293px;
	border: none;
	font-size: 18px;
	color: #d0c8c8;
}

.single_coment{
	margin-top: 30px;
	padding:20px;
	background-color:#e8e8e8;
	color:#333;
	border-top:1px dotted #ccc;
}
.comment-reply-title{
	font-size:1.1em;
	font-weight:bold;
	text-shadow:0 1px 0 #fff;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:solid 1px #ccc;
}
.logged-in-as,.comment-notes{
	font-size:75%;
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:dotted 1px #ccc;
}
.logged-in-as a{
	font-weight:bold;
}
.comment-notes{
}
.comment-form-author,.comment-form-email,.comment-form-url,.comment-form-comment,.form-allowed-tags{
	margin-bottom:10px;
}
.comment-form-author label,.comment-form-email label,.comment-form-url label,.comment-form-comment label{
	display:block;
	font-weight:bold;
	text-shadow:0 1px 0 #fff;
}
.form-allowed-tags{
	font-size:80%;
	font-weight:bold;
	padding-left:7px;
	border-left:2px solid #999;
}
.form-allowed-tags code{
	font-weight:normal;
}
.form-submit{
	text-align:center;
}
.form-submit #submit{
	font-size:120%;
}

/* 
 ***************************************************************
 * トップへジャンプするボタン
 ***************************************************************
-------------------------------------------------------------- */

#pageTop{
	position:fixed;
	bottom:5px;
	right:5px;
	z-index:9999;
}

/* 
 ***************************************************************
 * anisong.co.jp/ banner
 ***************************************************************
-------------------------------------------------------------- */
#asjp_banner{
	margin:0;
	padding:0;
	border-bottom:1px solid #ccc;
}
#asjp_banner a span{
	display:none;
}
#asjp_banner a{
	display:block;
	overflow:hidden;
	text-align:center;
	width:100%;
	height:90px;
}