@charset "utf-8";
/* CSS Document */
.small{
	font-size:0.75rem;
}

.info2 {
    margin-top: 20px;
    border: #5F5D5D 1px solid;
    padding: 20px 50px;
    box-sizing: border-box;
}

.info2 p {
    text-align: center;
}

.info2 p.title {
    font-weight: bold;
    line-height: 2;
}

a:hover img {
    opacity: 0.6;
    -moz-opacity: 0.6;
    -webkit-opacity: 0.6;
}

.bnr_box {
    margin-top: 20px;

}


.bnr_box img {
    max-width: 100%;
    height: auto;
}

.bnr_box p {
    display: block;
    text-align: left;
    letter-spacing: 0.1em;
    line-height: 1.3;
    font-size: 12px;
    margin-left: 20px;
    margin-top: 10px;
}

.bnr_box p span {
    color: #AA7605;
    font-weight: bold;
    margin-left: -1em;
}

#new_menu {
    margin-top: 20px;
    width: 100%;
    padding: 0 20px;
    box-sizing: border-box;
}

#new_menu h2 {
    float: left;
    margin-bottom: 20px;
}

#new_menu .left_box {
    float: left;
    width: 300px;
    margin-left: 30px;
}

#new_menu .right_box {
    float: right;
    width: 300px;
    margin-right: 30px;
}

#new_menu h4 {
    font-size: 15px;
    margin-top: 0;
    margin-bottom: 10px;
    line-height: 1.5;
}

#new_menu .box h4 span {
    font-size: 14px;
    color: #F98008;
}

#new_menu p {
    margin-bottom: 10px;
}

.menu_osusume {
    margin-top: 20px;
    width: 100%;
    display: flex;
    flex-wrap: no-wrap;
    justify-content: space-between;
}

#osusume {
    margin-top: 20px;
}

#osusume_new {
    width: 48%;
}

#osusume_new .osusume {
    background-color: red;
}

#osusume_new h3 {
    font-size: 18px;
    padding: 0;
    margin: 0;
    margin-bottom: 10px;
}

#osusume_new img {
    display: block;
    padding-right: 10px;
    width: 70%;
}

#osusume_new p span {
    border: #FD0004 1px solid;
    padding: 5px;
    color: #FD0004;
    margin-top: 10px;
    display: inline-block;
}

#rss_logo {
    margin: 32px 0px 16px 16px;
}

#rss_item {
    margin: 16px 0px 0px 16px;
    font-size: 14px;
}

.argo_price {
    color: #FF3300;
    font-weight: bold;
    font-size: 14px;
}

.fw_n {
    font-weight: normal;
}

/* 3/22追記 */

.f_left {
    float: left;
}

.f_right {
    float: right;
}

.c_both {
    clear: both;
}

.contbox {
    display: block;
    height: auto;
    width: 340px;
}

.ifbox {
    margin-top: 20px;

    width: 550px;
    height: auto;
}

.if {
    width: 550px;
    height: 500px;
    border: solid 1px #999;
}

/* 4月追記 */
/* 11月に整理済み */

.text_box {
    float: left;
    /* 568px取れる。 */
    width: 600px;
}

.cont_title {
    font-size: 14px;
    margin-top: 5px;
    margin-left: 16px;
}

.cont_text {
    margin: 16px 0px 0px 30px;
    font-size: 14px;
}

.cont_box2 {
    width: 888px;
    height: auto;
    padding: 5px;
    background-color: #FFFAE8;
    border: 1px solid #FFE771;
}

.cont_box3 {
    width: 888px;
    height: auto;
    padding: 5px;
    background-color: #f5fffc;
    border: 1px solid #d7eae7;
}

/* 2011年11月 */

.new_row {
    width: 100%;
    height: auto;
    clear: both;
    float: left;
    margin: 10px 0 0 0;
    padding: 0;
}

.mini_box {
    width: 432px;
    height: 380px;
    border: solid 1px #c58a55;
    background: #f8f0e7;
    float: left;
    margin: 0 4px;
}

.mini_box img {
    margin: 4px 0 0 4px;
}

.mini_box div.text {
    width: auto;
    height: 160px;
    float: left;
    margin: 14px 0 0 14px;
}

.mini_box div.text h3 {
    margin: 0;
    padding: 0;
    font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;
    font-size: 14px;
}

.mini_box div.text p {
    margin: 10px 0 0 0;
}

#valentine_box {
    float: left;
    height: 400px;
    margin-bottom: 10px;
}

#valentine_note {
    width: 390px;
    height: 86px;
    float: left;
}

#valentine_note p {
    margin: 74px 0 0 10px;
    font-size: 12px;
    line-height: 12px;
}

.valentine_mini_box {
    margin: 5px 0 0 30px;
    width: 260px;
    height: 280px;
    float: left;
    border: #999 1px solid;
    padding: 8px;
}

.valentine_mini_box h3 {
    margin: 5px 0 0 0;
}

.valentine_mini_box img {
    display: block;
    padding: 5px;
    margin: 0 auto 0 auto;
}

.valentine_text {
    float: left;
    margin-top: 5px;
    margin-left: 5px;
}

.setu {
    margin-top: 5px;
}

.setu2 {
    font-size: 11px;
    line-height: 12px;
}


/* 2013年6月 */
.rest_note {
    margin-top: 10px;
}


/* アルゴ・ランチメニュー */
.s_menu {
    width: 100%;
    margin: 0;
    /*border-bottom: solid 1px #999;*/
}

.s_menu h4 {
    font-weight: bold;
    font-size: 14px;
    margin: 0 0 5px 0;
    padding: 0 0 20px 10px;
}

/*20140916*/
dl.menu_price {
    /*float: left;*/
    margin: 10px auto;
    padding: 0 10px;
    width: 400px;
    line-height: 2;
    font-weight: bold;
	display:flex;
	flex-wrap:wrap;
}

/* dl.menu_price dt {
    clear: both;
    float: left;
    width: 280px;
} */

.drink-category {
    font-size: 20px;
    border-bottom: 1px solid #766040;
    margin-top: 20px;
    margin-bottom: 10px;
	font-weight:bold;
	display: inline-block;
    margin-top: 40px;
}

dl.menu_price dt {
	width:70%;
	text-align:left;
}

dl.menu_price dd {
    /*float: left;
    width:60px;*/
    width: 30%;
    /*margin-left: -40px;*/
    text-align: right;
	margin:0;
}

.pc_block {
    display: block;
}

.menu_title {
    color: #633;
    font-size: 1rem;
    font-weight: bold;
}

.mini_box img {
    float: left;
    margin-top: 14px;
    margin-left: 14px;
}

/*20141029*/
#left_box {
    width: 520px;
    float: left;
}

#right_box {
    width: 370px;
    height: 575px;
    float: right;
    position: relative;
}

#left_box2,
#right_box2 {
    width: 445px;
    float: left;
    margin-top: 10px;
}

#right_box2 {
    margin-left: 10px;
}

#img_box {
    position: absolute;
    bottom: 0;
}

#right_box img {
    float: right;
    display: block;
    padding-top: 30px;

}

.keisyoku {
    line-height: 1.5 !important;
}

.osusume_title {
    color: #c60;
    font-size: 1rem;
    font-weight: bold;
    text-align: center;
    margin: 12px 0 4px;
}

/*2017/01/06*/
.arugo_info {
    display: block;
    padding: 1% 3%;
    border: #F93 1px solid;
    text-align: center;
    margin-top: 20px;
}

/*20170530*/
.note {
    /* margin-left: 20px; */
    font-size: 0.75rem;
    margin-bottom: 10px;
}

.flexbox {
    clear: both;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

.flexbox img {
    /*width:60%;*/
    width: 52%;
    display: block;
    margin: 10px auto;
    bottom: 0;
}

.flexbox .box {
    width: 45%;
    /*margin-left:20px;*/
}

.osusume {
    color: #fff !important;
    background-color: #01D2FD;
    padding: 3px 20px;
    box-sizing: border-box;
    margin-bottom: 10px;
}

.keisyoku dt img {
    width: 280px;
}


/* 20220412~0413 */

.saikaibi {
    margin: 0 auto;
    display: inline-block;
    text-align: left;
    color: #FF0000;
    font-size: 17px;
    font-weight: bold;
}

.campaign {
    font-size: 14px;
    font-weight: bold;
    /*margin: 10px auto 0 auto;
    width: 90%;
    max-width: 500px;
    border: 1px solid #FF0000;*/
}

.flat-rate {
    color: #FFF;
    font-size: 16px;
    background-color: #766046;
    width: 250px;
    margin-top: 40px;
    text-align: center;
    clear: both;
}

.note-wrap {
    width: 100%;
    margin: 0 auto;
}

.note-wrap .note {
    clear: both;
    text-align: left;
}

/*20220817*/
.info h5{
	color:green;
	/*font-size:18px;*/
	font-size:1rem;
	font-weight:bold;
}

/*20220907*/
.sp_drink{
	display:flex;
	flex-wrap:wrap;
	justify-content:space-between;
	margin:50px auto;
	padding:20px 30px;
	background-color:#FFFECC;
}

.sp_drink h4{
    font-size: 20px;
    line-height: 1.5;
    font-family: 'Noto Serif JP', serif;
	letter-spacing:0.2em;
	width:100%;
	text-align:center;
	}

.sp_drink div{
	width:47%;
	display:flex;
	align-items:center;
	flex-wrap:wrap;
	justify-content:center

}

.sp_drink div:nth-child(2){
	margin-right:20px;
}

.sp_drink div p{
	text-align:center;
	font-weight:bold;
	font-size:0.85rem;
	margin-top:5px;
}

.sp_drink div p span{
	font-size: 1.1rem;
	line-height:1.5
}

.sp_drink div img{
	max-width:100%;
	width:100%;
	height:auto;
}

.oshirase dl{
	border:#FD0004 1px solid;
	padding:5px 10px;
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	width:350px;
	margin:auto;
}

.oshirase dl dt{
	width:35%;
	text-align:left;
}

.oshirase dl dd{
	width:65%;
	margin:0;
	text-align:left;
}

/*スイーツメニュー*/
.sweets_menu{
	margin:50px 0;
	text-align:center;
}

.sweets_menu .sec{
	width:65%;
	margin:20px auto 100px;
	letter-spacing:0.15em;
}

.sweets_menu .sec img{
	width:100%;
}

.sweets_menu .sec .txt{
	font-size:1rem;
	font-weight:bold;
	line-height:1.5;
	margin:20px -80px;
}

.sweets_menu .sec h4{
	font-size:1.3rem;
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: center; /* 水平中心 */
  margin:40px auto 0;
}
.sweets_menu .sec h4:before, .sweets_menu .sec h4:after {
  border-top: 1px solid;
  content: "";
  width: 20%; /* 線の長さ */
}
.sweets_menu .sec h4:before {
  margin-right: 1em; /* 文字の右隣 */
}
.sweets_menu .sec h4:after {
  margin-left: 1em; /* 文字の左隣 */
}

.sweets_menu .sec .txt2{
	font-size:1rem;
	font-weight:bold;
	line-height:1.5;
	margin-top:0;
}

.sweets_menu .sec .txt2 span{
	font-size:1.8rem;
}

.sweets_menu .sec .txt3{
	font-size:0.75rem;
	margin-top:10px;
}

.sweets_menu .sec .txt4{
	font-size:1rem;
	margin-top:10px;
	font-weight:bold;
}

.sweets_menu .sec .txt5{
	display:inline-block;
	font-size:0.85rem;
	border:1px solid red;
	padding:5px 10px;
	box-sizing:border-box;
	margin-top:10px;
}

.soda{
	text-align:left;
	width:80% !important;
}

.soda2{
	width:20% !important;
	}

@media (max-width: 1024px) {
    #main_contents_lowerdir {
        overflow: hidden;
    }

    .contbox {
        width: 100%;
    }

    .mini_title {
        width: 100%;
        overflow: hidden;
    }

    #main_contents_lowerdir>img {
        height: auto;
    }

    #main_contents_lowerdir>img {
        width: 800px !important;
    }
}

@media (max-width: 900px) {
    .ifbox {
        width: 100% !important;
    }

    .s_menu>div {
        /* width: 47% !important; */
    }

    .s_menu>div:nth-child(1) {
        /* float: left; */
    }

    /*.s_menu>div:nth-child(2) {
        float: right !important;
    }*/

    dl.menu_price {
        width: 100%;
        margin: 10px 0;
        padding: 0;
        overflow: hidden;
    }

    /* dl.menu_price dt {
        text-align: left;
        width: 70%;
    } */

    dl.menu_price dd {
        text-align: right;
        width: 24% !important;
        margin-left: 0 !important;
        float: right;
    }

}

@media (max-width: 768px) {
    /* dl.menu_price dt {
        text-align: left;
        width: 76% !important;
        width: 60% !important;
        float: left;
    } */

    dl.menu_price dd {
        text-align: right;
        width: 37% !important;
        /*float: right;*/
        float: inherit;
    }

    .pc_block {
        display: inline;
    }
	
.sweets_menu .sec{
	float:left;
	width:100%;
	margin:20px auto 50px;
}

.sweets_menu .sec img{
	width:100%;
}

.sweets_menu .sec .txt{
	font-size:0.9rem;
	font-weight:bold;
	line-height:1.5;
	margin:20px 0;
	letter-spacing:0;
}

.sweets_menu .sec h4{
	font-size:1rem;
  display: flex;
  align-items: center; /* 垂直中心 */
  justify-content: center; /* 水平中心 */
  margin:40px auto 0;
}
.sweets_menu .sec h4:before, .sweets_menu .sec h4:after {
  border-top: 1px solid;
  content: "";
  width: 30%; /* 線の長さ */
}
.sweets_menu .sec h4:before {
  margin-right: 1em; /* 文字の右隣 */
}
.sweets_menu .sec h4:after {
  margin-left: 1em; /* 文字の左隣 */
}

.sweets_menu .sec .txt2{
	font-size:0.9rem;
	font-weight:bold;
	line-height:1.5;
	margin-top:0;
}

.sweets_menu .sec .txt2 span{
	font-size:1.6rem;
}


.sweets_menu .sec .txt5{
	font-size:0.8rem;
}

}

@media (max-width: 480px) {

    .menu_osusume {
        display: block;
    }

    .menu_osusume .box {
        width: 100% !important;
    }

    #osusume_new img {
        padding-right: 0;
        width: 100%;
        float: none !important;
    }

    #osusume_new h3 {
        font-size: 1rem;
    }

    #osusume_new p {
        width: 100%;
    }

    #key {
        width: 100%;
    }

    #key img {
        width: 100% !important;
        height: auto;
    }

    #new_menu h2 img {
        width: 100%;
        height: auto;
    }

    #new_menu {
        padding: 0 10px;
    }

    #new_menu .left_box,
    #new_menu .right_box {
        margin: 0;
        float: none;
        width: 100%;
    }

    #new_menu .left_box img,
    #new_menu .right_box img {
        max-width: 100%;
        float: none;
        margin-bottom: 20px;
    }

    .s_menu>div {
        /* width: 100% !important; */
    }

    .bnr_box p {
        padding-left: 0;
        margin-left: 1%;
    }

    .bnr_box p span {
        margin-left: 0;
    }

    .flexbox .box {
        width: 100% !important;
        margin-bottom: 20px;
        margin-left: 0;
    }

    .flexbox .box img {
        width: 70% !important;
    }

    #menuwin_base {
        padding: 0 10px;
        box-sizing: border-box;
    }



    dl.menu_price dt img {
        display: block;
        float: right;
    }

    .keisyoku dt img {
        max-width: 100%;
    }

    .flexbox img:first-child {

        float: none !important;
        margin-right: auto !important;
    }
	
	.sp_drink div {
    width: 100%;
	}
	
	.sp_drink div p span {
    font-size: 1.1rem;
	}
	
	dl.menu_price dt {
    width: 70%;
	}
	
dl.menu_price dd {
    float: none;
	width:28% !important;
}

	
	.oshirase dl{
		width:90%;
	}
	
	.oshirase dl dt {
    width: 20%;
	}
	
	.oshirase dl dd {
    width: 78%;
	}
	
	.soda{
	text-align:left;
	width:100% !important;
	}

	.soda2{
	display:none;
	}

}

@media (max-width: 320px) {
    dl.menu_price dt {
        font-size: 12px;
    }

    dl.menu_price dd {
        font-size: 12px;

    }
}
.clearfix {
    text-align: inherit;
}