@charset "UTF-8";
/* ドライアイ注意報改修 2022/01 */
#dryeye {
	max-width: 950px;
	width: auto;
	margin: 0 auto;
	font-family:"Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
	color: #222222;
	background-color: #ffffff;
}
#dryeye em {
	font-style: normal;
}
#dryeye .header_img {
	margin: 0 0 10% 0;
}
#dryeye .lead_area {
	margin: 0 auto 40px;
}
#dryeye .lead_area h2 {
	padding: 0 0 30px 0;
}
#dryeye .lead_area .inner_box {
	margin: 0 auto;
}
#dryeye .lead_area .lead_img {
	float: left;
	margin: 0 15px 0 0;
}
#dryeye .lead_area .lead_text {
	margin: 0 auto;
    line-height: 2;
    text-align: center;
    letter-spacing: 0.5px;
    font-size: min(3.4vw, 15px);
}
#dryeye .lead_area .lead_text span{
	color: #ec6f5d;
	font-weight: bold;
}

#dryeye .btn_lead {
    display: block;
    margin: 8% auto 10%;
    text-align: center;
}

#dryeye .btn_fuki{
	width: 40%;
    margin: 0 auto 4%;
}

#dryeye .btn_leadimg{
	width: 86%;
	margin: 0 auto;
}


/*診断チェックエリアここから*/
#dryeye .check_area {
	position: relative;
	width: 100%;
	height: 100%;
	margin: 0 auto 5%;
	-webkit-tap-highlight-color:rgba(0,0,0,0);
}

/*診断入り口ここから*/
#dryeye #check_entrance {
	position: relative;
	z-index: 30;
	background-size: cover;
	background-image: url(/special/dryeye/img/sp_check_back.png);
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#dryeye #check_entrance .main_scene {
	position: relative;
	width: 100%;
	height: 100%;
	padding: 8% 6% 12%;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#dryeye #check_entrance h2 {
    margin: 5% auto;
    width: 60%;
    text-align: center;
}
#dryeye #check_entrance .lead_text {
	width: 100%;
	margin: 0 auto 15px;
}
#dryeye #check_entrance strong {
	color: #F5568C;
}

#dryeye #check_entrance .enter_panel {

}

#dryeye #check_entrance .enter_txt {
	font-size: min(3.2vw, 13px);
    margin: 0 auto 3%;
    line-height: 1.8;
    text-align: center;
    letter-spacing: 0.5px;
}

#dryeye #check_entrance .enter_rtxt {
	font-size: min(3vw, 12px);
    margin: 0 auto 3%;
    line-height: 1.5;
    text-align: center;
}

#dryeye .pi_txt{
	color: #ec6f5d;
	font-weight: bold;
}

#dryeye #check_entrance .enter_panel .title {
	width: 60%;
    margin: 0 auto 3%;
}


#dryeye #check_entrance .enter_panel:first-child {
    margin-bottom: 5%;
}
#dryeye #check_entrance .enter_panel:last-child {

}
#dryeye #check_entrance .enter_panel > div {
	/*position: absolute;*/
	width: 100%;
	height: 100%;
	margin: 0 auto;
	padding: 6% 5%;
	border-width: 1px;
	border-style: solid;
	background-color: #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
	text-align: center;
}
#dryeye #check_entrance .enter_panel .btn {
    display: block !important;
    margin: 0 auto !important;
    padding: 1% 0 0 !important;
    height: auto;
    width: auto;
}
#dryeye #check_entrance .enter_panel .btn::before{
    content: unset;
}
#dryeye #check_entrance .enter_panel .btn::after {
    content: unset;
}
#dryeye #check_10sec .start_scene .btn::before {
    content: unset;
}
#dryeye #check_10sec .start_scene .btn::after {
    content: unset;
}
#dryeye #check_10sec .start_scene .btn {
    width: 40%;
    margin: 0 auto;
    text-align: center;
}

#dryeye #check_entrance .enter_panel .btn span img {

}
#dryeye #enter_10sec > div {
	border-color: #6098cd;
}
#dryeye #enter_10sec .btn span {
	background-color: #6098cd;
}
#dryeye #enter_symptom > div {
	border-color: #e1bd16;
}
#dryeye #enter_symptom .btn span {
	background-color: #e1bd16;
}
#dryeye #check_entrance .btn_rcmd_item {
	width: 100%;
	margin: 15px 0 5px 0;
	text-align: center;
}
#dryeye #check_entrance .btn_rcmd_item a {
	display: inline-block;
	width: 80%;
	padding: 14px 0 12px;
	background-color: #EF6D25;
	font-family: "Hiragino Kaku Gothic ProN", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", sans-serif;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	line-height: 1;
	text-decoration: none;
	-webkit-transition: background-color 0.2s ease-in-out;
	-o-transition: background-color 0.2s ease-in-out;
	transition: background-color 0.2s ease-in-out;
}
#dryeye #check_entrance .btn_rcmd_item a:hover {
	background-color: #f7893d;
}
/*診断入り口ここまで*/

/*10秒チェックここから*/
#dryeye #check_10sec {
	display: none;
	position: relative;
	z-index: 20;
	width: 100%;
	border: 3px solid #6098cd;
	background-color: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#dryeye #check_10sec .start_scene {
	display: none;
	position: relative;
	z-index: 3;
	width: 100%;
	padding: 6% 0 18%;
	background-color: #FFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#dryeye #check_10sec .start_scene .comment {
	width: 80%;
    margin: 8% auto;
    text-align: center;
}
#dryeye #check_10sec .start_scene .comment2 {
	width: 100%;
	padding: 0 0 8%;
	line-height: 1.8;
	font-size: min(3vw, 12px);
	text-align: center;
}
#dryeye #check_10sec .start_scene .btn {
	width: 40%;
    margin: 0 auto;
    text-align: center;
}

#dryeye #check_10sec .main_scene {
	display: none;
	position: relative;
	padding: 54% 0;
	z-index: 2;
	background: url(/special/dryeye/img/sp_check_10sec_main_bg.jpg) center no-repeat;
	-webkit-background-size: cover;
	background-size: cover;
}
#dryeye #check_10sec .main_scene .count li {
	display: none;
	position: absolute;
	top: 49%;
    left: 31%;
    width: 40%;
}
#dryeye #check_10sec .result_scene {
	display: none;
	position: relative;
    z-index: 1;
    width: 100%;
    height: 100%;
    padding: 9% 0 16%;
    background-color: #FFF;
}
#dryeye #check_10sec .result_scene .comment {
	width: 56%;
    margin: 0 auto 6%;
    text-align: center;
}
#dryeye #check_10sec .result_scene .comment2 {
	margin: 0 auto 20px;
	width: 90%;
	font-weight: bold;
	font-size: 14px;
	line-height: 1.4;
	text-align: center;
}
#dryeye #check_10sec .result_scene .comment2 b {
	color: #F5568C;
}
#dryeye #check_10sec .result_scene .link_box {
	width: 88%;
    margin: 0 auto 3%;
    padding: 4% 0 3%;
    background-color: #FFFFFF;
    border-width: 1px;
    border-style: solid;
}	

#dryeye #check_10sec .result_scene .link_box_style01 {
	border-color: #ec6f5d;
}
#dryeye #check_10sec .result_scene .link_box_style02 {
	border-color: #e1bd16;
	padding: 2% 0 3%;
}
#dryeye #check_10sec .result_scene .link_box .text{
    text-align: center;
}

#dryeye #check_10sec .result_scene .link_box .text img{
    margin: 0 auto;
    width: 88%;
    vertical-align: baseline;
}
#dryeye #check_10sec .result_scene .link_box .btn {
	margin: 2% auto 0;
    width: 90%;
    height: auto;	
    text-align: center;
}
#dryeye #check_10sec .result_scene .link_box .btn span {

}
#dryeye #check_10sec .result_scene .link_box .btn_style01 span {
	background-color: #38A4D0;
}
#dryeye #check_10sec .result_scene .link_box .btn_style02 span {
	background-color: #d2ac27;
}

#dryeye #check_10sec .result_scene .btn::before {
    content: unset;
}

#dryeye #check_10sec .result_scene .btn::after {
    content: unset;
}


/*10秒チェックここまで*/

/*ドライアイ診断ここから*/
#dryeye #check_symptom {
	display: none;
	position: relative;
	z-index: 10;
	width: 100%;
	height: 100%;
	border: 3px solid #e1bd16;
	background-color: #FFFFFF;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
#dryeye #check_symptom .main_scene {
	display: none;
	position: relative;
    z-index: 2;
    padding: 2% 0 50%;
}
#dryeye #check_symptom .main_scene .pagination {
	padding: 4% 6% 0 0;
	font-size: min(4vw, 18px);
    letter-spacing: 1px;
    text-align: right;
}
#dryeye #check_symptom .main_scene .qlist {
	margin: 14% auto;
    text-align: center;
}

#dryeye #check_symptom .main_scene .qlist img{
    width: 80%;
    margin: 0 auto;
}

#dryeye #check_symptom .main_scene .qlist li {
	display: none;
}
#dryeye #check_symptom .main_scene .qlist li:first-child {
	display: block;
}
#dryeye #check_symptom .main_scene .btn1 {
	display: table;
	width: 80%;
	margin: 0 auto;
}
#dryeye #check_symptom .main_scene .btn_yes,
#dryeye #check_symptom .main_scene .btn_no {
	display: table-cell;
	width: 50%;
	padding: 0 10px;
}
#dryeye #check_symptom .main_scene .btn_yes span,
#dryeye #check_symptom .main_scene .btn_no span {
	display: block;
	padding: 16px 0 14px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	background-color: #d2ac27;
	background-image: url(/special/dryeye/img/arrow04.png);
	background-position: 92% center;
	background-repeat: no-repeat;
	-webkit-background-size: auto 30%;
	background-size: auto 30%;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 20px;
	line-height: 1;
	text-align: center;
	letter-spacing: 1px;
	text-decoration: none;
}
#dryeye #check_symptom .main_scene .btn2 {
	width: 46%;
    text-align: center;
    margin: 0 auto;
    position: absolute;
    right: 0;
    bottom: 28%;
    left: 0;
}
#dryeye #check_symptom .main_scene .btn_prev span {

}
#dryeye #check_symptom .result_scene {
	display: none;
	position: relative;
	z-index: 1;
	padding: 0 0 33%;
	text-align: center;
}
#dryeye #check_symptom .result_scene .title {
	margin: 30px 0 0 0;
	font-weight: bold;
	color: #85858A;
	font-size: 26px;
	line-height: 1;
}
#dryeye #check_symptom .result_scene .percent li {
	display: none;
	margin: 12% auto 8%;
    width: 80%;
    max-width: 320px;
}
#dryeye #check_symptom .result_scene .percent li:first {
	display: block;
}
#dryeye #check_symptom .result_scene .comment li {
	display: none;
	/*margin: 0 0 20px 0;*/
	font-weight: bold;
	color: #333333;
	font-size: 16px;
	line-height: 1.6;
}
#dryeye #check_symptom .result_scene .comment li:first {
	display: block;
}
#dryeye #check_symptom .result_scene .comment .text {
	margin: 0 0 22px 0;
}
#dryeye #check_symptom .result_scene .btn{

}

#dryeye #check_symptom .result_scene .btn::before {
    content: unset;
}

#dryeye #check_symptom .result_scene .btn::after {
    content: unset;
}

#dryeye #check_symptom .result_scene .btn_style01 {
    left: 0;
    right: 0;
    width: 50%;
	bottom: 34%;
    margin: 0 auto;
    position: absolute;
}
#dryeye #check_symptom .result_scene .btn_style02{
    left: 0;
    right: 0;
    width: 50%;
    margin: 0 auto;
    position: absolute;
}
#dryeye #check_symptom .result_scene .btn_style03 {
    left: 0;
    right: 0;
    width: 50%;
    margin: 0 auto;
    position: absolute;
}
/*ドライアイ診断ここまで*/

/*最初に戻るボタン*/
#dryeye .check_area .return_entrance_btn {
	position: absolute;
    bottom: 8%;
    left: 6%;
    width: 18%;
    z-index: 40;
}

/*診断チェックエリアここまで*/

/*読み物*/
#dryeye .read_area {
	margin: 0 auto;
    padding: 6%;
}
#dryeye .read_area h2 {
	width: 40%;
    margin: 0 auto 8%;
}

#dryeye .read_area p {
	font-size: min(3.4vw, 15px);
    line-height: 2;
    letter-spacing: 0.8px;
}

#dryeye .kintou_img {
	margin: 6% auto;
    text-align: center;
}

#dryeye .li_back {
	background-image: url(/special/dryeye/img/sp_li_back.png);
	background-position: bottom;
    background-repeat: no-repeat;
    padding: 0 0 10%;
    background-size: 100%;
}

#dryeye .li_back h3 {
    padding: 0 1%;
	text-align: center;
}

#dryeye .read_li {
	margin: 0 auto;
    padding: 0 6%;
}
#dryeye .li_main {
	padding: 6% 5%;
	background: #FFF;
    border: 1px solid #f8f8f4;
    box-shadow: 0 0 2px #dfddd9;
}

#dryeye .li_main .list {
	list-style-type: none;
    margin: 4% auto 0;
	font-size: min(2.8vw, 11px);
    letter-spacing: 0;
    display: flex;
    flex-wrap: wrap;
}

#dryeye .li_main .list span{
    display: block;
    margin-top: 2%;
    margin-left: 86%;
}

#dryeye .li_main .item {
	width:40%;
	margin-top: 1%;
}

#dryeye .li_main .item2 {
	width:60%;
	margin-top: 1%;
}

/*目が乾く3つの原因ここから*/
#dryeye .kawaku_area {
	margin: 0 auto 6%;
	text-align: center;
    padding: 6%;
}
#dryeye .kawaku_area h2 {
	width: 54%;
    margin: 4% auto 8%;
}

#dryeye .kawaku_area h3 {
	width: 64%;
    padding: 2% 0 7%;
}

#dryeye .kawaku_left {
	position: relative;
	margin-bottom: 6%;
}

#dryeye .kawaku_left p{
	width: 66%;
    text-align: left;
    font-weight: normal;
	font-size: min(3.4vw, 15px);
    line-height: 2;
    letter-spacing: 0.5px;
}

#dryeye .mabataki_img {
	position: absolute;
    top: 2%;
    right: 0;
    width: 30%;
}

#dryeye .kawaku_right {
	position: relative;
}

#dryeye .aircon_img {
    text-align: center;
	margin: 5% auto 8%;
}

#dryeye .kawaku_right p{
	text-align: left;
    font-weight: normal;
    font-size: min(3.4vw, 15px);
    line-height: 2;
    letter-spacing: 1px;
}

#dryeye .kawaku_ma{
	text-align: left;
    font-weight: normal;
    font-size: min(3.4vw, 15px);
    line-height: 2;
    margin-bottom: 2%;
    letter-spacing: 0.5px;
}

#dryeye .ka_btn{
    font-size: min(3.8vw, 17px);
    border-bottom: solid 1px;
    display: inline-block;
    text-align: center;
    font-weight: 500;
    color: #60cde4;
	padding-bottom: 1%;
    position: relative;
}

#dryeye .ka_btn a{
	text-decoration: none;
	color: #60cde4;
} 

#dryeye .ka_btn img{
	position: absolute;
    top: 20%;
    width: 7%;
    right: -14%;
}

/*目を守るここから*/
#dryeye .mamoru_area{
	background-image: url(/special/dryeye/img/sp_mamoru_back.png);
	background-size: cover;
	text-align: center;
    padding: 12% 6%;
}

#dryeye .mamoru_area h2{
	width: 80%;
    margin: 0 auto 10%;
}

#dryeye .mamoru_main {
    margin: 4% auto 0;
    padding: 6% 5% 5%;
	position: relative;
    background: #FFF;
    border: 1px solid #f8f8f4;
    box-shadow: 0 0 2px #dfddd9;
}

#dryeye .mamoru_main h3{
    text-align: left;
	width: 96%;
	margin-bottom: 1%;
}

#dryeye .mamoru_main h3 img{
    vertical-align: top;
}

#dryeye .mamoru_main p{
    font-size: min(3vw, 12px);
    text-align: left;
    line-height: 2;
}

#dryeye .sub1_img{
	position: absolute;
    bottom: 16%;
    right: 7%;
    width: 12%;
}

#dryeye .sub2_img{
	position: absolute;
    bottom: 26%;
    right: 6%;
    width: 15%;
}

#dryeye .sub3_img{
	position: absolute;
    bottom: 18%;
    right: 6%;
    width: 12%;
}

#dryeye .sub4_img{
	position: absolute;
    bottom: 20%;
    right: 7%;
    width: 7%;
}

/*ドライアイとコンタクトここから*/
#dryeye .dr_co_area{
	margin: 0 auto;
    padding: 12% 0;
    text-align: center;
}

#dryeye .dr_co_area h2 {
	width: 74%;
    margin: 0 auto 10%;
}

#dryeye .dr_co_area h3 {
	margin: 0 auto 4%;
}


#dryeye .dr_co_sub1 p{
	text-align: left;
    font-weight: normal;
    line-height: 2;
    font-size: min(3.4vw, 15px);
    letter-spacing: 0.8px;
    padding: 0 6%;
}

#dryeye .dc_sub1_img{
	width: 88%;
    margin: 5% auto;
}

#dryeye .dr_co_sub2{
	margin: 24px auto 0;
}

#dryeye .dr_co_sub2 p{
	text-align: left;
    font-weight: normal;
    line-height: 2;
    font-size: min(3.4vw, 15px);
    letter-spacing: 1px;
    padding: 4% 6% 8%;
}

#dryeye .dr_co_sub2 span{
    font-weight: bold;
}


#dryeye .dr_co_blue{
	background: #dff2fb;
    padding: 6% 5%;
    margin: 0 6%;
}

#dryeye .dr_co_white{
	margin: 0 auto;
    position: relative;
    padding: 7% 6%;
    background: #FFF;
}

#dryeye .white_ttl{
	text-align: left;
	font-weight: bold;
	letter-spacing: 1.2px;
	color: #6cb3d7;
	font-size: min(3.4vw, 15px);
	margin-bottom: 4%;
}

#dryeye .dr_co_white ul{
    text-align: left;
    font-size: min(3vw, 12px);
    letter-spacing: 0.8px;
    padding-left: 1em;
    text-indent: -1em;
}

#dryeye .dr_co_white li{
	margin: 2% auto;
}

#dryeye .dr_co_white span{
	font-weight: bold;
	background: linear-gradient(transparent 74%, #f8f491 0%);
}

#dryeye .dr_co_bot{
	text-align: left;
    font-weight: normal;
    line-height: 2;
    font-size: min(3.4vw, 15px);
    letter-spacing: 0.5px;
    padding: 8% 6% 0;
}

/*ラインナップここから*/
#dryeye .rcmd_lineup_area {
	margin: 0 auto;
}

#dryeye .rcmd_lineup_top {
	position: relative;
}

#dryeye .rcmd_lineup_top p{
	position: absolute;
    line-height: 2;
    font-size: min(3.3vw, 17px);
    letter-spacing: 0.5px;
    width: 58%;
    bottom: 9%;
    left: 6%;
}

#dryeye .rcmd_lineup_btn{
	width: 74%;
    text-align: center;
    margin: 10% auto;
}

#dryeye .rcmd_lineup_btn img{
	display: block;
    margin-bottom: 8%;
}

/*おすすめコンタクト*/
#dryeye .rcmd_lineup_area {
	margin: 0 0 30px 0;
}

#dryeye .lineup_content_ttl {
	color: #FFF;
    font-size: min(4vw, 18px);
    text-align: center;
    padding: 4% 0;
    background: #60cde4;
    letter-spacing: 1.5px;
}
#dryeye .cate_wrap {
    max-width: 800px;
    width: 88%;
    margin: 0 auto;
}
#dryeye #cate01 {
	position: relative;
}

#dryeye #cate02 {
	position: relative;
}
/*商品ボックス*/
#dryeye .itembox_row {
	display: block;
    background: #ecf8fb;
    margin: 0 0 14%;
	position: relative;
	padding: 8% 0;
}

#dryeye .itembox_row.last {
	display: block;
	margin: 0 0 10%;
}

#dryeye .itembox {
	max-width: 800px;
	margin: 0 auto 8%;
	padding: 8% 7%;
    background: #fff;
    width: 74%;
	position: relative;
    text-align: center;
}

#dryeye .itembox:last-child {
	margin: 0 auto;
}

#dryeye .itembox .logo {
	margin-bottom: 30px;
}

#dryeye .itembox .name {
	margin-bottom: 5%;
	font-weight: bold;
	font-size: min(3.6vw, 17px);
	letter-spacing: .15em;
	line-height: 1.8;
}

#dryeye .itembox .photo {
	width: 80%;
    margin: 0 auto 3%;
}

#dryeye .itembox .price {
	font-weight: 700;
	font-size: min(3vw, 12px);
	letter-spacing: .08em;
	margin-bottom: 5%;
}

#dryeye .itembox .price span {
	margin-left: 4%;
    color: #f6001e;
	font-family: "Roboto", "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "Hiragino Kaku Gothic Pro", "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
    font-size: min(7.6vw, 32px);
}

/*カテゴリ一覧へいくボタン*/
#dryeye .more_btn_container .col {
	width: 500px;
	height: 60px;
	padding: 10px 0 40px;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
}

#dryeye .more_btn_container .col_2 {
	display: table-cell;
	width: 452px;
	height: 90px;
	padding: 20px 0 40px 15px;
	margin: 0 auto;
	text-align: center;
	vertical-align: middle;
}

#dryeye .more_btn_container .btn {
	display: table;
	border-spacing: 0;
	width: 100%;
	height: 100%;
	text-decoration: none !important;
}

#dryeye .more_btn_container .btn span {
	display: table-cell;
	position: relative;
	height: 100%;
	background-repeat: repeat;
	background-position: center;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	font-weight: bold;
	font-size: 18px;
	line-height: 1.4;
	text-align: center;
	vertical-align: middle;
	letter-spacing: .1em;
	-webkit-transition: all .2s ease;
	-o-transition: all .2s ease;
	transition: all .2s ease;
}

/*セット商品プルダウンメニュー*/
#dryeye .sm_btnbox {
	position: relative;
	cursor: pointer;
	max-width: 700px;
	width: 90%;
	margin: 0 auto;
	border: .18em solid #60cde4;
}

#dryeye .bt02 {
	border: .18em solid #5bade6;
}

#dryeye .sm_btnbox .sm_btn {
	display: block;
	padding: 5% 0;
	background-color: #fff;
	color: #60cde4;
	font-weight: bold;
	font-size: min(3.8vw, 17px);
	text-align: center;
	letter-spacing: 1.5px;
}

#dryeye .sm_btnbox .sm_btn:before {
	content: "";
	position: absolute;
	top: 40%;
	right: 5%;
	width: .5em;
	height: .5em;
	border-top: .15em solid #60cde4;
	border-right: .15em solid #60cde4;
	-webkit-transform: translateX(0) rotate(45deg);
	transform: translateX(0) rotate(45deg);
}

#dryeye .sm_btnbox .sm_btn02 {
	display: block;
	padding: 5% 0;
	background-color: #fff;
	color: #5bade6;
	font-weight: bold;
	font-size: min(3.8vw, 17px);
	text-align: center;
	letter-spacing: 1.5px;
}

#dryeye .sm_btnbox .sm_btn02:before {
	content: "";
	position: absolute;
	top: 40%;
	right: 5%;
	width: .5em;
	height: .5em;
	border-top: .15em solid #5bade6;
	border-right: .15em solid #5bade6;
	-webkit-transform: translateX(0) rotate(45deg);
	transform: translateX(0) rotate(45deg);
}


#dryeye .p_spec {
    margin: 0 auto;
    font-size: min(3vw, 12px);
    line-height: 2;
}

#dryeye .p_spec th {
    font-weight: bold;
    text-align: left;
	letter-spacing: 1px;
    padding-right: 12px;
}

#dryeye .p_spec td {
    font-weight: normal;
    text-align: left;
}


#dryeye .p_spec_co {
    margin: 0 auto 12px;
    font-size: 13px;
    line-height: 2;
}

#dryeye .p_spec_co th {
    font-weight: bold;
    text-align: left;
	letter-spacing: 1px;
    padding-right: 13px;
}

#dryeye .p_spec_co td {
    font-weight: normal;
    text-align: left;
}

#dryeye .icon_tei {
	position: absolute;
    top: -4%;
    right: -3%;
    width: 17%;
}

#dryeye .ttl02{
    background: #5bade6;
}

#dryeye .con02 {
    background: #eaf4fa;
}

/* リモーダル　商品セットメニュー */
.sm_modal {
	width: 90%;
	padding: 5px 0;
	background-color: #60cde4;
	font-family: "Noto Sans JP", "メイリオ", Meiryo, "ヒラギノ角ゴ Pro", "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, "ＭＳ ゴシック", "MS Gothic", sans-serif;
}

.sm_mo02{
	background-color: #5bade6;
}

.sm_modal_close {
	display: inline-block;
	position: absolute;
	top: -4.8%;
	right: -1.6%;
	padding: 0;
	background-position: left center;
	background-repeat: no-repeat;
	-webkit-background-size: contain;
	background-size: contain;
	color: #fff;
	font-weight: bold;
	font-weight: 400;
	font-size: min(9.2vw, 40px);
	line-height: 1;
}

.sm_modal_close:before {
	display: none;
}

.sm_pname {
	margin: 5% auto 0;
	padding: 0;
	font-weight: bold;
	line-height: 1.4;
	text-align: center;
}

.sm_list {
	background-color: #60cde4;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sm_btnbox:hover .sm_list {
	display: block;
}

.sm_list li {
	position: relative;
	margin: 8px 10px;
	padding: 8px 0;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sm_list li a {
	display: table;
	width: 100%;
	border-collapse: collapse;
	text-decoration: none;
	background-color: transparent;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.sm_list .sm_photo {
	padding: 10% 20% 3%;
}

.sm_list li .sm_cellbox {
	display: table-cell;
	vertical-align: middle;
	padding: 2px 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
}

.sm_list li .sm_cellbox:first-child {
	width: 50%;
	padding: 2px 8px;
	border-right: 1px solid #60cde4;
	text-align: center;
}

.sm_list li .sm_cellbox .sm_box_name {
	font-size: 13px;
}

.sm_list li .sm_cellbox .sm_price {
	font-size: 13px;
}

.sm_list li .sm_cellbox .sm_devide {
	display: block;
	color: #f6001e;
	font-size: 13px;
}

.remodal-wrapper {
	padding: 40px 10px 0;
}

.sm_list02 {
	background-color: #5bade6;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sm_btnbox:hover .sm_list02 {
	display: block;
}

.sm_list02 li {
	position: relative;
	margin: 8px 10px;
	padding: 8px 0;
	background-color: #fff;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.sm_list02 li a {
	display: table;
	width: 100%;
	border-collapse: collapse;
	text-decoration: none;
	background-color: transparent;
	-webkit-touch-callout: none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.sm_list02 .sm_photo {
	padding: 10% 20% 3%;
}

.sm_list02 li .sm_cellbox {
	display: table-cell;
	vertical-align: middle;
	padding: 2px 12px;
	font-weight: bold;
	color: #000;
	text-align: center;
}

.sm_list02 li .sm_cellbox:first-child {
	width: 50%;
	padding: 2px 8px;
	border-right: 1px solid #5bade6;
	text-align: center;
}

.sm_list02 li .sm_cellbox .sm_box_name {
	font-size: 13px;
}

.sm_list02 li .sm_cellbox .sm_price {
	font-size: 13px;
}

.sm_list02 li .sm_cellbox .sm_devide {
	display: block;
	color: #f6001e;
	font-size: 13px;
}