@charset "utf-8";

/* ===================================================================
CSS information

 File Name  : layout.css
 Author     : ヒューマンフローラ
 Style Info : レイアウトCSS設定
=================================================================== */

/*---------- 可変幅・表示テスト用(レスポンシブ用)
#HFwrapper{
min-width:initial;
}
#headH1{
min-width:initial;
}
#HF #topicPath{
width:auto;
}
#headH1 h1{
width:auto;
}
#HFcontainer{
width:80%;
margin:0 auto;
min-width:initial;
max-width:960px;
}
#HFmainCnt_col1{
width:100%;
}
----------*/


/* -------------------------------------------------------
	index.html
   ------------------------------------------------------- */
#HF section+section{
margin-top:60px;
}

#teiki{
padding:20px 60px;
}
#teiki img{
max-width:100%;
}



/*-------------------- btn --------------------*/
.btn{
order:4;
width:100%;
margin-top:1em;
text-align:center;
}

#set .btn a{
width:15em;
}
#plus .btn{
position:absolute;
left:0;
bottom:-3.5em;
}
#plus .btn a{
width:15em;
}
#item .btn a{
width:12em;
}

#HF .btn a{
position:relative;
display:inline-block;
height:3em;
line-height:3em;
margin:0 auto;
padding-left:3em;
font-size:13px;
color:#ffffff;
cursor:pointer;
background:#FD645C;
background:-moz-linear-gradient(top, #FD645C 0%, #EB0C1E 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#FD645C), color-stop(100%,#EB0C1E));
background:-webkit-linear-gradient(top, #FD645C 0%,#EB0C1E 100%);
background:-o-linear-gradient(top, #FD645C 0%,#EB0C1E 100%);
background:-ms-linear-gradient(top, #FD645C 0%,#EB0C1E 100%);
background:linear-gradient(to bottom, #FD645C 0%,#EB0C1E 100%);
filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#FD645C', endColorstr='#EB0C1E',GradientType=0 );
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}
#HF .btn a:hover{
background:#EB0C1E;
background:-moz-linear-gradient(top, #EB0C1E 0%, #FD645C 100%);
background:-webkit-gradient(linear, left top, left bottom, color-stop(0%,#EB0C1E), color-stop(100%,#FD645C));
background:-webkit-linear-gradient(top, #EB0C1E 0%,#FD645C 100%);
background:-o-linear-gradient(top, #EB0C1E 0%,#FD645C 100%);
background:-ms-linear-gradient(top, #EB0C1E 0%,#FD645C 100%);
background:linear-gradient(to bottom, #EB0C1E 0%,#FD645C 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EB0C1E', endColorstr='#FD645C',GradientType=0 );
}
#HF .btn a:before{
content:'';
position:absolute;
top:0;
left:50%;
margin-left:-5em;
width:3em;
height:3em;
background:url(../../img/cmn/cartBtn_icon.png) center center no-repeat;
}



/*-------------------- merit --------------------*/
#merit{
}
#merit h2{
margin-bottom:15px;
text-align:center;
font-size:24px;
line-height:1.2;
color:#084EA1;
font-weight:bold;
}
#merit h2 span{
color:#E94F6E;
font-weight:bold;
}
#merit .ttl{
width:95%;
max-width:850px;
margin:0 auto 10px;
text-align:center;
}
#merit .box{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#merit .box dl{
display:flex;
flex-direction:column;
width:31%;
margin:10px 0;
border:2px #084EA1 solid;
border-radius:10px;
}
#merit .box dt{
position:relative;
padding:0.5em 0.5em 0.5em 1em;
font-size:20px;
line-height:1.2;
letter-spacing:0.02em;
font-weight:bold;
color:#E94F6E;
}
#merit .box dt::before{
display:inline-block;
content:'';
float:left;
width:26%;
height:3em;
margin:-1em 0.5em 0 -0.5em;
background-position:left top;
background-repeat:no-repeat;
background-size:contain;
background-image:url(../img/ico_benri.png);
}
#merit .box01 dt:before,
#merit .box04 dt:before{
background-image:url(../img/ico_otoku.png);
}
#merit .box dt .small{
font-weight:bold;
font-size:80%;
}
#merit .box dd{
flex-grow:1;
display:flex;
flex-direction:column;
justify-content:space-between;
padding:0 1em 1em;
}
#merit .box .txt{
font-size:16px;
line-height:1.5;
color:#084EA1;
}
#merit .box .img{
text-align:center;
}



/*-------------------- benri --------------------*/
#benri{
}
#benri h2{
margin-bottom:15px;
padding:0.3em 0;
text-align:center;
font-size:24px;
line-height:1.2;
color:#E94F6E;
font-weight:bold;
border:2px #E94F6E solid;
border-radius:10px;
background:linear-gradient(to bottom, #FFF7CA, #ffffff);
}
#benri .catch{
margin-bottom:15px;
text-align:center;
font-size:20px;
line-height:1.2;
color:#084EA1;
}
#benri .catch strong{
color:#E94F6E;
}
#benri .box01 ul{
display:flex;
justify-content:space-between;
}
#benri .box01 li{
width:30%;
position:relative;
}
#benri .box01 li+li:before{
display:block;
content:'';
position:absolute;
left:-10%;
top:calc(50% - 0.5em);
width:0;
height:0;
border-left:1em solid #E94F6E;
border-top:1em solid transparent;
border-bottom:1em solid transparent;
}
#benri .box02{
display:flex;
align-items:center;
justify-content:space-between;
margin-top:2em;
}
#benri .box02 .img{
width:35%;
}
#benri .box02 .txt{
width:63%;
font-size:15px;
line-height:1.5;
color:#084EA1;
}
#benri .box02 .txt img{
vertical-align:middle;
max-width:initial;
height:1.5em;
}
#benri .box02 .txt span{
padding-left:0.3em;
vertical-align:middle;
color:#E94F6E;
font-weight:bold;
font-size:200%;
}



/*-------------------- set --------------------*/
#set{
}
#set h2{
display:flex;
align-items:center;
justify-content:center;
margin:0 auto 15px;
line-height:1.2;
}
#set .fukidashi{
display:inline-block;
margin-right:0.5em;
padding:0.5em 1em;
border:1px #E94F6E solid;
border-radius:50%;
background:linear-gradient(to bottom, #FFF7CA, #ffffff);
text-align:center;
color:#E94F6E;
font-weight:bold;
font-size:18px;
white-space:nowrap;
}
#set h2 span{
font-size:24px;
color:#084EA1;
font-weight:bold;
}
#set h2 b{
color:#E94F6E;
font-weight:bold;
}
#set .box ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#set .box li{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
width:49%;
margin:10px 0;
padding:10px 0;
border:2px #084EA1 solid;
border-radius:10px;
line-height:1.2;
}
#set .box li .img{
order:2;
width:50%;
background:url(../img/bg_01.png) center center no-repeat;
background-size:100% 100%;
}
#set .box li .disc{
order:1;
width:43%;
}
#set .box li div.price{
order:3;
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
width:90%;
}
#set .box .catch{
color:#E94F6E;
font-weight:bold;
font-size:12px;
}
#set .box .name{
display:inline-block;
margin-top:0.5em;
padding-bottom:0.25em;
color:#E94F6E;
font-weight:bold;
font-size:16px;
border-bottom:1px #084EA1 solid;
}
#set .box .exp{
margin-top:0.5em;
margin-bottom:0.5em;
color:#084EA1;
font-size:14px;
}
#set .box span.note{
transform:translateY(-25%);
font-size:10px;
}
#set .box div.note{
margin-top:-0.5em;
margin-bottom:0.5em;
color:#333;
font-size:12px;
line-height:1.25;
}
#set .box .def_price{
width:100%;
color:#084EA1;
font-size:11px;
text-align:left;
}
#set .box .off{
display:inline-block;
color:#ffffff;
font-weight:bold;
font-size:14px;
text-shadow:0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F;
text-align:center;
}
@media only screen and (max-width:850px) {
#set .box .off br{
display:none;
}
}
#set .box .off b{
font-weight:bold;
font-size:22px;
}
#set .box .off_price{
color:#EB131F;
font-weight:bold;
font-size:16px;
text-align:left;
}
#set .box .off_price .price{
color:#EB131F;
font-weight:bold;
font-size:34px;
white-space:nowrap;
}
#set .box .off_price .tax{
color:#333333;
font-size:12px;
white-space:nowrap;
}
#set .box .difference{
display:inline-block;
padding:0.5em;
border-radius:50%;
background:#FF8000;
color:#ffffff;
font-weight:bold;
font-size:14px;
white-space:nowrap;
}
#set .box .difference span{
color:#ffffff;
font-weight:bold;
font-size:10px;
}
#set .box li#set01{
width:100%;
}
#set .box li#set01 .disc{
order:1;
width:47%;
}
#set .box li#set01 .img{
width:48%;
}
/*
*/


/*-------------------- plus --------------------*/
#plus{
}
#plus .trouble{
margin-bottom:10px;
text-align:center;
}
#plus .trouble{
display:flex;
justify-content:center;
}
#plus .trouble li{
display:flex;
height:100%;
align-items:center;
justify-content:center;
min-width:6em;
/*width:7em;*/
margin:0 0.25em;
padding:0.5em 0.5em;
border-radius:1em;
background:#E94F6E;
color:#ffffff;
font-weight:bold;
font-size:14px;
line-height:1;
white-space:nowrap;
}
#plus h2{
margin-bottom:15px;
text-align:center;
font-size:24px;
line-height:1.2;
color:#084EA1;
font-weight:bold;
}
#plus h2 .fukidashi{
display:inline-block;
margin-right:0.25em;
padding:0.1em 0.5em;
border:1px #084EA1 solid;
border-radius:0.25em;
background:linear-gradient(to bottom, #FFF7CA, #ffffff);
color:#084EA1;
font-weight:bold;
font-size:20px;
white-space:nowrap;
}
#plus .box ul{
display:flex;
flex-wrap:wrap;
justify-content:space-between;
}
#plus .box li{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
width:50%;
margin:10px 0 3.5em;
background:url(../img/bg_01.png) center center no-repeat;
background-size:100% 100%;
line-height:1.2;
position:relative;
}
#plus .box li .img{
width:23%;
margin-right:2%;
}
#plus .box li .disc{
width:60%;
}
#plus .box .catch{
width:100%;
color:#E94F6E;
font-weight:bold;
font-size:14px;
}
#plus .box li .ill{
float:right;
}
#plus .box #plus01 .ill{
width:30%;
}
#plus .box #plus02 .ill{
width:45%;
}
#plus .box .name{
margin-top:0.5em;
color:#084EA1;
font-weight:bold;
font-size:16px;
}
#plus .box .exp{
margin-top:0.5em;
font-size:12px;
}



/*-------------------- item --------------------*/
#item{
}
#item h2{
margin-bottom:15px;
text-align:center;
font-size:24px;
line-height:1.2;
color:#084EA1;
font-weight:bold;
}
#item h2 .fukidashi{
display:inline-block;
margin:0 0.2em 0 -0.2em;
padding:0.5em;
border:1px #E94F6E solid;
border-radius:50%;
background:linear-gradient(to bottom, #FFF7CA, #ffffff);
color:#E94F6E;
font-weight:bold;
font-size:20px;
white-space:nowrap;
}
#item .double{
display:inline-block;
margin:0 0.2em;
color:#ffffff;
font-weight:bold;
font-size:30px;
text-shadow:0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E;
white-space:nowrap;
}
/*---------- box01 ----------*/
#item .box01 ul{
display:flex;
flex-wrap:wrap;
}
#item .box01 li{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
width:25%;
margin:10px -1px;
border-left:2px #084EA1 solid;
border-right:2px #084EA1 solid;
background:url(../img/bg_01.png) center center no-repeat;
background-size:100% 100%;
line-height:1.2;
letter-spacing:0em;
text-align:center;
position:relative;
z-index:1;
}
#item .box01 li:nth-of-type(n+7){
background:url(../img/bg_02.png) center center no-repeat;
background-size:100% 100%;
}
#item .box01 .img{
width:30%;
}
#item .box01 .disc{
width:66%;
}
#item .box01 .name{
width:120%;
margin-left:-20%;
color:#084EA1;
font-weight:bold;
font-size:14px;
text-align:center;
}
#item .box01 .ico{
display:inline;
border:1px #333333 solid;
color:#333333;
font-weight:normal;
font-size:10px;
line-height:1.2;
white-space:nowrap;
}
#item .box01 .def_price{
margin-top:0.5em;
color:#084EA1;
font-size:11px;
text-align:left;
}
#item .box01 .def_price .tax{
color:#333333;
font-size:10px;
white-space:nowrap;
}
#item .box01 .off{
color:#ffffff;
font-weight:bold;
font-size:20px;
text-shadow:0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F,0 0 3px #EB131F;
text-align:left;
}
#item .box01 .off_price{
color:#EB131F;
font-weight:bold;
font-size:14px;
text-align:left;
}
#item .box01 .off_price .price{
color:#EB131F;
font-weight:bold;
font-size:30px;
white-space:nowrap;
}
#item .box01 .off_price .tax{
color:#333333;
font-size:10px;
white-space:nowrap;
}
#item .box01 .difference{
display:inline-block;
margin:0 auto;
padding:0.5em;
border-radius:50%;
background:#FF8000;
color:#ffffff;
font-weight:bold;
font-size:14px;
white-space:nowrap;
}
#item .box01 .difference span{
color:#ffffff;
font-weight:bold;
font-size:10px;
}
/*---------- box02 ----------*/
#item .box02 h3{
margin:20px 0 5px;
text-align:center;
font-size:18px;
line-height:1.2;
color:#084EA1;
font-weight:bold;
}
/*---------- box03 ----------*/
#item .box03 h3{
margin:20px 0 5px;
padding:0.3em 0;
text-align:center;
font-size:18px;
line-height:1.2;
color:#E94F6E;
font-weight:bold;
border:1px #E94F6E solid;
border-radius:10px;
background:linear-gradient(to bottom, #FFF7CA, #ffffff);
}
#item .box03 h3 span{
font-weight:bold;
white-space:nowrap;
}
#item .box03 li{
padding-right:1em;
display:inline;
white-space:nowrap;
}



/*-------------------- item2(designRenewal) --------------------*/
#item2{
}
#item2 h2{
margin-bottom:15px;
text-align:center;
font-size:24px;
line-height:1.2;
color:#084EA1;
font-weight:bold;
}
#item2 h2 .fukidashi{
display:inline-block;
margin:0 0.2em 0 -0.2em;
padding:0.5em;
border:1px #E94F6E solid;
border-radius:50%;
background:linear-gradient(to bottom, #FFF7CA, #ffffff);
color:#E94F6E;
font-weight:bold;
font-size:20px;
white-space:nowrap;
}
#item2 .double{
display:inline-block;
margin:0 0.2em;
color:#ffffff;
font-weight:bold;
font-size:30px;
text-shadow:0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E,0 0 3px #E94F6E;
white-space:nowrap;
}
/*---------- box01 ----------*/
#item2 .box01 ul{
border:1px #dfdfdf solid;
}
#item2 .box01 li{
display:flex;
justify-content:space-between;
position:relative;
width:100%;
padding:20px;
}
#item2 .box01 li+li{
border-top:1px #dfdfdf solid;
}
#item2 .box01 li .img{
display:flex;
align-items:center;
justify-content:center;
width:153px;
height:153px;
margin-right:27px;
padding:5px 0;
background:#fff;
border:1px #dfdfdf solid;
flex-grow:1;
flex-shrink:0;
position:relative;
}
#item2 .box01 li .img .ico_new{
position:absolute;
right:3px;
top:3px;
display:block;
width: 3.5em;
height: 3.5em;
line-height: 3.5em;
letter-spacing: 0;
background: #ff0000;
border-radius: 50%;
text-align: center;
font-weight: bold;
font-size: 85%;
color: #ffffff;
}
#item2 .box01 li .img img{
max-height:100%;
}
#item2 .box01 .disc{
width:calc(100% - 180px);
padding-bottom:4em;
}
#item2 .box01 .name{
margin-bottom:15px;
padding:8px 0 10px 0;
font-size:19px;
line-height:135%;
background:url(../../img/cmn/ttlBdr01.gif) no-repeat bottom center;
}
#item2 .box01 .ico{
display: inline;
margin-left:10px;
border: 1px #333333 solid;
color: #333333;
font-weight: normal;
font-size: 12px;
line-height: 1.2;
white-space: nowrap;
}
#item2 .box01 .def_price,
#item2 .box01 .off_price{
display:inline-block;
}
#item2 .box01 .def_price:after{
display:inline-block;
content:"→";
margin-left:5px;
}
#item2 .box01 .ttl{
display: inline-block;
height: 22px;
line-height: 22px;
padding: 0 5px;
color: #fff;
font-size: 14px;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
letter-spacing: normal;
}
#item2 .box01 .def_price .ttl{
margin-right:10px;
background: #ff9d9f;
}
#item2 .box01 .def_price .price{
display: inline-block;
margin-right: 10px;
background: url(../../img/cmn/wline01.gif) repeat-x center center;
}
#item2 .box01 .off_price .ttl{
background: #ec6c79;
margin: 0 5px 0 8px;
}
#item2 .box01 .off_price .price{
font-weight: bold;
color: #ec6c79;
}
#item2 .box01 .difference{
display:inline-block;
margin:0 auto;
padding:0.5em;
border-radius:50%;
background:#FF8000;
color:#ffffff;
font-weight:bold;
font-size:14px;
white-space:nowrap;
}
#item2 .box01 .difference span{
color:#ffffff;
font-weight:bold;
font-size:10px;
}
#item2 .box01 .btn{
width:15em;
position:absolute;
right:20px;
bottom:20px;
}
#item2 .btn a{
width:15em;
}
/*---------- box02 ----------*/
#item2 .box02 h3{
margin:20px 0 5px;
text-align:center;
font-size:18px;
line-height:1.2;
color:#084EA1;
font-weight:bold;
}
/*---------- box03 ----------*/
#item2 .box03 h3{
margin:20px 0 5px;
padding:0.3em 0;
text-align:center;
font-size:18px;
line-height:1.2;
color:#E94F6E;
font-weight:bold;
border:1px #E94F6E solid;
border-radius:10px;
background:linear-gradient(to bottom, #FFF7CA, #ffffff);
}
#item2 .box03 h3 span{
font-weight:bold;
white-space:nowrap;
}
#item2 .box03 li{
padding-right:1em;
display:inline;
white-space:nowrap;
}


/*-------------------- point --------------------*/
#point{
}
#point h2{
margin-bottom:15px;
padding:0.3em 0;
text-align:center;
font-size:24px;
line-height:1.2;
color:#084EA1;
font-weight:bold;
border:2px #084EA1 solid;
border-radius:10px;
background:linear-gradient(to bottom, #FFF7CA, #ffffff);
}
#point table{
width:100%;
border:2px #084EA1 solid;
border-radius:10px;
}
#point table th,
#point table td{
padding:5px 10px;
vertical-align:middle;
}
#point table th{
border:1px #084EA1 solid;
background:#FFF7CA;
text-align:center;
white-space:nowrap;
font-weight:bold;
}
#point table td{
border:1px #084EA1 solid;
text-align:left;
}



/*-------------------- feature --------------------*/
#HF #feature{/*common.css changeStyle*/
padding:2em 5% 2em;
border:1px #333333 solid;
}
#feature h2{
margin-bottom:15px;
text-align:center;
font-size:30px;
line-height:1.2;
color:#084EA1;
font-weight:bold;
}
#feature h2 span{
display:inline-block;
margin-right:1em;
padding:0.5em;
background:#E94F6E;
border-radius:50%;
color:#ffffff;
font-size:24px;
font-weight:bold;
}
#feature ul{
}
#feature li{
}
#feature li+li{
margin-top:0.5em;
}
#feature li span{
display:inline-block;
margin-bottom:0.3em;
padding:0.3em;
border-bottom:2px #E94F6E dotted;
font-weight:bold;
font-size:20px;
color:#084EA1;
}
#feature li:last-child span{
color:#E94F6E;
}



/*-------------------- faq --------------------*/
#faq{
position:relative;
overflow:hidden;
}
#faq h2{
margin-bottom:15px;
padding:0.3em 0;
text-align:center;
font-size:30px;
line-height:1.2;
color:#E94F6E;
font-weight:bold;
border:2px #E94F6E solid;
border-radius:10px;
position:relative;
}
#faq h2::after{
display:block;
content:'';
position:absolute;
bottom:-0.5em;
right:1%;
width:15%;
max-width:100px;
height:3em;
background-position:right bottom;
background-repeat:no-repeat;
background-size:contain;
background-image:url(../img/ill_09.png);
}
#faq .box{
width:48%;
float:left;
}
#faq .box:nth-of-type(even){
float:right;
}
#faq .box dl{
margin-top:10px;
}
#faq .box dt{
display:flex;
align-items:center;
position:relative;
padding:0.3em 0 0.3em 3em;
color:#084EA1;
font-size:16px;
font-weight:bold;
min-height:4em;
border-bottom:3px #E94F6E dotted;
}
#faq .box dt::before{
display:block;
content:'';
position:absolute;
left:0;
top:0;
width:2em;
height:4em;
margin:0 0.5em 0 0;
background-position:left center;
background-repeat:no-repeat;
background-size:contain;
background-image:url(../img/ico_q.png);
}
#faq .box dd{
margin-top:10px;
padding-left:3em;
font-size:16px;
position:relative;
}
#faq .box dd::after{
content:'';
display:block;
clear:both;
}
#faq .box dd::before{
display:block;
content:'';
position:absolute;
left:0;
top:0;
width:2em;
height:4em;
margin:0 0.5em 0 0;
background-position:left top;
background-repeat:no-repeat;
background-size:contain;
background-image:url(../img/ico_a.png);
}
#faq .box dd span{
font-weight:bold;
color:#E94F6E;
}



/*-------------------- attention --------------------*/
#attention{
}
#attention h2{
clear:both;
margin-bottom:15px;
padding:0.3em 0;
text-align:center;
font-size:16px;
line-height:1.2;
color:#E94F6E;
font-weight:bold;
border:2px #E94F6E solid;
border-radius:10px;
background:linear-gradient(to bottom, #FFF7CA, #ffffff);
}
#attention .box{
display:table;
}
#attention .list{
display:table-cell;
width:82%;
}
#attention .list li{
text-indent:-1em;
padding-left:1em;
}
#attention .img{
display:table-cell;
width:15%;
vertical-align:bottom;
}



/*-------------------- info --------------------*/
#info{
text-align:center;
}
#info h2{
margin-bottom:15px;
padding:0.3em 0;
font-size:16px;
line-height:1.2;
color:#ffffff;
font-weight:bold;
border-radius:10px;
background:#E94F6E;
}
#info dl{
display:flex;
flex-wrap:wrap;
align-items:center;
justify-content:center;
margin-bottom:15px;
}
#info dt{
padding:5px 0;
font-size:16px;
font-weight:bold;
color:#084EA1;
margin-right:5%;
white-space:nowrap;
}
#info dd{
padding:5px 0;
color:#E94F6E;
font-size:30px;
font-weight:bold;
white-space:nowrap;
}
#info dd img{
margin-right:0.25em;
max-width:initial;
height:0.75em;
vertical-align:middle;
}
#info .open{
width:auto;
display:inline-block;
border:1px #333333 solid;
margin-bottom:5px;
padding:0.3em;
font-size:16px;
}
#info .note{
font-size:12px;
}