@charset "utf-8";
/*
Theme Name: t-king-new
Theme URI: https://www.t-king.jp/
Description: king Templete!
Version: 1.0
*/

/*リセットcss*/

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font: inherit;
  font-size: 100%;
  vertical-align: baseline;
}

html {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption, th, td {
  text-align: left;
  font-weight: normal;
  vertical-align: middle;
}

q, blockquote {
  quotes: none;
}

q:before, q:after, blockquote:before, blockquote:after {
  content: "";
  content: none;
}

a img {
  border: none;
}

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary {
  display: block;
}

input[type="button"], input[type="submit"] {
	-webkit-appearance: none;
}

img {
    vertical-align: bottom;
}

/*リセットcssここまで*/

a:link {
	color: #666666;
	text-decoration: underline;
}

a:visited {
	color: #666666;
}

a:hover {
	color: #666666;
	text-decoration: none;
}

strong {
    font-weight: bold;
}

html {
	font-size: 62.5%;
}

body {
	background: #ffffff;
	color: #333333;
	font-family: 'Noto Serif JP', sans-serif;
	font-size: 1.4rem;
	line-height: 2.4rem;
	font-weight: 400;
	font-feature-settings: "palt";
}

/* pc
@media print, screen and (min-width: 768px) {
 */
	div#head {
	    margin: 0 auto;
	    width: 1000px;
	    height: 100px;
	    position: relative;
	}
	
	div#head h1 {
		width: 214px;
	    position: absolute;
	    top: 20px;
	    left: 0px;
	    z-index: 1;
	}
	
	div#head h1 img {
	    width: 100%;
	}
	
	div#head img#head_tel {
		width: 224px;
		position: absolute;
		top: 20px;
		right: 125px;
		z-index: 1;
	}
	
	div#head img#head_fb {
		width: 110px;
		position: absolute;
		top: 0px;
		right: 0px;
		z-index: 1;
	}
	
	div#headmenu {
	    margin: 0 0 0 0;
	    width: 100%;
	    height: 40px;
	    background: -moz-linear-gradient(top, #92619c, #69397f);
	    background: -webkit-linear-gradient(top, #92619c, #69397f);
	    background: linear-gradient(to bottom, #92619c, #69397f);
	    border-bottom: 1px solid #69397f;
	}
	
	div#headmenu ul {
	    margin: 0 auto;
	    width: 1000px;
	    height: 40px;
	}
	
	div#headmenu ul:after {
		content:'';
		display:block;
		clear:both;
		height:0;
	}
	
	div#headmenu ul li {
	    margin: 0 0 0 0;
	    padding: 0 0 0 0;
	    width: 165px;
	    height: 40px;
	    font-size: 1.4rem;
	    line-height: 40px;
	    font-weight: 900;
	    list-style: none;
	    float: left;
	    display: inline;
	}
	
	div#headmenu ul li a {
	    margin: 0 0 0 0;
	    padding: 0 0 0 0;
	    width: 165px;
	    height: 40px;
	    color: #ffffff;
	    text-align: center;
	    text-decoration: none;
	    border-right: 1px solid #69397f;
	    display: block;
	}
	
	div#headmenu ul li:first-child a {
	    border-left: 1px solid #69397f;
	}
	
	div#mainvis_top_area {
	    margin: 0 auto;
	    width: 100%;
	    height: 400px;
	    overflow: hidden;
	}
	
	div#mainvis_top {
	    margin: 0 auto;
	    width: 1280px;
	    height: 400px;
	    position: relative;
	}
	
	div#mainvis_top h2 {
		width: 352px;
		position: absolute;
		top: 90px;
		left: 140px;
		z-index: 2;
		color: #231815;
		font-family: 'Noto Sans JP', sans-serif;
		font-size: 3.6rem;
		font-weight: 900;
		line-height: 1.35;
		letter-spacing: 0.05em;
		font-feature-settings: normal;
		-webkit-text-stroke: 6px #ffffff;
		paint-order: stroke fill;
	}
	
	div#mainvis_top h2 span {
		display: block;
		white-space: nowrap;
	}
	
	img#top_chara {
		width: 403px;
		position: absolute;
		top: 0px;
		right: 140px;
		z-index: 2;
	}
	
	div#top_slide {
		margin: 0 auto;
		width: 1280px;
		height: 400px;
		position: absolute;
		top: 0px;
		left: 0px;
		z-index: 1;
	}
	
	div#top_slide div img {
		width: 100%;
	}
	
	div#top_intro {
	    margin: 0 auto 30px;
	    width: 1000px;
	}
	
	div#top_intro:after {
		content:'';
		display:block;
		clear:both;
		height:0;
	}
	
	div#top_intro h3 {
		margin: 0 0 15px;
		padding: 8px 0 8px 16px;
		font-size: 2.1rem;
		line-height: 2.7rem;
		font-weight: 700;
		border-left: 4px solid #92619c;
	}
	
	div#top_intro_content {
		margin: 0 0 0 0;
		width: 680px;
		float: left;
		display: inline;
	}
	
	div#top_intro p {
		margin: 0 auto;
		line-height: 2.7rem;
	}
	
	div#top_intro_photo {
		margin: 0 0 0 0;
		width: 300px;
		float: right;
		display: inline;
	}
	
	div#top_intro_photo img {
		width: 100%;
	}
	
	div#top_recommend_area {
	    margin: 0 auto 40px;
	    padding: 20px 0 30px;
	    width: 100%;
	    background: #f9f4e7;
	    border-top: 1px solid #d5c8a0;
	    border-bottom: 1px solid #d5c8a0;
	}
	
	div#top_recommend_area h3 {
		margin: 0 0 15px;
		font-size: 2.1rem;
		line-height: 2.7rem;
		font-weight: 700;
		letter-spacing: 1.0rem;
		text-align: center;
	}
	
	div#top_recommend {
	    margin: 0 auto;
	    width: 1000px;
	}
	
	div#top_recommend:after {
		content:'';
		display:block;
		clear:both;
		height:0;
	}
	
	div.top_recommend_box {
		margin: 0 0 0 50px;
		width: 300px;
		float: left;
		display: inline;
	}
	
	div#top_recommend div.top_recommend_box:first-child {
		margin: 0 0 0 0;
	}
	
	div.top_recommend_box img {
		width: 100%;
	}
	
	div.top_recommend_box h4 {
	    margin: 10px 0 15px 0;
		font-size: 1.6rem;
		font-weight: 700;
		padding: 0.8em 0 0.8em 2.6em;
		position: relative;
		background: #cb5237;
		color: #ffffff;
		border-radius: 3px;
	}
	
	div.top_recommend_box h4:after {
		content: " ";
		position: absolute;
		top: 0.8em;
		left: 1.5em;
		width: 5px;
		height: calc(100% - 1.6em);
		background: #ffffff;
	}
	
	div.top_recommend_box p {
		margin: 0 auto 20px;
	}
	
	div.top_recommend_box p.price {
		margin: 0 auto;
		font-size: 1.6rem;
		font-weight: 700;
		text-align: center;
	}
	
	div.top_recommend_button {
		margin: 30px auto 0;
		width: 400px;
	}
	
	
	div.top_recommend_button a {
		margin: 0 auto;
		width: 400px;
		height: 40px;
		font-size: 1.4rem;
		font-weight: 500;
		line-height: 40px;
		letter-spacing: 1.0rem;
		text-align: center;
		text-decoration: none;
		background: #2d2929;
		color: #ffffff;
		display: block;
	}
	
	div#top_content {
	    margin: 0 auto 80px;
	    width: 1000px;
	}
	
	div#top_content:after {
		content:'';
		display:block;
		clear:both;
		height:0;
	}
	
	div#top_menu {
		margin: 0 0 0 0;
		width: 560px;
		float: left;
		display: inline;
	}
	
	div#top_menu ul#top_content_menu {
		margin: 0 auto;
	}
	
	div#top_menu ul#top_content_menu:after {
		content:'';
		display:block;
		clear:both;
		height:0;
	}
	
	div#top_menu ul#top_content_menu li {
		margin: 0 0 30px 20px;
		width: 270px;
		float: left;
		display: inline;
	}
	
	div#top_menu ul#top_content_menu li:nth-child(2n+1) {
		margin: 0 0 30px 0;
	}
	
	div#top_menu ul#top_content_menu li img {
		width: 100%;
	}
	
	div.top_media_title_area {
		margin: 0 auto;
		padding: 0 0 10px;
		width: 560px;
		border-bottom: 1px dotted #333333;
	}
	
	div.top_media_title_area:after {
		content:'';
		display:block;
		clear:both;
		height:0;
	}
	
	div.top_media_title {
		margin: 0 0 0 0;
		width: 400px;
		float: left;
		display: inline;
	}
	
	div.top_media_more {
		margin: 0 0 0 0;
		width: 160px;
		float: right;
		display: inline;
	}
	
	div.top_media_more a {
		margin: 0 0 0 0;
		width: 160px;
		height: 24px;
		font-size: 1.2rem;
		font-weight: 500;
		line-height: 24px;
		text-align: center;
		text-decoration: none;
		background: #2d2929;
		color: #ffffff;
		display: block;
	}
	
	div#top_menu h3 {
		margin: 0 0 0 0;
		padding: 0 0 0 16px;
		font-size: 1.8rem;
		line-height: 2.4rem;
		font-weight: 700;
		border-left: 4px solid #92619c;
	}
	
	div#top_menu dl {
		margin: 0 auto;
		width: 560px;
		border-bottom: 1px dotted #333333;
	}
	
	div#top_menu dl:after {
		content:'';
		display:block;
		clear:both;
		height:0;
	}
	
	div#top_menu dl dt {
		margin: 0 0 0 0;
		padding: 10px 0;
		width: 140px;
		float: left;
		display: inline;
	}
	
	div#top_menu dl dt img {
		width: 100%;
	}
	
	div#top_menu dl dd {
		margin: 0 0 0 0;
		padding: 10px 0;
		width: 400px;
		float: right;
		display: inline;
	}
	
	div#top_facebook {
		margin: 0 0 0 0;
		width: 380px;
		float: right;
		display: inline;
	}
	
	div#top_facebook h3 {
		margin: 0 auto 15px;
	}
	
	div#top_facebook h3 img {
		width: 100%;
	}

	div#foot_area {
	    margin: 0 auto;
	    padding: 20px 0 30px;
	    width: 100%;
	    background: #f9f4e7;
	    font-size: 1.2rem;
	    line-height: 2.1rem;
	    border-top: 1px solid #d5c8a0;
	}
	
	div#foot {
	    margin: 0 auto;
	    width: 1000px;
	}
	
	div#foot:after {
		content:'';
		display:block;
		clear:both;
		height:0;
	}
	
	div#foot_info {
	    margin: 0 0 0 0;
	    width: 400px;
	    float: left;
	    display: inline;
	}
	
	div#foot_info h3 {
		margin: 0 0 10px 0;
		width: 160px;
	}
	
	div#foot_info h3 img {
		width: 100%;
	}
	
	div#foot_menu {
	    margin: 0 0 0 0;
	    width: 600px;
	    text-align: right;
	    float: right;
	    display: inline;
	}
	
	div#foot_menu ul {
	    margin: 0 0 20px 0;
	    padding: 0 0 0 0;
	}
	
	div#foot_menu ul li {
	    margin: 0 0 10px 0;
	    padding: 0 5px;
	    border-right: 1px solid #333333;
	    display: inline-block;
	}
	
	div#foot_menu ul li:first-child {
	    border-left: 1px solid #333333;
	}
	
	div#foot_menu ul li a:link, div#foot_menu ul li a:visited {
	    color: #541900;
	}
	
	div#copyright {
	    margin: 0 auto;
	    padding: 0 0;
	    width: 100%;
	    height: 40px;
	    text-align: center;
	    background: -moz-linear-gradient(top, #92619c, #69397f);
	    background: -webkit-linear-gradient(top, #92619c, #69397f);
	    background: linear-gradient(to bottom, #92619c, #69397f);
	    color: #ffffff;
	    font-size: 1.2rem;
	    line-height: 40px;
	}
	
	/*下層ページ*/
	
	div#breadnav {
		margin: 0 auto;
		width: 1000px;
		font-size: 1.2rem;
		line-height: 30px;
	}
	
	div#mainvis_page_area {
	    margin: 0 auto;
	    width: 100%;
	    height: 300px;
	    overflow: hidden;
	}
	
	div#mainvis_page {
	    margin: 0 auto;
	    width: 1280px;
	    height: 300px;
	    position: relative;
	}
	
	div#mainvis_page img {
		width: 100%;
	}
	
	div#main {
	    margin: 0 auto;
	    padding: 20px 0 40px;
	    width: 1000px;
	}
	
	div#main:after {
		content:'';
		display:block;
		clear:both;
		height:0;
	}
	
	div#main h2 {
		margin: 0 0 20px;
		padding: 8px 0 8px 16px;
		font-size: 2.1rem;
		line-height: 2.7rem;
		font-weight: 700;
		border-left: 4px solid #92619c;
	}
	
	div#main h3 {
		margin: 0 auto 15px;
		padding: 12px 20px;
		font-size: 1.8rem;
		line-height: 2.7rem;
		font-weight: 700;
		background: #e7d4e2;
		border-radius: 10px;
	}
	
	div#main h4 {
		margin: 0 auto 15px;
		padding: 8px 0 8px 16px;
		font-size: 1.8rem;
		line-height: 2.4rem;
		font-weight: 700;
		border-left: 4px solid #92619c;
		border-bottom: 1px dotted #92619c;
	}
	
	/*下層ページ共通*/
	
	div#main ul#content_menu {
		margin: 0 auto;
	}
	
	div#main ul#content_menu:after {
		content:'';
		display:block;
		clear:both;
		height:0;
	}
	
	div#main ul#content_menu li {
		margin: 0 0 30px 16px;
		width: 238px;
		float: left;
		display: inline;
	}
	
	div#main ul#content_menu li:first-child {
		margin: 0 0 30px 0;
		width: 238px;
		float: left;
		display: inline;
	}
	
	div#main ul#content_menu li img {
		width: 100%;
	}
	
	/*おすすめ商品*/
	
	div.pickup_intro {
		margin: 0 auto 40px;
		padding: 16px 24px;
		background: #f9f4e7;
		border-radius: 10px;
	}
	
	div#main div.pickup_intro p {
		margin: 0 auto;
		line-height: 2.7rem;
	}
	
	div.pickup_box {
		margin: 0 auto 40px;
		padding: 20px 0 25px;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	}
	
	div.pickup_box:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
    }
    
    div.pickup_photo {
	    margin: 0 0 0 20px;
	    width: 370px;
	    float: left;
	    display: inline;
    }
    
    div.pickup_photo img {
	    width: 100%;
	}
	
	div.pickup_content {
	    margin: 0 20px 0 0;
	    width: 550px;
	    float: right;
	    display: inline;
    }
    
    div#main div.pickup_content h3 {
	    margin: 10px 0 15px 0;
		font-size: 1.6rem;
		font-weight: 700;
		padding: 0.8em 0 0.8em 2.6em;
		position: relative;
		background: #cb5237;
		color: #ffffff;
		border-radius: 3px;
	}
	
	div#main div.pickup_content h3:after {
		content: " ";
		position: absolute;
		top: 0.8em;
		left: 1.5em;
		width: 5px;
		height: calc(100% - 1.6em);
		background: #ffffff;
	}
	
	div#main div.pickup_content p {
		margin: 0 auto 20px;
	}
	
	table.pickup_price {
        margin: 0 auto;
        width: 100%;
        background: #ffffff;
    }
    
    table.pickup_price th {
        padding: 10px;
        background: #f4f4f4;
        border: 1px solid #ddd;
        width: 50%;
        text-align: center;
    }
    
    table.pickup_price td {
        padding: 10px;
        border: 1px solid #ddd;
        text-align: center;
    }
	
	/*メニュー一覧*/
	
	div.menulist_wrap {
		margin: 0 auto 40px;
	}
	
	div.menulist_wrap:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
    }
    
    div.menulist_l {
		margin: 0 0 0 0;
		width: 48%;
		float: left;
		display: inline;
	}
	
	div.menulist_r {
		margin: 0 0 0 0;
		width: 48%;
		float: right;
		display: inline;
	}
	
	div.menulist_photo_wrap {
		margin: 0 auto 40px;
	}
	
	div.menulist_photo_wrap:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
    }
    
    div.menulist_photo_wrap ul.menulist_photo_3_3 {
	    margin: 0 auto 20px;
	    width: 1000px;
    }
    
    div.menulist_photo_wrap ul.menulist_photo_3_3:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
    }
    
    div.menulist_photo_wrap ul.menulist_photo_3_3 li {
	    margin: 0 0 0 20px;
	    width: 320px;
	    text-align: center;
	    float: left;
	    display: inline;
    }
    
    div.menulist_photo_wrap ul.menulist_photo_3_3 li:first-child {
	    margin: 0 0 0 0;
    }
    
    div.menulist_photo_wrap ul.menulist_photo_3_3 li img {
	    margin: 0 auto 10px;
	    width: 100%;
	}
	
	div.menulist_photo_wrap ul.menulist_photo_3_2 {
	    margin: 0 auto 20px;
	    width: 660px;
    }
    
    div.menulist_photo_wrap ul.menulist_photo_3_2:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
    }
    
    div.menulist_photo_wrap ul.menulist_photo_3_2 li {
	    margin: 0 0 0 20px;
	    width: 320px;
	    text-align: center;
	    float: left;
	    display: inline;
    }
    
    div.menulist_photo_wrap ul.menulist_photo_3_2 li:first-child {
	    margin: 0 0 0 0;
    }
    
    div.menulist_photo_wrap ul.menulist_photo_3_2 li img {
	    margin: 0 auto 10px;
	    width: 100%;
	}
	
	div.menulist_photo_wrap ul.menulist_photo_1 {
	    margin: 0 auto 20px;
	    width: 320px;
    }
    
    div.menulist_photo_wrap ul.menulist_photo_1:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
    }
    
    div.menulist_photo_wrap ul.menulist_photo_1 li {
	    margin: 0 0 0 0;
	    width: 320px;
	    text-align: center;
	    float: left;
	    display: inline;
    }
    
    div.menulist_photo_wrap ul.menulist_photo_1 li img {
	    margin: 0 auto 10px;
	    width: 100%;
	}
	
	table.menulist {
        margin: 0 auto 10px;
        width: 100%;
        background: #ffffff;
    }
    
    table.menulist th {
        padding: 10px;
        background: #f4f4f4;
        border: 1px solid #ddd;
        width: 40%;
        font-weight: 700;
        text-align: left;
    }
    
    table.menulist td {
        padding: 10px;
        border: 1px solid #ddd;
        text-align: left;
    }
    
    table.menulist td span.notice {
	    font-size: 1.2rem;
	}
	
	table.menulist_new {
        margin: 0 auto 10px;
        width: 100%;
        background: #ffffff;
    }
    
    table.menulist_new th {
        padding: 10px;
        background: #f4f4f4;
        border: 1px solid #ddd;
        width: 60%;
        font-weight: 700;
        text-align: left;
    }
    
    table.menulist_new td {
        padding: 10px;
        border: 1px solid #ddd;
        text-align: center;
    }
	
	/*メディア掲載*/
	
	div.media_box {
		margin: 0 auto 40px;
		padding: 20px 0;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	}
	
	div.media_box:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
    }
	
	div.media_photo {
		margin: 0 0 0 20px;
		width: 320px;
		float: left;
		display: inline;
	}
	
	div.media_photo img {
		width: 100%;
	}
	
	div.media_content {
		margin: 0 20px 0 0;
		width: 620px;
		float: right;
		display: inline;
	}
	
	div#main div.media_content p {
		margin: 0 auto 20px;
	}
	
	div#main div.media_content p.postinfo {
		margin: 0 0 0 0;
		text-align: right;
	}
	
	div#main p.media_nav {
		margin: 0 auto 80px;
		text-align: center;
		font-size: 1.2rem;
	}
	
	div#main p.media_nav a {
	    margin: 0 auto;
	    padding: 0 0;
	    width: 300px;
	    height: 35px;
	    font-size: 1.3rem;
	    line-height: 35px;
	    letter-spacing: 0.1rem;
	    font-weight: 700;
	    color: #ffffff;
	    text-align: center;
	    text-decoration: none;
	    background: #efefef;
	    color: #666666;
	    display: block;
	    border-radius: 3px;
	    box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	}
	
	/*店内紹介*/
	
	div.rooms_wrap {
		margin: 0 auto 40px;
	}
	
	div.rooms_wrap:after {
        content: '';
        display: block;
        clear: both;
        height: 0;
    }
    
    div.rooms_wrap div.rooms_box {
		margin: 0 0 30px 20px;
		padding: 20px 20px;
		width: 440px;
		text-align: center;
		float: left;
		display: inline;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	}
	
	div.rooms_wrap div.rooms_box:nth-child(2n+1) {
		margin: 0 0 30px 0;
		padding: 20px 20px;
		width: 440px;
		float: left;
		display: inline;
		box-shadow: 0px 1px 2px rgba(0,0,0,0.3);
	}
	
	div.rooms_wrap div.rooms_box img {
		width: 100%;
	}
	
	div.rooms_wrap div.rooms_box p {
		margin: 10px auto 0;
		padding: 10px;
		text-align: center;
		background: #f9f4e7;
	    border: 1px solid #d5c8a0;
	    border-radius: 10px;
	}

	/*概要・アクセス*/
	
	table.about {
        margin: 0 auto 40px;
        width: 90%;
        background: #ffffff;
    }
    
    table.about th {
        padding: 10px;
        background: #f4f4f4;
        border: 1px solid #ddd;
        width: 20%;
        text-align: center;
    }
    
    table.about td {
        padding: 10px;
        border: 1px solid #ddd;
        text-align: left;
    }
    
    div.about_map {
	    margin: 0 auto 40px;
    }
	
/*} */

/*
@media only screen and (max-width: 767px) {
	
	
}
*/