@charset "UTF-8";

.btnGold {
    display: inline-block;
    background: url(../../img/arrow_link_08.png) 10px 50% no-repeat #ac9151;
    background-size: 6px;
    padding: 10px 10px 10px 25px;
    color: #fff;
    text-decoration: none !important;
    width: auto;
    font-size: 16px;
}

/* charmBreakfast */
h3.renewal {font-size:2.5em; text-align: center; margin-bottom:10px;}
.linkBox_col3_02 p {padding: 0 10px;}
.linkBox_col3_02 ul li {background-color:#fff; background-image:none; margin-bottom:20px;}
.renewal_area {background-image: url(../../charm/img/breakfast/img_charm_breakfast_bg06.png); padding:10px;}

.charmBox .comingsoonBox .menu {background:url("../../charm/img/breakfast/img_charm_breakfast_bg07.png"); margin-bottom:70px;}
.charmBox .comingsoonBox .menu .overview {padding:20px; font-size:16px;}
.charmBox .comingsoonBox .menu .overview .text_bgc {font-size:1.6em; margin-bottom:20px; font-weight:bold;}
.charmBox .comingsoonBox .menu .overview .text_bgc span {background-image:linear-gradient(transparent 50%, #ffe25a 50%);}
.charmBox .comingsoonBox .menu .overview .left {margin-bottom:20px;}
.charmBox .comingsoonBox .menu .overview .left img {width:100%; margin-bottom:20px;}
.charmBox .comingsoonBox .menu .overview .right img {width:100%;}

.charmBox .kodawari.box01 {background:url("../../charm/img/breakfast/img_charm_breakfast_bg01.png"); margin-bottom:20px;}
.charmBox .kodawari.box01 .left {padding:40px 20px 10px;}
.charmBox .kodawari.box01 .left img {width:100%; margin-bottom:20px;}
.charmBox .kodawari.box01 .right img {width:100%;}
.charmBox .kodawari.box02 {background:url("../../charm/img/breakfast/img_charm_breakfast_bg02.png"); margin-bottom:20px;}
.charmBox .kodawari.box02 .left {padding:40px 20px 10px;}
.charmBox .kodawari.box02 .left img {width:100%; margin-bottom:20px;}
.charmBox .kodawari.box02 .right img {width:100%;}
.charmBox .kodawari.box03 {background:url("../../charm/img/breakfast/img_charm_breakfast_bg03.png"); margin-bottom:20px;}
.charmBox .kodawari.box03 .overview {padding:40px 20px 30px; border-bottom:1px solid #ccc; margin-bottom:30px;}
.charmBox .kodawari.box03 .overview.brdNone{border-bottom:0;}
.charmBox .kodawari.box03 .overview .left {margin-bottom:20px;}
.charmBox .kodawari.box03 .overview .left img {width:100%; margin-bottom:20px;}
.charmBox .kodawari.box03 .overview .right img {width:100%;}
.charmBox .kodawari.box03 .menu {padding:0 20px;}
.charmBox .kodawari.box03 .menuBox ul {margin-bottom:30px;}
.charmBox .kodawari.box03 .menuBox ul li img {width:100%; margin-bottom:10px;}
.charmBox .kodawari.box03 .menuBox ul li.headline {font-weight:bold; font-size:18px; margin-bottom:20px; text-align:center;}
.charmBox .kodawari.box03 .menuBox ul li.txt {text-align:left;}
.charmBox .kodawari.box04 {background:url("../../charm/img/breakfast/img_charm_breakfast_bg05.png"); margin-bottom:20px;}
.charmBox .kodawari.box04 .right {padding:40px 20px 10px;}
.charmBox .kodawari.box04 .right img {width:100%; margin-bottom:20px;}
.charmBox .kodawari.box04 .left img {width:100%;}
.charmBox .kodawari.box05 {background:url("../../charm/img/breakfast/img_charm_breakfast_bg06.png"); margin-bottom:70px; padding-bottom:30px;}
.charmBox .kodawari.box05 .overview {padding:40px 20px 30px; border-bottom:1px solid #ccc; margin-bottom:30px;}
.charmBox .kodawari.box05 .overview .left {margin-bottom:20px;}
.charmBox .kodawari.box05 .overview .left img {width:100%; margin-bottom:20px;}
.charmBox .kodawari.box05 .overview .right img {width:100%;}
.charmBox .kodawari.box05 .menu {padding:0 20px;}
.charmBox .kodawari.box05 .menuBox ul {margin-bottom:30px;}
.charmBox .kodawari.box05 .menuBox ul li img {width:100%; margin-bottom:10px;}
.charmBox .kodawari.box05 .menuBox ul li.headline {font-weight:bold; font-size:18px; margin-bottom:20px; text-align:center;}
.charmBox .kodawari.box05 .menuBox ul li.txt {text-align:left;}
.charmBox .kodawari.box06 {background:url("../../charm/img/breakfast/img_charm_breakfast_bg07.png"); margin-bottom:70px;}
.charmBox .kodawari.box06 .left {padding:40px 20px 10px;}
.charmBox .kodawari.box06 .left img {width:100%; margin-bottom:20px;}
.charmBox .kodawari.box06 .right img {width:100%;}

.breakfast_KV {position:relative;}
.breakfast_KV img {width:100%;}
.breakfast_KV ul {width:100%; height:100%; position:absolute; top:0;left:0; display:none;}
.breakfast_KV ul li {position:absolute; overflow:hidden;}
.breakfast_KV ul li.takomai {width:5%; height:4%; top:32%; left:32%;}
.breakfast_KV ul li.takomai_2 {width:4%; height:4%; top:34%; left:44%;}
.breakfast_KV ul li.supplement {width:11%; height:9%; top:38%; left:4%;}
.breakfast_KV ul li.live_kitchen {width:14%; height:9%; top:87%; left:47%;}
.breakfast_KV ul li.kids {width:6%; height:3%; top:39%; left:87%;}
.breakfast_KV ul li.salad {width:13%; height:6%; top:65%; left:69%;}
.breakfast_KV ul li.pickles {width:6%; height:8%; top:44%; left:17%;}
.breakfast_KV ul li.deuce {width:8%; height:9%; top:62%; left:5%;}
.breakfast_KV ul li.cup {width:8%; height:5%; top:90%; left:22%;}
.breakfast_KV ul li.jam {width:9%; height:3%; top:33.5%; left:76%;}
.breakfast_KV ul li.jam_2 {width:8%; height:5%; top:14%; left:86%;}
.breakfast_KV ul li.croissant {width:10.5%; height:5.5%; top:8.5%; left:75%;}
.breakfast_KV ul li.croissant_2 {width:10%; height:4%; top:32%; left:86.5%;}
.breakfast_KV ul li.honey {width:8%; height:5.5%; top:8.5%; left:85.5%;}
.breakfast_KV ul li.honey_2 {width:10%; height:3%; top:16%; left:76%;}
.breakfast_KV ul li.soysauce {width:10%; height:3%; top:53%; left:12%;}
.breakfast_KV ul li.soysauce_2 {width:5%; height:4%; top:46%; left:33%;}
.breakfast_KV ul li.tofu {width:5%; height:5%; top:51%; left:33%;}
.breakfast_KV ul li.noodle {width:9%; height:3.5%; top:64%; left:57%;}
.breakfast_KV ul li.okayu {width:4%; height:4%; top:32%; left:40%;}
.breakfast_KV ul li.egg {width:9%; height:3.5%; top:64%; left:57%;}
.breakfast_KV ul li a {display:block; width:100%; height:100%; text-indent:-9999px;}

.ff_NTserif {font-family: 'Noto Serif JP', serif;}

/* H3 */
h3.kdwricon{text-align: center;}
h3.kdwricon img{width:35px; margin-bottom: 5px;}
h3.kdwricon p{font-size:28px; font-weight: 400;}

/* ５つのこだわり */
.kodawariTtl01 .ff_NTserif, .kodawariTtl02 .ff_NTserif, .kodawariTtl03 .ff_NTserif, .kodawariTtl04 .ff_NTserif, .kodawariTtl05 .ff_NTserif{font-size: 25px; margin-bottom:10px; font-weight: 400;}
.kodawariTtl01 span, .kodawariTtl02 span, .kodawariTtl03 span, .kodawariTtl04 span, .kodawariTtl05 span{display: inline-block; padding: 5px 10px; font-size: 14px; line-height: 1; color: #fff; border-radius: 4px; margin-bottom:10px;}
.kodawariTtl01 span{background: #1D547A;}
.kodawariTtl02 span{background: #6E5C15;}
.kodawariTtl03 span{background: #733B22;}
.kodawariTtl04 span{background: #636000;}
.kodawariTtl05 span{background: #2B2B2B;}
.kodawariTtl03 .subTtl, .kodawariTtl05 .subTtl{font-family: 'Noto Serif JP', serif; background: none; color: #333; font-size: 20px; margin-right: auto; padding: auto auto; margin-bottom:0px; padding-top:0;}

/*さらにこだわり*/
.kdwrMoreTtl_S{font-family: 'Noto Serif JP', serif; font-size: 20px; font-weight: 400; letter-spacing:auto; line-height: 1.1em; color: #333; margin-bottom: 10px;}
.kdwrMoreTtl_L{font-family: 'Noto Serif JP', serif; font-size: 30px; font-weight: 400; letter-spacing:auto; line-height: 1.1em; color:#8a7441; margin-bottom: 10px;}
.more ul.short li .moreBox .clearfix .moreBox_R {width: 300px; float:none;} 
.more ul.short li .moreBox .clearfix .moreBox_L img{width: 130px;} 
.charmBox .kodawari#anchor_egg{background: url(../../charm/img/breakfast/img_charm_breakfast_bg02.png);}
.charmBox .kodawari#anchor_live_kitchen{background: url(../../charm/img/breakfast/img_charm_breakfast_bg01.png);}
.charmBox .kodawari#anchor_takomai{background: url(../../charm/img/breakfast/img_charm_breakfast_bg02.png);}
.charmBox .kodawari#viking{background: url(../../charm/img/breakfast/img_charm_breakfast_bg03.png);}


/* ===== TB Size > 768px ===== */
@media print, screen and (min-width:768px) {
	/* charmBreakfast */
    .linkBox_col3_02 p {padding:10px;}
    .linkBox_col3_02 ul li .text {padding:15px 10px; text-align:left; font-size:16px; line-height:1.5;}
    .renewal_area {padding:20px 10px;}
	.charmBox .comingsoonBox .menu .overview {padding-left:30px}
    
    .charmBox .comingsoonBox .menu .overview.line01 {border-bottom:1px dashed #ccc;}
	.charmBox .comingsoonBox .menu .overview.line01 .right img {margin-bottom:0; width:230px;}
	.charmBox .comingsoonBox .menu .overview.line01 .right {float:left; width:250px; text-align:right;}
	.charmBox .comingsoonBox .menu .overview.line01 .left {float:left; text-align:left; width:660px;}
    
    .charmBox .comingsoonBox .menu .overview.line02 {padding-bottom:0;}
	.charmBox .comingsoonBox .menu .overview.line02 .left img {margin-bottom:0; width:230px;}
	.charmBox .comingsoonBox .menu .overview.line02 .left {float:left; width:250px; text-align: left;}
	.charmBox .comingsoonBox .menu .overview.line02 .right {float:left; text-align:left; width:660px;}

	.charmBox .kodawari.box01 .left {float:left; width:370px; padding-left:30px;}
	.charmBox .kodawari.box01 .left img {float:left; margin-right:20px; width:104px;}
	.charmBox .kodawari.box01 .right {float:right; width:540px;}
	.charmBox .kodawari.box02 .left {float:left; width:360px; padding-right:30px; padding-left:30px;}
	.charmBox .kodawari.box02 .left img {float:left; margin-right:20px; width:107px;}
	.charmBox .kodawari.box02 .right {float:right; width:540px;}
	.charmBox .kodawari.box03 .overview {border-bottom:1px dashed #ccc; padding-left:30px;}
	.charmBox .kodawari.box03 .overview .left img {margin-bottom:50px; width:500px;}
	.charmBox .kodawari.box03 .overview .left {padding-top:10px; float:left; width:510px;}
	.charmBox .kodawari.box03 .overview .right {float:left; text-align:right; width:370px; padding-left:20px; padding-right:10px;}
	.charmBox .kodawari.box03 .menu {padding:0 40px;}
	.charmBox .kodawari.box03 .menu ul li.menuBox {width:315px; float:left;}
	.charmBox .kodawari.box03 .menu ul li.menuBox:last-child {width:250px;}
	.charmBox .kodawari.box03 .menu ul li.menuBox img {width:250px;}
	.charmBox .kodawari.box03 .menuBox ul {float:left; width:250px; margin-bottom:20px;}
	.charmBox .kodawari.box03 .menuBox ul li img {width:100%; margin-bottom:10px;}
	.charmBox .kodawari.box03 .menuBox ul li.headline {font-weight:bold; font-size:18px; margin-bottom:10px; text-align:center;}
	.charmBox .kodawari.box03 .menuBox ul li.txt {text-align:left;}
    .charmBox .kodawari.box04 .right {float:right; width:360px; padding-right:30px; padding-left:30px;}
	.charmBox .kodawari.box04 .right img {float:right; margin-left:10px; width:127px;}
	.charmBox .kodawari.box04 .left {float:left; width:540px;}
	.charmBox .kodawari.box05 .overview {border-bottom:1px dashed #ccc; padding-left:30px}
	.charmBox .kodawari.box05 .overview .left img {margin-bottom:50px; width:500px;}
	.charmBox .kodawari.box05 .overview .left {padding-top:10px; float:left; width:510px;}
	.charmBox .kodawari.box05 .overview .right {float:left; text-align:right; width:370px; padding-left:20px; padding-right:10px;}
	.charmBox .kodawari.box05 .menu {padding:0 40px;}
	.charmBox .kodawari.box05 .menu ul li.menuBox {width:315px; float:left;}
	.charmBox .kodawari.box05 .menu ul li.menuBox:last-child {width:250px;}
	.charmBox .kodawari.box05 .menu ul li.menuBox img {width:250px;}
	.charmBox .kodawari.box05 .menuBox ul {float:left; width:250px; margin-bottom:20px;}
	.charmBox .kodawari.box05 .menuBox ul li img {width:100%; margin-bottom:10px;}
	.charmBox .kodawari.box05 .menuBox ul li.headline {font-weight:bold; font-size:18px; margin-bottom:10px; text-align:center;}
	.charmBox .kodawari.box05 .menuBox ul li.txt {text-align:left;}
	.charmBox .kodawari.box06 .left {float:left; width:370px; padding-left:30px;}
	.charmBox .kodawari.box06 .left img {float:left; margin-right:20px; width:104px;}
	.charmBox .kodawari.box06 .right {float:right; width:540px;}
    
	.breakfast_KV ul {display:block;}
    
        /* H3 */
    h3.kdwricon img{width:35px; margin-bottom: 20px;}
    h3.kdwricon p{font-size:30px; font-weight: 400;}    
    
    /* ５つのこだわり */
    
    .charmBox .kodawari.box03 .menu ul li.menuBox.half, .charmBox .kodawari.box05 .menu ul li.menuBox.half{width:380px; float:left; text-align: center; padding:30px;}
    .charmBox .kodawari.box03 .menuBox ul, .charmBox .kodawari.box05 .menuBox ul{width:100%;}
    .kodawariTtl01 .ff_NTserif{font-size: 50px; line-height: 1.1em;}
    .kodawariTtl02 .ff_NTserif{font-size: 40px; line-height: 1em;}
    .kodawariTtl03 .ff_NTserif{font-size: 40px; line-height: 1.1em;}
    .kodawariTtl04 .ff_NTserif{font-size: 40px; line-height: 1em;}
    .kodawariTtl05 .ff_NTserif{font-size: 38px; line-height: 1em;}
    .kodawariTtl03 .subTtl, .kodawariTtl05 .subTtl{font-size: 25px; margin-bottom:10px;}
    
    /*さらにこだわり*/
    .kdwrMoreTtl_S{font-size: 25px;}
    .kdwrMoreTtl_L{font-size: 42px;}    
    .more ul.short li .moreBox .clearfix .moreBox_R {width: 300px; float: right;} 
}