@charset utf-8;



/** ================================================================================================



	Star Brides 2019 Issue.04 CSS

	@vertion 1.0   2019.7.11 New



==================================================================================================== **/



@import url('https://fonts.googleapis.com/css?family=Cormorant+Garamond:400,400i,500,500i,700,700i|Noto+Sans+JP:300,400,700|Noto+Serif+JP:400,700&display=swap');
@import url(../../common/css/common.css);
@import url(../../common/css/videoPlayer.css);



/* バグ対応 ------------------ */

/* オーバーレイ(クリッカブル) */
.videoPlayer .overlay2 {
    display:block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 100%;
    margin:0;
    padding:0;
    box-sizing: border-box;
    cursor: pointer;
    background-color:transparent;
	z-index:10;
}

.videoPlayer .overlay2 svg {
    display: block;
    position: absolute;
    left: 50%;
    top: 50%;
    width: 40px;
    height: 40px;
    margin: -20px 0 0 -20px;
    padding: 0;
}

.videoPlayer .overlay2 svg * {
    fill:rgba(255,255,255,0.7);
}

/* 初期状態 */
.videoPlayer .overlay2 .on   { display: none;  }
.videoPlayer .overlay2 .off  { display: none;  }


.videoPlayer.ready .overlay2 .on   { display: block;  }
.videoPlayer.ready .overlay2 .off  { display: none;  }

.videoPlayer.play .overlay2 .on   { display: none;  }
.videoPlayer.play .overlay2 .off  { display: none;  }

.videoPlayer.paused .overlay2 .on   { display: none;  }
.videoPlayer.paused .overlay2 .off  { display: block;  }







@media (max-width: 767px) {

    .videoPlayer .overlay2 svg {
        width: 30px;
        height: 30px;
        margin: -35px 0 0 -15px;
    }

}



/** ================================================================================================


	2-1 #Love of the Eternity


==================================================================================================== **/



#sbArticle04-1 {
}



/* Header ---------------------------------------------- */

#sbArticle04-1 > header {
/*    background-color:#f4e9d0; */
	background-color:#faf2f5;
	background-color:#ede1cf;
}

#sbArticle04-1 > header h1 {
/*    color:#d1a01f;   */
	color:#a94476;
	color:#724c14;
}

#sbArticle04-1 > header h2 span {
	display:inline-block;
	position:relative;
	padding:0 30px 0 35px;
}

#sbArticle04-1 > header h2 span::before {
	content:"“";
	display:block;
	position:absolute;
	left:0;
	top:0;
	margin:0;
	padding:0;
	font-size:40px;
	font-weight:700;
	line-height:1;
	text-align:center;
/*    color:#d1a01f; */
	color:#a94476;
	color:#724c14;
}
#sbArticle04-1 > header h2 span::after {
	content:"”";
	display:block;
	position:absolute;
	right:0;
	top:0;
	margin:0;
	padding:0;
	font-size:40px;
	font-weight:700;
	line-height:1;
	text-align:center;
/*    color:#d1a01f;  */
	color:#a94476;
	color:#724c14;
}



/* Video ----------------------------------------------- */

#sbArticle04-1 #videoSection {
    width:auto;
    max-width:none;
	margin:0;
    padding:50px 50px 30px;
/*    background-color:#f4e9d0; */
	background-color:#faf2f5;
	background-color:#ede1cf;
}

#sbArticle04-1 #videoSection .lead {
	margin:0;
	padding:0;
	text-align:center;
}

#sbArticle04-1 .crdts {
	display:block;
	position:relative;
	margin:10px 10% 0;
	padding:0;
	font-size:10px;
	line-height:1.3;
	color:#888888;
}

#sbArticle04-1 .crdts ul {
	text-align:left;
	letter-spacing:-1em;
}

#sbArticle04-1 .crdts li {
	display:inline-block;
	vertical-align:baseline;
	letter-spacing:normal;
	margin:0 1em 0 0;
	padding:0;
}




/** 商品一覧 --------------------------------------------------------------------- **/

#sbArticle04-1 #itemsSection > header {
    display:block;
    position:relative;
    margin:0 10%;
    padding:20px 20px 0;
}
#sbArticle04-1 #itemsSection > header::before {
    content:"";
    display:block;
    position:absolute;
    left:0;
    top:-5px;
    width:10px;
    height:100%;
    margin:0;
    padding:0;
    border-left:1px solid #444444;
}
#sbArticle04-1 #itemsSection > header::after {
    content:"";
    display:block;
    position:absolute;
    left:-5px;
    top:0;
    width:100px;
    height:10px;
    margin:0;
    padding:0;
    border-top:1px solid #444444;
    clear:both;
}

#sbArticle04-1 #itemsSection > header h1 {
    float:left;
    width:30%;
    text-align: center;
}

#sbArticle04-1 #itemsSection > header p {
    margin:0 0 0 32%;
    text-align:left;
}



/** 商品　------------------------------------------------------------------------ **/


#sbArticle04-1 .item {
    display:block;
    position:relative;
    margin:80px 0 0 0;
    padding:0;
}

#sbArticle04-1 .item > header {
    display:block;
    position:relative;
    margin:0;
    padding:0 0 20px 0;
    text-align: center;
}
#sbArticle04-1 .item > header::before {
    content:"";
    display: block;
    position: absolute;
    left:50%;
    bottom:0;
    width:30px;
    height:2px;
    margin:0 0 0 -15px;
    padding:0;
    background-color:#d1a01f;
	background-color:#a94476;
	background-color:#724c14;
}


#sbArticle04-1 .item > header h1 {
    display:block;
    position:relative;
    margin:0;
    padding:0;
    font-family: "EB Garamond", serif;
    font-weight: 400;
    font-size:24px;
    letter-spacing: 0.1em;
    line-height:1.2;
/*    color:#d1a01f;  */
	color:#a94476;
	color:#724c14;
}   
#sbArticle04-1 .item > header h1 strong {
    font-weight: 400;
    font-size:30px;
}

#sbArticle04-1 .item > header h2 {
    display: block;
    position: relative;
    margin:0;
    padding:0;
    font-size:16px;
    font-weight:400;
}






#sbArticle04-1 .item .rows {
    display: flex;
    flex-direction: row;
    flex-wrap:nowrap;
    margin:30px 0 0 0;
    padding:0;
}

#sbArticle04-1 .item .rows dl {
    width:48%;
    margin:0 1%;
}

#sbArticle04-1 .item .rows dt {
    margin:0;
    padding:0;
}
#sbArticle04-1 .item .rows dt img {
    vertical-align: bottom;
}

#sbArticle04-1 .item .rows dd {
    margin:20px 20px 0;
    text-align: left;
}

#sbArticle04-1 .item .arrowLink {
    margin:1em 0 0 0;
    text-align: right;
}

#sbArticle04-1 .item .arrowLink > a {
    margin: 0 0 5px 1em;
    font-size:12px;
}

#sbArticle04-1 .item .price {
    font-size:12px;
    color:#888888;
}





/** ============================================================================


	Responsive for tablet


================================================================================ **/



@media all and (max-width: 1024px) and (min-width:768px) {





}



/** ============================================================================


	Responsive for Smart Phone


================================================================================ **/



@media all and (max-width: 767px) {

    
    
    /* Header ---------------------------------------------- */

    #sbArticle04-1 > header {
    }

    #sbArticle04-1 > header .text {
        padding:40px 20px;
    }
    
    #sbArticle04-1 > header h1 {
        text-align:center;
    }
    
    #sbArticle04-1 > header h2 {
        text-align:center;
    }

    #sbArticle04-1 > header h2 span {
        padding:0 25px 0 30px;
    }

    #sbArticle04-1 > header h2 span::before {
        font-size:30px;
    }
    #sbArticle04-1 > header h2 span::after {
        font-size:30px;
    }



/* Video ----------------------------------------------- */

    #sbArticle04-1 #videoSection {
        padding:0 0 30px;
    }

    #sbArticle04-1 #videoSection .lead {
        margin:0 20px;
        padding:0;
    }
    #sbArticle04-1 #videoSection .lead p {
        margin:0;
    }
    
    #sbArticle04-1 #videoSection .vimeoPlayer {
        margin:30px 0 0 0;
    }
    

    #sbArticle04-1 .crdts {
        margin:10px 20px 0;
    }



    /** 商品一覧 --------------------------------------------------------------------- **/

    #sbArticle04-1 #itemsSection > header {
        margin:0 30px;
        padding:20px 20px 0;
    }

    #sbArticle04-1 #itemsSection > header h1 {
        float:none;
        width:auto;
    }

    #sbArticle04-1 #itemsSection > header p {
        margin:20px 0 0 0;
    }



    /** 商品　------------------------------------------------------------------------ **/

    #sbArticle04-1 .item {
        margin:100px 0 0 0;
        padding:0;
    }

    #sbArticle04-1 .item > header {
        margin:0 5px;
        padding:0 0 20px;
        text-align: center;
    }

    #sbArticle04-1 .item > header h1 {
        margin:0 0 10px;
        font-size:18px;
    }   
    #sbArticle04-1 .item > header h1 strong {
        font-weight: 400;
        font-size:22px;
    }

    #sbArticle04-1 .item .rows {
        display: block;
    }

    #sbArticle04-1 .item .rows dl {
        width:auto;
        margin:30px 0 0;
    }

    #sbArticle04-1 .item .rows dd {
        margin:30px 30px 0;
    }

}



/** ================================================================================================


	2 PREMIUM ETERNITY RING


==================================================================================================== **/



#sbArticle04-2 {
}



/* Header ---------------------------------------------- */

#sbArticle04-2 > header {
/*    background-color:#e4ddeb; */
	background-color:#fcf9db;
}


#sbArticle04-2 > header .image {
    width:50%;
}
#sbArticle04-2 > header .text {
    width:40%;
}

#sbArticle04-2 > header .arrowLink {
    text-align: right;
    font-size:12px;
}



#sbArticle04-2 > header .crdts {
    margin:0;
    font-size:10px;
    line-height:1.3;
    color:#888888;
}
#sbArticle04-2 > header .crdts ul {
    margin:0;
    padding:0;
}
#sbArticle04-2 > header .crdts li {
    display: inline-block;
    margin:0 1em 0 0;
    padding:0;
    list-style-type: none;
}


/* こだわり --------------------------------------------------- */

#sbArticle04-2 #kodawari {
    
}

#sbArticle04-2 #kodawari > header {
	display:block;
	position:relative;
	margin:0 0 10px;
	padding:0 0 12px;
}
#sbArticle04-2 #kodawari > header::before {
    content:"";
    display: block;
    position: absolute;
    left:50%;
    bottom:0;
    width:30px;
    height:2px;
    margin:0 0 0 -15px;
    padding:0;
    background-color:#cbb91f;
}

#sbArticle04-2 #kodawari > header h1 {
	margin:0;
	padding:0;
}





/*
#sbArticle04-2 #kodawari > header h1::before,
#sbArticle04-2 #kodawari > header h1::after {
    content:"";
    display:block;
    position:absolute;
    width:10px;
    height:10px;
    border:1px solid #888888;
    border-radius:6px;
    margin:0;
    padding:0;
    background-color:#ffffff;
    transform: rotate(45deg);
}
#sbArticle04-2 #kodawari > header h1::before {
    left:-6px;
    top:50%;
    margin:-6px 0 0 0;
    border-bottom-color:transparent;
    border-left-color:transparent;
}
#sbArticle04-2 #kodawari > header h1::after {
    right:-6px;
    top:50%;
    margin:-6px 0 0 0;
    border-top-color:transparent;
    border-right-color:transparent;
}
*/




#sbArticle04-2 #kodawari .rows {
    max-width:800px;
    margin:0 auto;
}

#sbArticle04-2 #kodawari .row dl {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items:center;
    margin:30px 0 0 0;
    padding:0;
}
#sbArticle04-2 #kodawari .row:nth-child(even) dl {
    flex-direction: row-reverse;
}

#sbArticle04-2 #kodawari .row dt {
    width: 40%;
    margin:0;
    padding:5px;
    box-sizing: border-box;
    box-shadow:0px 0px 3px 3px #eeeeee;
    background-color:#ffffff;
    
}

#sbArticle04-2 #kodawari .row dt img {
    vertical-align: bottom;
}

#sbArticle04-2 #kodawari .row dd {
    width:60%;
    margin:0;
    padding:30px;
    box-sizing: border-box;
    text-align: left;
}


/* 商品一覧 --------------------------------------------------- */

#sbArticle04-2 #itemsSection {
}

#sbArticle04-2 #itemsSection > header {
	display:block;
	position:relative;
	margin:0 0 10px;
	padding:0 0 12px;
}
#sbArticle04-2 #itemsSection > header::before {
    content:"";
    display: block;
    position: absolute;
    left:50%;
    bottom:0;
    width:30px;
    height:2px;
    margin:0 0 0 -15px;
    padding:0;
    background-color:#cbb91f;
}

#sbArticle04-2 #itemsSection > header h1 {
	margin:0;
	padding:0;
}


#sbArticle04-2 #itemsSection .items {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
}

#sbArticle04-2 #itemsSection .item {
    display: block;
    position: relative;
    width:50%;
    margin:40px 0 0 0;
    padding:0 10px;
    box-sizing: border-box;
}

#sbArticle04-2 #itemsSection .item dl {
    margin:0;
    padding:0;
}

#sbArticle04-2 #itemsSection .item dt {
    margin:0;
    padding:0;
}

#sbArticle04-2 #itemsSection .item dt img {
    vertical-align:bottom;
}

#sbArticle04-2 #itemsSection .item dd {
    margin:0 20px;
    padding:0;
}

#sbArticle04-2 #itemsSection .item h3 {
    margin:0;
    padding:20px 0 0 20px;
    font-size:16px;
    font-weight:400;
    border-left:2px solid #cbb91f;
}

#sbArticle04-2 #itemsSection .item .arrowLink {
    text-align: right;
}

#sbArticle04-2 #itemsSection .item .arrowLink > a {
    margin:0 0 5px 1em;
    font-size:12px;
}

/** ============================================================================


	Responsive for tablet


================================================================================ **/



@media all and (max-width: 1024px) and (min-width:768px) {




}



/** ============================================================================


	Responsive for Smart Phone


================================================================================ **/



@media all and (max-width: 767px) {

    
    
    /* Header ---------------------------------------------- */

    #sbArticle04-2 > header .image {
        width:auto;
    }

    #sbArticle04-2 > header .text {
        width:auto;
    }


    /* こだわり --------------------------------------------------- */

    #sbArticle04-2 #kodawari {
    }

    #sbArticle04-2 #kodawari > header h1 {
        display: block;
        margin:0 20px;
        padding:10px 15px;
    }

    #sbArticle04-2 #kodawari .rows {
        max-width:none;
    }

    #sbArticle04-2 #kodawari .row dl {
        display: block;
        margin:30px 20px 0;
        padding:0;
    }

    #sbArticle04-2 #kodawari .row dt {
        width: auto;
        margin:20px 0 0 0;
    }

    #sbArticle04-2 #kodawari .row dd {
        width:auto;
        margin:20px 0 0 0;
        padding:0;
    }


    /* 商品一覧 --------------------------------------------------- */

    #sbArticle04-2 #itemsSection > header h1 {
        display: block;
        margin:0 20px;
        padding:10px 15px;
    }

    #sbArticle04-2 #itemsSection .items {
        display: block;
    }

    #sbArticle04-2 #itemsSection .item {
        width:auto;
        margin:30px 0 0 0;
        padding:0;
    }
}



/** ================================================================================================


	4-3 WHAT'S UP IN THE BOUTIQUE COUNTER?


==================================================================================================== **/



#sbArticle04-3 {
}



/* Header ---------------------------------------------- */

#sbArticle04-3 > header {
    background-color:#f3e3e9;
}


/* Days --------------------------------------------------- */

#sbArticle04-3 .days > header {
    display: block;
    position: relative;
    margin:0 0 10px 0;
    padding:0 0 10px 0;
}
#sbArticle04-3 .days > header::before {
    content:"";
    display: block;
    position: absolute;
    left:50%;
    bottom:0;
    width:30px;
    height:2px;
    margin:0 0 0 -15px;
    padding:0;
    background-color:#a94476;
}

#sbArticle04-3 .days > header h1 {
    margin:0;
    padding:0;
    font-family: "EB Garamond", serif;
    font-size:24px;
    font-weight:400;
    letter-spacing: 0.1em;
    line-height:1.2;
}

#sbArticle04-3 .days > header h1 strong {
    color:#a94476;
    font-size:30px;
    font-weight:400;
}

#sbArticle04-3 .days > header h2 {
    font-size:16px;
    font-weight:400;
}

/* comments ----------------------------------------------- */

#sbArticle04-3 .rows {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: flex-start;
}

#sbArticle04-3 .row {
    width:50%;
    margin:40px 0 0 0;
    padding: 0 10px;
    box-sizing: border-box;
}

#sbArticle04-3 .row dl {
    margin: 0;
    padding:0;
}

#sbArticle04-3 .row dt {
    margin: 0;
    padding: 0;
    border: 1px solid #a94476;
}

#sbArticle04-3 .row dt img {
	width:100%;
    vertical-align: bottom;
}

#sbArticle04-3 .row dd {
    padding:0 20px;
}

#sbArticle04-3 .row h3 {
    display:block;
    position:relative;
    padding:20px 0 0 20px;
    font-size: 16px;
    font-weight: 400;
    border-left:1px solid #a94476;
}








/** ============================================================================


	Responsive for tablet


================================================================================ **/



@media all and (max-width: 1024px) and (min-width:768px) {




}



/** ============================================================================


	Responsive for Smart Phone


================================================================================ **/



@media all and (max-width: 767px) {

    
    /* comments ----------------------------------------------- */

    #sbArticle04-3 .rows {
        display: block;
    }

    #sbArticle04-3 .row {
        width:auto;
        margin:30px 0 0 0;
        padding: 0;
    }
    
    #sbArticle04-3 .row dt {
    }

    #sbArticle04-3 .row dd {
        margin:0 30px;
        padding:0;
    }
    
}



/** ================================================================================================


	4 TALK ABOUT COMFORTABLE RING


==================================================================================================== **/



#sbArticle04-4 {
}



/* Header ---------------------------------------------- */

#sbArticle04-4 > header {
    background:#fbf2f4;
    background:linear-gradient(to bottom, #efe5ec 0%, #fbf2f4 100%);
}



/* Color Scheme ------------------------------------------- */

#sbArticle04-4 .designer       { background-color:#e1c5d9; }
#sbArticle04-4 .patterner      { background-color:#e6c7d1; }
#sbArticle04-4 .staff          { background-color:#ecd1d6; }



/* comments ----------------------------------------------- */

#sbArticle04-4 .comments {
    overflow:hidden;
    margin:0 auto;
    padding:10px;
}


/* comment ------------------------------------------------ */


#sbArticle04-4 .comment {
    display: block;
    position: relative;
    margin:0 auto;
    padding:100px 0 0 0;
}
#sbArticle04-4 .comment::after { content: ""; display: block; clear: both; }

#sbArticle04-4 .comment .image {
    float:right;
    width:45%;
    margin:0 5px 0 0;
    padding:5px;
    background-color:#ffffff;
    box-shadow: 0px 0px 3px 3px #eeeeee;
}

#sbArticle04-4 .comment .image img {
    vertical-align:bottom;
}


#sbArticle04-4 .comment .qst {
    display:block;
    position:relative;
    width:50%;
    margin:50px 0 0 0;
    padding:15px;
    box-sizing: border-box;
    
    border-radius:10px;
    text-align:center;
    background-color:#eaebf0;
    transition: all 0.3s ease-out;
    font-weight:700;
}

#sbArticle04-4 .comment .qst::before {
    content:"";
    display: block;
    position: absolute;
    left:50%;
    top:100%;
    width:20px;
    height:20px;
    margin:-9px 0 0 -10px;
    padding:0;
    background-color:#eaebf0;
    transform: rotate(135deg);
}

#sbArticle04-4 .comment .qst strong {
    display:inline-block;
    vertical-align: middle;
    margin:0 10px 0 0;
    
    font-family: "EB Garamond", serif;
    font-weight:400;
    font-size:30px;
    
    width:40px;
    height:40px;
    line-height: 40px;
    background-color:#ffffff;
    border-radius:20px;
    color:#231815;
    text-align: center;
    
}

#sbArticle04-4 .comment .ans {
    display:block;
    position:relative;
    width:50%;    
    margin:20px 0 0;
    padding:15px;
    border-radius:10px;
    border:2px solid #ffffff;
}

#sbArticle04-4 .comment .ans h3 strong {
    display:inline-block;
    vertical-align: middle;
    font-family: "EB Garamond", serif;
    font-weight:400;
    font-size:30px;
    margin:0 10px 0 0;
    
    width:40px;
    height:40px;
    line-height: 40px;
    background-color:#ffffff;
    border-radius:20px;
    color:#231815;
    text-align: center;
}

#sbArticle04-4 .comment .ans h3 span {
    font-family: "EB Garamond", serif;
    font-weight:400;
}
#sbArticle04-4 .comment .ans p {
    margin:0;
}



/* 互い違いにする ------------------------------------------------ */


#sbArticle04-4 .comment:nth-child(even) .image {
    float:left;
    margin:0 0 0 5px;
}

#sbArticle04-4 .comment:nth-child(even) .qst {
    width:50%;
    margin:50px 0 0 50%;
}

#sbArticle04-4 .comment:nth-child(even) .ans {
    margin:20px 0 0 50%;
}



/* animation */

#sbArticle04-4 .comment .image                   { opacity:0; transition: all 0.3s linear; }
#sbArticle04-4 .comment .image.sbshow            { opacity:1; }

#sbArticle04-4 .comment .qst                     { opacity:0; transform:translateY( 100px); transition: all 0.8s ease-out; }
#sbArticle04-4 .comment .qst.sbshow              { opacity:1; transform:translateY(   0px); }

#sbArticle04-4 .comment .ans                     { opacity:0; transform:translateY( 100px); transition: all 0.8s ease-out; }
#sbArticle04-4 .comment .ans.sbshow              { opacity:1; transform:translateY(   0px); }



/** お話を伺ったのは… --------------------------------------------- **/

#sbArticle04-4 #aboutWho {
    display:block;
    position:relative;
    max-width:900px;
    padding:0;
}

#sbArticle04-4 #aboutWho h3 {
    margin:0;
    padding: 5px 0 5px 0;
    box-sizing: border-box;
    text-align: center;
    font-weight:700;
}


#sbArticle04-4 #aboutWho .member {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    position: relative;
    margin:20px 0 0 0;
    padding:0;
}

#sbArticle04-4 #aboutWho .member dl {
    width:31.33%;
    margin:0 1%;
    padding:20px 10px;
    box-sizing: border-box;
    border-radius: 5px;
}

/*
#sbArticle04-4 #aboutWho .member dl.designer  { background-color:#f0e2ec; }
#sbArticle04-4 #aboutWho .member dl.patterner { background-color:#f3e3e9; }
#sbArticle04-4 #aboutWho .member dl.staff     { background-color:#f6e8ea; }
*/

#sbArticle04-4 #aboutWho .member dt {
    display: block;
    position: relative;
    margin:0 0 10px;
    padding:0 0 10px;
    text-align: center;
}
#sbArticle04-4 #aboutWho .member dt::before {
    content:"";
    display: block;
    position: absolute;
    left:50%;
    bottom:0;
    width:20px;
    height:1px;
    margin:0 0 0 -10px;
    padding:0;
    background-color:#888888;
}



/** ============================================================================


	Responsive for tablet


================================================================================ **/



@media all and (max-width: 1024px) and (min-width:768px) {




}



/** ============================================================================


	Responsive for Smart Phone


================================================================================ **/



@media all and (max-width: 767px) {

    
    #sbArticle04-4 > header {
        background:#fbf2f4;
    }

    /* comments ----------------------------------------------- */
    
    
    /* comment ------------------------------------------------ */


    #sbArticle04-4 .comment {
        display: block;
        position: relative;
        margin:0 auto;
        padding:100px 0 0 0;
    }

    #sbArticle04-4 .comment .image,
    #sbArticle04-4 .comment:nth-child(even) .image {
        float:none;
        width:auto;
        margin:5px;
        padding:5px;
    }

    #sbArticle04-4 .comment .qst,
    #sbArticle04-4 .comment:nth-child(even) .qst {
        width:auto;
        margin:100px 10px 0;
        padding:15px;
        text-align: left;
    }


    #sbArticle04-4 .comment .qst strong {
        display:block;
        margin:0 auto 10px;
    }

    #sbArticle04-4 .comment .ans,
    #sbArticle04-4 .comment:nth-child(even) .ans {
        width:auto;
        margin:20px 10px 0;
    }

    #sbArticle04-4 .comment .ans h3 {
        text-align: center;
    }
    
    #sbArticle04-4 .comment .ans h3 strong {
        display:block;
        margin:0 auto 10px;
    }



/** お話を伺ったのは… --------------------------------------------- **/


    #sbArticle04-4 #aboutWho {
        max-width:none;
        padding:0;
    }

    #sbArticle04-4 #aboutWho .member {
        display: block;
        margin:0;
    }

    #sbArticle04-4 #aboutWho .member dl {
        width:auto;
        margin:10px 20px 0;
    }

}



/** ================================================================================================


	4-5 BRIDE'S ADVICE


==================================================================================================== **/



#sbArticle04-5 {
}



/* Header ---------------------------------------------- */

#sbArticle04-5 > header {
/*    background-color:#e2eff7; */
	background-color:#c4edf7;
}


/* matome ------------------------------------------------- */

#sbArticle04-5 #matome {
    padding:20px;
    border:1px solid #e0e0e0;
    background: #e3f4fe;
    background: linear-gradient(90deg, #f0f0f0 0%, #ffffff 50%, #f0f0f0 100%);
}

#sbArticle04-5 #matome::before,
#sbArticle04-5 #matome::after {
    content:"";
    display:block;
    position:absolute;
    visibility: visible;
    width:30px;
    height:10px;
    margin:0;
    padding:0;
    background-color:#ffffff;
    border-bottom:1px solid #e0e0e0; 

}
#sbArticle04-5 #matome::before { top:-5px; left:-15px; transform: rotate(-45deg);}
#sbArticle04-5 #matome::after  { bottom:-5px; right:-15px; transform:rotate(135deg); }



#sbArticle04-5 #matome .detail ul {
	margin:1em 0;
}

#sbArticle04-5 #matome .detail li {
	margin:0 0 0 1.5em;
	list-style-type:disc;
}






/* rows --------------------------------------------------- */

#sbArticle04-5 .rows {
    margin:0 auto;
}

/* row ---------------------------------------------------- */


#sbArticle04-5 .row {
    display:block;
    position:relative;
    width:66%;
    margin:40px auto 0;
    padding:0;
    box-sizing: border-box;
}

#sbArticle04-5 .row h3 {
    margin:0;
    padding:0;
    font-family: "EB Garamond", serif;
    font-size:24px;
    font-weight:400;
    letter-spacing: 0.1em;
    line-height: 1.4;
    text-align:center;
}

#sbArticle04-5 .row h3 strong {
    font-size: 30px;
    font-weight: 400;
    color: #074eba;
}

#sbArticle04-5 .row h4 {
    display:block;
    position:relative;
    margin:0 0 15px 0;
    padding:0 0 12px 0;
    text-align:center;
}
#sbArticle04-5 .row h4::before {
    content:"";
    display: block;
    position: absolute;
    left:50%;
    bottom:0;
    width:20px;
    height:2px;
    margin:0 0 0 -10px;
    padding:0;
    background-color:#074eba;
}

#sbArticle04-5 .row dl {
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    
    position:relative;
    margin:0;
    padding:0;
    background-color:#f5f5f5;
    border:1px solid #e0e0e0;
    background: linear-gradient(90deg, #e9f4fa 0%, #ffffff 50%, #e9f4fa 100%);
}

#sbArticle04-5 .row dl::before,
#sbArticle04-5 .row dl::after {
    content:"";
    display:block;
    position:absolute;
    visibility: visible;
    width:30px;
    height:10px;
    margin:0;
    padding:0;
    background-color:#ffffff;
    border-bottom:1px solid #e0e0e0; 

}
#sbArticle04-5 .row dl::before { top:-5px; left:-15px; transform: rotate(-45deg);}
#sbArticle04-5 .row dl::after  { bottom:-5px; right:-15px; transform:rotate(135deg); }

#sbArticle04-5 .row dt {
    width:50%;
    flex-grow: 1;
    margin:0;
    padding:0;
    box-sizing: border-box;
}
#sbArticle04-5 .row dt img {
    width:100%;
    vertical-align: bottom;
}

#sbArticle04-5 .row dd {
    width:50%;
    flex-grow: 1;
    margin:20px 20px 0;
    padding:0;
    box-sizing: border-box;
}

#sbArticle04-5 .row .cdit {
    font-size:12px;
    color:#888888;
}

#sbArticle04-5 .row .arrowLink {
    text-align:right;
    padding-bottom:0;
}

/* double */

#sbArticle04-5 .row.double {
    width:100%;
}

#sbArticle04-5 .row.double dl {
    width:100%;
}

#sbArticle04-5 #row02 dl,
#sbArticle04-5 #row04 dl,
#sbArticle04-5 #row06 dl {
    flex-direction: row-reverse;
}

#sbArticle04-5 .info {
    margin:50px 0 0 0;
    text-align: center;
    font-size: 12px;
    color:#666666;
}


/** ============================================================================


	Responsive for tablet


================================================================================ **/



	@media all and (max-width: 1024px) and (min-width:768px) {




	}



/** ============================================================================


	Responsive for Smart Phone


================================================================================ **/



@media all and (max-width: 767px) {



    /* matome ------------------------------------------------- */

    #sbArticle04-5 #matome {
        margin:40px 20px 0;
    }

    /* rows --------------------------------------------------- */


    /* row ---------------------------------------------------- */

    #sbArticle04-5 .row {
        width:auto;
        margin:40px 20px 0;
    }

    #sbArticle04-5 .row h4 {
        font-size:14px;
        font-weight:700;
    }

    #sbArticle04-5 .row dl {
        display:block;
    }

    #sbArticle04-5 .row dt {
        width:auto;
		padding:5px 0 0 0;
        background-color:#ffffff;
    }
    #sbArticle04-5 .row dt:first-child {
        padding:0;
    }

    #sbArticle04-5 .row dd {
        width:auto;
        margin:20px 20px 0;
    }

    /* double */

    #sbArticle04-5 .row.double {
        width:auto;
    }   

    #sbArticle04-5 .info {
        margin:40px 40px 0;
    }

}



/** ================================================================================================


	6 HELLO MY BABY!


==================================================================================================== **/



#sbArticle04-6 {
}


/* Header ------------------------------------------------- */

#sbArticle04-6 > header {
	background-color:#f9dfde;
}

#sbArticle04-6 > header .text {
    padding: 30px;
}

#sbArticle04-6 .lead {
    margin: 20px 0 0;
}


/* ロイヤルファミリーの子育て ------------------------------------------ */

#sbArticle04-6 #topics01 {
    margin:100px auto 0;
}

#sbArticle04-6 #topics01 > header {
    display: block;
    margin:0 16.5%;
    padding:20px 0;
    border-top:4px dotted #ead1ce;
    border-bottom:4px dotted #ead1ce;
}


#sbArticle04-6 #topics01 .row {
    display:block;
    position: relative;
    max-width:900px;
    margin:40px auto 0;
    padding:0 10px;
    box-sizing: border-box;
}

#sbArticle04-6 #topics01 .row dl {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin:0;
    padding:0;
}
#sbArticle04-6 #topics01 .row:nth-child(even) dl {
    flex-direction: row-reverse;
}


#sbArticle04-6 #topics01 .row dt {
    width:35%;
    margin: 0;
    padding: 5px;
    box-sizing: border-box;
    background-color:#ffffff;
    box-shadow: 0px 0px 3px 3px #eeeeee;
}

#sbArticle04-6 #topics01 .row dt img {
    vertical-align: bottom;
}

#sbArticle04-6 #topics01 .row dd {
    width:65%;
    margin: 0;
    padding:  0 20px;
    box-sizing: border-box;
}



/* ベビーアイテム ------------------------------------------------ */

#sbArticle04-6 #topics02 > header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;

    margin:0 16.5%;
    padding:20px 0;
    border-top:4px dotted #ead1ce;
    border-bottom:4px dotted #ead1ce;
}

#sbArticle04-6 #topics02 > header h1 {
    width:50%;
    margin:0;
    padding:0;
}
#sbArticle04-6 #topics02 > header p {
    width: 50%;
    margin:0;
    padding:0 0 0 20px;
    text-align: left;
}

#sbArticle04-6 #topics02 .rows {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    justify-content: center;
    margin:0;
    padding:0;
}

#sbArticle04-6 #topics02 .row {
    width:50%;
    margin:30px 0 0;
    padding:0 10px;
    box-sizing: border-box;
}


#sbArticle04-6 #topics02 .row dt img {
    vertical-align: bottom;
}

#sbArticle04-6 .row dd {
    margin:20px 20px 0;
}

#sbArticle04-6 .row .arrowLink {
    margin:0;
    text-align: right;
}




/** ============================================================================


	Responsive for tablet


================================================================================ **/



@media all and (max-width: 1024px) and (min-width:768px) {




}



/** ============================================================================


	Responsive for Smart Phone


================================================================================ **/



@media all and (max-width: 767px) {


    /* ロイヤルファミリーの子育て ------------------------------------------ */

    #sbArticle04-6 #topics01 {
        margin:60px 30px 0;
    }

    #sbArticle04-6 #topics01 > header {
        margin:0;
    }

    #sbArticle04-6 #topics01 .row {
        max-width:none;
        margin:30px 0 0;
        padding:0;
    }

    #sbArticle04-6 #topics01 .row dl {
        display: block;
        margin:0;
        padding:0;
    }

    #sbArticle04-6 #topics01 .row dt {
        width:auto;
    }

    #sbArticle04-6 #topics01 .row dd {
        width:auto;
        margin: 30px 0 0 0;
        padding:  0;
    }



    /* ベビーアイテム ------------------------------------------------ */

    #sbArticle04-6 #topics02 > header {
        display: block;
        margin:0 30px;
    }

    #sbArticle04-6 #topics02 > header h1 {
        width:auto;
    }
    #sbArticle04-6 #topics02 > header p {
        width: auto;
        margin:20px 0 0 0;
        padding:0;
    }

    #sbArticle04-6 #topics02 .rows {
        display: block;
    }

    #sbArticle04-6 #topics02 .row {
        width:auto;
        margin:30px 0 0;
        padding:0;
    }

    #sbArticle04-6 .row dd {
        margin:30px 30px 0;
    }
}



/** ================================================================================================


	4-7 BRIDE'S ADVICE


==================================================================================================== **/



#sbArticle04-7 {
}



/* Header ------------------------------------------------- */

#sbArticle04-7 > header {
	background-color:#fbeae2;
}

#sbArticle04-7 > header h1 {
	color:#fc9797;
}



/* type --------------------------------------------------- */

#sbArticle04-7 .type {
    
}


#sbArticle04-7 .type > header {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin:0 15%;
}

#sbArticle04-7 .type > header .image {
    display: block;
    position: relative;
    width:30%;
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    background-color:#fbeae2;
    border-radius:5px;
}

#sbArticle04-7 .type > header .text {
    width: 70%;
    margin: 0;
    padding: 20px 0 20px 20px;
    box-sizing: border-box;
    text-align: left;
}

#sbArticle04-7 .type > header h1 {
    margin:0;
    padding: 0;
    font-size:24px;
    font-weight:400;
    font-family: "EB Garamond", serif;
    letter-spacing: 0.1em;
	line-height:1;
}

#sbArticle04-7 .type > header h1 strong {
    font-size:40px;
    font-weight: 400;
	color:#fc9797;
}

#sbArticle04-7 .type .matches {
    margin:50px 0 0 0;
}

#sbArticle04-7 .type .matches h3 {
    text-align: center;
    font-size:20px;
    font-weight:400;
    font-family: "EB Garamond", serif;
    letter-spacing: 0.1em;
/*	color:#fc9797; */
}

#sbArticle04-7 .type .matches h3 strong {
    font-size:24px;
    font-weight: 400;
}


#sbArticle04-7 .rings {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    justify-content: center;
    margin:0 -10px;
}

#sbArticle04-7 .ring {
    display: block;
    position: relative;
    width: 50%;
    margin:10px 0 0 0;
    padding: 0 10px;
    box-sizing: border-box;
}

#sbArticle04-7 .ring dl {
    margin: 0;
    padding: 0;
}

#sbArticle04-7 .ring dt {
    margin: 0;
    padding: 0;
}

#sbArticle04-7 .ring dt img {
    vertical-align:bottom;
}

#sbArticle04-7 .ring dd {
    padding: 0 20px;
}

#sbArticle04-7 .ring .arrowLink {
    text-align:right;
}

/** ============================================================================


	Responsive for tablet


================================================================================ **/



@media all and (max-width: 1024px) and (min-width:768px) {




}



/** ============================================================================


	Responsive for Smart Phone


================================================================================ **/



@media all and (max-width: 767px) {


    
    #sbArticle04-7 {
    }


    /* Header ------------------------------------------------- */


    /* type --------------------------------------------------- */

    #sbArticle04-7 .type {
    
    }


    #sbArticle04-7 .type > header {
        display: block;
        margin:0 30px;
    }

    #sbArticle04-7 .type > header .image {
/*        float:right; */
        width:60%;
        margin: 0 auto;
        padding: 0;
        box-sizing: border-box;
    }

    #sbArticle04-7 .type > header .text {
        width: auto;
        margin: 20px 0 0 0;
        padding: 0;
        text-align:center;
    }
    
    #sbArticle04-7 .type > header h2 {
         margin: 10px 0 0 0;
        line-height:1.5;
    }
    
    #sbArticle04-7 .type > header p {
        text-align: left;
    }
    
    
    

    #sbArticle04-7 .type .matches {
        margin:50px 0 0 0;
    }

    #sbArticle04-7 .rings {
        display: block;
        margin:0;
    }

    #sbArticle04-7 .ring {
        width: auto;
        margin:30px 0 0;
        padding: 0;
    }

    #sbArticle04-7 .ring dd {
		margin:30px 30px 0;
        padding: 0;
    }

}




/** ================================================================================================


	8 TREND TIPS


==================================================================================================== **/



#sbArticle04-8 {
}


/* ブーケ用クレジット　--------------------------------- */

#sbArticle04-8 .bouquet {
	display:block;
	position:relative;
	margin:1em 0 0 0;
	padding:0;
	color:#888888;
	font-size:10px;
	line-height:1.3;
}

#sbArticle04-8 .bouquet ul {
	margin:0;
	padding:0;
}

#sbArticle04-8 .bouquet li {
	margin:0;
	padding:0;
	list-style-type:none;
}





/* Header ---------------------------------------------- */

#sbArticle04-8 > header {
	background-color: #dbf4db;
}

#sbArticle04-8 > header .image span {
	display:block;
	position:absolute;
	right:10px;
	bottom:10px;
	margin:0;
	padding:0;
	font-size:10px;
	line-height:1;
	color:#888888;
}

#sbArticle04-8 > header .crdts {
	display:block;
	position:relative;
	margin:30px 0 0 0;
	padding:0;
	color:#888888;
	font-size:10px;
	line-height:1.3;
}

#sbArticle04-8 > header .crdts ul {
	margin:0;
	padding:0;
}

#sbArticle04-8 > header .crdts li {
	display:inline-block;
	margin:0 1em 0 0;
	padding:0;
	list-style-type:none;
}


/** グリーナリーなブーケ ----------------------------------- **/

#sbArticle04-8 #trendSection {
    margin:100px auto 0;
}

#sbArticle04-8 #trendSection > header {
	display:block;
	position:relative;
	margin:0;
	padding:0 0 15px 0;
    text-align:center;
}
#sbArticle04-8 #trendSection > header::before {
    content:"";
    display: block;
    position: absolute;
    left:50%;
    bottom:0;
    width:30px;
    height:2px;
    margin:0 0 0 -15px;
    padding:0;
	background-color: #8fbc8f;
}

#sbArticle04-8 #trendSection > header h1 {
    margin:0;
    padding:0
}

#sbArticle04-8 #trendSection > header h1 br {
    display:none;
}

#sbArticle04-8 #trendSection .details {
    display: flex;
    flex-direction: row;
    flex-wrap: wrap;
    align-items: center;
    justify-content: center;
    margin:25px 0 0 0;
    padding:0;
}

#sbArticle04-8 #trendSection .detail {
    display:block;
    position:relative;
    width:50%;
    margin:0;
    padding:0;
    box-sizing: border-box;
}

#sbArticle04-8 #trendSection .detail dl {
    display: flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: center;
    margin:0;
    padding:0;
}
#sbArticle04-8 #trendSection .detail dt {
    display:block;
    position:relative;
    width: 50%;
    margin:0;
    padding:5px;
    box-sizing: border-box;
    box-shadow: 0 0 3px 3px #eeeeee;
    background-color:#ffffff;
}

#sbArticle04-8 #trendSection .detail dt img {
    vertical-align: bottom;
}

#sbArticle04-8 #trendSection .detail dt span {
    display:block;
    position: absolute;
    right:10px;
    bottom:10px;
    margin:0;
    padding:0;
    font-size:10px;
    color:#888888;
}

#sbArticle04-8 #trendSection .detail dd {
    width: 50%;
    margin:0;
    padding:10px;
    box-sizing: border-box;
}

#sbArticle04-8 #trendSection .detail.detail03 dl,
#sbArticle04-8 #trendSection .detail.detail04 dl,
#sbArticle04-8 #trendSection .detail.detail05 dl{
    flex-direction: row-reverse;
}

#sbArticle04-8 #trendSection .detail dd p {
    margin:0;
}



/** 楽しむ --------------------------------------------------- **/

#sbArticle04-8 #rowsSection {
    margin:0 auto;   
}

#sbArticle04-8 #rowsSection .row {
    display:block;
    position: relative;
    margin:100px 0 0;
    padding:0;
    text-align: center;
}

#sbArticle04-8 #rowsSection .row h3 {
    display:block;
    position: relative;
    margin:0;
    padding:0 0 15px;
    text-align: center;
    font-size:18px;
    font-weight:400;
}
#sbArticle04-8 #rowsSection .row h3::before {
    content:"";
    display: block;
    position: absolute;
    left:50%;
    bottom:0;
    width:30px;
    height:2px;
    margin:0 0 0 -15px;
    padding:0;
	background-color: #8fbc8f;
}

#sbArticle04-8 #rowsSection .row dl {
    display:flex;
    flex-direction: row;
    flex-wrap: nowrap;
    align-items: stretch;
    position: relative;
    margin:25px 0 0 0;
    padding:0;
    text-align: left;
}

#sbArticle04-8 #rowsSection .row dl dt {
    display:block;
    position:relative;
    width:33.3%;
    margin:0;
    padding:0 1px 0 0;
    box-sizing: border-box;
}
#sbArticle04-8 #rowsSection .row dl dt span {
    display:block;
    position: absolute;
    right:10px;
    bottom:10px;
    margin:0;
    padding:0;
    font-size:10px;
    color:#888888;
}

#sbArticle04-8 #rowsSection .row dl dt img {
    vertical-align: bottom;
}

#sbArticle04-8 #rowsSection .row dl dd {
    width:33.3%;
    margin:0;
    padding:20px;
    box-sizing: border-box;
	background-color: #dbf4db;
}

#sbArticle04-8 #rowsSection .row dl dd p {
    margin:0;
}


/* 教えてくれる人 -------------------------------------- */

#sbArticle04-8 #teachersec {
	max-width:1200px;
	margin:100px auto 0;
    padding:20px 0 0 0;
    border-top:2px dotted #ccc;
}

#sbArticle04-8 #teachersec dl {
	display:flex;
	flex-direction:row;
	align-items:center;
    max-width:800px;
    margin:0 auto;
}

#sbArticle04-8 #teachersec dt {
	width:40%;
	box-sizing:border-box;
	text-align:center;
}

#sbArticle04-8 #teachersec dd {
	width:60%;
	padding:0 0 0 20px;
	box-sizing:border-box;
}



/** ショップ一覧 --------------------------------------------------------------------- **/

#sbArticle04-8 #shops {
	display:flex;
	flex-direction:row;
	flex-wrap:nowrap;
	align-items:center;

	position:relative;
	width:calc( 100% - 100px );
	max-width:1200px;
	margin:10px auto 0;
	padding:20px 0;
	border:2px dotted #ccc;
	border-left:0;
	border-right:0;
}

#sbArticle04-8 #shops .shoplist {
	width:50%;
	margin:0;
	padding:0;
	box-sizing:border-box;
	text-align:center;
}

#sbArticle04-8 #shops .shoplist h3 {
	font-family:"EB Gramond", serif;
	font-size:18px;
	font-weight:400;
}

#sbArticle04-8 #shops .shoplist dl {
	margin:20px 0 0 0;
	padding:0;
}

#sbArticle04-8 #shops .shoplist dt {
	display:inline;
	margin:0;
	padding:0;
}

#sbArticle04-8 #shops .shoplist dd {
	display:inline;
	margin:0;
	padding:0 0 0 1em;
}

#sbArticle04-8 #shops .shoplist dd::after {
	content:"\A";
	white-space:pre;
}

#sbArticle04-8 #shops .cautions {
	width:50%;
	margin:0;
	padding:0 2%;
	box-sizing:border-box;
}



/* Magazine -------------------------------------------- */

#sbArticle04-8 #magazine {
	margin:50px 0 0 0;
	width:100%;
	max-width:none;
	padding:10px 0;
	background-color:#f0f2f0;
}

#sbArticle04-8 #magazine h3 {
	font-size:16px;
	font-weight:300;
	letter-spacing:0.05em;
}

#sbArticle04-8 #magazine dl {
	width:calc( 100% - 100px );
	max-width:1200px;
	margin:0 auto;
	padding:0;
	text-align:center;
}

#sbArticle04-8 #magazine dt {
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	text-align:center;
	width:40%;
	margin:0;
	padding:0;
}
#sbArticle04-8 #magazine dt img {
	vertical-align:bottom;
}

#sbArticle04-8 #magazine dd {
	display:inline-block;
	vertical-align:middle;
	letter-spacing:normal;
	text-align:left;
	width:50%;
	margin:0;
	padding:0;
}


#sbArticle04-8 .cautions {
	display:block;
	position:relative;
	width:calc( 100% - 100px );
	max-width:1200px;
	margin:50px auto 0;
	padding:0;
	font-size:12px;
	text-align:center;
}




/** ============================================================================


	Responsive for tablet


================================================================================ **/



	@media all and (max-width: 1024px) and (min-width:768px) {




	}



/** ============================================================================


	Responsive for Smart Phone


================================================================================ **/



@media all and (max-width: 767px) {


    /* Header ---------------------------------------------- */

    /** グリーナリーなブーケ ----------------------------------- **/

    #sbArticle04-8 #trendSection {
        margin:50px auto 0;
    }
    
    #sbArticle04-8 #trendSection > header {
        text-align:center;
    } 

    #sbArticle04-8 #trendSection > header h1 br {
        display:inline;
    }

    #sbArticle04-8 #trendSection .details {
        display: block;
        margin:0 30px;
    }

    #sbArticle04-8 #trendSection .detail {
        width:auto;
    }

    #sbArticle04-8 #trendSection .detail dl {
        display: block;
        margin:30px 0 0 0;
    }

    #sbArticle04-8 #trendSection .detail dt {
        width: auto;
    }

    #sbArticle04-8 #trendSection .detail dd {
        width: auto;
        margin:30px 0 0 0;
        padding:0;
    }


    /** 楽しむ --------------------------------------------------- **/

    #sbArticle04-8 #rowsSection {
        margin:0 auto;   
    }

    #sbArticle04-8 #rowsSection .row {
    }

    #sbArticle04-8 #rowsSection .row h3 {
        font-size:16px;
    }

    #sbArticle04-8 #rowsSection .row dl {
        display:block;
    }

    #sbArticle04-8 #rowsSection .row dl dt {
        width:auto;
        margin:5px 0 0 0;
        padding:0;
    }
    #sbArticle04-8 #rowsSection .row dl dt:first-child {
        margin:0;
    }
    
    #sbArticle04-8 #rowsSection .row dl dd {
        width:auto;
        margin:30px 30px 0;
        padding:0;
        background-color: transparent;
    }


	/* 教えてくれる人 -------------------------------------- */

	#sbArticle04-8 #teachersec {
		max-width:none;
		margin:100px 40px 0;
	}

	#sbArticle04-8 #teachersec dl {
		display:block;
	}

	#sbArticle04-8 #teachersec dt {
		float:left;
		width:40%;
		margin:0 10px 10px 0;
	}

	#sbArticle04-8 #teachersec dd {
		width:auto;
		margin:0;
		padding:0;
	}

	#sbArticle04-8 #teachersec dd p {
		clear:both;
	}

	#sbArticle04-8 #teachersec h3 br {
		display:none;
	}



	/** ショップ一覧 --------------------------------------------------------------------- **/

	#sbArticle04-8 #shops {
		display:block;
		width:auto;
		max-width:none;
		margin:10px 40px 0;
	}

	#sbArticle04-8 #shops .shoplist {
		width:auto;
	}

	#sbArticle04-8 #shops .shoplist h3 {
		font-size:18px;
	}

	#sbArticle04-8 #shops .shoplist dl {
		margin:20px 0 0 0;
		padding:0;
	}

	#sbArticle04-8 #shops .shoplist dt {
		display:block;
		text-align:left;
	}

	#sbArticle04-8 #shops .shoplist dd {
		display:block;
		margin:0;
		padding:0 0 0.5em 0;
		text-align:right;
	}

	#sbArticle04-8 #shops .cautions {
		border-top:2px dotted #ccc;
		width:auto;
		margin:30px 0 0 0;
		padding:20px 0 0 0;
		text-align:left;
	}



    /* Magazine -------------------------------------------- */

	#sbArticle04-8 #magazine {
		width:auto;
		padding:30px 40px;
	}

	#sbArticle04-8 #magazine h3 {
		font-size:16px;
		font-weight:300;
		letter-spacing:0.05em;
	}

	#sbArticle04-8 #magazine dl {
		width:auto;
		max-width:none;
	}

	#sbArticle04-8 #magazine dt {
		display:block;
		width:80%;
		margin:0 auto;
	}

	#sbArticle04-8 #magazine dd {
		display:block;
		width:auto;
		margin:30px 0 0 0;
	}

	#sbArticle04-8 .cautions {
		width:auto;
		max-width:none;
		margin:50px 40px 0;
		font-size:10px;
	}

}