@charset "shift_jis";
/*==============================================
 common
============================================= */
.forSp,
.innerbnr .item,
.topLinkBox {
display:none;
}
.headerIn,
.footerIn {
width: 930px;
margin: 0 auto;
}
#header {
border-bottom: #e3e3e3 solid 1px;
}
.copyRight { border-top: 1px solid #ededed; }
#footer { margin-top: 10px; }
.pageTop { border-radius: 50%; }
.releasedate {
width: 100%; 
background: #f2f2f2;
}
.releasedate p{
width: 930px;
margin: 0 auto;
font-size: 11px; 
color: #333;
padding-top: 40px; 
text-align: right;
}

/*==============================================
 看板
============================================= */
.mainTitleWrap {
background: #1587c9 url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/bg.jpg) top left repeat-x;
width: 100%;
}
.mainTitle h1.page1,
.mainTitle h1.page2{
width: 1014px;
height: 837px;
margin: 0 auto;
text-indent: -999em;
font-size: 0;
z-index: 1;
}
.mainTitle h1.page1 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/25_main_title1.jpg) top left repeat-x;
}
.mainTitle h1.page2 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/25_main_title2.jpg) top left repeat-x;
}
.mainTitle p.lead {
color: #fff;
font-size: 15px;
line-height: 32px;
width: 930px;
margin: 0 auto 51px;
}
.lead a {
font-weight: bold;
}
.lead a:link,
.lead a:visited {
color: #fff;
text-decoration: underline;
}
.lead a:hover,
.lead a:active {
color: #b6ddf3;
}


/*----　column　----*/
.column {
border: #66c7eb solid 1px;
box-sizing: border-box;
width: 930px;
margin: -45px auto 80px;
padding: 55px 42px 50px;
}	
.column h2 {
border-left: #fff solid 6px;
color: #ffffff;
font-size: 19px;
font-weight: bold;
padding-left: 10px;
padding-top: 1px;
}
.column p {
color: #fff;
font-size: 14px !important;
line-height: 1.9 !important;
margin-top: 20px !important;
}


/*----　ナビ　----*/
.nav {
	width: 930px;
	margin: 0 auto;
	overflow: hidden;
	zoom:1;
}
#part1 {
	width: 450px;
	height: 139px;
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/25_navi1_over.jpg) no-repeat top left;
	float: left;
	display: block;
	text-indent: -9999px;
}
#part2 {
	width: 450px;
	height: 139px;
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/25_navi2_over.jpg) no-repeat top left;
    float: right;
    display: block;
	text-indent: -9999px;
}
#part1 a {
	width: 450px;
	height: 139px;
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/25_navi1.jpg) no-repeat top left;
    float: right;
    display: block;
	text-indent: -9999px;
}
#part1 a:hover {
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/25_navi1_over.jpg) no-repeat top left;
}
#part2 a {
	width: 450px;
	height: 139px;
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/25_navi2.jpg) no-repeat top left;
    float: right;
    display: block;
	text-indent: -9999px;
}
#part2 a:hover {
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/25_navi2_over.jpg) no-repeat top left;
}


/*==============================================
 #mainContents
============================================= */
#mainBox .paragraph,
#mainBox02 .paragraph {
width: 930px;
margin: 0 auto;
}
#mainBox .paragraphIn p,
#mainBox02 .paragraphIn p {
	font-size: 17px;
	line-height: 2.2;
	margin-top: 50px;
}
#mainBox .paragraphIn h4,
#mainBox02 .paragraphIn h4 {
color: #0083c8;
font-size: 19px;
font-weight: bold;
margin-bottom: -30px;
margin-top: 75px;
}
#titleB {
border-bottom: #828282 dotted 1px;
border-top: #1587c9 solid 4px;
width: 930px;
margin: 110px auto 90px;
padding: 55px 0 50px;
}
#titleB .subTitle b {
color: #1587c9;
display:  inline-block;
font-size: 25px;
font-weight: bold;
margin-right: 20px;
}
#titleB .subTitle {
font-size: 25px;
display: block;
margin-bottom: 15px;
}
#titleB .mainTitle {
color: #1587c9;
font-size: 35px;
}
p.note {
font-size: 12px !important;
line-height: 1.9 !important;
}
#mainBox h3,
#mainBox02 h3 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/h3_bg.jpg) left top no-repeat;
font-size: 27px;
font-weight: bold;
line-height: 42px;
width: 930px;
}
#article03 {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/icon_free.jpg) left top no-repeat;
background-size: 300px;
padding-top: 35px;
}
#article01 h3,
#article02 h3,
#article03 h3 {
padding: 24px 0 30px 38px;
}

/*----　img　----*/
.imgBox {
width: 930px;
margin: 75px auto 0;
}
.imgBox,
.imgBox div,
.imgBox2 {
display: flex;
flex-wrap: wrap;
justify-content: space-between;	
}
.imgBoxB {
width: 800px;
margin: 75px auto 0;
}
.imgBoxB img {
margin-bottom: 10px;
}
.imgBoxB img,
.imgBox img {
width: 100%;
}
.imgBox a {
display: block;
width: 450px;
}
.imgBox p {
width: 450px;
}
.imgBox div + p{
width: 930px;
padding-top: 10px;
}
.imgBox a + a {
margin-left: 10px;
}


.imgBoxB a,
.imgBox a,
.imgBox2 a{
	display: block;
	transition: opacity .2s;
	cursor: zoom-in;
}
.imgBoxB a:hover,
.imgBox a:hover,
.imgBox2 a:hover {
	opacity: 0.7;
}
p.cap {
font-size: 13px !important;
line-height: 1.8 !important;
margin: 0 !important;
}
.imgBox2 div {
    width: 290px;
    position: relative;
}
.imgBox2 a {
    width: 290px;
    height: 228px;
    display: block;
    margin-bottom: 10px;
}
.imgBox2 a img {
    width: 100%;
}
.imgBox2 div+div::before{
  content: '';
  display: inline-block;
  width: 14px;
  height: 18px;
  background-image: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/arrow.jpg);
  background-size: contain;
  vertical-align: middle;
position: absolute;
top:154px;
left:-22px;
}
.titS1,
.titS2,
.titS3 {
    font-weight: bold;
    font-size:14px;
    height: 54px;
    padding-left: 27px;
    box-sizing: border-box;
    width: 290px;
}
.titS1 span,
.titS2 span,
.titS3 span {
color: #0084cd;
}
.titS1 {
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/num1.jpg) no-repeat top left;
}
.titS2{
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/num2.jpg) no-repeat top left;
}
.titS3 {
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/num3.jpg) no-repeat top left;
}


/*==============================================
.bnr
============================================= */
.topbnr {
	width: 930px;
	margin: 0 auto 110px;
	overflow: hidden;
	zoom:1;
}
.topbnr a {
transition: opacity .2s;
}
.bnrL {
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/bnr_bg.png) no-repeat bottom left;
	width: 450px;
	float: left;
 padding-bottom: 11px;
}
.bnrR {
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/bnr_bg.png) no-repeat bottom left;
	width: 450px;
	float: right;
 padding-bottom: 11px;
}
.bnrL a {
	width: 450px;
    height: 108px;
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/25_bnr01.png) no-repeat top left;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}
.bnrR a {
	width: 450px;
    height: 108px;
    background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/25_bnr02.png) no-repeat top right;
    display: block;
    text-indent: -9999px;
    overflow: hidden;
}
.topBnrClear {
width: 930px;
margin: 0 auto 100px;
overflow: hidden;
font-size: 12px !important;
}
.topBnrClear a:link,
.topBnrClear a:visited {
color: #fff !important;
text-decoration: underline;
}
.topBnrClear a:hover,
.topBnrClear a:active {
color: #c6e6ff !important;
}
.floatL,
.floatR {
width: 450px;
text-align: center;
}



.innerbnr {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/bnr_bg02.jpg) left bottom no-repeat;
width: 930px;
margin: 90px auto 15px;
padding-bottom: 11px;
}
#mainBox .innerbnr a {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/25_bnr03.png) left top no-repeat;
display: block;
width: 930px;
height: 122px;
transition: opacity .2s;
}
#mainBox02 .innerbnr a {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/25_bnr04.png) left top no-repeat;
display: block;
width: 930px;
height: 122px;
transition: opacity .2s;
}
.topbnr a:hover,
.innerbnr a:hover {
	opacity: 0.7;
}
.bnrIn {
display: none;
}
.freeBnr {
font-size: 15px;
text-align: center;
margin: 0 0 110px;
}
.freeBnr a:link,
.freeBnr a:visited {
color: #2563ff;
text-decoration: underline;
}
.freeBnr a:hover,
.freeBnr a:active {
color: #86bcff;
}


/*==============================================
 matome column2
============================================= */
#column2 {
border: #ececec solid 7px;
box-sizing: border-box;
width: 930px;
margin: 0 auto 170px !important;
padding: 75px 50px 70px 50px;
}
.column2Title {
text-align: center;
font-size: 23px;
}
.column2Title b {
color: #0083c8;
display: block;
font-size: 30px;
font-weight: normal;
margin-bottom: 50px;
margin-top: 9px;
}

#column2 img {
float: right;
width: 300px;
margin-bottom: 20px;
margin-left: 20px;
}
#column2 p {
font-size: 16px;
line-height: 34px;
}
#column2 p + p {
margin-top: 40px;
}
.columnBtn a {
background: #0083c8 url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/arrow_blue.jpg) no-repeat;
background-size:2%;
background-position: right 15px center;
display: block;
color: #fff;
width: 592px;
font-size: 22px;
font-weight: bold;
text-align: center;
margin: 50px auto 0;
padding: 18px 0;
transition: 0.3s;
}
.columnBtn a:hover {
	opacity: 0.8;
}
.columnBtn a:before {
background: #fff;
content: "公式サイト";
color: #0083c8;
font-size: 13px;
position: relative;
top: -3px;
margin-right: 10px;
padding: 4px 8px;
}
.columnBtn02 a {
background: #fff url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/arrow_white.jpg) no-repeat;
background-size:2%;
background-position: right 15px center;
border: #0083c8 solid 2px;
border-radius: 3px;
display: block;
color: #0083c8;
width: 592px;
font-size: 22px;
font-weight: bold;
text-align: center;
margin: 30px auto 0;
padding: 18px 0;
transition: 0.3s;
}
.columnBtn02 a:hover {
	opacity: 0.6;
}
.columnBtn02 a:before {
background: #0083c8;
content: "公式サイト";
color: #fff;
font-size: 13px;
position: relative;
top: -3px;
margin-right: 10px;
padding: 4px 8px;
}

/*----　#matome　----*/
#matome {
margin-bottom: 100px !important;
}
#matome h3 {
padding: 46px 0 30px 38px;
}

/*==============================================
 .next
============================================= */
.back,
.next {
border-top: #7d7d7d dotted 1px;
text-align: center;
width: 930px;
margin: 0 auto;
padding: 76px 0 88px !important;
}
.back a,
.next a {
font-size: 26px;
}
.back .txtLink,
.next .txtLink {
text-decoration: underline;
}
.back a:link,
.back a:visited,
.next a:link,
.next a:visited {
color: #000;
}
.back a:hover,
.back a:active,
.next a:hover,
.next a:active {
color: #717171;
}
.back a:before {
content: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/part01_link_icon.jpg);
position: relative;
top: 13px;
margin-right: 20px;
}
.next a:before {
content: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/part02_link_icon.jpg);
position: relative;
top: 13px;
margin-right: 20px;
}
.back a:after,
.next a:after {
background: #ededed;
content: "記事はこちら";
font-size: 13px;
font-weight: bold;
margin-left: 20px;
padding: 8px 15px;
position: relative;
top: -5px;
}
/*==============================================
 .productBox
============================================= */
.productBox {
background: #1587c9;
width: 100%;
padding: 100px 0;
}
.productBox a {
display: block;
overflow: hidden;
width: 824px;
margin: 0 auto;
transition: 0.3s;
}
.productBox a:hover {
	opacity: 0.8;
}
.productBox .img {
float: left;
}
.productBox .info {
float: right;
width: 432px;
margin-top: 50px;
}
.productBox .catch {
color: #ffca58;
font-size: 30px;
margin-bottom: 45px;
}
.productBox .name b {
border: #8ac3e4 solid 1px;
color: #fff;
display:block;
width: 70px;
font-size: 23px;
font-weight: bold;
text-align: center;
margin-bottom: 16px;
padding: 10px 0 6px;
}
.productBox .name {
color: #fff;
font-size: 35px;
margin-bottom: 43px;
}
.productBox .btn {
background: url(https://img1.kakaku.k-img.com/images/article/tieup/24/12_yayoi/item_bnr.jpg) left top no-repeat;
width: 432px;
height: 70px;
}
.productBox .btn span {
display: none;
}

/*----other----*/

.img09{
    margin-top: 80px;
}