/*
Theme Name:aLive-muramatsuya
Theme URI: http://www.alive-website.com/
Description: からだ工房 村松屋 （aLiveの子テーマ）
Author: M.N
Version: 1.0.1
Template:alive
*/

/*店舗・ブログ両方で共通に使うCSSを記述*/

/*[notice_list]お知らせショートコード*/
.notice_content {
    font-size: 14px;
    max-height: 250px;
    overflow: auto;
}
.notice_content p {
    margin: 5px 0px 10px;
    line-height: 1.3;
    border-bottom: 1px dotted #ccc;
    padding: 5px 8px;
}
.notice_content p:last-child {
    border-bottom: none;
}
.notice_title {
    text-align: center;
    font-weight: bold;
    font-size: 20px;
    background-color: #c25ba2;
    color: #fff;
    padding: 10px;
    border-radius: 5px 5px 0 0;
}
article .notice_content {
    font-size: 16px;
    max-height: 250px;
    border: 1px solid #ccc;
    border-top: none;
}

/*[voice_box]*/
.voice_box p {
    margin: 15px auto 10px;
    background-color: hsla(0, 0%, 97%, 1);
    padding: 15px;
    border-radius: 10px;
}
/* [wrap_box] */
.wrap_box_flex {
	display: flex;
	flex-wrap: wrap;
	align-content: space-between;
}
.wrap_box_flex.flex-3 >div {
	flex-basis: calc( ( 100% - 15px ) / 2 );
	margin: 0 0 20px;
	flex-grow: 0;
}
.wrap_box_flex.flex-3 >div + div {
	margin-left: 15px;
}
.wrap_box_flex.flex-3 .color_box_title {
	margin-left: -15px;
	margin-right: -15px;
}
@media (max-width: 599px){
	.wrap_box_flex.flex-3 >div + div:nth-child(2n+1) {
		margin-left: 0;
	}
}
@media (min-width: 600px){
    /*[wrap_box]*/
    .wrap_box_flex {
        display: flex;
        flex-wrap: wrap;
        align-content: space-between;
    }
    .wrap_box_flex >div {
        flex-basis: 25%;
        margin: 10px 5px 10px;
	}
    .wrap_box_flex.flex-3 >div {
		flex-basis: calc( ( 100% - 30px ) / 3 );
    }
	.wrap_box_flex.flex-3 >div + div:nth-child(3n+1) {
		margin-left: 0;
	}
}
/*[box_flow]*/
.box_flow {
    margin: 0 0 25px;
    padding: 5px;
    position: relative;
    overflow: hidden;
}
.wrap_flow_img {
    margin: 5px auto 5px;
    text-align: center;
    /*width: 150px;*/
}
.wrap_flow_img img {
    vertical-align: bottom;
    border:1px solid #ccc;
}
.box_flow_title {
    font-size: 20px;
    border-bottom: 1px solid #ccc;
    padding: 0 10px 2px 27px;
    line-height: 1.2;
    text-indent: -23px;
    color: #7AB41A;
}
.box_flow_content {
    padding: 10px 10px;
    color: #666;
    font-size: 15px;
    line-height: 1.4;
}
.box_flow_content p {
    padding: 0;
}
.box_flow_order {
    font-size: 25px;
    padding-right: 5px;
}
.arrow_block {
    text-align: center;
    margin: -20px 0 10px;
    font-size: 40px;
    font-weight: bold;
    line-height: 0.7;
    color: #7AB41A;
}
.arrow_block .icon-big-delta-down{
    font-size: 25px;
}
@media (min-width: 600px){
	.box_flow_title {
        font-size: 25px;
    }
    .box_flow_order {
        font-size: 30px;
    }
    .wrap_flow_img {
        float: left;
        margin: 5px 10px 5px 5px;
    }
    .wrap_flow_content {
        margin-left: 220px;
    }
    .wrap_flow_img {
        width: 200px;
	}
}
/*sb_indoboxショートコード*/
@media (min-width: 600px){
	.sb_info_box_header {
	    color: #333;
	}
	.sb_infobox_tel {
	    color: green;
	}
	.sb_info_box .sb_info_box_list {
	    color: #333;
	}
	.sb_info_box p{
		color: #333;
	}
}