@charset "utf-8";
@import url(https://use.fontawesome.com/releases/v5.6.1/css/all.css);
@import url(https://fonts.googleapis.com/css?family=Noto+Sans+JP:400,700);
@import url(https://fonts.googleapis.com/css?family=Noto+Serif+SC:600);
@import url(https://fonts.googleapis.com/css?family=Roboto:400,300,500,700,900&display=swap);
@import url(https://fonts.googleapis.com/css?family=Anton&display=swap);
@import url(https://fonts.googleapis.com/css?family=Oswald:300,400,500,600,700&display=swap);
@import url(https://file001.shop-pro.jp/PA01516/709/common/css/animate.css);

/* ---------------------------------------------------------------- *
		リセット
* ---------------------------------------------------------------- */

/* http://meyerweb.com/eric/tools/css/reset/ v2.0 | 20110126 License: none (public domain)*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, fsss, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video{margin:0;padding:0;border:0;font-size:100%;vertical-align:baseline;}
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section{display:block;}
body{line-height:1;}
ol, ul{list-style:none;}
blockquote, q{quotes:none;}
blockquote:before, blockquote:after, q:before, q:after{content:''; content:none;}
table{border-collapse:collapse;border-spacing:0}
*,*::before,*::after {box-sizing:border-box;}

/* ---------------------------------------------------------------- *
		基本設定(PC)
* ---------------------------------------------------------------- */

html {scroll-padding-top:60px; /* 固定ヘッダの高さ分 */}

body {
	background-color:#fff;
	font-family:
	'Roboto',
	'Noto Sans JP',
	'ヒラギノ角ゴ Pro W3',
	'Hiragino Kaku Gothic Pro',
	"游ゴシック体", YuGothic, 
	'メイリオ', Meiryo,
	'ＭＳ Ｐゴシック',
	'MS PGothic',
	Helvetica,
	Osaka,
	sans-serif!important;	
	color:#111;
	font-feature-settings:"palt" 1;
	font-kerning:auto;
}

/* リンク色の設定 */
a {opacity:1;transition:all 0.2s ease-in-out;}
a:hover {opacity:0.8;transition:all 0.1s ease-in-out;}
a:link {color:#111;text-decoration:underline;}
a:visited {color:#111;text-decoration:underline;}
a:hover {color:#414141;text-decoration:none!important;}
a:active {color:#111;text-decoration:none!important;}

/* 明朝 */
.serif {
	font-family:
	'Noto Serif JP',
	"游明朝体",
	"Yu Mincho",
	YuMincho,
	Garamond,
	"Times New Roman",
	"ヒラギノ明朝 Pro W3",
	"Hiragino Mincho Pro",
	"HiraMinProN-W3",
	"HGS明朝E",
	"ＭＳ Ｐ明朝",
	"MS PMincho",
	serif;
	font-weight: 600;
	letter-spacing:0;
	font-feature-settings:"palt" 1;
	font-kerning:auto;
}
	
/* ゴシック */
.sansSerif {
	font-family:
	'Roboto',
	'Noto Sans JP',
	'ヒラギノ角ゴ Pro W3',
	'Hiragino Kaku Gothic Pro',
	'メイリオ',
	'ＭＳ Ｐゴシック',
	'MS PGothic',
	Helvetica,
	Meiryo,
	Osaka,
	sans-serif;
	font-feature-settings:"palt" 1;
	font-kerning:auto;
}

/* 両端揃え */
.justify {
	text-align:justify;
	text-justify:inter-ideograph;
}

.flex {
	display: flex;
	display: -webkit-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	-js-display: flex;
	justify-content: space-between;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	-webkit-justify-content: space-between;
	flex-wrap: wrap;
	-ms-flex-wrap: wrap;
	-webkit-flex-wrap: wrap;
}

.hide {display:none;}
.pc_hide {display:none;}
.sp_hide {display:block;}
.hide {display:none;}
.clear {clear:both;}

/* フォント */
.ff1 {font-family:'Anton',sans-serif;}
.ff2 {font-family:'Oswald',sans-serif;}
.red {color:#eb3c64;}
.white {color:#ffffff;}
.black {color:#333333;}
.yellow {color:#ffe100;}
.blue {color:#1889e1;}
.green {color:#3d9c47;}
.text_size_big {font-size:18px;line-height:160%;}
.text_size_normal {font-size:16px;line-height:160%;}
.text_size_small {font-size:14px;line-height:160%;}
.small {font-size:10px;line-height:140%;letter-spacing:0;}

/* 共通-アニメ */
.fadeIn {opacity:0;}
.fadeIn_anime {opacity:1;transition:1s ease-out;}

.fadeIn_fast {opacity:0;transform:scale(0.95, 0.95);}
.fadeIn_fast_anime {opacity:1;transform:scale(1, 1);transition:0.5s ease-out;transition-delay:0.2s;}

.slideUp {opacity:0;transform:translate(0,50px);-webkit-transform:translate(0,50px);}
.slideUp_anime {opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0);transition:1s ease-out;transition-delay:0s;}

.slideUp1 {opacity:0;transform:translate(0,50px);-webkit-transform:translate(0,50px);}
.slideUp_anime1 {opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0);transition:1s ease-out;transition-delay:0.5s;}

.slideUp2 {opacity:0;transform:translate(0,50px);-webkit-transform:translate(0,50px);}
.slideUp_anime2 {opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0);transition:1s ease-out;transition-delay:0.7s;}

.slideUp3 {opacity:0;transform:translate(0,50px);-webkit-transform:translate(0,50px);}
.slideUp_anime3 {opacity:1;transform:translate(0,0);-webkit-transform:translate(0,0);transition:1s ease-out;transition-delay:0.9s;}

.zoomIn {opacity:0;transform:scale(0.1, 0.1);-webkit-transform:scale(0.1, 0.1);}
.zoomIn_anime {opacity:1;transform:scale(1, 1);-webkit-transform:scale(1, 1);transition:0.4s ease-out;transition-delay:0s;}

.zoomIn_slow {opacity:0;transform:scale(0.5, 0.5) rotateY(180deg);-webkit-transform:scale(0.5, 0.5) rotateY(180deg);}
.zoomIn_slow_anime {opacity:1;transform:scale(1, 1) rotateY(360deg);-webkit-transform:scale(1, 1) rotateY(360deg);transition:0.8s ease-out;transition-delay:0s;}

.zoomOut {opacity:0;transform:scale(1.2, 1.2);-webkit-transform:scale(1.2, 1.2);}
.zoomOut_anime {opacity:1;transform:scale(1, 1);-webkit-transform:scale(1, 1);transition:0.5s ease-out;transition-delay:0s;}

/* ---------------------------------------------------------------- *
		TOPページ(PC)
* ---------------------------------------------------------------- */
.yc_container .header {background:#000;padding:20px;}
.yc_container .header .logo a {display:block;margin:0 auto;width:250px;height:42px;background:url(https://file001.shop-pro.jp/PA01516/709/common/image/logo_w.png) no-repeat;background-size:250px 42px;text-indent:-9999px;}
.yc_container .header a {color:#fff;text-decoration:none;}
.yc_container .header .insta_btn {position:absolute;top:22px;right:25px;}
.yc_container .header .insta_btn i {display:block;font-size:35px;color: #fff;}

.yc_container .mainimg_2nd {margin:70px 0;}
.yc_container .mainimg_2nd .title {text-align: center;}
.yc_container .mainimg_2nd .title .text {font-size:20px;border: solid 1px #333;padding:15px 40px;color: #333;}

.yc_container .mainArea .mainWrap {width:95%;max-width:1400px;margin:50px auto;}

.yc_container .mainbtn {display:block;margin:0 auto;padding:30px;width:300px;text-align:center;text-decoration:none;font-size:16px;font-weight:bold;background:#000;color:#fff;}

.photoalbum {margin:50px 0;}
.photoalbum a {display:block;width:19.9%;margin-bottom:3px;}
.photoalbum a img {display:block;width:100%;}
.photoalbum .noimg {width:19.9%;}

.yc_container .common_footer {padding:60px;background-color:#202020;border-top:#ddd solid 1px;}

.yc_container .common_footer .sns {margin:0 auto 70px auto;}
.yc_container .common_footer .sns a {width:40px;margin: 0 auto;display: block;}
.yc_container .common_footer .sns img {display:block;width:100%;}
.yc_container .common_footer .text_link {width:40%;margin: 0 auto 80px auto;}
.yc_container .common_footer .text_link .title {display:block;margin-bottom:20px;font-size:13px;font-weight:700;color:#fff;}
.yc_container .common_footer .text_link li a {display:block;margin-bottom:15px;font-size:12px;font-weight:400;color:#fff;}
.yc_container .common_footer .copyright {color:#FFF;font-size:11px;text-align:center;}

.pagetop {display:none;position:fixed;bottom:40px;right:30px;}
.pagetop li {list-style:none;font-size:10px;font-weight:700;line-height:125px;text-align:center;}
.pagetop a {z-index:1000;color:#7c7c7c;display:block;width:50px;height:50px;text-decoration:none;background:url("https://file001.shop-pro.jp/PA01516/709/common/image/pagetop.png") no-repeat;opacity:1;transition:all .2s ease-in-out;}
.pagetop a:hover {opacity:0.9;transition:all .2s ease-in-out;-moz-transition:all .2s ease-in-out;}




/* 以下、画面の横幅が700x以下の場合に適用されるCSS（SP） */

@media screen and (max-width:700px) {

.pc_hide {display:block;}
.sp_hide {display:none;}

.yc_container .header {padding:10px;}
.yc_container .header .logo a {display:block;margin:20px auto;width:150px;height:25px;background:url(https://file001.shop-pro.jp/PA01516/709/common/image/logo_w.png) no-repeat;background-size:150px 25px;text-indent:-9999px;}
.yc_container .header .insta_btn {position:absolute;top:30px;right:60px;}
.yc_container .header .insta_btn i {display:block;font-size:20px;color: #fff;}
.yc_container .header .cart_btn {position:absolute;top:30px;right:20px;}
.yc_container .header .cart_btn i {display:block;font-size:20px;color: #fff;}
.yc_container .header .cart_btn .text {display:none;}

.yc_container .mainimg_2nd {margin:50px 0;}
.yc_container .mainimg_2nd .title {text-align: center;}
.yc_container .mainimg_2nd .title .text {font-size:20px;border: solid 1px #333;padding:15px 40px;color: #333;}

.yc_container .mainArea .mainWrap {margin:30px auto;}

.yc_container .mainbtn {display:block;margin:0 auto;padding:30px;width:300px;text-align:center;text-decoration:none;font-size:16px;font-weight:bold;background:#000;color:#fff;}

.photoalbum {margin:50px 0;}
.photoalbum a {display:block;width:49.9%;margin-bottom:3px;}
.photoalbum a img {display:block;width:100%;}
.photoalbum .noimg {display:none;}

.yc_container .common_footer {padding:30px;}
.yc_container .common_footer .sns {margin:20px auto 50px auto;}
.yc_container .common_footer .text_link {width:100%;margin: 0 auto 20px auto;}
.yc_container .common_footer .text_link li {width:100%;margin-bottom:30px;}
.yc_container .common_footer .text_link li li {width:100%;margin-bottom:0;}
.yc_container .common_footer .text_link li a {display:block;margin-bottom:15px;font-size:12px;font-weight:400;color:#fff;}
.yc_container .common_footer .copyright {color:#FFF;font-size:11px;text-align:center;}

.pagetop {display:block;position:inherit;background-color:#202020;padding:20px 0;border-top:solid 1px rgba(0,0,0,0.5);}
.pagetop li {list-style:none;width:110px;font-family:'Roboto',sans-serif;font-weight:400;font-size:12px;text-indent:40px;line-height:30px;margin:0 auto;}
.pagetop a {color:#000;display:block;color:#FFF;width:30px;height:30px;text-decoration:none;background-image: url("https://file001.shop-pro.jp/PA01516/709/common/image/pagetop.png");background-repeat:no-repeat;
;opacity:1;background-size:30px 30px;}



}