/*
 *
 *	top style
 *
 */
/*======================================
	gHeader
======================================*/
.gHeader {
    padding: 3em 0 4em
    }
.gHeader h1, .gHeader h2, .gHeader p {
    margin: 0 auto;
    line-height: 0;
    text-align: center
    }
.gHeader h1 {
    width: 50%;
    max-width: 350px
    }
.gHeader h2 {
    width: 25%;
    margin: 1em auto 0.6em;
    max-width: 153px
    }
.gHeader p {
    width: 60%;
    max-width: 370px
    }
/*======================================
	contentsBox
======================================*/
.contentsBox {
    margin-top: -3em
    }
.contentsBox h1 {
    width: 40%;
    max-width: 310px
    }
/****** commonBox ******/
.commonBox {
    margin-bottom: 2em;
    padding: 1em;
    background: #f4f1ed;
    border-radius: 1em;
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 3px inset
    }
.commonBox h2 {
    width: 80%;
    margin: 0 auto 1em;
    text-align: center
    }
.commonBox dl {
    overflow: hidden
    }
.commonBox dl dt {
    float: left;
    width: 6em;
    padding-left: 1em;
    background: url(../images.4054d0acec98bcc56290e2979e8d5b77/icon.png) center left no-repeat;
    background-size: 0.9em;
    font-weight: bold
    }
.commonBox dl dd {
    width: 100%;
    padding-left: 7em
    }
/****** shopInfo ******/
.contentsBox .shopInfo h2 {
    margin-bottom: 1em;
    line-height: 0;
    text-align: center
    }
/* shopList */
.contentsBox .shopInfo .shopList:after {
    display: block;
    clear: both;
    content: ""
    }
.contentsBox .shopInfo .shopList li {
    float: left;
    width: 47%;
    max-width: 170px;
    margin: 0 1.5% 1em;
    background: #f4f1ed;
    border-radius: 0.5em;
    box-shadow: rgba(0, 0, 0, 0.3) 2px 2px 3px inset
    }
.contentsBox .shopInfo .shopList li figure {
    overflow: hidden;
    line-height: 0;
    border-radius: 0.5em 0.5em 0 0
    }
.contentsBox .shopInfo .shopList li h3 {
    position: relative;
    margin: 0 -3px;
    padding: 0.3em 0;
    background: #a53b3b;
    text-align: center;
    color: #fff
    }
.contentsBox .shopInfo .shopList li h3:before, .contentsBox .shopInfo .shopList li h3:after {
    content: "";
    position: absolute;
    bottom: -4px;
    border: transparent solid 2px;
    border-top: #772d2d solid 2px
    }
.contentsBox .shopInfo .shopList li h3:before {
    left: 0;
    border-right: #772d2d solid 2px
    }
.contentsBox .shopInfo .shopList li h3:after {
    right: 0;
    border-left: #772d2d solid 2px
    }
.contentsBox .shopInfo .shopList li p {
    margin: 0.5em;
    font-size: 0.8em
    }
/*============================================================================

	responsive

============================================================================*/
@media screen and (min-width: 480px) {
    /*======================================
    	contentsBox
    ======================================*/
    .commonBox dl dd {
        float: left;
        margin-left: -7em
        }
    .commonBox dl.about dd {
        width: 50%
        }
    .commonBox dl.requirements dd.stylist {
        margin-left: -0.8em
        }
    }
@media screen and (min-width: 768px) {
    /*======================================
    	contentsBox
    ======================================*/
    .commonBox dl dt {
        width: 6.8em
        }
    .commonBox dl dd {
        margin-left: -6.8em;
        padding-left: 7.8em
        }
    .commonBox dl.about dd {
        width: 33.33333%
        }
    .commonBox dl.requirements dd {
        width: 50%
        }
    .commonBox dl.requirements dd.stylist {
        margin-left: 50%
        }
    }
@media screen and (min-width: 940px) {
    /*======================================
    	gHeader
    ======================================*/
    .gHeader {
        padding: 8em 0 7em
        }
    /*======================================
    	contentsBox
    ======================================*/
    /****** shopInfo ******/
    /* shopList */
    .contentsBox .shopInfo .shopList li {
        margin: 0 17px 0 0
        }
    .contentsBox .shopInfo .shopList li:last-child {
        margin-right: 0
        }
    }