@charset "UTF-8";

/* CSS Document */

body {

    margin: 0px auto;
}

.box {
    display: flex;
    flex-wrap: wrap;
}

a:hover {
    opacity: 0.7;
}

a:hover {
    opacity: 0.7;
}

a:hover {
    opacity: 0.7;
}

a.color-on{
    color: #bc6867!important;
}

@media screen and (min-width:780px) {
    .sp {
        display: none;
    }
    .contents {
        max-width: 1440px;
        margin: 0px auto;
        padding: 10% 5% 3%;
    }
    .p15 {
        padding: 0 15px;
    }
    .text-c p {
        text-align: center;
    }
    .box-half64_1 {
        width: 55%;
    }
    .box-half64_2 {
        width: 35%;
    }
    .box-half46_1 {
        width: 35%;
    }
    .box-half46_2 {
        width: 55%;
    }
    .box-half37_1 {
        width: 20%;
    }
    .box-half37_2 {
        width: 75%;
    }
    .box-half73_1 {
        width: 75%;
    }
    .box-half73_2 {
        width: 20%;
    }
    .box-half28_1 {
        width: 10%;
    }
    .box-half28_2 {
        width: 85%;
    }
    .box-half82_1 {
        width: 85%;
    }
    .box-half82_2 {
        width: 10%;
    }
    .box-half55 {
        width: 46%;
    }
    .box-half333 {
        width: 31%;
    }
    .box-half4 {
        width: 22%;
    }
    #c01 {
        background: url("");
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
    #c01 .ttl {
        max-width: 165px;
        width: 40%;
        margin: 5% auto;
    }
	
	#c01 .hero-visual{
		/*margin-bottom:0;*/
	}
	#c01 .hero-visual img{
		width:100%;
		height:auto;
	}

    #c02 .title {
        position: relative;
        padding: 5% 5% 0;
        max-width: 850px;
        margin: 0 auto;
    }
    #c02 .title h2 {
        padding-bottom: 20px;
        line-height: 160% !important;
    }
    #c02 .title p {
        line-height: 180% !important;
        margin: 5% 0 0;
    }
    #c02 .title p:nth-child(1) {
        color: #5d5d5d;
        margin: 5% 0 0;
    }
    #c03 .ranking {
        position: relative;
        padding: 3% 0% 0;
        max-width: 850px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }
    #c03 .ranking .pa {
        width: 45%;
        margin-right: 5%;
    }
    #c03 .ranking .oil {
        width: 45%;
    }

    #c03 .ranking-2 {
        position: relative;
        padding: 3% 0% 0;
        max-width: 850px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
        column-gap: 1%;
        justify-content: center;
    }
    #c03 .ranking-2 .pa {
        width: 32.5%;
    }
    #c03 .ranking-2 .oil {
        width: 32.5%;
    }
    #c03 .ranking-2 .mini {
        width: 32.5%;
    }

    
    #c03 table tr td {
        padding-right: 20px;
        letter-spacing: 3px;
    }
    #c03 .ranking h2 {
        border-left: 5px solid #bc6867;
        padding-left: 20px;
        line-height: 160% !important;
    }
    #c03 .ranking p {
        line-height: 180% !important;
        margin: 5% 0 0;
    }
    #c04 .stuff {
        position: relative;
        padding: 5% 0 0;
        max-width: 850px;
        margin: 0 auto;
    }
    #c04 .stuff h2 {
        border-left: 5px solid #bc6867;
        padding-left: 20px;
        line-height: 160% !important;
    }
    #c04 .stuff table tr td {
        vertical-align: top;
        padding: 5px 0;
    }
    #c04 .stuff a {
        text-decoration: underline;
        color: #000;
    }
    #c04 .stuff p {
        line-height: 180% !important;
        margin: 0;
        border-top: 1px solid #cfcfcf;
        padding-top: 5%;
    }
    #c04 .setimg {
        max-width: 610px;
        margin: 5% auto;
    }
    #c05 .sample {
        position: relative;
        padding: 3% 0% 0;
        max-width: 850px;
        margin: 0 auto;
    }
    #c05 .sample h2 {
        border-left: 5px solid #bc6867;
        padding-left: 20px;
        line-height: 160% !important;
    }
    #c05 .sample table tr td {
        vertical-align: top;
        padding: 5px 0;
	}
	#c05 .sample p {
        line-height: 180%!important;
    }

    #c05 .sample a {
        /*text-decoration: underline;*/
        color: #bc6867!important;
    }
    #c05 .setimg {
        max-width: 410px;
        margin: 5% auto;
	}
	#c05 .note-txt p{
		font-size:80%!important;
	}
    .sub {
        border-left: 5px solid #000;
        padding-left: 20px;
		line-height: 160% !important;
		margin-bottom: 3%!important;
    }
    .kakomi {
        /*margin-top: 5%;*/
        border: 1px solid #cfcfcf;
        padding: 25px;
        display: flex;
        flex-wrap: wrap;
    }
    .kakomi div:nth-child(1) {
        width: 12%;
        margin-right: 5%;
	}
	.kakomi div:nth-child(1) img{
		width: 100%;
		height: auto;
    }
	
    .kakomi div:nth-child(2) {
        width: 80%;
        margin-top: 4%;
    }
    #c06 .kaori {
        position: relative;
        padding: 5% 0% 0;
        max-width: 850px;
        margin: 0 auto;
    }
    #c06 .kaori h2 {
        border-left: 5px solid #bc6867;
        padding-left: 20px;
        line-height: 160% !important;
    }
    #c06 .kaori table tr td {
        vertical-align: top;
        padding: 5px 0;
    }
    #c06 .kaori a {
        text-decoration: underline;
        color: #000;
    }
    #c06 .kaori p {
        line-height: 180% !important;
		text-align: center;
		margin-bottom: 30px;
    }
    #c06 .btn {
        display: flex;
        flex-wrap: wrap;
        max-width: 500px;
        margin: 20px auto 50px;
    }
    #c06 .btn div:nth-child(1) {
        width: 48%;
        margin: 0 auto;
    }
    #c06 .btn div:nth-child(2) {
        width: 48%;
        margin: 0 auto;
    }
    #c06 .setimg {
        max-width: 410px;
        margin: 5% auto 3%;
	}
	#c06 .setimg img{
        width: 100%;
		height:auto;
	}
    #c07 .annai {
        padding: 5% 5% 0;
        max-width: 850px;
        margin: 0 auto;
    }
    #c07 .annai h2 {
        border-left: 5px solid #bc6867;
        padding-left: 20px;
        line-height: 160% !important;
        width: 100%
    }
    #c07 .annai table tr td {
        vertical-align: top;
        padding: 5px 0
    }
    #c07 .annai a {
        text-decoration: underline;
        color: #000; margin-right: 5px; margin-left: 5px;
    }
    #c07 .setimg {
        max-width: 610px;
        margin: 5% auto
    }
    .bnr {
        display: flex;
        flex-wrap: wrap;
    }
    .bnr div {
        width: 48%;
        margin: 0 auto 5%
    }
    .sns {
        background: #fff;
        padding: 15px;
        text-align: center;
        width: 100%
    }
    #c08 .store {
        position: relative;
        padding: 5%;
        max-width: 850px;
        margin: 10% auto 5%;
        background: #f7f7f7
    }
    #c08 .store h2 {
        border-left: 5px solid #000;
        padding-left: 20px;
        line-height: 160% !important;
    }
    #c08 .store table tr td {
        vertical-align: top;
        padding: 5px 0
    }
    #c08 .store a {
        text-decoration: underline;
        color: #000
    }
    #c08 .setimg {
        max-width: 610px;
        margin: 5% auto
    }
    #ic .btn {
        position: relative;
        padding: 5%;
        max-width: 850px;
        margin: 10% auto 5%;
        text-align: center
    }
}

@media screen and (max-width:779px) {
    .pc {
        display: none;
    }
    .contents {
        width: 90%;
        margin: 0px auto;
        padding: 15% 0 3%;
    }
    .text-c p {
        text-align: left;
    }
    .box-half64_1 {
        width: 100%;
    }
    .box-half64_2 {
        width: 100%;
    }
    .box-half46_1 {
        width: 100%;
    }
    .box-half46_2 {
        width: 100%;
    }
    .box-half37_1 {
        width: 20%;
    }
    .box-half37_2 {
        width: 75%;
    }
    .box-half73_1 {
        width: 75%;
    }
    .box-half73_2 {
        width: 20%;
    }
    .box-half28_1 {
        width: 15%;
    }
    .box-half28_2 {
        width: 80%;
    }
    .box-half82_1 {
        width: 80%;
    }
    .box-half82_2 {
        width: 15%;
    }
    .box-half55 {
        width: 100%;
    }
    .box-half333 {
        width: 66%;
    }
    .box-half4 {
        width: 46%;
    }
    #c01 {
        background: url("");
        background-size: 100% 100%;
        background-position: center;
        background-repeat: no-repeat;
    }
    #c01 .ttl {
        max-width: 165px;
        width: 25%;
        margin: 15% auto;
    }
    #c02 .title {
        position: relative;
        padding: 5% 5% 0;
        max-width: 850px;
        margin: 0 auto
    }
    #c02 .title h2 {
        padding-bottom: 20px;
        line-height: 160% !important;
    }
    #c02 .title p {
        line-height: 180% !important;
        margin: 5% 0 0
    }
    #c02 .title p:nth-child(1) {
        color: #5d5d5d;
        margin: 5% 0 0
    }
    #c03 .ranking,#c03 .ranking-2 {
        position: relative;
        padding: 5% 5% 0;
        max-width: 850px;
        margin: 0 auto;
        display: flex;
        flex-wrap: wrap;
    }
    #c03 .ranking .pa,#c03 .ranking .pa-2 {
        width: 100%;
        margin: 0 auto 5%
    }
    #c03 .ranking .oil,#c03 .ranking .oil-2 {
        width: 100%;
        margin: 0 auto 5%
    }
    #c03 .ranking .mini-2 {
        width: 100%;
        margin: 0 auto 5%
    }

    #c03 table tr td {
    /*    padding-right: 20px;*/
        letter-spacing: 3px
    }
    #c03 table tr td:nth-child(1) {
        width:18%;
    }
    #c03 table tr td:nth-child(2) {
        width:82%;
    }

    #c03 .ranking h2 {
        border-left: 5px solid #bc6867;
        padding-left: 20px;
        line-height: 160% !important;
    }
    #c03 .ranking p {
        line-height: 180% !important;
        margin: 5% 0 0
    }
    #c04 .stuff {
        position: relative;
        padding: 5% 5% 0;
        max-width: 850px;
        margin: 0 auto
    }
    #c04 .stuff h2 {
        border-left: 5px solid #bc6867;
        padding-left: 20px;
        line-height: 160% !important;
    }
    #c04 .stuff table tr td {
        vertical-align: top;
        padding: 5px 0
    }
    #c04 .stuff a {
        text-decoration: underline;
        color: #000
    }
    #c04 .stuff p {
        line-height: 180% !important;
        margin: 0;
        border-top: 1px solid #cfcfcf;
        padding-top: 5%
    }
    #c04 .setimg {
        max-width: 610px;
        margin: 5% auto
    }
    #c05 .sample {
        position: relative;
        padding: 5% 5% 0;
        max-width: 850px;
        margin: 0 auto;
    }
    #c05 .sample h2 {
        border-left: 5px solid #bc6867;
        padding-left: 20px;
        line-height: 160% !important;
        margin: 30px 0 20px;
    }
    #c05 .sample table tr td {
        vertical-align: top;
        padding: 5px 0;
    }
    #c05 .sample a {
        /*text-decoration: underline;*/
        color: #bc6867!important;
    }
    #c05 .setimg {
        max-width: 410px;
        margin: 5% auto;
    }
	#c05 .note-txt p{
		font-size:90%!important;
	}
    .sub {
        border-left: 5px solid #000;
        padding-left: 20px;
        line-height: 160% !important;
        margin-top: 30px;
    }
    .kakomi {
        margin-top: 5%;
        border: 1px solid #cfcfcf;
        padding: 15px;
        display: flex;
        flex-wrap: wrap;
    }
    .kakomi div:nth-child(1) {
        width: 10%;
        margin-right: 20px;
    }
    .kakomi div:nth-child(2) {
        width: 65%;
        margin-top: 4%;
    }
    #c06 .kaori {
        position: relative;
        padding: 5% 0% 0;
        max-width: 850px;
        margin: 0 auto
    }
    #c06 .kaori h2 {
        border-left: 5px solid #bc6867;
        padding-left: 20px;
        line-height: 160% !important;
        margin: 30px 0 20px;
    }
    #c06 .kaori table tr td {
        vertical-align: top;
        padding: 5px 0
    }
    #c06 .kaori a {
        text-decoration: underline;
        color: #000
    }
    #c06 .kaori p {
        line-height: 180% !important;
        text-align: center
    }
    #c06 .btn {
        display: flex;
        flex-wrap: wrap;
        max-width: 430px;
        margin: 20px auto 50px
    }
    #c06 .btn div:nth-child(1) {
        width: 100%;
        margin: 0 auto
    }
    #c06 .btn div:nth-child(2) {
        width: 100%;
        margin: 0 auto
    }
    #c06 .setimg {
        max-width: 410px;
        margin: 5% auto
    }
    #c07 .annai {
        padding: 5% 5% 0;
        max-width: 850px;
        margin: 0 auto;
    }
    #c07 .annai h2 {
        border-left: 5px solid #bc6867;
        padding-left: 20px;
        line-height: 160% !important;
        width: 100%
    }
    #c07 .annai table tr td {
        vertical-align: top;
        padding: 5px 0
    }
    #c07 .annai a {
        text-decoration: underline;
        color: #000; margin-right: 5px; margin-left: 5px;
    }
    #c07 .setimg {
        max-width: 610px;
        margin: 5% auto
    }
    .bnr {
        display: flex;
        flex-wrap: wrap;
    }
    .bnr div {
        width: 100%;
        margin: 0 auto 5%
    }
    .sns {
        background: #fff;
        padding: 15px 0;
        text-align: center;
        width: 100%
    }
    #c08 .store {
        position: relative;
        padding: 5%;
        max-width: 850px;
        margin: 10% auto 5%;
        background: #f7f7f7
    }
    #c08 .store h2 {
        border-left: 5px solid #000;
        padding-left: 20px;
        line-height: 160% !important;
    }
    #c08 .store table tr td {
        vertical-align: top;
        padding: 5px 0
    }
    #c08 .store a {
        text-decoration: underline;
        color: #000
    }
    #c08 .setimg {
        max-width: 610px;
        margin: 5% auto
    }
    #ic .btn {
        position: relative;
        padding: 5%;
        max-width: 850px;
        margin: 10% auto 5%;
        text-align: center
    }
}


/*＊*********************** 追加CSS ***********************/

table tr td {
    margin: 0;
    font-family: "Times New Roman", "YuMincho", "Hiragino Mincho ProN", "Yu Mincho", "MS PMincho", serif;
}

@media screen and (min-width: 780px) {
    table tr td {
        font-size: 14px !important;
        line-height: 240% !important;
        letter-spacing: 0.5px;
    }
}


/* 個別記事 */
.main-blog-contents ,.main-news-contents{
max-width: 850px;
margin: 0px auto 0;
padding: 0% 5% 3%;
 }
																																																																																																													.main-blog-contents h2,.main-news-contents h2{																																																											
	border-left: 5px solid rgb(188, 104, 103);
    padding-left: 20px;
    line-height: 160% !important;																																	
	margin: 5% 0 2% 0;																																																										}
																																																											
.main-blog-contents h3,.main-news-contents h3{																																																											border-left: 5px solid rgb(0, 0, 0);
padding-left: 20px;
line-height: 160% !important;
margin: 3% 0 1% 0;
}
.main-blog-contents p,.main-news-contents p{
margin-bottom: 5%;
																																																																																																													}	
																																																																																																													.main-blog-contents a,.main-news-contents a{
word-break: break-word;
}
																																																																																																													
																																																																																																													@media screen and (max-width:779px) {
																																																																																																														.main-blog-contents img,.main-news-contents img,.main-news-contents iframe,.main-blog-contents iframe{
width:100%;
height:auto;}
																																																																																																														}