/*====================================================
	// note overwrite
====================================================*/

article p {
    margin-bottom: 1em;
}

.tax {
    width: 95%;
    margin: auto auto .5em;
    font-size: 1.2rem;
    text-align: right;
}

a {
    transition: .2s linear;

}

a:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

div#tothetop a {
    /* background: #9D4753; */
    background:#c13c3c;
}




/*====================================================
	// note overwrite　item
====================================================*/
.item-lineup {
    margin: auto;
    background: #fff;
}

.itembox .item {
    padding: 1em 1.2% 0;
    border: none;
}


.spec dt {
    margin-bottom: .5em;
    padding: .6em 0 .5em;
    border-bottom: #c79e1e thin solid;
    line-height: 1.3;
}

.spec dd.price {
    font-size: 1.8rem !important;
    color: #f00 !important;
}

.spec dt .name-kana {
    font-size: 1.4rem;
    font-weight: normal;
}

.spec .period {
    font-size: 1.4rem;
    font-weight: normal;
}

.spec-price-inner dt {
    font-size: 1.2rem !important;
    font-weight: normal !important;
    color: #fff;
    margin-bottom: 0 !important;
    padding: .15em 1em .1em;
    background: #1a738f;
    display: inline-block;
    border-radius: .5em;
}

.spec-price-inner dd {
    margin-left: 1em;
    margin-bottom: 1em;
}

.spec dd s {
    font-size: 1.6rem;
    font-weight: normal !important;
}

.spec dd .red_price {
    color: #c00;
    font-size: 2.0rem;
}

.spec dd.copy {
    width: 100%;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-pack: justify;
    -ms-flex-pack: justify;
    flex-wrap: wrap;
}


.link-selection {
    text-align: center;
    margin: auto auto 3em;
    padding: 2em 1em 2em;
    border-top: #ccc thin dotted;
    border-bottom: #ccc thin dotted;
}

.link-selection p {
    font-size: 1.8rem;
    font-weight: bold;
}

.link-selection a {
    margin: auto;
    color: #fff;
    font-size: 1.6rem;
    display: block;
    text-align: center;
    padding: .5em 1em;
    border-radius: 2em;
    background: #083388;
    box-shadow: 0 0.3em 0.3em 0 #aaa;
}

dd.size .deco {
    width: 3.25em;
	height: 3.25em;
	line-height: 3.25em;
    text-align: center;
    background: #81aa5d;
    display: inline-block;
    border-radius: 100%;
	color: #fff;
}



@media screen and (min-width: 1024px) {
    .box-3.itembox {
        width: auto;
        padding: 0 20px;
    }

    .box-3 .item {
        margin: 0 .45% 1em;
    }
}



@media screen and (max-width: 1024px) {
    .item-lineup {
        width: 95%;
    }

    .spec dd.copy .txtbox {
        width: 70%;
        margin: auto 5% auto auto;
    }

    .spec dd.copy figure {
        width: 25%;
    }
}


@media screen and (min-width: 769px) and (max-width: 1023px) {
    .spec dd.copy .txtbox {
        width: 82.5%;
        margin: auto 2.5% auto auto;
    }

    .spec dd.copy figure {
        width: 15%;
    }

    .itembox .item {
        width: 90%;
        margin-bottom: 1em;
        padding: 1em 5% 1em;
    }

}



@media screen and (min-width: 769px) {
    .link-selection a {
        width: 60%;
    }
}


@media screen and (max-width: 768px) {
    .spec dd.copy .txtbox {
        width: 70%;
        margin: auto 5% auto auto;
    }

    .spec dd.copy figure {
        width: 25%;
    }

    .itembox .item {
        width: 90% !important;
        margin-bottom: 1em;
        padding: 1em 5% 1em;
    }


    .box-2.itembox .item {
        width: 100% !important;
        margin-bottom: 0.5em;
        /* padding: 1em 5% 1em; */
    }



    .box-2.itembox .item-photo img {
        width: 100% !important;
    }
}



@media screen and (max-width: 640px) {
    .item-lineup {
        padding: 15px 0 0;
        /*15 0*/
    }

    .mobile-single-setup .itembox .item-photo {
        width: 90%;
        /*75*/
    }

    .itembox .item {
        width: 90% !important;
        margin-bottom: 0.5em;
        padding: 1em 5% 1em;
    }
}


/*====================================================
	common
====================================================*/

.flexbox {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;
}


.row {
    /*background: #fff;*/
}

.whitebox {
    width: 95%;
    max-width: 1200px;
    margin: auto auto 1em;
    padding: 3em 0 0;
    font-size: 1.6rem;
    background: #fff;
    overflow: hidden;

    box-shadow: 0 3px 5px #00000038;
}

.toSR-TOP .link-lineup a {
    /* background: #f5655e; */
    background:#9d4753;
    padding: 1em 0;
}

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

    /* //////////// 640 /////////////////// */
    .whitebox {
        max-width: auto;
        padding: 1em 0 0;
    }

    .flexbox {
        display: block;
    }

}



/*====================================================
	font
====================================================*/

.wf-sawarabimincho {
    font-family: "Sawarabi Mincho";
}


.red {
    color: #9e0905;
}

.red_02 {
    color: #f00;
}

.endtxt {
    color: #f00;
}

.gray {
    color: #999;
}


.light_green {
    color: #a4cec6;
}

.green {
    color: #5faa9c;
}

/*====================================================
	header
====================================================*/

header {
    font-size: 1.4rem;
    background: #fff;
}

header .header-inner {
    position: relative;
}

header .header-inner .link-to-top {
    position: absolute;
    top: 2%;
    right: 0;
}

header .header-inner .link-to-top a {
    font-size: 1.2rem;
    color: #fff;
    background: #c1874d;
    padding: .25em 2em;
    border-radius: 0 0 .5em .5em;
}

@media print,
screen and (min-width: 1024px) {

    /* ///////// pc /////////// */
    header .header-inner {
        width: 95%;
        max-width: 1080px;
        margin: auto;
        padding: 1em 0;
    }

    header .logo {
        width: 365px;
    }
}

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

    /* //////////////////// mobile ///////////////////// */
    header .header-inner {
        padding: .5em .5em;
    }

    header .header-inner img.logo {
        width: 60%;
    }

    header .header-inner .link-to-top {
        position: absolute;
        top: .75em;
    }

    header .header-inner .link-to-top {
        width: 35%;
    }

    header .header-inner .link-to-top a {
        font-size: 1.2rem;
        text-align: center;
        margin-right: 1%;
        padding: .25em .5em;
        border-radius: 2em;
        display: block;
    }
}



/*========================
	// drawer menu
========================== */

#drawer {
	display: none;
}
label {
	cursor: pointer;
	position: fixed;
}
.open {
	z-index: 200;
	top: 68px;
	right: 8px;
	width: 60px;
	height: 60px;
	border-radius: 60px;
	background: #86c0de;
	transition: background .6s, transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.open::before,
.open::after {
	content: "";
}
.open span,
.open::before,
.open::after {
	content: "";
	position: absolute;
	top: calc(50% - 1px);
	left: 30%;
	width: 40%;
	border-bottom: 2px solid white;
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.open::before {
	transform: translateY(-8px);
}
.open::after {
	transform: translateY(8px);
}
.close {
	z-index: 1;
	inset: 0;
	pointer-events: none;
	transition: background .6s;
}
#drawer:checked + .open {
	background: #dc6688;
	transform: translateX(-280px);
	right: 28px;
}
#drawer:checked + .open span {
	transform: scaleX(0);
}
#drawer:checked + .open::before {
	transform: rotate(135deg) scaleX(1.2);
}
#drawer:checked + .open::after {
	transform: rotate(-135deg) scaleX(1.2);
}
#drawer:checked ~ .close {
	pointer-events: auto;
	background: rgba(0,0,0,.3);
}

/* :::::: drawer menu :::::: */
.menu {
	z-index: 100;
	position: fixed;
	overflow: auto;
	top: 61px;
	right: 0;
	width: 300px;
	height: 100%;
	margin: 0;
	padding: 10px;
	box-sizing: border-box;
	background: rgba(0,0,0,.6);
	transform: translateX(100%);
	transition: transform .6s cubic-bezier(0.215, 0.61, 0.355, 1);
}
.menu h2 {
	color: white;
	font-family: "Ubuntu Condensed", sans-serif;
	font-weight: 400;
	letter-spacing: .1em;
	text-align: center;
}
.menu ul {
	margin: 0;
	padding: 0;
}
.menu li {
	line-height: 1.4;
	font-size: 1.6rem;
}
.menu li:not(:first-child) {
	border-top: 1px solid rgba(255,255,255,.6);
}
.menu a {
	display: block;
	padding: 1em 2em;
	color: white;
	text-decoration: inherit;
	transition: background .6s;
}
.menu a:hover {
	background: black;
}
#drawer:checked ~ .menu {
	transform: none;
}

/* mobile */

@media print,
screen and (min-width: 1001px) {
	.open {
		top: 108px;
		width: 70px;
		height: 70px;
		border-radius: 70px;
	}
	.menu {
		top: 100px;
	}
}



/*====================================================
article 
====================================================*/

article {
    margin: auto;
    position: relative;
    font-size: 1.4rem;

}

article img {
    width: 100%;
}

a.red {
    color: #a20000;
}

a.red:hover {
    color: #f46060;
}

a.line {
    text-decoration: underline;
}




/*====================================================
icon 
====================================================*/

/* .OFFicon{
    width: 110px;
    height: 110px;
    position: absolute;
    z-index: 2;
    top: 0px;
    right: 0px;
}

.OFFicon img {
    width: 100%;
    max-width: 346px;
}

.item{
    position: relative;
} */




/*====================================================
	// id #title
====================================================*/


#title {
    width: 100%;
    position: relative;
    background: url("../img/title_bg_pc.png") no-repeat center 100px;
	background-size: 100%;
}


@media screen and (max-width:1000px) {
    #title {
        width: 100%;
        padding-bottom: 1em;
        position: relative;
        background: none;
    }

}

/* @media screen and (min-width: 1921px) {
    #title {
        width: 100%;
        padding-bottom: 1em;
        position: relative;
        background: url(../img/title/bg_title_all_1920.png) no-repeat top center;
        background-size:cover;
    }

} */


/* .h1_pc {
    margin-bottom: -45px;
} */

.h1_mob {
    display: none;
}


#title .bg_bottom {
    background: url(../img/title/bg_title_bottom.jpg) no-repeat bottom center
}


#title .inner {
    width: 100%;
    max-width: 1200px;
    margin: auto;
    padding-bottom: 3em;
    /*10px*/
    position: relative;
}


#title #h1_box {
	padding-top: 61px;
}

#title #h1_box .txtbox {
    /* width: calc(100% - 300px); */
    /* padding-top: 70px; */
    padding-top: 7em;
}

#title .inner img.risu {
	display: none;
}

#first-copy {
    width: 95%;
}

#first-copy p {
    color: #000;
    font-size: 1.6rem;
    line-height: 1.6;
    margin-left: 76px;
}


#first-copy p .break_1,
#first-copy p .break_2 {
    display: block;
}

#title #h1_box figure {
    width: 27%;
    /*27*/
    /* max-width: 320px; */
    margin-top: 5em;

    position: absolute;

    top: -5px;
    right: -10px;
}

#title .tax {
    width: 98%;
    max-width: 1260px;
    margin: auto;
    color: #666;
    font-size: 1.2rem;
}

#title .tax span {
    font-size: 1.2rem;
    text-align: right;
    padding: .3em 1.5em;
    background: #fff;
    display: inline-block;
    border-radius: 2em;
}

#title_nav {
    width: 95%;
    margin: auto;
}

#title_nav ul {
    margin: auto auto 2em;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: space-between;

    margin: auto auto 10px;
    flex-wrap: wrap;
    justify-content: center;
}

#title_nav ul li {
    /* width: 32%; */
    /* width: 24%; */
    width: 30%;
    margin: 0 0.5% 1em;
}

#title_nav ul li a {
    height: 3em;
    font-size: 1.8rem;
    color: #fff;
    text-align: center;
    padding: .75em 0;
    display: block;
    position: relative;
    padding: 0.9em 0 0.5em;
}

#title_nav ul li a::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 18px solid #b7d695;
    border-left: 18px solid transparent;
}


#title_nav ul li a span {
    /*padding-top: .65em;*/
    /*0.75em*/
    /*display: block;*/
}


#title_nav span.break {
    padding: 0;
}


#title_nav a {
    background: #81aa5d;
    /* background-image: linear-gradient(-45deg, #F88825 25%, #ff9000 25%, #ff9000 50%, #F88825 50%, #F88825 75%, #ff9000 75%);
    background-size: 30px 30px; */

    /* background-color: #ef9816;
    background-image:
        radial-gradient(#f29e1f 20%, transparent 20%),
        radial-gradient(#f29e1f 20%, transparent 20%);
    background-size: 40px 40px;
    background-position: 0 0, 20px 20px;*/

    background: url(../img/bg_nav.png) center center;
	background-size: 100%;
}


#title .link-to-top {
    font-size: 1.2rem;
    position: absolute;
    top: 2px;
    right: 0;
    z-index: 10;
}

#title .link-to-top a {
    color: #fff;
    background:#c13c3c;
    padding: 5px 20px 3px;
}




@media screen and (min-width:1001px) {
	#title #h1_box {
		padding-top: 200px;
	}
    #title .inner img.risu {
		position: absolute;
		top: 130px;
		right: 0;
		display: inherit;
		width: 27%;
	}
}









@media screen and (max-width: 1280px) {
    #title {

    }


    /* #title .bg_flower {
        background: url(../img/title/bg_title_himawari_1280.png) no-repeat top center;
        background-size: contain;
    } */


    #title #h1_box h1 {
        margin-bottom: -10px;
    }

    #title_nav {
        width: 95%;
    }

    #title_nav ul li a {
        font-size: 1.5rem;
    }

    /* #first-copy p {
        font-size: 1.8rem;
    } */

    #first-copy p {
        margin-top: 1.5em;
    }

}



@media screen and (max-width: 1024px) {
    #first-copy p {
        font-size: 1.5rem;
    }
}


@media screen and (max-width:900px) {
    #first-copy p {
        margin-left: 50px;
        margin-top: 25px;
    }

    #title .inner {
        padding-bottom: 1em;
    }

    #title #h1_box {
        margin: auto auto 0.5em;
    }

    #title {
    }
}


@media print,
screen and (max-width: 768px) {

    #title,
    #title .bg_flower {
        background: none;
    }

    #title,
    #title .inner {
        background: none;
    }

    .h1_pc {
        margin-bottom: 10px;
    }

    .h1_mob {
        display: none;
    }

    #title .inner {
        width: 100% !important;
        padding-top: 0;
    }

    #title #h1_box {
        width: 100%;
        margin: auto auto 0;
        display: block;
    }

    #title #h1_box .txtbox {
        width: 100%;
        margin: auto;
        padding-top: 0;
    }

    #title #h1_box h1 {
        margin-bottom: 30px;
    }

    .h1_pc {
        display: none;
    }

    .h1_mob {
        width: 100%;
        margin: auto;
        display: block;
    }

    #first-copy p {
        font-size: 1.8rem !important;
        line-height: 1.8;
        margin-left: 0;
    }

    #title #h1_box figure {
        display: none;
    }

    #first-copy {
        width: 90%;
        margin: auto auto 1em;
    }

    #title #first-copy p {
        font-size: 1.4rem;
        margin-top: 0;
    }

    #title_nav ul {
        margin: auto auto 2em;
        display: block;
    }

    #title_nav ul li {
        width: 95%;
        margin: auto auto .5em
    }

    #title_nav ul li a {
        height: auto;
        padding: 1em 0;
        display: block;
    }

    #title_nav ul li a span {
        padding-top: 0;
        display: block;
    }

    #title_nav span.break {
        display: inline;
    }

    #title .link-to-top {
        position: absolute;
        top: 0;
        left: 1%;
        z-index: 10;
    }
}



@media print,
screen and (max-width: 768px) {
    #title .link-to-top {
        position: absolute;
        top: 0;
        left: 0;
        z-index: 10;
    }

    #title .link-to-top {
        position: absolute;
        top: 0;
        right: 1%;
        left: auto;
        z-index: 10;
    }

    #title .link-to-top a {
        font-size: 1.4rem;
        color: #fff;
        padding: .25em 1em .25em;
    }

    #title #h1_box {
        width: 100%;
    }

    #first-copy {
        padding-top: 10px;
    }

    #first-copy p {
        font-size: 1.5rem !important;
        line-height: 1.8;
        margin-left: 0;
    }

    #first-copy p .break_1 {
        display: inline;
    }

    #title #h1_box h1 {
        margin-bottom: 0;
    }

    #first-copy {
        width: 90% !important;
    }

    #title_nav {
        width: 95%;
    }

    #title_nav ul li a {
        font-size: 1.6rem;
    }

}



@media print,
screen and (max-width: 640px) {

    #title .inner {
        padding-top: 0;
    }

    /* #title .link-to-top {
        position: absolute;
        top: 0;
        right: 1%;
        left: auto;
        z-index: 10;
    } */

    #title .link-to-top a {
        font-size: 1.2rem;
        color: #fff;
        padding: .25em 1em .25em;
    }

    #title #h1_box .txtbox {
        width: 100%;
        max-width: 100%;
        margin: auto;
    }

    #first-copy {
        width: 85% !important;
        padding-top: 0;
    }

    #first-copy p {
        font-size: 1.4rem !important;
    }

}



/*========================
 // id #reservation
===========================*/

#reservation {
    width: 65%;
    margin: auto auto 45px;
    padding: 10px 15px 30px;
    font-size: 1.5rem;
    text-align: center;
    position: relative;
    background: rgba(255, 255, 255, 0.6);
    /* border: #b5dcc3 1px solid; */
    border: #04ADBF 2px solid
}

#reservation .inside {
    width: auto;
    padding: 20px 0 0;
    background: url(../img/bg_reservation_1.svg) no-repeat top center;
}

#reservation .tel {
    /* padding-top: 10px; */
    font-size: 1.8rem;
    display: block;
}

#reservation .tel_link {
    margin-left: 10px;
}

#icon_reserve {
    width: 260px;
    margin: auto auto 0;
}

#reservation .how h6 {
    margin-bottom: .25em;
}

#reservation .how .tel_link {
    margin-left: .75em;
}

#reservation h4 {
    width: 90%;
    margin: auto auto 15px;
    padding-bottom: 5px;
    font-size: 2.0rem;
    /*2.4*/
    color:#04ADBF;
    border-bottom: #04ADBF 2px solid;
}

#reservation p {
    margin-bottom: 1em;

    font-size: 1.5rem;
    /*1.6*/
    margin-bottom: 0.6em;
    line-height: 1.6;
    /*1.5*/
}

#reservation .link a {
    width: 70%;
    margin: auto;
    padding: 20px 0;
    font-size: 1.8rem;
    color: #fff;
    font-weight: bold;
    position: relative;
    display: block;
    /* background: #4cb391;
    background-image: linear-gradient(-45deg, #4cb391 25%, #4baa8b 25%, #4baa8b 50%, #4cb391 50%, #4cb391 75%, #4baa8b 75%);
    background-size: 30px 30px; */

    /* background: #9d4747;
    background-image: linear-gradient(-45deg, #9d4747 25%, #b13e3e 25%, #b13e3e 50%, #9d4747 50%, #9d4747 75%, #b13e3e 75%);
    background-size: 30px 30px; */

    /* background-color: #b13e3e;
    background-image:
        radial-gradient(#b74646 20%, transparent 20%),
        radial-gradient(#b74646 20%, transparent 20%);
    background-size: 40px 40px;
    background-position: 0 0, 20px 20px; */



    background:url(../img/bg_yoyaku.png);



}

#reservation .link a::after {
    content: "";
    position: absolute;
    bottom: 0;
    right: 0;
    width: 0;
    height: 0;
    border-bottom: 16px solid #a4cbc8;
    border-left: 16px solid transparent;
}


#reservation .link a .arrow {
    width: 10px;
}


.mob640 {
    display: none;
}


@media screen and (max-width: 1280px) {
    #reservation {
        width: 70%;
    }
}




@media print,
screen and (max-width: 768px) {

    #reservation {
        width: 75%;
        margin-bottom: 15px;
    }

    #reservation h4 {
        font-size: 2.0rem;
    }

    #reservation p {
        width: 95%;
        margin: auto auto 15px;
        font-size: 1.4rem;
        margin-bottom: 1em;
    }

    #icon_reserve {
        width: 70%;
    }

    #reservation .link {
        margin-bottom: 0;
    }

    #reservation .link a {
        width: auto;
    }

    /* 左右の影 */
    #reservation::before,
    #reservation::after {
        bottom: 10px;
    }


    #reservation .tel {
        font-size: 1.6rem;

    }

    #reservation .tel_link {
        margin-left: 0;
        display: block;
    }


}



@media print,
screen and (max-width: 640px) {
    .mob640 {
        display: block;
    }

}




/*====================================================
	// class .bg_contents_outer  .bg_contents
====================================================*/
.bg_contents_outer {
    /* background:#fff8dc; */
    background: url(../img/bg.png) repeat top center;

    /**/
    /* background:#fff8dc;
    background-image: linear-gradient(-45deg,#fff8dc 25%, #e9e2c7 25%, #e9e2c7 50%,#fff8dc 50%,#fff8dc 75%, #e9e2c7 75%);
    background-size: 30px 30px; */



    /* background-color: #d8eff6;
    background-image:
        radial-gradient(#f2fcff 20%, transparent 20%),
        radial-gradient(#f2fcff 20%, transparent 20%);
    background-size: 40px 40px;
    background-position: 0 0, 20px 20px; */




    /* background: url(../img/bg.png),
          linear-gradient(349deg, #ffe300, #ff7e00, #f04100, #d100ff, #3300ff);
        background-position: center;
        background-repeat: no-repeat;
        background-size: cover;
        background-origin: padding-box;
        background-blend-mode: hard-light; */





}

.bg_contents {
    margin: auto;
    padding: 60px 0;
}


@media print,
screen and (max-width: 768px) {

    .bg_contents {
        padding: 30px 0;
        padding: 0px 0;
    }


}


/*====================================================
	// class .lv_02
====================================================*/

.lv_02 {
    margin-bottom: 60px;/*60*/
    padding-top: 35px;
    /*20*/
}


@media print,
screen and (max-width: 768px) {
    .lv_02 {
        margin-bottom: 30px;/*30*//*15*/
        padding-top: 20px;/*20*//*10*/
    }
}


/*====================================================
	// class .category
====================================================*/

.category {
    width: 98%;
    max-width: 1200px;
    margin: auto auto 60px;
    position: relative;
    background: #fff;

    box-shadow: 0 3px 5px #00000038;
}

.category-lead {
    width: 80%;
    color: #666;
    margin: auto auto 3em;
    text-align: center;
}

.category-lead p {
    font-size: 1.6rem;
    line-height: 1.8;
}

.category p.item-notice {
    font-size: 1.3rem;
    width: 95%;
    margin: auto;
}

/* h2.item_title {
    width: 90%;
    margin: auto;
    color: #d26b79;
    padding-bottom: 15px;
    font-family: "Sawarabi Mincho";
    font-size: 3.4rem;
    font-weight: normal;
    text-align: center;
    border-bottom: #d26b79 thin solid;
} */


.bg_contents_outer h2 {
    margin: auto auto 45px;
    padding: 45px 0 45px !important;
    color: #fff;
    background: #00a7bd;

    /* background: #0088c4;
    background-image: linear-gradient(-45deg, #0088c4 25%, #138cc2 25%, #138cc2 50%, #0088c4 50%, #0088c4 75%, #138cc2 75%); */
    /* background-size: 30px 30px; */


    /* background: #0088c4;
    background-image:
        radial-gradient(#188dbf 20%, transparent 20%),
        radial-gradient(#188dbf 20%, transparent 20%);
    background-size: 40px 40px;
    background-position: 0 0, 20px 20px; */

    padding-bottom: 15px;
    font-size: 3.4rem;
    font-weight: normal;
    text-align: center;

    background-image: url(../img/bg_mds.png);
}



#pygmalius h2 small {
    font-size: 24px;
}




@media screen and (max-width: 1023px) {
    .category {
        width: 95%;
        margin: auto;
    }
}


@media print,
screen and (max-width: 768px) {
    .bg_contents_outer h2 {
        font-size: 2.4rem;
    }
}


/*====================================================
	// id #benefit
====================================================*/


#benefit .category {
    background: #fff;
    /* padding: 45px 0; */
    padding: 0 0 45px;
    position: relative;

    box-shadow: 0 3px 5px #00000038;
}

/* 
#benefit h2 {
    font-size: 3.4rem;
    font-weight: normal;
    margin: auto auto 1em;
    text-align: center;

} */

#benefit .inside {
    width: 90%;
    margin: auto;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /**/
    justify-content: space-between;
}


/* .benefit_box_inside .flexbox p {
    width: 65%;
}

.benefit_box_inside .flexbox figure {
    width: 30%;
}

.benefit_box_inside .flexbox figure img {
    width: 100%;
} */


#benefit .benefit_box {
    width: 49%;
    padding: 10px 1px 1px;
    border-radius: .2em;
    position: relative;
    /* background-color: #c79e1e; */
    background-color:#c0a22c;
    overflow: hidden;
}


.benefit_box_inside {
    height: calc(100% - 10px);
    padding: 1.5em 7% 1.5em;
    background: #fff;
}

#benefit h4 {
    font-size: 2.2rem;
    /* color: #d26b79; */
    color: #f44336;
    text-align: center;
    line-height: 1.3;
    margin-bottom: 1em;
    padding-top: .25em;
    padding-left: .55em;
}

#b_shitadori h4 .break {
    display: block;
}

#benefit p {
    font-size: 1.4rem;
    margin-bottom: 1em;

    text-align: center;
}

#benefit #b_shitadori p {
    text-align: start;
}

.benefit_box_inside figure {
    text-align: center;
}

.benefit_box_inside figure img {
    width: 150px;
}


#b_tokka p.first {
    font-size: 1.8rem;
    text-align: center;
}



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

.ribbon12 {
    display: inline-block;
    position: absolute;
    top: 0;
    left: 10px;
    margin: 0;
    padding: 10px 0 5px;
    z-index: 2;
    width: 70px;
    text-align: center;
    font-size: 18px;
    font-weight: bold;
    color: #fff;
    line-height: 1.2;
    /* background: #9D4753; */
    background: #F88825;
}

.ribbon12:after {
    content: '';
    position: absolute;
    left: 0;
    top: 100%;
    height: 0;
    width: 0;
    border-left: 35px solid #F88825;
    border-right: 35px solid #F88825;
    border-bottom: 10px solid transparent;
}

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



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

    #benefit .inside {
        width: 95%;
    }

    .ribbon12 {
        width: 60px;
        left: 6px;
    }

    .ribbon12:after {
        border-left: 30px solid #F88825;
        border-right: 30px solid #F88825;
        border-bottom: 10px solid transparent;
    }

}

/* #benefig 1024 */

@media print,
screen and (max-width: 1023px) {
    .ribbon12 {
        width: 60px;
        left: 10px;
    }

    #benefit h2 {
        /* font-size: 2.4rem; */
        font-size: 3.4rem;
        font-size: 2.6rem;
    }

    #benefit .inside {
        padding: 0;
        display: block;
    }

    #benefit .benefit_box {
        width: auto;
        margin-bottom: 1em;
    }

    #b_tokka p {
        text-align: center;
    }

    #b_shitadori h4 .break {
        display: inline;
    }

    .benefit_box_inside {
        padding: 1.5em 2.5% 1.5em;
    }

    .flexbox {
        align-items: center;
    }
}




@media print,
screen and (max-width: 768px) {

    .benefit_box_inside .mob_flex {
        display: block;
    }

    .benefit_box_inside .mob_flex p {
        width: auto;
    }

    .benefit_box_inside .mob_flex figure {
        width: auto;
    }

    .benefit_box_inside .flexbox figure {
        width: 50%;
        max-width: 400px;
        margin: 0 auto;
    }

    .benefit_box_inside .flexbox p {
        width: 95%;
        margin: 0 auto;
    }


}



@media print,
screen and (max-width: 640px) {
    #benefit .inside {
        width: 90%;
    }

    #benefit .category {
        margin-bottom: 0 !important;
    }

    .ribbon12 {
        font-size: 16px;
        width: 50px;
        left: 8px;
    }

    .ribbon12:after {
        border-left: 25px solid #F88825;
        border-right: 25px solid #F88825;
        border-bottom: 10px solid transparent;
    }


    #b_tokka p.first {
        font-size: 1.6rem;
    }


    #b_shitadori h4 .break {
        display: block;
    }

    .benefit_box_inside .flexbox figure {
        width: 70%;
    }


}




.category .leadtxt {
    width: 95%;
    margin: auto auto 1em;
    font-size: 1.8rem;
    line-height: 1.8;
    text-align: center;
}


.link-lineup li {
    width: 80%;
    text-align: center;
    margin: auto auto 3em;
    /*auto auto 4*/
}

.link-lineup a {
    color: #fff;
    font-size: 1.6rem;
    background: #f47fa5;
    padding: .5em 1.5em;
    display: block;
    transition: .2s linear;
    -webkit-transition: .2s linear;
    -moz-transition: .2s linear;
    -o-transition: .2s linear;
    -ms-transition: .2s linear;
}

.link-lineup a:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}


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

    .category h2 {
        margin-bottom: .75em;
    }

    .category-lead {
        width: 100%;
    }

    .category-lead p {
        font-size: 1.5rem;
        line-height: 1.8;
        margin-bottom: 2em;
    }
}


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

    .category .leadtxt {
        margin: auto auto 1.5em;
        font-size: 1.5rem;
        line-height: 1.6;
        text-align: center;
    }

    .link-lineup li {

        margin: auto auto 1em;
    }

    .category-lead {
        width: 90%;
        margin: auto;
    }
}


/*====================================================
	.category .line
====================================================*/

.category .line.naname-1 {
    width: 65px;
    height: 65px;
    background: linear-gradient(-45deg, transparent 49%, #97d6ff 49%, #97d6ff 51%, transparent 51%, transparent);
    position: absolute;
    top: -15px;
    left: -10px;
    z-index: 5;
}


.category .line.naname-2 {
    width: 65px;
    height: 65px;
    background: linear-gradient(45deg, transparent, transparent 49%, #97d6ff 49%, #97d6ff 51%, transparent 51%, transparent);
    position: absolute;
    top: -15px;
    right: -10px;
    z-index: 5;
}


.category .line.naname-3 {
    width: 65px;
    height: 65px;
    background: linear-gradient(45deg, transparent, transparent 49%, #97d6ff 49%, #97d6ff 51%, transparent 51%, transparent);
    position: absolute;
    bottom: -10px;
    left: -10px;
    z-index: 5;
}

.category .line.naname-4 {
    width: 65px;
    height: 65px;
    background: linear-gradient(-45deg, transparent 49%, #97d6ff 49%, #97d6ff 51%, transparent 51%, transparent);
    position: absolute;
    bottom: -10px;
    right: -10px;
    z-index: 5;
}

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

    .category .line.naname-1,
    .category .line.naname-2,
    .category .line.naname-3,
    .category .line.naname-4 {
        width: 40px;
        height: 40px;
    }

    .category .line.naname-1 {
        top: -10px;
        left: -5px;
    }

    .category .line.naname-2 {
        top: -10px;
        right: -5px;
    }
}


/*====================================================
	// id #special
====================================================*/


#special .row .lead {
    font-size: 2.0rem;
    text-align: center;
}

#special .inside {
    padding: 1em 3% 2em;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    /**/
    justify-content: space-between
}

#special .sp_item {
    width: 48%;
}

#special .sp_item figure {
    text-align: center;
}

#special .sp_item figure img {
    max-width: 500px;
}

#special dd.size {
    margin-bottom: .25em;
}

@media print,
screen and (max-width: 1023px) {
    #special .inside {
        padding-top: 3em;
        padding-bottom: 1em;
        display: block;
    }


    #special .sp_item {
        width: 100%;
    }



    #special .sp_item figure img {
        max-width: 500px;
    }

}




@media screen and (max-width: 768px) {
    #special .inside {
        padding-top: 2em;
    }

    #special .sp_item figure img {
        max-width: 690px;
    }

}


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

    #special .row .lead {
        width: 90%;
        margin-left: auto;
        margin-right: auto;
        font-size: 1.8rem;
    }
}




/*====================================================
	// id #acce
====================================================*/


#acce .red-price {
    color: #f00;
}

#acce .row {
    margin: auto;
    /* box-shadow: 0 0 0.5em 0 #b5b282; */
}

#acce h2.item_title {
    margin-bottom: 30px;
}

#acce .lead {
    text-align: center;
}

#acce .lead p {
    font-size: 2.2rem;
    font-weight: bold;
    /* color: #e35467; */
    color: #ff6c00;
}


#acce dl.spec dt .type {
    padding-bottom: .25em;
}


#acce dl.spec dt .type .icon {
    font-size: 1.3rem;
}

#acce .item-lineup {
    width: 90%;
    margin: auto;
}

#acce .item {
    /* width: 31%; */
    width: 44%;
}

#acce .item figure {
    max-width: 346px;
    margin: auto;
}



@media print,
screen and (max-width: 1023px) {

    .item-lineup.flexbox {
        display: block;
    }

    #acce .item {
        width: 90% !important;
        height: 100%;
        margin: auto;
    }

    #acce .item figure {
        width: 75%;
        /*50*/
        /* max-width: 50%; */
        max-width: 690px;
        margin: auto;
    }

    #acce .item dl.spec {
        width: 100%;
    }
}




@media print,
screen and (max-width: 768px) {

    /* .item-lineup.flexbox {
        display: block;
    } */

    /* #acce .item {
        width: 90% !important;
        height: 100%;
        margin: auto;
    } */

    /* #acce .item figure {
        width: 50%;
        max-width: 50%;
        margin: auto;
    } */

    /* #acce .item dl.spec {
        width: 100%;
    } */
}


@media print,
screen and (max-width: 640px) {

    /* #acce .item figure {
        width:85%;
        margin: auto;
    } */

    #acce .lead p {
        font-size: 1.6rem;
    }


    #acce .item figure {
        width: 100%;
        max-width: 690px;
        margin: auto;
    }

}





/*====================================================
	// id #standard
====================================================*/

#standard h2.item_title {
    margin-bottom: 30px;
}







/*====================================================
	// id #pygmalius
====================================================*/

#pygmalius .itembox {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#pygmalius .item-lineup {
    padding: 0;
}

#pygmalius .box-2 dt {
    margin-bottom: 10px;
}

#pygmalius .box-2.itembox .item-photo {
    margin-bottom: 0;
}

#pygmalius h2.item_title span.size {
    font-size: 2.6rem;
    display: inline-block;
    border-radius: 100%;
    padding: .5em .5em;
    color: #fff;
}

#pygmalius h2.item_title span.size.half {
    background: #f9d332;
}

#pygmalius h2.item_title span.size.three_quarters {
    background: #87d7b1;
}

#pygmalius .lead {
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: center;
    padding: 0 3% 0;
}

#pygmalius .lead p {
    margin-bottom: 15px;
}

#pygmalius .lead p.note {
    font-size: 1.4rem;
    padding-top: 15px;
    display: block;
}


#pygmalius figure.item-photo img.pc {
    max-width: 346px;
}




#pygmalius .etc_item dd:nth-child(2)::before {
    content: '\3010\4FA1\683C\3011';
    /*まる*/
}

#pygmalius .etc_item dd:nth-child(3)::before {
    content: '\3010\30B5\30A4\30BA\3011';
    /*まる*/
}

#pygmalius .etc_item dd:nth-child(4)::before {
    content: '\3010\30BB\30C3\30C8\5185\5BB9\3011';
    /*まる*/
}


/* @media screen and (max-width: 1024px) {
    #pygmalius .inside .item {
        width: 48%;
        padding: 2px !important;

    }
} */



@media print,
screen and (max-width: 768px) {
    #pygmalius .row {
        padding-top: 1em;
        padding-bottom: 0;
    }
}


@media print,
screen and (max-width: 640px) {
    #pygmalius h2.item_title {
        padding: 0 0 15px;
    }


    #pygmalius h2.item_title span.size {
        font-size: 1.8rem;
    }

    #pygmalius .lead {
        width: 90%;
        margin: auto;
        padding: 0;
        font-size: 1.4rem;
    }

    #pygmalius .lead .note {
        font-size: 1.1rem;
        text-align: right;
        margin-bottom: 0;
    }

}















/*====================================================
	// id #advance
====================================================*/



#advance .itembox {
    width: 90%;
    margin-left: auto;
    margin-right: auto;
}

#advance .item-lineup {
    padding: 0;
}

#advance .box-2 dt {
    margin-bottom: 10px;
}

#advance .box-2.itembox .item-photo {
    margin-bottom: 0;
}

#advance h2.item_title span.size {
    font-size: 2.6rem;
    display: inline-block;
    border-radius: 100%;
    padding: .5em .5em;
    color: #fff;
}

#advance h2.item_title span.size.half {
    /* background: #f9d332; */
    background: #EDBF07;
}

#advance h2.item_title span.size.three_quarters {
    /* background: #87d7b1; */
    background: #47C289;
}

#advance .lead {
    font-size: 1.6rem;
    line-height: 1.6;
    text-align: center;
    padding: 0 3% 0;
}

#advance .lead p {
    margin-bottom: 15px;
}

#advance .lead p.note {
    font-size: 1.4rem;
    padding-top: 15px;
    display: block;
    /* color: #f00; */
}


#advance figure.item-photo img.pc {
    /* max-width: 318px; */
    max-width: 346px;
}


/*

#advance .inside {
    padding: 0 3% 2em;
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    justify-content: flex-start;
    flex-wrap: wrap;
}

#advance .inside .item {
    width: 31.5%;
    margin: 0 .5% 1em;
    padding: 2px;
    background: #f6f3e8;
    border: #ccc6b1 thin solid;
}

#advance .inside .item-txt {
    height: calc(100% - 26px);
    padding: 1.25em 5% .5em;
    border-color: inherit;
    border-style: inherit;
    border-width: inherit;
    box-shadow: inset 0 0 30px 0 #d0c8ae;
}

#advance dl.spec {
    margin: 0;
}

#advance dl.spec dt {
    font-size: 2.2rem;
    font-family: 'Merriweather', serif;
    font-weight: normal;
    color: #975f28;
    margin: 0;
    padding: 0;
    border: none;
}

#advance dl.spec dd.size {
    margin: 0;
}

#advance dl.spec dd.size .deco {
    background: #fff;
    display: inline-block;
    border-radius: 100%;
    padding: .5em .5em;
}

#advance dl.spec .price {
    color: #c00;
}




#advance .etc_item {
    width: 90%;
    margin: auto auto 45px;
    padding-top: 30px;
}

#advance .etc_item h3 {
    margin: auto auto 10px;
    padding-bottom: 5px;
    font-family: "Sawarabi Mincho";
    font-size: 2.0rem;
    font-weight: normal;
    color: #975f28;
    border-bottom: #975f28 thin solid;
}

#advance .etc_item dl {
    width: 95%;
    margin: auto auto 10px;
}

#advance .etc_item dt {
    color: #975f28;
    font-family: "Sawarabi Mincho";
    font-size: 1.8rem;
}


#advance .etc_item dt span {
    font-size: 1.2rem;
    margin-right: 5px;
    vertical-align: middle;
}

#advance .etc_item dd {
    margin-right: 5px;
    display: inline-block;
}

#advance .etc_item dd:nth-child(2) {
    margin-left: 8px;
}


*/



#advance .etc_item dd:nth-child(2)::before {
    content: '\3010\4FA1\683C\3011';
    /*まる*/
}

#advance .etc_item dd:nth-child(3)::before {
    content: '\3010\30B5\30A4\30BA\3011';
    /*まる*/
}

#advance .etc_item dd:nth-child(4)::before {
    content: '\3010\30BB\30C3\30C8\5185\5BB9\3011';
    /*まる*/
}






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

    /*
	
    #advance .inside .item {
        width: 48%;
        padding: 2px !important;

    }
	
	*/
}


@media print,
screen and (max-width: 768px) {


    #advance .row {
        padding-top: 1em;
        padding-bottom: 0;
    }

}




@media print,
screen and (max-width: 640px) {


    #advance h2.item_title {
        padding: 0 0 15px;
    }


    #advance h2.item_title span.size {
        font-size: 1.8rem;
    }

    #advance .lead {
        width: 90%;
        margin: auto;
        padding: 0;
        font-size: 1.4rem;
    }

    #advance .lead .note {
        font-size: 1.1rem;
        text-align: right;
        margin-bottom: 0;
    }

}




/*====================================================
	#goods
====================================================*/


#goods .lead {
    text-align: center;
    padding-top: 15px;
    margin-bottom: 30px;
}

#goods .lead p {
    font-size: 1.6rem;
    font-weight: bold;
}

#goods .lead .off {
    font-size: 3.6rem;
    color: #f00;
    display: block;
}

#goods .box-2.itembox {
    width: 90%;
    margin: auto;
}

#goods figure img {
    max-width: 318px;
    margin: auto;
}

#goods dl.spec dt {
    margin-bottom: 5px;
}




@media print,
screen and (max-width: 1023px) {

    #goods .box-2.itembox {
        width: 100%;
    }

    #goods figure img {
        max-width: 690px;
        margin: auto;
    }

}




/*====================================================
	#msc
====================================================*/
.bg_general {
    padding-top: 20px;
}

#msc {
    width: 98%;
    max-width: 1200px;
    font-size: 1.5rem;
    /*1.6*/
    margin: auto auto 4em;
    /*auto auto 3*/
    background: #fff;
    overflow: hidden;
    /* box-shadow: 0 0 0.5em 0 #b5b282; */

    box-shadow: 0 3px 5px #00000038;
}

#msc h3 {
    text-align: center;
    color: #fff;
    background: #81aa5d;
    padding: 1em 1em .5em;
}


#msc h3 img {
    width: 50%;
}

#msc .inside {
    display: -webkit-flex;
    display: -moz-flex;
    display: -ms-flex;
    display: -o-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    justify-content: space-between;
    padding: 2em 5% 3em;
}

#msc .txt {
    width: 68%;
}

#msc figure {
    width: 30%;
}

#msc figure img {
    width: 100%;
    max-width: 290px;
}

#msc .catch {
    color: #9b7c25;
    font-size: 1.8rem;
    font-weight: bold;
    text-align: center;
    margin-bottom: 1em;
}

#msc .free {
    color: #c00;
}

#msc .link a {
    color: #fff;
    background: #c98e2f;
    margin-bottom: 1em;
    /* padding: .25em 1em; */
    padding: 0.5em 1em;
    border-radius: 2em;
}

#msc p {
    margin-bottom: 2em;
}

#msc .link a:hover {
    filter: alpha(opacity=60);
    -moz-opacity: 0.6;
    opacity: 0.6;
}

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

    #msc .txt {
        width: 75%;
    }

    #msc figure {
        width: 24%;
    }


}



@media screen and (max-width: 1023px) {
    #msc {
        max-width: 95%;
    }

    #msc h3 img {
        width: 80%;
    }

    #msc .link a {
        text-align: center;
        display: block;
    }

    #msc figure {
        width: 80%;
        /*50*/
        margin: auto;
        text-align: center;
    }


    #msc .txt {
        width: auto;
        margin: 0 0 2em;
    }

}


@media print,
screen and (max-width: 640px) {

    #msc h3 img {
        width: 100%;
    }

}