/*loop_reset*/
#banner { display: none; }
#keyword { display: none; }
#contents .breadcrumbs { padding-top: 70px; }
#contents { width: 100%; }
#contents .breadcrumbs a { color: #800080; }
#main { background: none; }
#footerlist div.cf > a > img { width: 320px; }
#footerlist div:nth-of-type(1) > a > img { width: 200px; }
.header_logo img { width:170px; }
.tel_btn img { width: 70%; }
h2 { background: none; height: initial; }
body { line-height: initial; }

/* ec_header用 */
#pc_header { display: none; }
#sp_header ul { display: flex; justify-content: space-around; }
#sp_header h1 { font-size: normal; font-size: 12px; line-height: 12px; }
#sp_header img { width: 100%; }
.ac img { width: initial; }


/* goodyear sale */
.gy_header_div {
    background-color: #08287f;
    border-bottom: solid 10px #fff100;
    display: flex;
    justify-content: space-around;
    padding: 10px;
}

.gylogo_left img, .awlogo_right img {
    width: 90%;
}

.gy_main_section {
    border-bottom: solid 10px #fff100;
    background: url(../img/main_bg_sp.jpg) no-repeat;
    background-size: cover;
    color: #FFFFFF;
}
.gy_main_section img {
    width: 95%;
    margin: 10px;
}
.gy_main_section p {
    margin: 0 auto 15px;
    line-height: 25px;
    width: 95%;
}

.main_nav_ul {
    display: flex;
    background-color: #08287f;
    margin-bottom: 30px;
    padding: 20px 0;
    border-bottom: solid 10px #fff100;
    
}
.main_nav_ul li {
    background-color: #fff100;
    text-align: center;
    margin: 0 10px;
    padding-top: 5px;
}
.main_nav_ul li img {
    width: 95%;
}
.main_detail h3 {
    border-left: solid 26px #fff100;
    background-color: #08287f;
    padding: 10px 0 10px 15px;
}
.main_detail h3 img {
    vertical-align: middle;
}

.main_description {
    margin: 0 auto;
    text-align: center;
}
.main_description > p > img {
    width: 31%;
    float: left;
    margin-right: 10px;
    position: relative;
    top: -10px;
}
.main_description p {
    padding: 10px;
    text-align: left;
}
.main_icon_ul {
    width: 85%;
    margin: 0 auto;
    display: flex;
    flex-wrap: wrap;
    font-size: 0.8rem;
}
.main_icon_ul li{
    margin: 10px;
}
.main_icon_ul li img {
    display: block;
}
.main_perform_img {
    margin-top: 10px;
    text-align: center;
}
.main_pattern {
    margin: 0 auto;
}
.main_pattern img {
    float: left;
    margin-top: 10px;
    width: 50%;
}
.main_pattern h4 {    
    margin-top: 10px;
    padding-top: 55px;
    color: #08287f;
    font-size: 1.3rem;
    font-weight:bold;
}
.main_pattern p {
    clear: both;
    margin: 0 10px;
    padding: 10px;
    line-height: 27px;
}
.main_pattern_dl {
    margin: 0 10px 10px;
}
.main_pattern_dl dt {
    font-weight:bold;
    margin: 10px 0 0 10px;
}
.main_pattern_dl dd {
    margin-left: 30px;
}


/* line up 部分*/
.items {
    width: 90%;
    margin: 20px auto;
}
.items > h4 {
    font-size: 1.6rem;
    padding: 1px 20px;
    color: #FFFFFF;
    border-radius: 10px 0 0;
}
.items > h4 > span {
    font-size: 1rem;
}
.items > div {
    margin-bottom: 30px;
}
.items dl {
    display: flex;
    border: solid 1px #000000;
    padding: 5px 30px;
    margin: 15px 0;
    font-size: 1.3rem;
}
.items dt {
    font-weight: bold;
    flex-basis: 50%;
}
.items dd {
    flex-basis: 50%;
    text-align: right;
}
.items a {
    color: #000000;
}
.items strong {
    color: #c8161d;
}
#inch17 {
    background: #cb4055;
}
#inch18 {
    background: #de6630;
}
#inch19 {
    background: #e59700;
}
#inch20 {
    background: #c79f00;
}

/* EC用フッター設定 */
.gy_footer {
    background-color: #08287f;
    text-align: center;
    padding-bottom: 20px;
  }
  .gy_footer > nav {
      width: 90%;
      margin: 0 auto 15px;
      text-align: left;
  }
  .gy_footer > nav > ul {
      font-size: 0.8rem;
      display: flex;
      flex-wrap: wrap;
  }
  .gy_footer > nav > ul > li {
      margin: 10px 10px 0;
  }
  .gy_footer a, .gy_footer small {
      color: #FFFFFF;
  }
  

@media screen and (min-width: 768px){
    header div {
        display: flex;
        justify-content: space-around;
        padding: 20px;
    }    
    .gy_main_section {
        background: url(../img/main_bg.jpg) no-repeat;
        background-size: cover;
    }
    .gy_main_section h2 {
        max-width: 980px;
        margin: 0 auto;
    }
    .gy_main_section img {
        width: 80%;
    }
    .gy_main_section p {
        width: 600px;
     }
    .gy_main_section span {
       display: block; 
    }
    .main_nav_ul {
        justify-content: center;
    }
    .main_nav_ul li {
        padding: 10px 25px 5px;
    }
    .main_description {
        max-width: 768px;
    }
    .main_description p {
        margin-top: 20px;
    }
    .main_description > div > img {
        flex-basis: 48%;
    }
    .main_description div {
        display: flex;
    }
    .main_icon_ul {
        flex-basis: 50%;
        margin: 0;         
    }
    .main_perform {
        display: inline-flex;
    }
    .main_perform_img img{
        width: 90%;
    }
    .main_pattern {
        clear: both;
        padding: 20px;
    }
    .main_pattern p {
        display: inline-block;
    }
    .main_pattern img {
        width: 30%;
    }
    .main_pattern h4 {
        padding: 20px 0;
    }
    .main_pattern div{
        margin-left: 30%;
    }
    h3 {
        clear: both;
        margin: 0 auto;
        max-width: 980px;
    }
    /* lineup 設定 */
    .items > h4 {
        max-width: 850px;
        margin: 0 auto;
    }
    .items > div {
        display: flex;
        flex-wrap: wrap;
        justify-content: space-between;
        max-width: 750px;
        margin: 0 auto 20px;
    }
    .items a {
        flex-basis: 48%;
    }
    .items dl {
        margin-bottom: 0;
    }
    .items dd {
        font-size: 1.4rem;
    }
    /* EC用フッター設定 */
    .gy_footer > nav {
        max-width: 800px;
    }
    /* EC用ヘッダー設定 */
    .sp {
		display: none;
	}
	#sp_header,	#sp_bannar {
		display: none;
	}
	#pc_header {
		display: block;
	}
}

@media screen and (min-width: 980px){
    .main_description {
        max-width: 980px;
    }
    .main_description > div > img {
        flex-basis: 60%;
    }
    .main_icon_ul {
        font-size: 1rem;
        flex-basis: 100%;
    }
    .main_icon_ul li img {
        display: inline;
        vertical-align: middle;
        margin-right: 5px;
    }

    .main_pattern {
        max-width: 980px;
    }

}