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

#container * {font-family: "游ゴシック体", "Yu Gothic", YuGothic, Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
#container {color: #333333; }

pc #container { width: 100%; min-width: 1200px; color: #333333; }
.clearfix::after { content: " "; display: block; clear: both; }
figure { margin: 0; display: inline-block;}


/* header */
div.fixed .prodNav:before, div.fixed .prodNav:after { position: absolute; top: 0; content: ''; height: 80px; width: 100%; background: #fff; }
div.fixed .prodNav:before { left: -100%; }
div.fixed .prodNav:after { right: -100%; }


/* mordal-wap */
.movie-wap iframe { height: 480px; width: 100%; }
.mordal-wap { background: rgba(0,0,0,.5); display: none; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 4; }
.mordal-in { margin: 0 auto; position: relative; top: 50%; width: 800px; z-index: 4; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -ms-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); }
.mordal-close-wap { cursor: pointer; height: 100%; left: 0; position: fixed; top: 0; width: 100%; z-index: 3; }
.mordal-in .close-btn { cursor: pointer; height: 30px; position: absolute; right: 0; top: -40px; width: 30px; }
.close-btn span { background: #fff; display: block; height: 3px; width: 40px; }
.close-btn span:nth-child(1) { -webkit-transform: translate(-5px,16px) rotate(-45deg); -moz-transform: translate(-5px,16px) rotate(-45deg); -ms-transform: translate(-5px,16px) rotate(-45deg); -o-transform: translate(-5px,16px) rotate(-45deg); transform: translate(-5px,16px) rotate(-45deg); }
.close-btn span:nth-child(2) { -webkit-transform: translate(-5px,13px) rotate(45deg); -moz-transform: translate(-5px,13px) rotate(45deg); -ms-transform: translate(-5px,13px) rotate(45deg); -o-transform: translate(-5px,13px) rotate(45deg); transform: translate(-5px,13px) rotate(45deg); }

.ttl sub {
	font-size: 40%;
}

/* ============================================= ==

	PC style

=============================================== */
.pc #container { font-size: 14px; line-height: 1.6em; min-width: 1200px;}
.pc #container .only-sp { display: none !important; }

.pc #container .content-box { width: 980px; margin: auto; }

.h2_ttl_wrapper { display: inline-block; margin: -15px 0 30px; position: relative; border-top: solid 1px #f7f8f8; }
.h2_ttl_wrapper h2.ttl { padding: 0 30px; min-width: 640px; height: 124px; margin: auto; background: url(../images/h2_icon.png) top center / 24px 33px no-repeat #FFF; text-align: center; border-radius: 0 0 15px 15px; display: flex; align-items: center; box-sizing: border-box; position: relative; }
.h2_ttl_wrapper h2.ttl:before { content: ""; position: absolute; top: 0; left: 1.5%; width: 97%; height: 116px; border: dashed 1px #013b95; border-top: none; box-sizing: border-box; border-radius: 0 0 10px 10px; }
.h2_ttl_wrapper h2.ttl span { margin: auto; color: #00307b; font-size: 28px; }
.h2_ttl_wrapper:after { content: ""; position: absolute; display: inline-block; top: 0; right: -15px; width: 0; height: 0; border-style: solid; border-width: 15px 0 0 15px; border-color: transparent transparent transparent #e7eaec; }
.h2_ttl_wrapper:before { content: ""; position: absolute; display: inline-block; top: 0; left: -15px; width: 0; height: 0; border-style: solid; border-width: 0 0 15px 15px; border-color: transparent transparent #e7eaec transparent; }
.h1_ttl_wrapper { display: block; position: relative; height: 60px; line-height: 60px; vertical-align: middle; text-align: center; margin: 20px 0 0; padding: 3px 0; font-size: 18px; background: #013b95; color: #FFF; box-sizing: border-box; }
.h1_ttl_wrapper h1.ttl { vertical-align: middle; margin: 0; padding: 0 30px; border-top: solid 1px #FFF; border-bottom: solid 1px #FFF; line-height: 52px; font-size: 24px; font-weight: normal; letter-spacing: 0.02em; }
.h1_ttl_wrapper:before, .h1_ttl_wrapper:after { position: absolute; content: ''; width: 0px; height: 0px; z-index: 1; }
.h1_ttl_wrapper:before { top: 0; left: 0; border-width: 30px 0px 30px 15px; border-color: transparent transparent transparent #fff; border-style: solid; }
.h1_ttl_wrapper:after { top: 0; right: 0; border-width: 30px 15px 30px 0px; border-color: transparent #fff transparent transparent; border-style: solid; }
span.child_num { color: #FFF; background: #49b5d8; display: inline-block; line-height: 1; margin: 2px 5px; padding: 2px 10px; border-radius: 15px; letter-spacing: 0.1em; }
span.num { color: #FFF; background: #013b95; border-radius: 3px; width: 20px; height: 20px; display: inline-block; text-align: center; line-height: 1.5em; margin: 0 3px; }
span.blue_txt { color: #013b95; font-weight: bold;}

.pc #container .content-box .pkg { 
  margin: 50px auto 0;
  font-size: 13px;
  text-align: center; 
}


/*---------------------------
				    #mv
---------------------------*/
#mv { height: 280px; background: url(../images/mv.jpg) center /cover no-repeat; text-align: center; display: flex; align-items: center; }
#mv h1.ttl { font-size: 30px; line-height: 1.4em; color: #013d95; }
#mv h1.ttl span { display: block; font-size: 12px; line-height: 1; color: #eac427; font-family: Futura, 'Century Gothic'; letter-spacing: 0.05em; margin: 5px 0 40px; }
#mv > div { margin: auto; font-size: 16px; }

.pc #mv .pkg{
  margin: 20px auto 0;
  font-size: 12px;
  text-align: right; 
}
/*---------------------------
				#anchor_link
---------------------------*/
.pc #anchor_link { padding: 60px 0; width: 680px; margin: 0 auto; }
/*.pc #anchor_link li { float: left; display: table; width: 320px; height: 58px; }*/
.pc #anchor_link li { float: left; display: table; width: 320px; height: 58px; padding: 10px; }
.pc #anchor_link li + li { margin-left: 20px; }
/*.pc #anchor_link li:nth-of-type(4) { margin-left: 170px; }
.pc #anchor_link li:nth-of-type(n-3) { margin-bottom: 22px; }*/
.pc #anchor_link li:nth-of-type(n-2) { margin: 0 auto 22px; }
#anchor_link li a { font-size: 14px; display: table-cell; vertical-align: middle; text-align: center; border-radius: 30px; background-color: #eff3f9; line-height: 1.3em; color: #013d95; font-weight: bold; -webkit-box-shadow: 1px 2px 0px 0px #ccd8ea; box-shadow: 1px 2px 0px 0px #ccd8ea; transition: .2s; position: relative; }
#anchor_link li a:hover {background-color: #e4eaf2;}
#anchor_link li a:after { content: ""; position: absolute; top: 16px; right: 12px; width: 25px; height: 25px; border-radius: 50%; background: url(../images/anchor_arrow.png) center / 50% no-repeat #013b95; }
#anchor_link li:hover a { -webkit-box-shadow: 0 1px 0px 0px #ccd8ea; box-shadow: 0 1px 0px 0px #ccd8ea; transform: translateY(2px); }
#anchor_link li .movie-icon { position: absolute; font-weight: bold; top: 3px; left: 4px; font-size: 11px; width: 53px; height: 53px; border-radius: 50%; color: #FFF; background: #eac427; line-height: 1.2em; letter-spacing: -0.05em; transition: .3s;}
#anchor_link li .movie-icon:before { content: ""; display: block; width: 100%; height: 16px; background: url(../images/movie_icon.png) bottom 3px center / 8px 8px no-repeat; transition: .3s;}
.pc #anchor_link li a:hover .movie-icon { top: -2px; left: 0; font-size: 12px; letter-spacing: 0; width: 63px; height: 63px;}
.pc #anchor_link li a:hover .movie-icon:before { height: 18px; background: url(../images/movie_icon.png) bottom 3px center / 8px 8px no-repeat;}


/*---------------------------
			.recipe-block
---------------------------*/
.recipe-block { background: url(../images/recipe_bg.jpg) center; padding: 0 0 60px; text-align: center; }
.movie-block { background: #e7f5f9; margin: 50px 0 80px; padding: 0 0 60px; text-align: center; }

.recipe-block article { text-align: left; padding: 40px 60px 60px; background: #FFF; -webkit-box-shadow: 2px 3px 0px 0px #e6f1f8; box-shadow: 2px 3px 0px 0px #e6f1f8; border-radius: 15px; }
.recipe-block article + article { margin-top: 33px; }
.recipe-block figure { display: block; text-align: center; }
.recipe-block figure a { transition: .3s; display: inline-block;}
.recipe-block figure a:hover { opacity: .7; }
.recipe-block .ing { background: #e8f8fd; border: 6px; padding: 30px 30px 10px; margin: 30px 0 0; font-size: 14px; border-radius: 6px; }
.recipe-block .ing .ttl { font-size: 18px; color: #013b95; font-weight: bold; padding-bottom: 15px; border-bottom: dashed 1px #013b95; margin-bottom: 15px; }
.recipe-block .ing .ttl span { font-size: 14px; vertical-align: 1px;}
.pc .recipe-block .ing .ing-box > ul { float: left; width: 48%; }
.pc .recipe-block .ing .ing-box > ul + ul { margin-left: 4%; }
.recipe-block .ing li { margin-bottom: 18px; }
.recipe-block .ing dl { background: url("../images/dot.png") repeat-x left 50%; display: -webkit-box; display: -webkit-flex; display: flex; -webkit-box-pack: justify; -webkit-justify-content: space-between; justify-content: space-between; -webkit-box-align: center; -webkit-align-items: center; align-items: center; width: 100%; margin-bottom: 10px; }
.recipe-block .ing dl dt { background-color: #e8f8fd; line-height: 1.6875; max-width: 70%; text-align: left; padding-right: 5px; }
.recipe-block .ing dl dt strong { font-weight: bold; }
.recipe-block .ing dl dt small { font-size: 12px; }
.recipe-block .ing dl dd { background-color: #e8f8fd; line-height: 1.6875; max-width: 30%; text-align: right; padding-left: 5px; }
.recipe-block .ing p.note_block { margin-bottom: 10px; line-height: 1.1; font-size: 0.8em; }
.recipe-block .ing .ing-box > ul .ttl { font-size: 14px; border: none; padding: 0; margin: 0 0 10px; }
.recipe-block .process-box { margin: 30px 0 0; padding: 30px; border: solid 2px #013b95; border-radius: 6px; }
.recipe-block .process-box h3.ttl { color: #013b95; font-size: 18px; }
.recipe-block .process-box h3.ttl { color: #013b95; font-size: 18px; padding-bottom: 15px; margin-bottom: 15px; border-bottom: dashed 1px #013b95; }
.recipe-block .process-box .lead { font-size: 16px; line-height: 1.7em; margin-bottom: 30px; }

ol.process_list > li { counter-increment: li_count; border-top: solid 1px #e3e3e3; padding: 15px 10px 20px 40px; position: relative; }
ol.process_list > li p { letter-spacing: 0.02em;}
ol.process_list > li:last-child { padding: 15px 10px 0 40px; }
ol.process_list > li:before { content: counter(li_count); position: absolute; top: 10px; left: 0; width: 30px; height: 30px; background: #013b95; border-radius: 3px; color: #FFF; display: inline-block; text-align: center; line-height: 2em; font-family: Futura, 'Century Gothic'; font-size: 14px; }
ol.process_list > li .tit { color: #013b95; font-size: 16px; font-weight: bold; margin-bottom: 10px; }
ol.process_list > li .tit small { font-size: 14px;}
ol.process_list > li .list > li { padding-left: 1.5em; position: relative; }
ol.process_list > li .list > li + li { margin-top: 3px;}
ol.process_list > li .list > li:before { content: "・"; position: absolute; top: 0; left: 0; font-weight: bold; color: #013b95; }
ol.process_list > li ul.child_list > li { padding-left: 4em; position: relative; }
ol.process_list > li ul.child_list > li + li { margin-top: 0.8em; }
ol.process_list > li ul.child_list > li .child_ttl { position: absolute; top: 0; left: 0; font-weight: bold; color: #FFF; background: #49b5d8; display: inline-block; line-height: 1; margin: 2px 0; padding: 2px 10px; border-radius: 15px; letter-spacing: 0.1em; }


/*---------------------------
				   #link
---------------------------*/
#link { background: #f5f6fa; padding: 0 0 80px; }
#link h2 { color: #00307b; font-size: 28px; text-align: center; }
#link h2:before { content: ""; display: inline-block; margin: -57px 0 40px; width: 100%; height: 114px; background: url(../images/link.png) center / 114px 114px no-repeat; }
#link .link-box { margin-top: 40px; display: flex; }
.pc #link .link-box li { width: 300px; }
#link .link-box li a { transition: .3s;}
#link .link-box li a:hover { opacity: .7;}
.pc #link .link-box li + li { margin-left: 40px; }
#link .link-box li figure img { width: 100%; }
#link .link-box li .txt { width: 100%; height: 4em; display: table; font-size: 16px; font-weight: bold; color: #013b95; }
#link .link-box li .txt span { display: table-cell; vertical-align: middle; text-align: center; position: relative; }
#link .link-box li .txt span:before { content: ""; position: absolute; top: 1.3em; right: 5px; box-sizing: border-box; width: 16px; height: 16px; background: #00307b; -webkit-border-radius: 50%; border-radius: 50%; transition: .3s; }
#link .link-box li a:hover .txt span:before { right: 0;}
#link .link-box li .txt span:after { content: ""; position: absolute; top: 1.6em; right: 11px; width: 4px; height: 4px; border-top: 1px solid #fff; border-right: 1px solid #fff; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: .3s;}
#link .link-box li a:hover .txt span:after { right: 6px;}
#link .link-item { background: #edeff7; padding: 0 110px 60px; border-radius: 6px; margin: 80px 0 0; text-align: center; }
#link .link-item .h3_ttl_wrapper { display: inline-block; margin: -25px auto 30px; position: relative; }
#link .link-item h3.ttl { padding: 0 40px; height: 52px; margin: auto; background: #00307b; color: #FFF; text-align: center; border-radius: 6px; display: flex; align-items: center; font-size: 24px; }
#link .link-item h3.ttl:before { content: ""; position: absolute; top: 100%; left: 50%; margin-left: -10px; border: 10px solid transparent; border-top: 15px solid #00307b; }
#link .link-item .item-box { margin: 20px 0 0; display: flex; justify-content: center; }
.pc #link .link-item .item-box li { width: 360px; }
.pc #link .link-item .item-box li + li { margin-left: 40px; }
#link .link-item .item-box li a { display: table; width: 100%; background: #FFF; border-radius: 15px; padding: 20px; box-sizing: border-box; transition: .3s; }
.pc #link .link-item .item-box li a { height: 138px; }
#link .link-item .item-box li a:hover { opacity: .7; }
#link .link-item .item-box li figure, #link .link-item .item-box li .txt { display: table-cell; vertical-align: middle; }
#link .link-item .item-box li figure { width: 46%; padding-right: 4%; }
#link .link-item .item-box li figure img { width: 100%; }
#link .link-item .item-box li .txt { width: 50%; font-weight: bold; color: #013b95; text-align: left; vertical-align: top; }
#link .link-item .item-box li .txt small { font-weight: normal; font-size: 12px; display: block; }
#link .link-item .item-box li .detail-btn { font-size: 12px; font-weight: bold; display: inline-block; border: solid 1px #013b95; margin-top: 10px; padding: 3px 20px; width: 100%; box-sizing: border-box; text-align: center; border-radius: 30px; position: relative; }
#link .link-item .item-box li .detail-btn:before { content: ""; position: absolute; top: 1em; right: 1.2em; width: 4px; height: 4px; border-top: 1px solid #013b95; border-right: 1px solid #013b95; -webkit-transform: rotate(45deg); transform: rotate(45deg); transition: .3s; }
#link .link-item .item-box li a:hover .detail-btn:before { right: 0.8em; }



/* ===============================================

	SP style

=============================================== */
.sp #container * { font-size: 14px; }
.sp #container a { text-decoration: none;}
.sp #container .only-pc { display: none !important; }
.sp #container img { max-width: 100%; margin: auto;}
.sp #container .content-box { padding: 0 4%;}

.sp .h2_ttl_wrapper { display: inline-block; width: 92%; margin: -8px 4% 30px; position: relative; border-top: solid 1px #f7f8f8; }
.sp .h2_ttl_wrapper:before { left: -8px; border-width: 0 0 8px 8px; }
.sp .h2_ttl_wrapper:after { right: -8px; border-width: 8px 0 0 8px; }
.sp .h2_ttl_wrapper h2.ttl { width: 100%; min-width: inherit; height: inherit; background: url(../images/h2_icon.png) top center / 12px 17px no-repeat #FFF; border-radius: 0 0 15px 15px; box-sizing: border-box; padding: 25px 10px 20px; }
.sp .h2_ttl_wrapper h2.ttl:before { left: 1.5%; width: 97%; height: 92%; }
.sp #container .h2_ttl_wrapper h2.ttl span { font-size: 18px; font-weight: bold; }

.sp #container .content-box .pkg{ 
  margin: 30px auto 0;
  font-size: 12px;
  text-align: center;
}


/*---------------------------
				    #mv
---------------------------*/
.sp #mv { height: auto; padding: 30px 4% 0; background: url(../images/sp_mv.jpg) top center /cover no-repeat;}
.sp #mv h1.ttl { font-size: 20px; text-shadow:0px 0px 3px #ffffff,0px 0px 3px #ffffff,0px 0px 3px #ffffff,0px 0px 3px #ffffff,0px 0px 3px #ffffff;  }
.sp #mv h1.ttl span {font-size: 10px; margin: 5px 0 30px; }

.sp #mv .pkg{
  margin: 20px auto 0;
  font-size: 10px;
  text-align: right;
}

/*---------------------------
				#anchor_link
---------------------------*/
.sp #anchor_link { padding: 30px 4% 40px; }
.sp #anchor_link li a { display: block; position: relative; padding: 10px 40px; width: 100%; box-sizing: border-box; }
.sp #anchor_link li + li { margin-top: 15px; }
.sp #anchor_link li a:after { content: ""; position: absolute; top: 21%; right: 11px; width: 26px; height: 26px; border-radius: 50%; background: url(../images/anchor_arrow.png) center / 50% no-repeat #013b95; }
.sp #anchor_link li .movie-icon { top: -8px; left: -8px; width: 58px; height: 58px; }
.sp #anchor_link li .movie-icon:before { height: 18px; }
.sp #anchor_link li .movie-icon:after { content: ""; position: absolute; top: 50%; left: 90%; margin-top: -8px; border: 8px solid transparent; border-left: 15px solid #eac427; }

.sp #anchor_link li:nth-of-type(3) a { letter-spacing: -0.1em; font-size: 13px;}


/*---------------------------
			.recipe-block
---------------------------*/
.sp .recipe-block { padding: 0 0 40px; text-align: center; }
.sp .movie-block { margin: 40px 0 60px; padding: 0 0 40px; }
.sp .recipe-block article { padding: 20px; }
.sp .recipe-block article + article { margin-top: 23px; }
.sp .h1_ttl_wrapper { width: calc(110% + 30px); height: inherit; line-height: 60px; margin: 20px -30px 0; padding: 3px 0; box-sizing: content-box; }
.sp .h1_ttl_wrapper h1.ttl { vertical-align: middle; margin: 0; line-height: 52px; font-size: 24px; width: 100%; padding: 15px 0px; }
.sp #container .h1_ttl_wrapper h1.ttl { font-size: 18px; line-height: 1.3em; padding: 15px 10px; box-sizing: border-box; }
.sp .h1_ttl_wrapper:before { top: inherit; bottom: -10px; left: 0; width: 0; height: 0; border-style: solid; border-width: 10px 0 0 10px; border-color: #002051 transparent transparent transparent; }
.sp .h1_ttl_wrapper:after { top: inherit; bottom: -10px; right: 0; width: 0; height: 0; border-style: solid; border-width: 0 0 10px 10px; border-color: transparent transparent transparent #002051; }
.sp .recipe-block .ing { padding: 20px 20px 10px; margin: 20px 0 0; }
.sp #container .recipe-block .ing .ttl { font-weight: bold; font-size: 16px; padding-bottom: 10px; margin-bottom: 10px; }
.sp .recipe-block .ing .ttl span { font-weight: bold; }
.sp .recipe-block .process-box { display: none; margin: 20px 0 0; padding: 20px; }
.sp #container .recipe-block .process-box h3.ttl { font-size: 16px; line-height: 1.3em; padding-bottom: 10px; margin-bottom: 10px; }
.sp #container .recipe-block .process-box .lead { font-size: 14px; margin-bottom: 10px; }
.sp #container ol.process_list > li { padding: 15px 0 20px 0; }
.sp #container ol.process_list > li:last-of-type { padding: 15px 0 0 0; }
.sp #container .recipe-block .ing-box * { font-size: 12px; }
.sp ol.process_list > li:before { top: 15px; width: 20px; height: 20px; line-height: 1.4em; }
.sp #container .recipe-block .ing .ing-box .ttl { font-weight: bold; font-size: 12px; padding: 0; }
.sp #container .recipe-block .process-box * { font-size: 12px; line-height: 1.8em; }
.sp #container .recipe-block ol.process_list > li .tit { font-size: 15px; line-height: 1.5em; padding: 0 0 0 25px; }
.sp #container .recipe-block ol.process_list > li .tit small { font-size: 15px; line-height: 1.5em; font-weight: bold;}
.sp #container .recipe-block .process-box ol.process_list > li ul.child_list > li .child_ttl,.sp #container .recipe-block .process-box span.child_num { line-height: 1; }
.sp #container .recipe-block .process_btn { color: #013b95; font-weight: bold; text-align: center; padding: 10px; border: solid 2px #013b95; border-radius: 30px; margin-top: 20px; position: relative; }
.sp #container .recipe-block .process_btn:after { content: ""; position: absolute; top: 18%; right: 11px; width: 26px; height: 26px; border-radius: 50%; }
.sp #container .recipe-block .process_btn.plus:before { content: "作り方を見る"; }
.sp #container .recipe-block .process_btn.minus { display: none;}
.sp #container .recipe-block .process_btn.minus:before { content: "作り方を閉じる"; }
.sp #container .recipe-block .process_btn.plus:after { background: url(../images/toggle_plus.png) center / 50% no-repeat #013b95; }
.sp #container .recipe-block .process_btn.minus:after { background: url(../images/toggle_minus.png) center / 50% no-repeat #013b95; }
.sp .movie-block .global_wrapper { width: 100%; margin: 0 auto; line-height: 0; }
.sp .movie-block .global_wrapper figure { position: relative; width: 100%; padding-bottom: 56.3%; }
.sp .movie-block .global_wrapper .player { position: absolute; top: 0; left: 0; z-index: 1; }
.sp .movie-block .global_wrapper .thumb { position: absolute; top: 0; left: 0; z-index: 2; }


/*---------------------------
				   #link
---------------------------*/
.sp #link { padding: 0 0 40px; }
.sp #link h2:before { margin: -48px 0 5px; height: 91px; background: url(../images/link.png) center / 91px 91px no-repeat; }
.sp #container #link h2 { font-size: 18px; }
.sp #link .link-box { padding-top: 15px; margin-top: 0; display: block; margin: auto; width: 100%; max-width: 250px; }
.sp #link .link-item .item-box li + li { margin-top: 20px; }
.sp #link .link-box li + li { margin-top: 15px; }
.sp #link .link-box li .txt span { font-size: 15px; line-height: 1.2em; font-weight: bold; }
.sp #link .link-box li .txt { height: 3em; }
.sp #link .link-box li a { display: block; width: 100%; height: 100%; }
.sp #link .link-box li .txt span:before { top: 17px; right: 5px; }
.sp #link .link-box li .txt span:after { top: 22px; right: 11px; }
.sp #link .link-item { padding: 0 20px 20px; margin: 40px 0 0; }
.sp #link .link-item .item-box { margin: 0; display: block; }
.sp #link .link-item h3.ttl { font-size: 16px; padding: 0 10px; height: 42px; }
.sp #link .link-item h3.ttl:before { margin-left: -10px; border: 8px solid transparent; border-top: 10px solid #00307b; }
.sp #link .link-item .item-box li .detail-btn:before { top: 0.7em; }
.sp #link .link-item .item-box li figure { width: 30%; }
.sp #link .link-item .item-box li .txt { width: 66%; }