@charset "utf-8";
/* CSS Document */


@media screen and (min-width:768px), print{
/*----------------------------------------------------------------------

PC Style

----------------------------------------------------------------------*/

/**********************************************************/
/* メインエリア */
/**********************************************************/

main {
	margin-top:60px;
}

main h2 {
	color:#666;
	font-size:28px;
	font-weight:600;
	letter-spacing:3px;
    text-align: center;
	margin-bottom:50px;
	line-height:1.3;
}

main h2 span.sub {
	font-size:18px;
	letter-spacing:0;
}


main h3 {
	font-size: 24px;
    font-weight: bold;
    color:#20ABD9;
    text-align: center;
    margin-bottom: 5px;
}



/* 商品概要 */

#product_info {
	margin-bottom:50px;
}

#product_info .left {
	width:460px;
	float:left;
}

#product_info .left img {
	width:460px;
	display:block;
}

#product_info .right {
	width:500px;
	float:right;
}

#product_info .right p.remedy {
	font-size:15px;
	margin-bottom:20px;
	position: relative;
    padding-left:20px;
}
#product_info .right p.remedy:before {
        background: #20ABD9;
        content: "";
        height: 10px;
        width: 10px;
        left: 0;
        position: absolute;
        top: 7px;
}

#product_info .right p.explanation {
	font-size:17px;
	line-height:1.7;
	margin:40px 0 20px;
}

#product_info .right p.price {
	color:#20ABD9;
	font-size:22px;
	margin-bottom:20px;
}
#product_info .right p.price span {
	font-size:14px;
}

#product_info .right a {
	display:inline-block;
	text-align:center;
	padding:10px 15px;
	color:#FFF;
	font-size:18px;
	letter-spacing:1px;
	font-weight:600;
	margin-bottom:15px;
}
#product_info .right a:hover {
	opacity:0.7;
	transition:0.3s;
}

#product_info .right a.buy {
	width:150px;
	background:#20ABD9;
	margin-right:10px;
}

#product_info .right a.subscription {
	width:300px;
	background:#FF91A2;
}

#product_info .right p.discount {
	width:460px;
	color:#FF6C83;
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
	padding:5px;
	border:solid 1px #FF91A2;
}


/**************** 商品紹介 ****************/

/* sec01 */

#ocusoft .sec01 ul.rows2 {
	width:720px;
	margin:0 auto;
	background:#FFF;
}

#ocusoft .sec01 ul.rows2 li {
	width:350px;
	padding:20px;
	float:left;
}

#ocusoft .sec01 ul.rows2 li h3 {
	text-align:center;
	color:#FFF;
	font-size:22px;
	font-weight:bold;
	line-height:50px;
	background:linear-gradient(#005997, #009BDB);
	margin-bottom:20px;
}

#ocusoft .sec01 ul.rows2 li img {
	width:320px;
	display:block;
	padding-bottom:20px;
	border-bottom:dotted 1px #CCC;
}

#ocusoft .sec01 ul.rows2 li table {
	margin-top:20px;
}

#ocusoft .sec01 ul.rows2 li table td {
	vertical-align:top;
	font-size:15px;
	line-height:1.4;
}

#ocusoft .sec01 ul.rows2 li table td.img {
	width:30%;
	padding-right:10px;
}

#ocusoft .sec01 ul.rows2 li table img {
	border:none;
	width:100%;
}

#ocusoft .sec01 .mybm {
	width:720px;
	background:#FFF;
	padding:0 80px 20px;
	margin:0 auto;
}

#ocusoft .sec01 .mybm .left {
	width:350px;
}

#ocusoft .sec01 .mybm .left h3 {
	font-size:20px;
	font-weight:bold;
	color:#1A4B83;
}

#ocusoft .sec01 .mybm .right_img {
	width:210px;
	display:block;
	float:right;
}


/* sec02 */

#ocusoft .sec02 {
	width:720px;
}

#ocusoft .sec02 img.sec02_img {
	width: 100%;
}

#ocusoft .sec02 dl {
	width:720px;
	margin:0 auto;
	background:#FFF;
	padding:40px 40px 30px;
}

#ocusoft .sec02 dl dt {
	width:200px;
	float:left;
	clear:both;
	border-top:dotted 1px #CCC;
	padding-top:20px;
	padding-bottom:20px;
}

#ocusoft .sec02 dl dd {
	width:424px;
	float:left;
	border-top:dotted 1px #CCC;
	padding-top:20px;
	padding-bottom:20px;
}


/* sec03 */

#ocusoft .sec03 .info {
	width:720px;
	background:#FFF;
	padding:30px;
	margin:0 auto;
}

#ocusoft .sec03 .info h3 {
	font-size:24px;
	font-weight:bold;
	color:#1A4B83;
	text-align:center;
	margin-bottom:30px;
}

#ocusoft .sec03 .info p {
	text-align:center;
	margin-bottom:20px;
}

#ocusoft .sec03 .info dl {
	width:660px;
	background:#FFF;
	border:solid 1px #1F4C7E;
	margin:40px auto 0;
}

#ocusoft .sec03 .info dl dt {
	background-color:#1F4C7E;
	background-image: url(../../ocusoft_original/images/txt_OCu_02.jpg);
	background-repeat:no-repeat;
	padding-left:90px;
	font-size:20px;
	font-weight:bold;
	color:#FFF;
	padding-top:15px;
	padding-bottom:15px;
}

#ocusoft .sec03 .info dl dd {
	font-size:15px;
	padding:20px;
}

#ocusoft .sec03 .info dl dd p {
	text-align:left;
}

#ocusoft .sec03 .info dl dd ul.left {
	float:left;
	padding:10px;
	background:#D3EDFB;
	margin-right:15px;
}

#ocusoft .sec03 .info dl dd ul.left li {
	color:#1F4C7E;
	font-weight:bold;
}


/**************** 使用方法 ****************/

#ocusoft .how_to h2 {
	text-align:center;
	margin-bottom:30px;
}

#ocusoft .how_to h2 {
	text-align:center;
	margin-bottom:30px;
}

#ocusoft .how_to ul.use {
	width:740px;
	margin:0 auto 20px;
}

#ocusoft .how_to ul.use li {
	width:170px;
	font-size:14px;
	line-height:1.4;
	padding-left:5px;
	padding-right:5px;
	float:left;
	margin-right:15px;
	margin-bottom:20px;
}

#ocusoft .how_to ul.use li:last-child {
	margin-right:0;
}

#ocusoft .how_to ul.use li img {
	margin:0 auto 15px;
}



}



@media screen and (max-width:767px){
/*----------------------------------------------------------------------

SP Style

----------------------------------------------------------------------*/

/**********************************************************/
/* メインエリア */
/**********************************************************/

main {
}

main h2 {
	color:#666;
	font-size:28px;
	font-weight:600;
	letter-spacing:3px;
    text-align: center;
	margin-bottom:50px;
	line-height:1.3;
}

main h2 span.sub {
	font-size:18px;
	letter-spacing:0;
}


main h3 {
	font-size: 24px;
    font-weight: bold;
    color:#20ABD9;
    text-align: center;
    margin-bottom: 5px;
}



/* 商品概要 */

#product_info {
	margin-bottom:50px;
}

#product_info .left {
}

#product_info .left img {
	display:block;
	margin-bottom:10px;
}

#product_info .right {
}

#product_info .right p.remedy {
	font-size:15px;
	margin-bottom:20px;
	position: relative;
    padding-left:20px;
}
#product_info .right p.remedy:before {
        background: #20ABD9;
        content: "";
        height: 10px;
        width: 10px;
        left: 0;
        position: absolute;
        top: 7px;
}

#product_info .right p.explanation {
	font-size:17px;
	line-height:1.7;
	margin:40px 0 20px;
}

#product_info .right p.price {
	color:#20ABD9;
	font-size:22px;
	margin-bottom:20px;
}
#product_info .right p.price span {
	font-size:14px;
}

#product_info .right a {
	display:inline-block;
	text-align:center;
	padding:10px 15px;
	color:#FFF;
	font-size:18px;
	letter-spacing:1px;
	font-weight:600;
	margin-bottom:15px;
}

#product_info .right a.buy {
	width:150px;
	background:#20ABD9;
	margin-right:10px;
}

#product_info .right a.subscription {
	width:300px;
	background:#FF91A2;
}

#product_info .right p.discount {
	width:460px;
	color:#FF6C83;
	font-size:16px;
	letter-spacing:1px;
	text-align:center;
	padding:5px;
	border:solid 1px #FF91A2;
}


/**************** 商品紹介 ****************/

/* sec01 */

#ocusoft .sec01 ul.rows2 {
	width:100%;
	margin:0 auto;
	background:#FFF;
}

#ocusoft .sec01 ul.rows2 li {
	width:100%;
	padding:20px 3%;
}

#ocusoft .sec01 ul.rows2 li h3 {
	text-align:center;
	color:#FFF;
	font-size:18px;
	font-weight:bold;
	line-height:38px;
	background:linear-gradient(#005997, #009BDB);
	margin-bottom:15px;
}

#ocusoft .sec01 ul.rows2 li img {
	display:block;
	padding-bottom:20px;
	border-bottom:dotted 1px #CCC;
}

#ocusoft .sec01 ul.rows2 li table {
	margin-top:20px;
}

#ocusoft .sec01 ul.rows2 li table td {
	vertical-align:top;
	font-size:14px;
	line-height:1.4;
}

#ocusoft .sec01 ul.rows2 li table td.img {
	width:30%;
	padding-right:10px;
}

#ocusoft .sec01 ul.rows2 li table img {
	border:none;
	width:100%;
}

#ocusoft .sec01 .mybm {
	width:100%;
	background:#FFF;
	padding:0 3% 20px;
	margin:0 auto;
}

#ocusoft .sec01 .mybm .left {
	width:100%;
	margin:0 auto; 
}

#ocusoft .sec01 .mybm .left h3 {
	font-size:18px;
	font-weight:bold;
	color:#1A4B83;
}

#ocusoft .sec01 .mybm .right_img {
	width:60%;
	display:block;
	margin:0 auto;
}


/* sec02 */

#ocusoft .sec02 dl {
	width:100%;
	margin:0 auto;
	background:#FFF;
	padding:30px 3% 20px;
}

#ocusoft .sec02 dl dt {
	width:35%;
	padding-top:0;
	padding-bottom:5px;
}

#ocusoft .sec02 dl dd {
	width:100%;
	padding-top:5px;
	padding-bottom:20px;
}


/* sec03 */

#ocusoft .sec03 .info {
	width:100%;
	background:#FFF;
	padding:20px 3%;
	margin:0 auto;
}

#ocusoft .sec03 .info h3 {
	font-size:18px;
	font-weight:bold;
	color:#1A4B83;
	text-align:left;
	margin-bottom:10px;
}

#ocusoft .sec03 .info p {
	text-align:center;
	margin-bottom:20px;
}

#ocusoft .sec03 .info dl {
	width:100%;
	background:#FFF;
	border:solid 1px #1F4C7E;
	margin:40px auto 0;
}

#ocusoft .sec03 .info dl dt {
	background-color:#1F4C7E;
	background-image: url(../../ocusoft_original/images/txt_OCu_02.jpg);
	background-size:42px;
	background-repeat:no-repeat;
	font-size:17px;
	font-weight:bold;
	color:#FFF;
	padding:10px;
	padding-left:50px;
}

#ocusoft .sec03 .info dl dd {
	font-size:14px;
	padding:10px;
}

#ocusoft .sec03 .info dl dd p {
	text-align:left;
	margin-bottom:10px;
}

#ocusoft .sec03 .info dl dd ul.left {
	padding:10px;
	background:#D3EDFB;
	margin-bottom:10px;
	float:none;
}

#ocusoft .sec03 .info dl dd ul.left li {
	color:#1F4C7E;
	font-weight:bold;
}


/**************** 使用方法 ****************/


#ocusoft .how_to h2 {
	text-align:center;
	margin-bottom:30px;
}

#ocusoft .how_to h2 {
	text-align:center;
	margin-bottom:30px;
}

#ocusoft .how_to ul.use {
	width:100%;
	margin:0 auto 20px;
}

#ocusoft .how_to ul.use li {
	width:48%;
	font-size:14px;
	line-height:1.4;
	padding-left:2%;
	padding-right:2%;
	float:left;
	margin-right:4%;
	margin-bottom:20px;
}

#ocusoft .how_to ul.use li:nth-child(2n) {
	margin-right:0;
}

#ocusoft .how_to ul.use li:nth-child(2n+1) {
	clear:both;
}

#ocusoft .how_to ul.use li img {
	margin:0 auto 15px;
}





}