@charset "UTF-8";

/*pc */

body .iidaMS{
    font-family: 'Hiragino Kaku Gothic ProN','メイリオ', sans-serif;
    padding: 0;
}

h4.iidaMS-title{
    padding: 0.25em 0.5em;
    color: #494949;
    background: transparent;
    border-left: solid 5px #7db4e6;
    margin: 1rem 0; 
    font-size: 1.5rem; 
    font-weight: bold; 
    border-bottom: 2px dotted #a1a499;
}

.iidaMS-subtitle{
    font-size:1.3rem;
    margin: 1px;
}

.iidaMS-indent-content{
    font-size:1.2rem;
    text-indent: 1em;
}

.iidaMS-Tag{
    font-size: 0.6rem;
}

.iidaMS-pict-box{
    width:100%;
}

.iidaMS-img-wide{
    width:75%;
}

.iidaMS-img-middle{
    width:50%;
}

.iidaMS-img-small{
    width:25%;
}

.iidaMS-day{
    font-size: 0.6rem;
}

.iidaMS-table *{
    border: 1px solid black;
    padding:1rem;
}

.iidaMS-table tr th td{
    padding: 0.5rem;
}

table.iidaMS-table{
    border-collapse : collapse;
    font-size: 1rem;
}

/* mobile */


h4.iidaMS-title-mobile{
    padding: 0.25em 0.5em;
    color: #494949;
    background: transparent;
    border-left: solid 5px #7db4e6;
    margin: 1rem 0; 
    font-size: 1.3rem; 
    font-weight: bold; 
    border-bottom: 2px dotted #a1a499;
}

.iidaMS-subtitle-mobile{
    font-size:1.1rem;
    text-indent:0.5rem;
}

.iidaMS-indent-content-mobile{
    font-size:1rem;
    margin: 1rem;
}

/* Decoration */
.iidaMS-font-color-red{
    color:red;
}

.iidaMS-font-color-blue{
    color:blue;
}

.iidaMS-font-color-green{
    color:green;
}

.iidaMS-center{
    text-align:center;
}

/* box */
.iidaMS-box26-blue{
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px #95ccff;
    border-radius: 8px;
}
.iidaMS-box26-blue .iidaMS-box-title-blue {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    font-weight: bold;
}

.iidaMS-box26-red{
    position: relative;
    margin: 2em 0;
    padding: 0.5em 1em;
    border: solid 3px red;
    border-radius: 8px;
}
.iidaMS-box26-red .iidaMS-box-title-red {
    position: absolute;
    display: inline-block;
    top: -13px;
    left: 10px;
    padding: 0 9px;
    line-height: 1;
    font-size: 19px;
    background: #FFF;
    font-weight: bold;
}

/* flex box*/
.iidaMS-flex-box{
    display:flex;
    flex-direction: row;
    justify-content: space-between;
}


.iidaMS-flex-row{
    flex-direction: row;
    display:block;
}

.iidaMS-flex-row-reverse{
    flex-direction: row-reverse;
}

.iidaMS-pict{
    width:100%;
    display: flex;
    align-items:center;
    justify-content:center;
    padding: 1rem;
}


/* 文字装飾 */
/*文字上下にラインを引く*/
.iidaMS_border_up_and_down{
    display:inline-block;
    color: #7db4e6;/*文字色*/
    padding: 0.5em 0;/*上下の余白*/
    border-top: solid 3px #7db4e6;/*上線*/
    border-bottom: solid 3px #7db4e6;/*下線*/
}

/* 注意書きはこれで行う */
.iidaMS_alert{
    color: #505050;/*文字色*/
    padding: 0.5em;/*文字周りの余白*/
    display: inline-block;/*おまじない*/
    line-height: 1.3;/*行高*/
    background: #ff7e6d;/*背景色*/
    vertical-align: middle;
    border-radius: 25px 0px 0px 25px;/*左側の角を丸く*/
}

.iidaMS_alert:before{
    content: '●';
    color: white;
    margin-right: 8px;
}

/*hover line link*/
a.iidaMS-hover-line-link{
    position: relative;
    display: inline-block;
    transition: .3s;
    text-decoration: none;
}

a.iidaMS-hover-line-link::after {
    position: absolute;
    bottom: 0;
    left: 50%;
    content: '';
    width: 0;
    height: 1px;
    background-color: #2ecc71;
    transition: .3s;
    -webkit-transform: translateX(-50%);
    transform: translateX(-50%);
}

a.iidaMS-hover-line-link:hover::after {
    width: 100%;
}

/* product */

.iidaMS-sealy-table *{
    font-size:1rem;
}

.iidaMS-pict-circle{
    border-radius:50%;
    width:90px;
    height:90px;
    border: 2px solid gray;
}

/* boori */
@keyframes album {
    0% {
        opacity: 0;
    }
    5.3% {
        opacity: 1;
    }
    10.6% {
        opacity: 1;
    }
    16% {
        opacity: 0;
    }
}
.iidaMS-album {
    border: 5px #444444 solid;
    text-align:center;
    width:650px;
    margin: 0 auto;
    padding: 0;
    background-color: white;
    position: relative;
}
.iidaMS-album img {
    text-align:center;
    width: 650px;
    height: 550px;
    object-fit: cover;
    animation-name: album;
    animation-duration: 24s;
    animation-iteration-count: infinite;
    opacity: 0;
}
.iidaMS-album img:nth-child(1) {
    display: block;
}
.iidaMS-album img:nth-child(2) {
    display: block;
    position: absolute;
    top: 0;
    animation-delay:4s;
}
.iidaMS-album img:nth-child(3) {
    display: block;
    position: absolute;
    top: 0;
    animation-delay:8s;
}
.iidaMS-album img:nth-child(4) {
    display: block;
    position: absolute;
    top: 0;
    animation-delay:12s;
}
.iidaMS-album img:nth-child(5) {
    display: block;
    position: absolute;
    top: 0;
    animation-delay:16s;
}
.iidaMS-album img:nth-child(6) {
    display: block;
    position: absolute;
    top: 0;
    animation-delay:20s;
}


.iidaMS-pict-box{
    width:100%;
    margin:auto;
}

.iidaMS-subcont{
    padding:1.5em 0 0.5em 0;
    text-decoration: underline;
    font-size:1.1em;
}
.iidaMS-container{
    width:28%;
    display:block;
    padding:0 1em 2em 0;
}
.iidaMS-frame-radius{
    border-radius: 10px;
    border: 2px solid #444444;
    padding:1em;
}
.iidaMS-sendprice{
    font-size:1.3em;
    text-align:center;
    color:red;
    font-weight:bold;
}