@charset "utf-8";

/*
    Theme Name: NEWTYPE
    Description: wordpressテーマ
    Theme URI: 
    Author: Uesugi Yayoi @FWH Inc.
    Author URI: http://free-web-hope.com/
    Version: 1.0.0
*/

/* --MEMO---------------------------------

== [ 幅 ] ==========
サイト幅 1000px
サイドカラム幅 200px
メイン幅（3カラム時）540px

---------------------------------------- */

@import url("css/reset.css");
@import url("css/remodal.css");

/* ========================================

    ■ 必須設定
	
======================================== */

* {
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
         -o-box-sizing: border-box;
        -ms-box-sizing: border-box;
            box-sizing: border-box;
}

body {
    font-family: Meiryo, sans-serif;
    font-size: medium;
    color: #333;
    line-height: 1.4;
    background-attachment: fixed;
    /*background-image: url("images/NT2019_bg.png");*/
    background-image: url("images/NT2021_bg.png");
	/*background: url("images/bg-header.png") repeat-x, url("images/bg-body.png");*/
}

a {
	overflow: hidden;
    color: #6666FF;
    text-decoration: none;
    -webkit-transition-duration:  0.1s;
    transition-duration: 0.1s;
}

a:hover {
    color: #990066;
    text-decoration: none;
    -webkit-transition-duration:0.1s;
    transition-duration: 0.1s;
}

a:hover img {
    opacity: 0.9;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

img,
video,
object {
    max-width: 100%;
    height: auto;
    vertical-align: bottom;
    border: none;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

ul,dl {
	margin: 0;
	padding: 0;
}

/* wrapper
----------------------------- */

.wrap {
    width: 1040px;
    margin: 0 auto;
	padding: 0 20px;
    position: relative;
}

.wrap:after {
    content: "";
    display: block;
    clear: both;
}

@media screen and (max-width: 800px) {
	.wrap {
		width: 96%;
		margin: 0 2%;
	}
	
	body {
		/*background: url("images/NT2019_bg.png");*/
		background: url("images/NT2021_bg.png");
	}

}

/* ========================================

    ■ ヘッダー
	
======================================== */

header .wrap {
	margin-top: 10px;
	padding: 0 20px 0;
	background: rgba(250,250,250,0.9);
	border: 1px solid #CCF;
	box-shadow: 0 3px 5px rgba(0,0,0,.15);
	/*background: url("images/bg-header-wrap.png");*/
}

/*---
------------ PC版ヘッダー ------------
---*/

.pc-only #header-logo {
	width: 160px;
	height: 160px;
	margin: 0 19px;
	float: left;
}

.pc-only #header-logo img.logo {
	width: 100%;
	height: 100%;
}

.pc-only #header-content {
	width: 800px;
	height: 110px;
	padding: 10px 0 0 0;
	float: right;
}

.pc-only #header-content .catchcopy {
	width: 240px;
	height: 70px;
	font-size: 14px;
	font-weight: bold;
	line-height: 20px;
	color: #666;
	text-align: center;
	float: left;
}

.pc-only #header-content .schedule {
	width: 310px;
	height: 70px;
	padding-left: 10px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #0066FF;
	float: left;
}

.pc-only #header-content .schedule_en {
	width: 310px;
	height: 70px;
	padding-left: 10px;
	font-size: 14px;
	line-height: 20px;
	font-weight: bold;
	color: #0066FF;
	float: left;
}


.pc-only #header-content .contact {
	width: 240px;
	height: 70px;
	padding-left: 20px;
	float: left;
}

.pc-only #header-content .contact .reserve_form {
	display: block;
	width: 200px;
	height: 40px;
	float: right;
}

.pc-only #header-content .contact .tel_number {
	display: block;
	width: 200px;
	height: 30px;
	background-image: url('images/tel_number.png');
	background-repeat: no-repeat;
	float: right;
}

.pc-only #header-content .sns_link {
	display: block;
	width: 800px;
	height: 30px;
	clear: both;
}

.pc-only #header-navi {
	width: 800px;
	height: 40px;
	float: right;
	margin-bottom: 10px;
}

.pc-only #header-navi ul {
	width: 700px;
	height: 40px;
}

.pc-only #header-navi li {
	width: 100px;
	height: 40px;
	float: left;
	list-style-type: none;
	/*background: rgba(255,255,255,0.8);*/
}

.pc-only #header-navi li a {
	display: block;
	width: 100px;
	height: 40px;
	text-indent: -9999px;
}

.pc-only #header-navi li a:hover {
	background: url("images/nav/bg-nav-hover.png");

}

.pc-only #header-navi li.home {
	background-image: url('images/nav/home.png');
}
.pc-only #header-navi li.event {
	background-image: url('images/nav/event.png');
}
.pc-only #header-navi li.schedule {
	background-image: url('images/nav/schedule.png');
}
.pc-only #header-navi li.cast {
	background-image: url('images/nav/cast.png');
}
.pc-only #header-navi li.uniform {
	background-image: url('images/nav/uniform.png');
}
.pc-only #header-navi li.system {
	background-image: url('images/nav/system.png');
}
.pc-only #header-navi li.access {
	background-image: url('images/nav/access.png');
}
.pc-only #header-navi li.contact {
	background-image: url('images/nav/contact.png');
}


/*---
------------ SP版ヘッダー ------------
---*/

.sp-only #logo {
	width: 70px;
	height: 70px;
	text-align: center;	
}

#btn-menu {
	float: right;
	color: #0033CC;
	font-size: x-large;
	line-height: 60px;
}

#box-remodal {
	width: 100%;
	min-height: 100%;
	position: absolute;
	top: 40px;
	left: 0;	
}

#box-remodal ul {
	border-top: 1px #003399 solid;
	border-bottom: 1px #003399 solid;	
}
	
#box-remodal li {
	display: block;
	margin: 0;
	border-top: 1px #003399 solid;
	border-bottom: 1px #003399 solid;	
}

#box-remodal li a {
	display: block;
	padding: 10px;
	text-decoration: none;
}

@media screen and (max-width: 800px) {
	
	header .wrap {
		padding: 10px 20px 0;
		height: 95px;
	}
}


/* ========================================

    ■ コピーライト
	
======================================== */

#copyright {
	clear: both;
	margin: 1em 0 0;
    padding: 0.5em;
    color: #883c92;
	font-family: 'Abril Fatface', cursive;
    font-size: 14px;
    text-align: center;
    border-top: 1px solid #6B4411;
}

/* ========================================

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

footer {
	width: 100%;
    background: url("images/bg-footer.png") left bottom repeat-x;
}

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

}

/* ========================================

    ■ モジュール設定
	
======================================== */

/* ページトップ
----------------------------- */

#page-top {
    position: fixed;
    right: 20px;
}

#page-top a {
    display: block;
    width: 44px;
    height: 44px;
    color: #fff;
    text-align: center;
    line-height: 44px;
    background: rgba(0,0,0,.25);
        border-radius: 50%;
}

#page-top a:hover {
    color:  #3bf;
    background: rgba(0,0,0,.5);
}

/* ページネーション
----------------------------- */

.pagenation {
    text-align: center;
    margin: 40px auto 0;
}

.pagenation ul {
    overflow: hidden;
    display: inline-block;
    margin: 0;
}

.pagenation li {
    font-size: small;
    border: 1px solid #333;
    margin: 0 0 0 3px;
    float: left;
}

.pagenation li.active {
    color: #fff;
    background: #333;
    padding: 10px 18px;
}

.pagenation li a {
    display: block;
    text-decoration: none;
    background: #fff;
    padding: 10px 18px;
}

.pagenation li a:hover {
    color: #fff;
    background: #333;
}

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

    .pagenation li.active {
        padding: 10px 16px;
    }
    
    .pagenation li a {
        padding: 10px 16px;
    }


}

/* ========================================

    ■ 共通スタイル
	
======================================== */

/* PCのみ表示
----------------------------- */

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

    .pc-only {
        display:  none;
    }

}

/* スマホ、タブレットのみ表示
----------------------------- */

.sp-only {
    display: none;
}

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

    .sp-only {
        display: block;
    }

}

/* スマホだけ改行
----------------------------- */

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

	.br {
		font-size: 0px !important;
	}
	
	.br::after {
		content: '';
		display: block;
	
	}

}

/* ========================================

    ■ 3カラムコンテナ
	
======================================== */

#container {
    width: 100%;
	margin: 0 auto;
	padding: 0 0 30px;
	background: url("images/bgtop_container.png") top center no-repeat;/*, url("images/bgbottom_container.png") bottom center no-repeat;*/
    overflow: hidden;
}

#recruit202007 {
	width: 100%;
	margin: 5px auto 10px;
}

#container .wrap {
	padding: 5px 19px 20px;
	background: rgba(250,250,250,0.8);
	/*background: url("images/bg-container.png");*/
	box-shadow: 0 3px 5px rgba(0,0,0,.15);
	margin-top: 10px;
	border: 1px solid #CCF;
}

@media screen and (max-width: 800px) {
	
	#container .wrap {
		padding: 20px;
	}
	
}


/* セクションタイトル
----------------------------- */

.side-box h4,
.post-list h4,
#kanren h4 {
	padding: 0 0 5px;
    font-size: x-large;
	font-family: 'Abril Fatface', cursive;
	color: #6b4411;
    border-bottom: 1px solid #888;    
}

.side-box h4 i,
.post-list h4 i,
#kanren h4 i {
    width: 1.5em;
	color: #6b4411;
    text-align: center;
}

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

    .side-box h4,
    .post-list h4,
    #kanren h4  {
        text-align: center;
    }

}


/* ========================================

    ■ メインカラム
	
======================================== */

#main-column {
    width: 540px;
    margin: 0 10px;
	float: left;
	background: rgba(255,255,255,0.4);
}

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

    #main-column {
        width: 100%;
        margin: 20px 0;
        float: none;
    }

}

#slideshow {
	width: 100%;
	height: 100%;
	padding: 50% 0 0;
    margin-bottom: 10px;
    background-color: #fff;
    border: 1px solid #ddd;
    position: relative;
}
#slideshow ul {
	display: none;
	margin: 0;
	padding: 0;
	width: 100%;
	height: 54px;
}

#slideshow li {
	width: 25%;
	height: 54px;
	float: left;
	list-style-type: none;
}


#slideshow .slide_image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
    overflow: hidden;
}


#slideshow .image {
	top: 0;
	left: 0;
	position: absolute;
}

#slideshow .active {
	filter:alpha(opacity=100)!important;
	-moz-opacity: 1!important;
	opacity: 1!important;
}


#adv_main {
	width: 100%;
	margin: 0 0 5px 0;
}

/* 記事一覧
----------------------------- */

.post-list ul li {
	position: relative;
	padding: 10px 0 20px;
	/*background: url("images/bg-post-list.png") repeat-x;*/
	overflow: hidden;
}

.post-list ul li img {
    display: block;
    margin: 0 auto 20px;
}

/*.post-list ul li span {
    color: #fff;
    font-size: small;
    text-align: center;
    background: #f90;
    padding: 0 2em;
    margin: 10px 0;
    border-radius: 10px;
}*/

.post-list ul li .ttl-post {
	overflow: hidden;
	border-bottom: 1px solid #0033FF;
	border-left: 10px solid #0033FF;
}

.post-list ul li .ttl-post .title {
	width: 75%;
	float: left;
	line-height: 30px;
	padding-left: 1%;
	color: #390f1c;
	font-size: 120%;
	font-weight: bold;    
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

.post-list ul li .ttl-post .link {
	width: 20%;
	float: right;
	text-align: center;
	margin: 1%;
	color: #357870;
	font-size: 90%;
	line-height: 20px;
	border: 1px solid #0033FF;
	background-color: #FFFFFF;
}

.post-list ul li .ttl-post .link a {
	display: block;
	width: 100%;
	height: 100%;
}

.post-list ul li .cnt-post {
	width: 100%;
	padding: 10px 0;
	border-right: 1px solid #0033FF;
	border-bottom: 1px solid #0033FF;
}

.post-list ul li .cnt-post p {
	font-size: 90%;
}

.post-list ul li .ftr-post {
	height: 30px;
	border-bottom: 1px solid #0033FF;
	border-left: 10px solid #0033FF;
}

.post-list ul li .ftr-post .datetime {
	float: left;
	padding: 5px;
	color: #357870;
	font-size: 90%;
	line-height: 20px;
}

.post-list ul li .ftr-post .link {
	width: 12%;
	float: right;
	text-align: center;
	margin: 5px;
	color: #357870;
	font-size: 90%;
	line-height: 20px;
	border: 1px solid #0033FF;
	background-color: #FFFFFF;
}

.post-list ul li p {
    font-size: medium;
    margin: 0 10px 10px;
}


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

    .post-list ul li {
        padding: 30px 0;
    }
	
	.post-list ul li h2 {
        font-size: small;
        margin: 0 10px;
    }
    
    .post-list ul li span {
        font-size: x-small;
        margin: 0;
    }    

}


/* ========================================

    ■ 下層共通
	
======================================== */

#post-column {
    width: 540px;
    margin: 0 10px;
    float: left;
}

.breadcrumb {
    font-size: small;
    border: 1px solid #eee;
    background:  #fafafa;
    padding: 1em;
}

.time {
    margin: 20px 0;
}

.post {
	width: 100%;
    font-size: 14px;
    padding: 0 10px;
}

.post .cnt_,
.post .cnt_green,
.post .cnt_violet,
.post .cnt_pink,
.post .cnt_orange {
	width: 100%;
	padding: 15px 0;
	border: 1px solid #6B4411;
}

.post .cnt_green {
	background: rgba(128,255,128,0.1);
}
.post .cnt_violet {
	background: rgba(207,62,255,0.1);
}

.post .cnt_pink {
	background: rgba(255,0,128,0.1);
}

.post .cnt_orange {
	background: rgba(255,190,160,0.1);
}

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

    #post-column {
        width: 100%;
		margin: 0;
        float: none;
    }
    
    .post {
        font-size: medium;
        padding: 20px 0;
    }

}

/* 記事内SNSボタン
----------------------------- */

.sns {
    margin: 5px 0;
    text-align: right;
}

.sns li {
    display: inline-block;
    vertical-align: middle;
    margin: 0 5px;
}

.fb_iframe_widget > span {
    vertical-align: baseline !important;
}

.pocket-btn {
    width: 85px;
}

.google-btn {
    width: 60px;
}

/* 記事内アイキャッチ
----------------------------- */

.post-thumb {
    width: 100%;
    overflow: hidden;
    margin: 0 0 20px;
    padding: 0 20px;
}

.post-thumb img {
    width: 100%;
    height: auto;
}

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

    .post-thumb {
        height: auto;
    }

}


/* ========================================

    ■ 関連記事
	
======================================== */

#kanren {
    overflow: hidden;
    margin-top: 10px;
}

.kanren li {
    width: 50%;
    font-size: small;
    border-bottom: 1px dotted #888;
    float: left;
}

.kanren li:nth-child(odd) {
    border-right: 1px dotted #888;
}

.kanren li img {
    width:  75px;
    height:  75px;
    margin: 0 10px 0 0;
    float: left;
}

.kanren li a {
    overflow: hidden;
    display: block;
    text-decoration: none;
    padding: 10px;
}

.kanren li a:hover {
    color: #419f94;
    background: #f5fcff;
}

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

    .kanren li {
        width: 100%;
        float: none;
    }
    
    .kanren li:nth-child(odd) {
        border-right: none;
    }

}

/* ========================================

    ■ アーカイブ
	
======================================== */

/* 記事一覧
----------------------------- */

#archive-list {
    margin: 20px 0 0;
}

#archive-list li {
    overflow: hidden;
    border-top: 1px solid #ccc;
    padding: 20px 0;
    position: relative;
}

#archive-list li:last-child {
    border-bottom: 1px solid #ccc;
}

#archive-list li img {
    float: left;
    margin: 0 20px 0 0;
}

#archive-list li span {
    color: #fff;
    font-size: small;
    text-align: center;
    background: #f90;
    padding: 0 2em;
    margin: 10px 0;
    border-radius: 10px;
}

#archive-list li h2 {
    font-weight: bold;
    margin: 10px;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

#archive-list li p {
    font-size: small;
    margin: 10px;
}

#archive-list li a {
    width: 100%;
    height: 100%;
    text-indent: -999px;
    position: absolute;
    top: 0;
    left: 0;
}

#archive-list li a:hover{
    background: #eae1d5;
	opacity: 0.2;
}

#archive-list li:hover h2 {
    color: #419f94;
    -webkit-transition-duration: 0.3s;
    transition-duration: 0.3s;
}

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

    #archive-list li {
        padding: 10px 0;
    }
    
    #archive-list li img {
        width: 75px;
        height: 75px;
        margin: 0 10px;
        float: right;
        margin: 0 1em 0;
    }
    
    #archive-list li span {
        font-size: x-small;
        margin: 0;
    }
    
    #archive-list li h2 {
        font-size: small;
        margin: 0 10px;
    }

}

/* ========================================

    ■ 記事内スタイル
	
======================================== */

article > h1,
.post-list > h1 {
	position: relative;
	margin: 0 0 5px;
	padding: 0.7em;
	color: #0033CC;
	text-align: center;
    font-size: 21px;
	font-family: 'Abril Fatface',"メイリオ", cursive, san-serif;
}

article h1::before,
article h1::after,
.post-list h1::before,
.post-list h1::after {
	position: absolute;
	left: 0;
	content: '';
	width: 100%;
	height: 6px;
}

article h1::before,
.post-list h1::before {
	top: 0;
	border-top: 2px dotted #0033FF;
	border-bottom: 3px double #0033FF;
}

article h1::after,
.post-list h1::after {
	bottom: 0;
	border-top: 3px double #0033FF;
	border-bottom: 2px dotted #0033FF;
}

article .post h2 {
	display: block;
	margin: 0 auto 1em;
	padding: 0.4em 0 0.4em 20px;
    font-size: 18px;
	color: #efe3d0;
	background: url("images/bgh2.png") #419f94;
	border-left: 5px #afdace solid;
	box-shadow: 0 1px 2px rgba(0,0,0,.15);
}

article .post h3 {
	position: relative;
    font-size: 16px;
	padding: 0 0 0.3em 20px;
	border-bottom: 3px #f1ece4 solid;
}

article .post h3::after {
	position: absolute;
	top: 7px;
	left: 3px;
	z-index: 2;
	content: '';
	width: 10px;
	height: 10px;
	background-color: #419f94;
	-webkit-transform: rotate(45deg);
	transform: rotate(45deg);
}
	
article .post h4 {
	position: relative;
    font-size: 14px;
	padding: 0.3em 0;
	border-bottom: 1px #bfa57b dotted;
}

article .post p {
    margin: 0 10px 10px;
}

article .post img {
    display: block;
    margin: 0 auto;
}

article .post a {
	color: #C6F;
}

article .post a:hover {
    color: #357870;
}

article .post ul,
article .post ol {
    margin: 2em 0;
}

article .post li {
    margin: 0 0 0 2em;
}

article .post blockquote {
    overflow: hidden;
    color: #888;
    border: 1px solid #ddd;
    background: url("images/blockquote.png") no-repeat 15px 15px #f6f6f6;
    padding: 45px 1em 0;
    position: relative;
}

@media only screen and (-webkit-min-device-pixel-ratio:2),
                  (min-resolution: 2dppx) {

    article .post blockquote {
        background: url("images/blockquote@2x.png") no-repeat 15px 15px #f6f6f6;
        background-size: 40px 40px;
    }

}

article .post blockquote p {
    margin: 1em 0;
}

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

    article h1,
	.post-list h1 {
        font-size: x-large;
    }
    
    article .post h2 {
        font-size: medium;
		margin: 0;
    }
    
    article .post h3 {
        font-size: medium;
		margin: 1em 0 -0.5em;
    }
    
    article .post li {
        margin: 0 1em;
    }

}


/* ========================================

    ■ サイドカラム
	
======================================== */

/* レイアウト
----------------------------- */

aside {
    width: 220px;
    font-size: small;
    margin: 0;
}

#right-column {
    float: right;
}

#right-column .blog {
	padding: 5px;
	background: url("images/bgtop-right.png") left top no-repeat,url("images/bgbottom-right.png") right bottom no-repeat rgba(255,255,255,0.7);
	border-radius: 5px;
	border: 1px solid #96C;
	box-shadow: 0 2px 2px rgba(0,0,0,.15);
}

.buncoffee-banner {
	margin: 0;
	border: 1px solid #6B4411;
}

.letao-banner {
	margin: 0;
	border: 1px solid #6B4411;
}
.letao-banner img {
	width: 100%;
}

.left-column {
    float: left;
}

.side-box {
    overflow: hidden;
    margin: 0;
    position:  relative;
}

.side-box .bloglist_header {
	display: block;
	margin: 5px auto;
	width: 100%;
	height: 30px;
	background: url('images/staffblog.png') center bottom;
	background-repeat: no-repeat;
	border-bottom: 1px solid #96C;
}

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

    aside {
        width: 100%;
		margin: 0 0 40px;
    }
    
    #right-column {
        float: none;
    }
    
    .left-column {
        float: none;
    }

}

/* おすすめ記事
----------------------------- */

.recommend-list ul {
}

.recommend-list ul li {
    border-bottom: 1px dotted #888;
}

.recommend-list ul li a {
    overflow: hidden;
    display: block;
    text-decoration: none;
    background: #fff;
    padding: 10px;
    position: relative;
}

.recommend-list ul li a:hover {
    color: #419f94;
    background: #f5fcff;
}

.recommend-list ul li img {
    width: 75px;
    height: 75px;
    margin: 0 10px 0 0;
    float: left;
}

.recommend-list ul li span {
    color: #fff;
    font-size: x-small;
    background: #f90;
    padding: 0 1em;
    border-radius: 10px;
}

/* カテゴリーリスト
----------------------------- */

.category-list ul {
	margin: 0 0 10px;
}

.category-list ul li {
}

.category-list ul li a {
    display: block;
    width: 100%;
	height: 55px;
    text-decoration: none;
    border-bottom: 1px solid #888;
}

.category-list ul li a:hover {
    color: #419f94;
    background: rgba(255,255,255,0.4);
}

.category-list ul li a .casticon {
	display: block;
	width: 45px;
	height: 45px;
	margin: 5px 0;
	float: left;
}

.category-list ul li a .title {
	display: block;
	width: 158px;
	height: 45px;
	margin: 5px 0 5px 5px;
	float: left;
	line-height: 22px;
}

.category-list .moreblog {
	width: 100%;
}
.category-list .moreblog a {
	display: block;
	width: 100%;
	margin: 10px 0;
	text-align: right;
	font-weight: bold;
}

.category-list ul li .title .children li a {
    border-bottom: 1px dotted #888;
    padding: 1em 2em;
}

.category-list ul li .title .children li:last-child a {
    border-bottom: 1px solid #888;
}


/* 検索フォーム
----------------------------- */

.search-box {
    width: 100%;
    height: 40px;
	padding: 0 50px 0 10px;
	box-sizing: border-box;
    font-family: Meiryo, sans-serif;
	background: #b2ddd1; 
	border-style: none;
	border-radius: 5px; 	 
    z-index: 10;    
}

.search-btn {
    width: 40px;
    height: 40px;
    position: absolute;
    top: 0;
    right: 0px;
    z-index: 20;
}

::-webkit-input-placeholder {
    color:#444;
}

:-moz-placeholder {
    color:#444;
}

/* バナーリスト
----------------------------- */

.banner-list li {
	width: 100%;
	margin: 0 0 20px;
}

@media screen and (max-width: 480px) {
	
	.banner-list li {
		width: 98%;
		margin: 1%;
		float: left;
	}
	
}

/* ========================================

    ■ 404
	
======================================== */

.nf-image {
    text-align: center;
    padding: 2em 0;
}

.nf-text {
    text-align: center;
}



/* ========================================

    ■ ブログ記事部分
	
======================================== */

.ttl-blog {
	width: 100%;
}


/* ========================================

    ■ LeTAO
	
======================================== */

#letao {
	width: 100%;
	margin: 20px 0;
}

#letao p {
	margin: 10px;
}

#letao .ttl {
	font-size: 110%;
	font-weight: bold;
	line-height: 30px;
	padding-left: 5px;
	border-top: 1px solid #6B4411;
	border-bottom: 1px solid #6B4411;
	border-left: 10px solid #6B4411;
}

#letao .cnt {
	overflow: hidden;
	width: 100%;
	padding: 10px 5px;
	border-right: 1px solid #6B4411;
	border-bottom: 1px solid #6B4411;
}


/* ========================================

    ■ フード/ドリンク
	
======================================== */

.menu .pizza,
.menu .quick,
.menu .otsumami,
.menu .agemono,
.menu .sarad,
.menu .desert {
	margin-bottom: 15px;
}

.menu .ttl {
	font-size: 110%;
	font-weight: bold;
	line-height: 30px;
	padding-left: 5px;
	border-bottom: 1px solid #6B4411;
	border-left: 10px solid #6B4411;
}

.menu .cnt {
	overflow: hidden;
	width: 100%;
	padding: 10px 5px;
	border-right: 1px solid #6B4411;
	border-bottom: 1px solid #6B4411;
}

.menu .cnt ul {
	margin-left: 1%;
}

.menu .cnt ul li {
	overflow: hidden;
	float: left;
	width: 31%;
	margin: 5px 1%;
	position:relative;
}

.menu .cnt ul li .image {
	width: 100%;
	height:auto;
}

.menu .cnt ul li .image img {
	border: 1px solid #ccc;
}

.menu .cnt ul li .name {
	width: 100%;
	height: 40px;
	line-height: 20px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
}

.menu .cnt dl {
	margin-left: 1%;
}

.menu .cnt dl dt {
	font-weight: bold;
	font-size: 110%;
}

.menu .cnt dl dd {
	margin: 3px 0 3px 10px;
}

.menu-list {
	margin: 0 0 30px;
	overflow: hidden;
}

.menu-list ul li {
	margin: 0;
	padding: 0;
}


/* フードメニュー
----------------------------- */

.food-list li {
	width: 50%;
	margin: 0 0 1em !important;
	padding: 0 0.5em !important;
	float: left;
}

.food-list li img {
	margin: 0 auto 0.3em;
	padding: 0;
	border-style: none;
}

.food-list li span {
	display: block;
	text-align: center;
}

@media screen and (max-width: 800px) {
	
	.menu-list {
		font-size: small;
	}
	
}
	


/* ドリンクメニュー
----------------------------- */

.drink-list li {
	padding: 1em 0 !important;
	border-bottom: 1px #ccc dotted;
}

.drink-list li:first-child {
	padding-top: 0 !important;
}

.drink-list span {
	display: block;
}

.menu-list p i {
	margin: 0 0.5em 0 0;
}


/* メニュー料金
----------------------------- */

.menu-list span.price {
	font-size: small;
}


/* ========================================

    ■ キャスト一覧
	
======================================== */

.cast-list {
	overflow: hidden;
}

.cast-list li {
	width: 32%;
	margin: 0 0 1em !important;
	padding: 0 !important;
	float: left;
}

.cast-list li img {
	display: block;
	width: 94%;
	margin: 0 auto 0.3em;
	padding: 3%;
	background: #fff;
	box-shadow: 0 3px 5px rgba(0,0,0,.15);	
}

.cast-list li:nth-child(3n-1) {
	margin: 0 2% !important;
}

.cast-list li span {
	display: block;
	text-align: center;
}

@media screen and (max-width: 800px) {
	
	.cast-list li {
		width: 50%;
		margin: 0 0 2em !important;
		padding: 0 !important;
		float: left;
		font-size: small;
	}	
	
	.cast-list li:nth-child(2n+1) {
		clear: both;
	}
	
	.cast-list li:nth-child(3n-1) {
		margin: 0 !important;
	}

}


/* ========================================

    ■ プロフィール
	
======================================== */

.cast-name {
	margin: 0 0 20px;
}

.profile {
	padding: 0 0 20px;
	overflow: hidden;
}

.profile img {
	display: block;
	margin: 0 auto 20px;
}

@media screen and (max-width: 800px) {
	
	.profile ul li {
		width: 50%;
		margin: 0 0 2em;
		padding: 0 !important;
		float: left;
	}		
	
	.profile ul li:nth-child(2n+1) {
		clear: both;
	}
	
	.profile ul li:nth-child(3n-1) {
		margin: 0 !important;
	}
	
}
	
.profile dl {
}

.profile dl dt,
.profile dl dd {
	padding: 0.5em;
}

.profile dl dt {
	background: #f3ede9;
	border-bottom: 1px #999 dotted;
}

.profile dl dd {
}


/* ========================================

    ■ アクセス
	
======================================== */

.access ul {
	margin: 0;
}

.access ul li {
	margin: 0 0 30px!important;
	padding: 0 10px !important;
	font-size: 14px;
	border-bottom: 1px solid #ccc;
}

.access ul li img {
	display: block;
	margin: 0 auto -20px;!important;
	border:1px solid #ccc;
}

.access ul li p {
	margin: 5px 0;
}

.fromJR {
	width: 100%;
	margin: 10px auto;
	border-left: 5px solid #FF0099;
	padding-left: 10px;
}

.fromJR dt {
	font-weight: bold;
	font-size: 120%;
	color: #FF0099;
}

.map {
	padding: 6px;
	background: rgba(255,255,255,.2);
	border: 4px #FF9999 solid;
}

.map p {
	padding: 0 0 0 0.8em;
}


@media screen and (max-width: 800px) {
	
	.access,
	.map {
		font-size: small;
	}
	
}

@media screen and (max-width: 480px) {
	
    .iframe-wrap {
        position: relative;
        width: 100%;
        padding: 75% 0 0 0;
    }
	
    .iframe-wrap iframe {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
}

.attmgr_weekly_all {
	font-size: small;
	line-height: 1.3;
}

.attmgr_weekly_all img {
	display: block;
	width: 80%;
	margin: 0 auto;
}

.attmgr_weekly_all tr th,
.attmgr_weekly_all tr td {
	padding: 10px 0;
}

.attmgr_weekly_all span {
	display: block;
	text-align: center;
}

#attmgr_admin_scheduler input[type="submit"] {
	display: block;
	width: 60%;
	margin: 20px auto;
	padding: 15px;
	color: #fff;
	font-family: "メイリオ", Meiryo, sans-serif;
	background: #390;
	border-style: none;
	border-radius: 5px;
	cursor: pointer;
}


/* ========================================

    ■ お問い合わせ
	
======================================== */

#contact table {
	width: 100%;
	margin: 5% auto;
}

#contact table tr {
	display: block;
	margin: 0 0 15px;
}

#contact table tr th,
#contact table tr td {
	display: block;
	width: 100%;
	padding: 0.5em;
	font-weight: normal;
	text-align: left;
}

#contact table tr th {
	border-bottom: 1px #ccc dotted;
}

.must {
	dipslay: inline-block;
	float: left;
	margin: 0 0.5em 0 0;
	padding: 0.1em 0.5em;	
	font-size: 11px;
	color: #fff;
	border-radius: 3px;
	background: #6633CC;
}

#contact select {
	padding: 5px 10px;
	margin-right: 3px;
	border: 1px #ddd solid;
	border-radius: 5px;
}

#contact input,
#contact textarea {
	-webkit-appearance:none;
   	-moz-appearance:none;
    appearance:none;
	padding: 10px;
	border-style: none;
	border-radius: 5px;
	background: #e3e3e3;
}

#contact input[type="text"],
#contact input[type="email"],
#contact textarea {
		-webkit-appearance:none;
    	-moz-appearance:none;
    appearance:none;
	padding: 10px;
	border: 1px #ddd solid;
	border-radius: 5px;
	background: #ffffff;
}

.button-submit {
	display: block;
	width: 60%;
	margin: 3% auto 8%;
	padding: 1em 0;
	font-family: "メイリオ", "ＭＳ Ｐゴシック", sans-serif;
	font-size: medium;
	color: #fff;
	text-align: center;
	text-decoration: none;
	border: none;
	border-radius: 5px;
	background: #6666FF;
	cursor: pointer;
}

.button-submit:hover {
	background: #6699FF;
}


/* ========================================

    ■ RESERVE
	
======================================== */


#reserve {
}

/*
2015.12.15 追記
*/

#castlist {
	width: 100%;
}

#castlist .category {
	width: 100%;
	margin: 10px auto 5px;
	height: auto;
	font-size: 15px;
}

#castlist ul.cat {
	padding: 0;
	margin: 0 auto;
}

#castlist ul.cat li {
	width: 21%;
	float: left;
	background: rgba(255,255,255,0);
	margin: 2%;
	text-align: center;
	line-height: 22px;
}

#castlist ul.cat li .green {
	height: 22px;
	float: left;
	background: rgba(0,255,128,0.2);
	border: 1px solid #00CC00;
	width: 100%;
	color: #009966;
}

#castlist ul.cat li .violet {
	height: 22px;
	float: left;
	background: rgba(200,90,255,0.2);
	border:1px solid #C0F;
	width: 100%;
	color: #9900CC;
}

#castlist ul.cat li .pink {
	height: 22px;
	float: left;
	background: rgba(255,0,128,0.2);
	border: 1px solid #FF0099;
	width: 100%;
	color: #FF00CC;
}

#castlist ul.cat li .orange {
	height: 22px;
	float: left;
	background: rgba(255,190,160,0.2);
	border: 1px solid #FF6600;
	width: 100%;
	color: #FF6600;
}

#castlist ul.cast {
	width: 100%;
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#castlist ul.cast li {
	display: block;
	float: left;
	list-style-type: none;
	width: 29%;
	margin: 1% 1% 3% 3%;
	background: rgba(255,255,255,0.8);
}

#castlist ul.cast li.green {
	border: 1px solid #00CC00;
}

#castlist ul.cast li.green:hover {
	background: rgba(0,255,128,0.2);
}

#castlist ul.cast li.green .name {
	color: #009933;
}

#castlist ul.cast li.violet {
	border: 1px solid #CC00FF;
}

#castlist ul.cast li.violet:hover {
	background: rgba(200,90,255,0.2);
}

#castlist ul.cast li.violet .name {
	color: #990099;
}

#castlist ul.cast li.pink {
	border: 1px solid #FF0099;
}

#castlist ul.cast li.pink:hover {
	background: rgba(255,0,128,0.2);
}

#castlist ul.cast li.pink .name {
	color: #FF0066;
}

#castlist ul.cast li.orange {
	border: 1px solid #FF6600;
}

#castlist ul.cast li.orange:hover {
	background: rgba(255,190,160,0.2);
}

#castlist ul.cast li.orange .name {
	color: #FF3300;
}

#castlist ul.cast li.gray {
	border: 1px solid #CCC;
}

#castlist ul.cast li.gray:hover {
	background: rgba(192,192,192,0.2);
}

#castlist ul.cast li.gray .name {
	color: ##6699CC;
}

#castlist ul.cast li .img {
	display: block;
	width: 100%;
	height: 100%;
	margin: 1px auto;
}

#castlist ul.cast li .name {
	display: block;
	width: 100%;
	height: 25px;
	line-height: 25px;
	text-align: center;
	font-weight: bold;
	font-size: 13px;
	margin: 3px auto;
}


#profile {
	width: 100%;
}

#profile .breadcrumb_cast {
	width: 100%;
	height:30px;
	line-height:30px;
	font-size: 15px;
}

#profile ul {
	width: 100%;
	margin: 0;
	height: auto;
}

#profile li {
	float: left;
	list-style-type: none;
	width: 29%;
	margin: 1% 2%;
}

#profile li img.green {
	border: 1px solid #00CC33;
}
#profile li img.violet {
	border: 1px solid #9900FF;
}
#profile li img.pink {
	border: 1px solid #FF00CC;
}
#profile li img.orange {
	border: 1px solid #FF6600;
}

#profile .profdata {
	width: 100%;
	padding: 10px 0;
}

#profile .profdata table {
	width: 100%;
	background: rgba(255,255,255,0.6);
	font-size: 15px;
}

#profile .profdata table.green {
	border-top: 1px solid #00CC33;
	border-left: 1px solid #00CC33;
	border-right: 1px solid #00CC33;
}
#profile .profdata table.green th {
	border-bottom: 1px solid #00CC33;
	border-right: 1px solid #00CC33;
}
#profile .profdata table.green td {
	border-bottom: 1px solid #00CC33;
}

#profile .profdata table.violet {
	border-top: 1px solid #9900FF;
	border-left: 1px solid #9900FF;
	border-right: 1px solid #9900FF;
}
#profile .profdata table.violet th {
	border-bottom: 1px solid #9900FF;
	border-right: 1px solid #9900FF;
}
#profile .profdata table.violet td {
	border-bottom: 1px solid #9900FF;
}


#profile .profdata table.pink {
	border-top: 1px solid #FF00CC;
	border-left: 1px solid #FF00CC;
	border-right: 1px solid #FF00CC;
}
#profile .profdata table.pink th {
	border-bottom: 1px solid #FF00CC;
	border-right: 1px solid #FF00CC;
}
#profile .profdata table.pink td {
	border-bottom: 1px solid #FF00CC;
}

#profile .profdata table.orange {
	border-top: 1px solid #FF6600;
	border-left: 1px solid #FF6600;
	border-right: 1px solid #FF6600;
}
#profile .profdata table.orange th {
	border-bottom: 1px solid #FF6600;
	border-right: 1px solid #FF6600;
}
#profile .profdata table.orange td {
	border-bottom: 1px solid #FF6600;
}




#profile .profdata table th {
	width: 149px;
	height: 30px;
}

#profile .profdata table td {
	width: 368px;
	height: 24px;
	line-height: 24px;
	padding: 3px 5px;
}

#profile .profdata table td.message {
	padding: 5px;
}


/*
2015.12.22 追記
*/

#system {
	/*width: 540px;*/
	margin: 20px 0;
}

#system .prize {
	font-size: 16px;
	width: 75%;
	height: auto;
	margin: 0 auto 10px;
	padding: 5px;
	border: 4px solid #6633FF;
}

#system .prize:hover {
	background: rgba(255,255,255,0.4);
}

#system ul {
	/*width: 540px;*/
	overflow: hidden;
	margin: 0;
	padding: 0;
}

#system li {
	list-style-type: disc;
	font-size: 14px;
	margin-bottom: 10px;
}


.about_newtype {
	display: block;
	width: 98%;
	margin: 0 auto 10px;
	padding: 5px;
	border: 2px dotted #9966CC;
}

.about_newtype h1 {
	position: relative;
	margin: 0px 0px 5px;
	color: #9900FF;
	text-align: center;
	font-size: 20px;
	font-family: "Abril Fatface","メイリオ",cursive,san-serif;
}

.about_newtype p {
	text-align: center;
	font-size: 14px;
	line-height: 20px;
}

iframe {
	border-radius: 5px;
}


#langmenu {
	position: fixed;
	left: 0;
	top: 0;
	height: 100%;
	overflow: hidden;
	font-size: 80%;
}

#langmenu div{
	margin: 0;
}

#langmenu li {
	width: 84px;
	height: 24px;
	background-image: linear-gradient(to top,#FFBBFF,#FFEEFF);
	margin: 4px;
	box-shadow: 3px 3px 1px rgba(100,100,100,0.45);
}

#langmenu li a {
	display: block;
	width: 76px;
	height: 24px;
	padding-left: 28px;
	padding-top: 3px;
	color: #CC0000;
	font-weight: bold;
}

#langmenu li a.qtranxs_text_en {
	background-image: url('images/lang/gb.png');
	background-repeat: no-repeat;
}
#langmenu li a.qtranxs_text_ja {
	background-image: url('images/lang/jp.png');
	background-repeat: no-repeat;
}

/* 2020.07.15追記  */

.recruit_youkou {
}

.recruit_entry {
}

.recruit_youkou .midashi,
.recruit_entry .midashi {
	margin: 10px 0;
	text-align: center;
	font-weight: bold;
	color: #0000CC;
}
.recruit_youkou dt {
	color: blue;
	font-weight: bold;
}

.recruit_entry dt {
	color: red;
	font-weight: bold;
}

.recruit_youkou dd,
.recruit_entry dd {
	padding-left: 15px;
	margin-bottom: 5px;
}