@charset "UTF-8";
/*
 * Theme Name: SUBMARINE30 
 * Theme URI: http://web-nurse.jp/
 * Description: SUBMARINE30
 * Author: Narrative Co.,Ltd.
 * Author URI: http://web-nurse.jp/
 * Version:1.0
 * */
@import url(css/main.css);


.w600center{
width: 600px;
text-align: center;
}
.w600{
width: 600px;
text-align: left;
margin-bottom: 2em;
}
.w600 dl.column2{
display: table;
margin-top: 2em;
}
.w600 dl.column2 dt,.w600 dl.column2 dl{
display: table-cell;
}
.w600 .tablecolumn{
display: table;
}
.w600 .tablecolumn div{
display: table-cell;
}
.w600 .tablecolumn .leftmargin1em{
margin-left: 1em;
}
.w600 .w30per{
width: 30%;
}
.w600 .w70per{
width: 70%;
}
.w600 .tablerow{
display: table-cell;
margin-right: 20px;
}
.w600 .tablerow dt,.w600 .tablerow dd{
display: table-row;
}
.w600 .title_orange{
background-color:#FFCC66;
padding:10px 5px 5px 5px;
border-bottom: 4px solid #FF9900;
}
.w600 .title_orange .font10_lineheight14{
"font-size:10px;
line-height:14px;
}
.w600 .title_green{
background-color:#00CC33;
padding:10px 5px;
color:#FFFFFF;
}
.w600center .item_detail{
width: 600px;
}
.w600center .item_detail .title_cell{
text-align: center;
background-color: #99CC33;
color: #000000;
font-size: +1;
}
.w600center .item_detail th{
 style="vertical-align: middle;
 text-align: center;
 background-color: #f0f6e4;
 width: 110px;"
}
.w600center .item_detail td{
vertical-align: middle;
background-color: #ffffff;
width:490px;
}



.margin-1000{
margin: -1px 0 0 0;
}
.margin000-1{
margin: 0 0 0 -1px;
}
.leftborder0{
border-left-style: none;
}





.w626 li{
margin-left: 20px;
}

.w626 h3.border0{
margin: 15px 0 !important;
border-style: none !important;
}

.w626 table.tanpopocha_comp tr.row1{
background-color: #e4eaf1; !important;
}
.w626 table.tanpopocha_comp td.col45per{
width:45% !important;
}
.w626 table.tanpopocha_comp td.col10per{
width:10% !important;
}
.w626 div.line3px{
border:3px solid #CCCCCC;
padding:10px;
width:600px;
text-align:left;
margin:0px auto;
}
.w626 h3.green{
padding: 1.3em 1em;
background-color: #508644;
color: #ffffff;
text-align: left;
font-weight: bold;
}
.w626 .padding_right20px{
padding-right: 20px;
}
.component h1.light_green{
font-size: 18px;
border-bottom-width: 1px;
border-bottom-style: solid;
border-bottom-color: rgb(28, 147, 75);
padding: 5px;
margin-bottom: 1em;
}

p.main{
font-size: 18px;
line-height: 28px;
}

/*サイドバーリンク*/
.ac_title_page a{
text-decoration: none!important;
color:#000000!important;
}

/*トリプルカット*/
.triple_cut{
width:730px;
margin:0 auto;
}

.l_point{
float:left;
margin-right:20px;
}

.r_point{
float:left;
width:70%;
background-color:#E9ECDB;
padding:10px 15px 15px 15px;
}

.rp1{
background-color:#5B8F6B;
color:#FFFFFF;
text-align:center;
}

.rp2{
background-color:#FFFFFF;
text-align:center;
}

.rp3{
background-color:#FFFFFF;
text-align:center;
color:#FF0000;
}

#content .tc_ttl{
color:#57B47B;
font-size:24px;
font-weight:bold;
}

.tikara{
width:30%;
float:left;
margin-right:35px;
}

.tikara2{
width:30%;
float:left;
}

#content .tikara_ttl{
color:#587931;
font-size:20px;
text-align:center;
font-weight:bold;
}

.tikara img,
.tikara2 img{
margin-bottom:0px;
}

#content p.q_ttl{
background-color:#C30D23;
color:#FFFFFF;
font-size:20px;
padding:15px;
}

@media screen and (max-width:640px){
.triple_cut{
width:100%;
margin:0 auto;
}

.l_point{
float:none;
}

.l_point img{
margin:0 0 20px 60px;
}

.r_point {
width: 90%;
background-color: #E9ECDB;
padding: 10px 15px 15px 15px;
}

#content .tc_ttl {
color: #57B47B;
font-size: 20px;
font-weight: bold;
text-align:center;
}

.tikara{
width:100%;
margin-bottom:20px;
float: none;
margin-right: 0px;
}

.tikara2{
width:100%;
margin-bottom:20px;
float: none;
margin-right: 0px;
}

#content .tikara_ttl{
color:#587931;
font-size:20px;
text-align:center;
font-weight:bold;
}

.tikara img,
.tikara2 img{
margin-bottom:0px;
}

.product_box{
border: 1px solid #000000;
}

}

@media screen and (max-width:768px){
.triple_cut{
width:100%;
margin:0 auto;
}

.l_point{
float:none;
}

.l_point img{
margin:0 0 20px 70px;
}

.r_point {
width: 90%;
background-color: #E9ECDB;
padding: 10px 15px 15px 15px;
}

#content .tc_ttl {
color: #57B47B;
font-size: 20px;
font-weight: bold;
text-align:center;
}

.tikara{
width:100%;
margin-bottom:20px;
float: none;
margin-right: 0px;
}

.tikara2{
width:100%;
margin-bottom:20px;
float: none;
margin-right: 0px;
}

#content .tikara_ttl{
color:#587931;
font-size:20px;
text-align:center;
font-weight:bold;
}

.tikara img,
.tikara2 img{
margin-bottom:0px;
}




}

.ph_layout_02 dt.mag01 {
    width: 40%;
    margin-right: 15px;
    float: left;
}