@charset "utf-8";  
/*------------------------------------------------------------ 
	デフォルトスタイル	全ページ共通css
------------------------------------------------------------*/  

/**** フォントサイズ　*************

基本を12pxに、サイズは％指定。

====偶数====　　　====奇数====
■10px = 84%      ■11px = 92%
■12px = 100%     ■13px = 109%
■14px = 117%     ■15px = 125%
■16px = 134%     ■17px = 142%
■18px = 150%     ■19px = 159%
■20px = 167%     ■21px = 175%
■22px = 184%     ■23px = 192%
■24px = 200%     ■25px = 209%
■26px = 217%     ■27px = 226%

**********************************/

html, body{ margin:0; padding:0;}
body{
	font-size:76%;
	background:#fff;
	-webkit-text-size-adjust:100%;
}

html{ font-size:92%;}

div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, 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{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-family: "CenturyGothicStd","Century Gothic","ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro","メイリオ",Meiryo,Sans-Serif;
	font-size:100%;
	line-height:1.2;
	font-weight:normal;
	vertical-align:baseline;
	background:transparent;
	word-break:break-all;
	overflow-wrap : break-word;
	word-wrap: break-word;
}  

article,aside,details,figcaption,figure,
footer,header,hgroup,menu,nav,section{ 
    display:block;
}

blockquote, q{ quotes:none;}

a{
	text-decoration:none;
	outline:none;
}

ins{
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}

mark{
    background-color:#ff9;
    color:#000;
    font-style:italic;
    font-weight:bold;
}

del{ text-decoration: line-through;}
abbr[title], dfn[title]{
    border-bottom:1px dotted;
    cursor:help;
}

table{
    border-collapse:collapse;
    border-spacing:0;
}

hr{
    display:block;
    height:1px;
    border:0;
    border-top:1px solid #cccccc;
    margin:1em 0;
    padding:0;
}

input, select,textarea{
    vertical-align:middle;
	font-family: "游ゴシック", "Yu Gothic", YuGothic, 'Hiragino Kaku Gothic Pro', 'ヒラギノ角ゴ Pro W3', Meiryo, メイリオ, Osaka, 'MS PGothic', arial, helvetica, sans-serif;
	font-weight: 500;
}

input:focus,
select:focus,
textarea:focus{ outline:none;}

input[type=text],
input[type=number],
input[type=tel],
input[type=password],
textarea{
	font-size:109%;
	-webkit-appearance: none; 
}

input[type=radio]{ margin-top:0;}

ul{ list-style-type:none;}
img{ vertical-align:middle;}

.img-responsive{
	width:100%;
	height:auto;
}

.clear{ clear:both;}
.clearfix{ width:100%;}
.clearfix:after{
    content:"";
    display:block;
    clear:both;
}

.fl{ float:left;}
.fr{ float:right;}

.txtl{ text-align:left;}
.txtr{ text-align:right;}
.txtc{ text-align:center;}

strong,
.fwb{ font-weight:bold;}

.clrr{ color:#FF0000;}
.clrb{ color:#333;}
.clrw{ color:#fff;}

.il{ display:inline;}
.bl{ display:block;}
.no{ display:none!important;}

.li2{ line-height:2;}


/* margin */

.mt05{ margin-top:5px;}
.mt10{ margin-top:10px;}
.mt15{ margin-top:15px;}
.mt20{ margin-top:20px;}
.mt30{ margin-top:30px;}

.mr10{ margin-right:10px;}
.mr20{ margin-right:20px;}
.mr30{ margin-right:30px;}

.mb10{ margin-bottom:10px;}
.mb15{ margin-bottom:15px;}
.mb20{ margin-bottom:20px;}
.mb30{ margin-bottom:30px;}

.ml05{ margin-left:5px;}
.ml10{ margin-left:10px;}
.ml20{ margin-left:20px;}
.ml30{ margin-left:30px;}

/* padding */

.pt05{ padding-top:5px;}
.pt10{ padding-top:10px;}
.pt20{ padding-top:20px;}
.pt30{ padding-top:30px;}

.pr05{ padding-right:5px;}
.pr10{ padding-right:10px;}
.pr20{ padding-right:20px;}
.pr30{ padding-right:30px;}

.pb05{ padding-bottom:5px;}
.pb10{ padding-bottom:10px;}
.pb20{ padding-bottom:20px;}
.pb30{ padding-bottom:30px;}

.pl10{ padding-left:10px;}
.pl20{ padding-left:20px;}
.pl30{ padding-left:30px;}

/* font-size */

.font10{ font-size:84%;}
.font11{ font-size:92%;}
.font12{ font-size:100%;}
.font13{ font-size:109%;}
.font14{ font-size:117%;}
.font15{ font-size:125%;}
.font16{ font-size:134%;}
.font17{ font-size:142%;}
.font18{ font-size:150%;}
.font19{ font-size:159%;}
.font20{ font-size:167%;}
.font21{ font-size:175%;}
.font22{ font-size:184%;}
.font23{ font-size:192%;}
.font24{ font-size:200%;}
.font25{ font-size:209%;}
.font26{ font-size:217%;}
.font27{ font-size:226%;}


/*------------------------------------------------------------ 
    スタイル 
------------------------------------------------------------*/

.inner{
	width:auto;
	padding:10px;
	overflow:hidden;
}

#editor{
	line-height:1.6;
	color:#333;
	padding:0 10px 20px;
}

#editor img{
	width:100%!important;
	height:auto!important;
}

#editor table,
#editor caption,
#editor tbody,
#editor tfoot,
#editor thead,
#editor tr,
#editor th,
#editor td {
	border: 1px solid gray;
    border-spacing: 2px;
	border-collapse: separate;
}

#editor strong * { font-weight: bold;}
#editor a:hover { text-decoration: underline;}

/*------------------------------------------------------------ 
    ヘッダー 
------------------------------------------------------------*/

#hdLink{ width:100%;}

#hdLink a{
	display:block;
	width:100%;
	line-height:30px;
	text-align:center;
	color:#fff;
	font-size:109%;
	background:#FF9EBA;
}

#hdLink a:after{
	display:inline-block;
	vertical-align:middle;
	content:"";
	width:15px;
	height:15px;
	margin-left:5px;
	background:url(../img/icon-more.png) no-repeat;
	background-size:15px 15px;
}

#header{
	width:100%;
	background:#fff;
	-webkit-transition: -webkit-transform 0.4s ease;
	-ms-transition: -ms-transform 0.4s ease;
	transition: transform 0.4s ease;
	position:relative;
	z-index:100;
}

#header.fixed { padding-bottom:61px;}


html.mm-opening #header:not(.fixed){
	-webkit-transform: translate(80%, 0);
	-moz-transform: translate(80%, 0);
	-ms-transform: translate(80%, 0);
	-o-transform: translate(80%, 0);
	transform: translate(80%, 0);
}

#header.fixed{
	background:none;
	-webkit-transition: left 0.1s ease;
	-ms-transition: left 0.1s ease;
	transition: left 0.1s ease;

}
html.mm-opening #header.fixed{ left:80%;}


@media all and (min-width: 550px) {

html.mm-opening #header:not(.fixed){
	-webkit-transform: translate(440px, 0);
	-moz-transform: translate(440px, 0);
	-ms-transform: translate(440px, 0);
	-o-transform: translate(440px, 0);
	transform: translate(440px, 0);
}

html.mm-opening .fixed #hdInner{
	-webkit-transform: translate(440px, 0);
	-moz-transform: translate(440px, 0);
	-ms-transform: translate(440px, 0);
	-o-transform: translate(440px, 0);
	transform: translate(440px, 0);
}

}

#hdInner{
	width:100%;
	height:43px;
	padding:8px 0 9px;
	display:table;
	transform: translate3d(0, 0, 0);
	border-bottom:1px solid #ccc;
}

.fixed #hdInner{
	position:fixed;
	top:0;
	z-index:999;
	background:rgba(255,255,255,.95);
	-webkit-transition: -webkit-transform 0.4s ease;
	-ms-transition: -ms-transform 0.4s ease;
	transition: transform 0.4s ease;
}

html.mm-opening .fixed #hdInner{
	-webkit-transform: translate(80%, 0);
	-moz-transform: translate(80%, 0);
	-ms-transform: translate(80%, 0);
	-o-transform: translate(80%, 0);
	transform: translate(80%, 0);
}

#nav-button{
	display:table-cell;
	width:44px;
	vertical-align:top;
	padding-left:5px;
}

#nav-button a{
	display:block;
	width:100%;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding-top:30px;
	position:relative;
}

.top-bar,
.middle-bar,
.bottom-bar{
	width: 20px;
	height: 2px;
	margin-top: 10px;
	background-color: #999;
	-webkit-transition: -webkit-transform .1s 0s ease-in-out,top .1s .1s ease-in-out;
	-moz-transition: -moz-transform .1s 0s ease-in-out,top .1s .1s ease-in-out;
	-ms-transition: -ms-transform .1s 0s ease-in-out,top .1s .1s ease-in-out;
	-o-transition: -o-transform .1s 0s ease-in-out,top .1s .1s ease-in-out;
	transition: transform .1s 0s ease-in-out,top .1s .1s ease-in-out;
	-webkit-transform-origin: 50% 50%;
	-moz-transform-origin: 50% 50%;
	-ms-transform-origin: 50% 50%;
	-o-transform-origin: 50% 50%;
	transform-origin: 50% 50%;
	position: absolute;
	top: 0;
	left:12px;
}

.middle-bar{
	webkit-transition: opacity 0s .15s linear;
	-moz-transition: opacity 0s .15s linear;
	-ms-transition: opacity 0s .15s linear;
	-o-transition: opacity 0s .15s linear;
	transition: opacity 0s .15s linear;
	top: 7px;
}

.bottom-bar{ top: 14px;}

.mm-opening .top-bar{
	-webkit-transform: rotate(45deg);
	-moz-transform: rotate(45deg);
	transform: rotate(45deg);
	top: 7px;
}

.mm-opening .middle-bar{
	opacity: 0;
}

.mm-opening .bottom-bar{
	-webkit-transform: rotate(-45deg);
	-moz-transform: rotate(-45deg);
	transform: rotate(-45deg);
	top: 7px;
}

#hdLogo{
	display:table-cell;
	vertical-align:middle;
	text-align:center;
}

#hd-login{
	display:table-cell;
	vertical-align:middle;
	width:60px;
	padding:0 5px;
}

#hd-login a{
	display:block;
	color:#333;
	padding:5px;
	text-align:center;
	border:1px solid #999;
	border-radius:8px;
}

#hd-cart{
	display:table-cell;
	vertical-align:middle;
	padding:0 4px;
	width:40px;
}

#hd-cart a{
	display:block;
	padding-top:24px;
	text-align:center;
	background:url(../img/icon-cart.png) no-repeat 50% 1px;
	background-size:21px 18px;
	color:#717071;
}

#hd-search{
	display:table-cell;
	vertical-align:middle;
	padding:0 4px;
	width:40px;
}

#hd-search a{
	display:block;
	padding-top:24px;
	text-align:center;
	background:url(../img/icon-search.png) no-repeat 50% top;
	background-size:19px 20px;
	color:#717071;
}

#hdMenu{
	width:auto;
	padding:5px;
	overflow:hidden;
}

#hdMenu li{
	width:50%;
	height:30px;
	float:left;
	padding:0 5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#hdMenu a{
	display:block;
	width:100%;
	text-align:center;
	color:#fff;
	font-size:109%;
	border-radius:15px;
}

#hdMenu .style1{
	color:#333;
	line-height:28px;
	border:1px solid #ccc;
}
#hdMenu .style2{
	color:#fff;
	line-height:30px;
	background:#FF9EBA;
}

/*

#hd-search{
	display:table;
	width:100%;
	padding:5px 0;
	background:rgba(239,239,239,.95);
}

#search-input{
	display:table-cell;
	vertical-align:middle;
	padding:0 10px;
	border-right:1px solid #ccc;
	position:relative;
}

#search-input input{
	display:block;
	width:100%;
	height:30px;
	border:1px solid #ccc;
	padding:0 5px 0 30px;
	border-radius:5px;
	background:#fff url(../img/icon-hd-search.png) no-repeat 3px 50%;
	background-size:25px 25px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#siborikomi-btn{
	display:table-cell;
	vertical-align:middle;
	width:84px;
	padding:0 10px;
}

#siborikomi-btn a{
	display:block;
	width:auto;
	height:30px;
	text-align:right;
	line-height:30px;
	padding:0 8px;
	color:#fff;
	font-size:109%;
	background:#FF9EBA;
	border-radius:5px;
	position:relative;
}

#siborikomi-btn a:before{
	display:block;
	content:"";
	width:12px;
	height:12px;
	background:url(../img/icon.png) no-repeat;
	background-size:100px 100px;
	background-position:-32px 0;
	position:absolute;
	left:8px;
	top:9px;
}


/*------------------------------------------------------------ 
    コンテンツ 
------------------------------------------------------------*/ 


/* 表示切替 */

#article-switch{
	width:auto;
	padding:10px;
	text-align:right;
	border-bottom:1px solid #ccc;
}

#article-switch dt{
	display:inline-block;
	vertical-align:middle;
	line-height:30px;
	color:#666;
	margin-right:5px;
}

#article-switch dd{
	display:inline-block;
	vertical-align:middle;
	overflow:hidden;
}

#article-switch dd a{
	display:block;
	float:left;
	margin-left:5px;
	width:30px;
	height:30px;
	border:1px solid #ccc;
	background:#F0F0F0;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	border-radius:3px;
}

#article-switch dd a.selected{ background:#ccc;}


/* 商品リスト */

.item-list.list-style1{
	width:100%;
	padding:5px 0;
}

.item-list.list-style1 li{
	display:block;
	width:auto;
	padding:5px 8px 5px 8px;
	color:#333;
	overflow:hidden;
}

.item-list.list-style1 .item-img{
	display:block;
	width:33.3333%;
	float:left;
	padding:0 2px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.item-list.list-style1 .item-info{
	width:66.6666%;
	float:right;
	padding:0 2px 0 10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.item-img{
	display:block;
	width:100%;
	height:100%;
	position:relative;
}

.item-cate{
	display:inline-block;
	min-width:50px;
	height:20px;
	padding:0 5px;
	text-align:center;
	line-height:20px;
	color:#fff;
}

.item-img .item-cate{
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}

.item-cate.cate1{ background:#BDD7EE;}
.item-cate.cate2{ background:#C5E0B4;}
.item-cate.cate3{ background:#F09898;}

.soldout{
	display:inline-block;
	min-width:50px;
	height:20px;
	padding:0 5px;
	text-align:center;
	line-height:20px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	background:#ccc;
	position:absolute;
	left:0;
	top:0;
	z-index:2;
}

.item-name{
	min-height:30px;
	margin:8px 0 5px;
}

.item-name a{
	display:table-cell;
	vertical-align:middle;
	height:30px;
	line-height:15px;
	color:#333;
	font-size:109%;
}

.item-price{
	font-size:117%;
	font-weight:bold;
	line-height:15px;
	float:left;
}

.item-price span{
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:117%;
}

.item-recommend{
	float:right;
	margin-top:3px;
	line-height:15px;
	color:#666;
	font-family:Arial, Helvetica, sans-serif;
	font-size:109%;
	padding:0 5px 0 36px;
	border-left:1px solid #ccc;
	background:url(../img/icon-sns-like-on.png) no-repeat 10px 50% / 16px 13px;
}

.item-user-name{
	margin-top:8px;
	color:#333;
	font-size:109%;
}

.item-user-name a{
	color:#666;
	line-height:13px;
}

.item-description{
	margin-bottom:8px;
	color:#888;
}

.item-list.list-style2{
	width:auto;
	padding:8px;
	letter-spacing:-0.4em;
}

.item-list.list-style2 li{
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	width:33.3333%;
	padding:2px;
	position:relative;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.item-list.list-style2 .item-name,
.item-list.list-style2 .item-user-name,
.item-list.list-style2 .item-description,
.seller-list.list-style2 .seller-description,
.seller-list.list-style2 .seller-copy,
.item-list.list-style2 .item-recommend{ display:none;}

.item-list.list-style2 .item-price{
	float:none;
	margin-top:0;
	position:absolute;
	padding:0 8px 0 4px;
	line-height:20px;
	left:5px;
	bottom:10px;
	font-size:100%;
	color:#fff;
	background:rgba(0,0,0,.4);
	border-radius:0 10px 10px 0;
}

/* チェックした商品 */

.item-slide-wrap{
	width:100%;
	padding:20px 0 12px;
	margin:10px 0;
	background:#EFEFEF;
}

.item-slide-hd{
	width:auto;
	padding:0 10px 10px;
	color:#333;
	font-size:150%;
}

.item-slide-wrap .slick-dotted.slick-slider{ padding-bottom:33px;}

.item-slider{
	padding:0 5px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.item-slider li{
	padding:8px 5px;
	color:#333;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


/* 出品者リスト */

.seller-list{
	width:auto;
	padding:0 2px;
	letter-spacing:-0.4em;
}

.seller-list.list-style1 li{
	display:block;
	width:auto;
	padding:15px 8px 0 0;
	color:#333;
	letter-spacing:normal;
	overflow:hidden;
}

.seller-list.list-style1 .seller-img{
	display:block;
	width:33.3333%;
	float:left;
	padding:0 10px 0 8px;
	box-sizing:border-box;
}

.seller-img img{ border-radius:50%;}

.seller-list.list-style1 .seller-name{
	width:66.6666%;
	float:left;
	color:#333;
	font-size:117%;
	padding:5px 2px 8px 1px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.seller-list.list-style1 .seller-copy{
	width:66.6666%;
	float:left;
	color:#666;
	padding-top:10px;
}

.seller-list.list-style1 .seller-review{
	width:66.6666%;
	float:left;
	padding-left:1px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.seller-list.list-style1 .seller-description{
	width:66.6666%;
	float:left;
	color:#333;
	margin-top:8px;
}

.seller-list.list-style2 li{
	display:inline-block;
	vertical-align:top;
	letter-spacing:normal;
	width:33.3333%;
	padding:8px;
	text-align:center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.seller-list.list-style2 .seller-name{ padding-bottom:5px;}

.seller-list.list-style2 li:not(:nth-child(3n)){ border-right:1px solid #EFEFEF;}

/*
.seller-list.list-style2 .seller-img{
	width:auto;
	padding:0 7px;
}
*/

.seller-list.list-style2 .seller-name{
	display:table-cell;
	vertical-align:middle;
	height:28px;
	color:#333;
	line-height:14px;
	font-size:117%;
	padding:8px 0 6px;
}

.seller-review{
	width:100%;
	max-width:107px;
	margin:0 auto;
}


/* pagination */

.article-pagination{
	display:table;
	width:100%;
	height:40px;
	overflow:hidden;
	background:#F5F5F5;
	border-bottom:1px solid #ddd;
}

.article-pagination.top{
	margin:15px 0;
	border-top:1px solid #ddd;
}

.article-prev{
	display:table-cell;
	vertical-align:middle;
	width:100px;
	height:40px;
}

.article-prev a{
	display:block;
	width:auto;
	height:100%;
	padding-left:10px;
	text-align:left;
	line-height:40px;
}

.article-page{
	display:table-cell;
	vertical-align:middle;
	color:#666;
	font-size:117%;
	line-height:40px;
	text-align:center;
}

.article-next{
	display:table-cell;
	vertical-align:middle;
	width:100px;
	height:40px;
}

.article-next a{
	display:block;
	width:auto;
	height:100%;
	padding-right:10px;
	text-align:right;
	line-height:40px;
}


/* pankuzu */

.pankuzu{
	width:auto;
	padding:5px 10px;
	overflow:hidden;
	border-bottom:1px solid #ccc;
}

.pankuzu li{
	float:left;
	color:#333;
	padding:2px 0;
	line-height:15px;
	font-weight:bold;
}

.pankuzu li:not(:last-child){
	margin-right:7px;
}

.pankuzu li:not(:first-child){
	padding-left:24px;
	background:url(../img/icon-pankuzu.png) no-repeat 7px 50% / 10px 19px;
}

.pankuzu a{
	display:block;
	color:#666;
	line-height:15px;
}


/* form */

.form-input{
	width:100%;
	height:36px;
	padding:0 10px;
	font-size:109%;
	border:1px solid #ddd;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.form-input.half{ width:40%;}

.form-select{
	height:32px;
	color:#666;
	padding:0 10px;
	margin-right:10px;
	border:1px solid #ddd;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.form-txtarea{
	width:100%;
	height:200px;
	padding:10px;
	overflow:auto;
	font-size:109%;
	resize:none;
	border:1px solid #DDDDDD;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}


/* review */

#review-list li{
	width:auto;
	padding:8px;
	color:#333;
	overflow:hidden;
}

#review-list li:not(:last-child){ border-bottom:1px solid #ccc;}

#review-list .review{
	display:table;
	width:100%;
	margin-bottom:12px;
}

#review-list .review div{
	display:table-cell;
	vertical-align:top;
	width:107px;
}

#review-list .review p{
	display:table-cell;
	vertical-align:top;
	padding-left:10px;
	font-size:117%;
	color:#333;
	font-weight:bold;
	line-height:20px;
}

.review-thumb{
	display:block;
	width:33.3333%;
	float:left;
	padding:0 2px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.review-info{
	width:66.6666%;
	float:right;
	padding:0 2px 0 10px;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.review-ttl{
	margin-top:10px;
	font-size:117%;
	color:#333;
	font-weight:bold;
}

.review-txt{
	color:#333;
	font-size:109%;
	margin:8px 0;
}

.review-txt strong{
	display:block;
	font-weight:bold;
	font-size:109%;
	margin-bottom:4px;
}

.review-user{
	display:table;
	width:100%;
	color:#666;
}

.review-user dt{
	width:40px;
	display:table-cell;
	vertical-align:top;
}

.review-user dd{
	display:table-cell;
	vertical-align:top;
	font-weight:bold;
}

.review-user dd a{
	color:#666;
	font-weight:bold;
}

.review-date{
	margin-top:4px;
	color:#999;
	font-size:109%;
	font-family:Arial, Helvetica, sans-serif;
}



/* banner */

#banner-list{
	width:auto;
	padding:10px 10px 0;
}

#banner-list li{ margin-bottom:10px;}


/*------------------------------------------------------------ 
    フッター 
------------------------------------------------------------*/

#pagetop{
	width:auto;
	padding:15px 10%;
	text-align:center;
}

#pagetop a{
	display:block;
	color:#fff;
	line-height:40px;
	font-size:117%;
	font-weight:bold;
	background:#FF9EBA;
	border-radius:20px;
}

#social-wrapper{
	width:100%;
	overflow:hidden;
}

#facebook-pageplugin{
	display:block;
	width:100%;
	max-width:500px;
	height:215px;
	margin:0 auto;
}

#social-appeal {
	width:auto;
	padding:20px;
	text-align: center;
	/* border-top:1px solid #E9EBEE; */
	margin-top:-1px;
}

#social-appeal p{
	font-size:117%;
	color:#333;
	margin-bottom:15px;
}

#social-appeal-list {
	display:inline-block;
	width: 100%;
    text-align: left;
}

#social-appeal-list .follow-instagram {
	float: left;
	width:40%;
/*	border-right: 1px solid #ccc;*/
	text-align: center;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizong:border-box;
}

#social-appeal-list .follow-instagram a {
	display:inline-block;
	color: #085885;
	font-size:117%;
	line-height:19px;
}

#social-appeal-list .follow-instagram a::before {
    display: inline-block;
    content: "";
    background-size: 19px 19px;
    background-image: url(../img/social-instagram.png);
    background-repeat: no-repeat;
    width: 19px;
    height: 19px;
    margin-right: 5px;
    vertical-align: bottom;
}

#social-appeal-list .follow-twitter {
	float: right;
	width:40%;
	text-align:center;
}

#social-appeal-list .follow-twitter a {
	display:inline-block;
	color: #2baee9;
	font-size:117%;
	line-height:17.5px;
}

#social-appeal-list .follow-twitter a::before{
	display:inline-block;
	content:"";
	width:21px;
	height:17.5px;
	background-size: 21px 17.5px;
	background-image: url(../img/social-twitter.png);
	background-repeat: no-repeat;
	vertical-align:middle;
	margin-right:5px;
}

#social-appeal-list .logo-mark {
	width:20%;
	float:left;
	text-align:center;
}

#ft-navi-hd{
	color:#999;
	font-size:134%;
	font-weight:bold;
	padding:20px 10px 10px;
	background:#fff;
}

#ft-navi{
	width:100%;
	background:#fff;
	overflow:hidden;
	border-top:1px solid #ccc;
}

#ft-navi li{
	width:50%;
	height:36px;
	float:left;
	border-bottom:1px solid #ccc;
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

#ft-navi li.no-bdr{ border-bottom:none;}

#ft-navi li:nth-child(odd){ border-right:1px solid #ccc;}

#ft-navi a{
	display:block;
	width:auto;
	height:100%;
	text-align:center;
	padding:0 16px;
	line-height:35px;
	color:#999;
	font-size:109%;
	background:no-repeat 12px 50%;
	background-size:19px 19px;
	position:relative;
}
/*
#ft-navi #fnavi01{ background-image:url(../img/icon-gnavi04.png);}
#ft-navi #fnavi02{ background-image:url(../img/icon-gnavi05.png);}
#ft-navi #fnavi03{ background-image:url(../img/icon-gnavi06.png);}
#ft-navi #fnavi04{ background-image:url(../img/icon-gnavi07.png);}
#ft-navi #fnavi05{ background-image:url(../img/icon-gnavi08.png);}
#ft-navi #fnavi06{ background-image:url(../img/icon-gnavi11.png);}
#ft-navi #fnavi07{ background-image:url(../img/icon-gnavi09.png);}
#ft-navi #fnavi08{ background-image:url(../img/icon-gnavi10.png);}
#ft-navi #fnavi09{ background-image:url(../img/icon-gnavi12.png);}
#ft-navi #fnavi10{ background-image:url(../img/icon-gnavi13.png);}
#ft-navi #fnavi11{ background-image:url(../img/icon-photo.png);} 
#ft-navi #fnavi12{ background-image:url(../img/icon-curator.png);}
#ft-navi #fnavi13{ background-image:url(../img/icon-keyword.png); background-size 15px 15px;}
*/

#ft-navi a:after{
	display:block;
	content:"";
	width:4px;
	height:8px;
	background:url(../img/icon-arrow.png) no-repeat 0 0 / 4px 8px;
	position:absolute;
	top:50%;
	right:10px;
	margin-top:-4px;
}

#follow-area{ padding-top:20px;}

#ftBtn{
	width:auto;
	padding:0 10px;
}

#ftBtn li{ padding-bottom:12px;}

#ftBtn a{
	display:block;
	line-height:36px;
	text-align:center;
	font-size:117%;
	font-weight:bold;
	border-radius:18px;
}

#ftBtn .style1{
	color:#666;
	background:#fff;
}

#ftBtn .style2{
	color:#fff;
	background:#FF9EBA;
}

#footer{
	width:auto;
	text-align:center;
	padding-bottom:13px;
	background:#EFEFEF;
}

#follow-area dt{
	color:#999;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
	font-size:117%;
}

#follow-area dt span{
	font-size:125%;
	padding:0 2px;
}

#follow-area ul{
	width:100%;
	text-align:center;
	padding:10px 0 20px;
}

#follow-area li{
	display:inline-block;
	width:32px;
	height:32px;
	margin:0 10px;
}

#ft-sub-navi{ margin-bottom:20px;}

#ft-sub-navi li ul{
	width:100%;
	letter-spacing: -0.5em;
}

#ft-sub-navi li li{
	display:inline-block;
	margin:5px 8px 5px 0;
	padding-right:8px;
	letter-spacing:normal;
	border-right:1px solid #999;
}

#ft-sub-navi li li:last-child{
	border:none;
	margin-right:0;
	padding-right:0;
}

#ft-sub-navi a{ color:#999;}

#copyright{
	width:auto;
	margin-top:15px;
	padding:0 15px;
}

#copyright small{
	display:block;
	padding-top:10px;
	border-top:1px solid #ccc;
	color:#999;
	font-family:Arial, Helvetica, sans-serif;
}