@import "common.css";

/* 丹念仕込み特設サイト */
/* グランプリ */

#navHeader {
    display:none;
}

.fb-like iframe {
    z-index:1;
}


/* PCレイアウト */
/*-------------------------------------------------------------------------------------------*/

/* title */
#title {
    width:100%;
    background:#b49c3d;
}
#title_inner {
    position:relative;
    max-width:950px;
    height:auto;
    margin:0 auto;
}
#title_inner h1 {
    display:block;
    width:67.37%;
    height:0;
    background-repeat:no-repeat;
    background-position:left top;
    background-size:contain;
    background-image:url("../images/grandprix/title.png");
    padding-top:21.05%;
    text-indent:-9999px;
}

/* text setting */
.section_inner .txt {
    width:90%;
    max-width:880px;
    margin:0 auto 5%;
    text-align:left;
}
.section_inner h2 {
    margin-bottom:0.5em;
    line-height:1.6;
    font-size:1.8em;
}
.section_inner h3 {
    margin-bottom:0.5em;
    line-height:1.6;
    font-size:1.6em;
}
.section_inner p {
    margin-bottom:1.0em;
    line-height:2.0;
    font-size:1.2em;
}

.section_inner h3 span {
    font-size:0.8em;
}


/* main image */
.section_main {
    width:100%;
    height:600px;
    background-repeat:no-repeat;
    background-position:center top;
    background-size:cover;
    background-image:url("../images/grandprix/main_img.jpg");
    margin-bottom:3%;
}
.section_main p {
    font-size:0;
    text-indent:-9999px;
}


/* lead section */
.section_lead .txt {
    width:34em;
    margin:0 auto 5%;
    text-align:left;
    font-size:1.4em;
}
.section_lead p {
    font-weight: 700;
}


/* package section */
.section_package {
    background-repeat: repeat-y;
    background-position: center top;
    background-image: url("../images/grandprix/package_bg.jpg");
    padding: 1em 0;
}
.section_package p {
    width:90%;
    margin:0 auto 1em;
    padding-left: 7%;
    text-align:left;
    font-size:1.5em;
    font-weight: 700;
}
.section_package ul {
    display: flex;
    justify-content: center;
    align-items: center;
    padding: 0 5%;
}
.section_package ul img {
    height: 238px;
    -webkit-filter:drop-shadow(5px 5px 6px rgba(0,0,0,0.7));
    filter:drop-shadow(5px 5px 6px rgba(0,0,0,0.7));
}
.section_package ul li:first-child {
    margin-right: 5.5%;
}
.section_package ul li:last-child {
    margin-left: 2.5%;
}

/* text section */
.section_value {
    background-repeat: repeat-y;
    background-position: center top;
    background-image: url("../images/grandprix/value_bg.jpg");
    padding: 1em 0;
}
.section_value .section_inner {
    display: flex;
    width:90%;
    max-width: 950px;
    padding: 0 5%;
}
.section_value .section_inner .txt {
    margin:inherit;
}
.section_value .section_inner .txt:first-child {
    width: 39%;
    margin-left: 9%;
}
.section_value .section_inner .txt:last-child {
    width: 44%;
    margin-left: -0.5%;
}
.section_value p {
    text-align: right;
    font-size:0.95em;
}

/* list */
ul.value {
    padding-left:1.5em;
}
ul.value li {
    margin-bottom:0.5em;
    font-size:1.1em;
}
ul.value li:before {
    display:inline-block;
    margin-left:-1.2em;
    margin-right:0.2em;
    color:#ff0000;
    content:"◎";
}

.section_txt {
    padding: 2em 0 0;
} 
.section_inner p.note {
    line-height:1.4;
}


/* 1050px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 1050px) {


/* text section */
.section_value .section_inner .txt:first-child {
    margin-left: 8%;
}

}
/*-------------------------------------------------------------------------------------------*/
/* 949px以下 END */



/* 949px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 949px) {


/*.section_inner {
    font-size:0.9em;
}*/

/* lead section */
.section_lead .section_inner .txt {
    font-size:1.2em;
}





/* package section */
.section_package p {
    font-size:1.4em;
}
.section_package ul img {
    height: auto;
}
.section_package ul li:first-child {
    width: 44%;
    margin-right: 1.5%;
}
.section_package ul li:last-child {
    width: 48%;
    margin-left: 1%;
}
.section_package ul li:first-child img {
    width: 93%;
}
.section_package ul li:last-child img {
    width: 94%;
}

/* text section */
.section_value h3 {
    font-size: 1.4em;
}
.section_value .section_inner .txt:first-child {
    width: 42%;
    margin-left: 4%;
}
.section_value .section_inner .txt:last-child {
    width: 48%;
    margin-left: 5%;
}
ul.value li {
    font-size:1.0em;
}





}
/*-------------------------------------------------------------------------------------------*/
/* 949px以下 END */



/* 768px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 768px) {

/* lead section */
.section_lead .txt {
    width:94%;
}

.section_package p {
    width:94%;
}




}
/*-------------------------------------------------------------------------------------------*/
/* 768px以下 END */



/* 640px以下 */
/*-------------------------------------------------------------------------------------------*/
@media only screen and (max-width: 640px) {

ul#sns_top {
    position:static;
    width:98%;
    margin:0 1%;
    padding-top:0;
}

/*.section_inner {
    font-size:1.0em;
}*/


/* text setting */
.section_inner h2 {
    font-size:1.6em;
}
.section_inner h3 {
    font-size:1.2em;
}
.section_inner h4 {
    font-size:1.0em;
}
.section_inner p {
    font-size:1.0em;
}


/* title */
#title {
}
#title_inner {
    padding:3% 0 0 2%;
}
#title_inner h1 {
    width:64.66%;
    background-size:contain;
    background-image:url("../images/grandprix/title_sp.png");
    padding-top:17.331%;
}

br.sp {display:none;}


/* main image */
.section_main {
    height:0;
    background-size:contain;
    background-image:url("../images/grandprix/main_img_sp.jpg");
    padding-top:116%;
}


/* lead section */
.section_lead .section_inner .txt {
    width:84%;
    font-size:3.6vw;
}


/* image section */
.section_img .photo img {
    width:65%;
}

.section_package p {
    font-size: 3.0vw;
}
.section_package ul {
    padding: 0 2%;
}

.section_value .section_inner {
    width:100%;
}
.section_value .section_inner .txt:first-child {
    width: 42%;
    margin-left: 1%;
}
.section_value .section_inner .txt:last-child {
    width: 44%;
    margin-left: -6%;
}
.section_value h3 {
    font-size: 2.8vw;
}
ul.value {
    padding-left: 1em;
}
ul.value li {
    font-size:2.4vw;
}
.section_value p {
    font-size:2.0vw;
}




}
/*-------------------------------------------------------------------------------------------*/
/* 640px以下 END */



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










}
/* - 375px end */



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










}
/* - 320px end */