@import url(//use.fontawesome.com/releases/v5.0.6/css/all.css);

body{
	font-family:'ヒラギノ角ゴ Pro W3','Hiragino Kaku Gothic Pro','メイリオ',Meiryo,'ＭＳ Ｐゴシック',sans-serif;
	background-color:#fff;
	font-size:12px;
	line-height:18px;
}
img{
	border:none;
	/* [disabled]float: right; */
	/* [disabled]margin-right: 50px; */
	/* [disabled]margin-top: 15px; */
	/* [disabled]margin-bottom: 15px; */
	/* [disabled]clear: none; */
}
*{
	padding:0;
	margin-right:auto;
	margin-left:auto;
	margin-top:0px;
}


/* SNS-SHARE */
#sns_footer .spUser, #sns_footer .pcUser {display:none;}


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

/* ↓特設共通ヘッダ ver.20130702↓ */
#header_link_wrapper2 ul#smart_header_link {display:none;}
#header_link_wrapper2{
	overflow:visible;
	background:url(../images/bg_line.gif) center bottom repeat-x; 
	width:100%;
	margin:0 auto;
	padding-bottom:4px;
	font-size:12px;
	line-height:18px;
	z-index:100;
}
#header_link_wrapper2 ul#pc_header_link{
	overflow:hidden;
	margin-left:8px;
	margin-bottom:0;
	line-height:0;
	list-style:none outside none;
}
#header_link_wrapper2 ul#pc_header_link li{
	float:left;
	padding:8px 8px 0px 0;
	line-height:0;
}
#header_link_wrapper2 #link_catchcopy{
	display:none;
	/*float:right;
	padding:5px 8px 5px 0;*/
}

#header_link_wrapper2 #header_twitter,
#header_link_wrapper2 #header_facebook,
#header_link_wrapper2 #header_google{
	float:right;
	padding:7px 5px 0 0;
}
#header_link_wrapper2 #header_twitter a img,
#header_link_wrapper2 #header_facebook a img,
#header_link_wrapper2 #header_google a img{
	width:30px;
	height:30px;
}
#header_link_wrapper2 a #header_twitter img,
#header_link_wrapper2 a #header_facebook img,
#header_link_wrapper2 a #header_google img{
	width:30px;
	height:30px;
}
#header_link_wrapper2 #header_line {display:none;}

.v2-headerMain{
    background:#fff;
    border-top:solid 6px #325fab;
    border-bottom:solid 3px #ffd95f;
}
.v2-headerMainContent{
    overflow:hidden;
    position:relative;
    max-width:1080px;
    margin:0 auto;
}
.v2-headerMainContentLogo{
    float:left;
    margin:0.5rem 0 0;
}
.v2-headerMainContentLogo img {width:150px;}
.v2-headerMainContent p.onlineshop{
    float:right;
    margin-block-start:0;
    margin-block-end:0;
    margin-top:6px;
}
.v2-headerMainContent p.onlineshop a{
 	display:block;
	margin:0.5rem 0;
	padding:0.6rem 1rem;
	font-size:14px;
 	color:#325fab;
	text-decoration:none;
	transition:all ease 0.3s;
}
.v2-headerMainContent p.onlineshop a:hover{
	background:#325fab;
	display:block;
	color:#fff;
	text-decoration:none;
}
.headerBox2 span {font-size:12px;}

/* ↑特設共通ヘッダ↑ */



ul#pc_header_link li a img.sp_btn {margin-top:8px;}
#footer_link{
    clear:both;
	background:url(https://www.animate-onlineshop.jp/special/include/images/bg_footer.gif) left top repeat-x;
    width:100%;
	margin:0 auto;
    padding:16px 0;
	font-size:12px;
	color:#fff;
    text-align:center;
	line-height:18px;
}
#footer_link a{
    color:#ffd047;
    text-decoration:none;
}
#footer_link a:hover {text-decoration:underline;}
#footer_link ul li{
    display:inline;
    margin-right:0;
}
.clear {display: block;}
#main_content{
	width:100%;
	margin:0 auto;
	text-align:center;
}
.demo-box div{
	background:#f36;
	height:130px;
	margin:10px 0 0 0;
	font-size:30px;
	font-weight:bold;
	color:#fff;
	line-height:130px;
	text-align:center;
	text-shadow:-2px 2px 0px rgba(0,0,0,.2);
}


/*SNSフッター:PC用*/
#sns_footer .pcUser{
	max-width:210px;
	margin:0 auto;
	padding-top:10px;
	padding-bottom:5px;
	text-align:center;
}
#sns_footer .pcUser #header_line {display:none;}
#sns_footer .pcUser #header_google,
#sns_footer .pcUser #header_facebook,
#sns_footer .pcUser #header_twitter{
	float:right;
	display:block;
	width:60px;
	margin:5px;
}


/*SNSフッター:Smartphone用*/
#sns_footer .spUser{
	width:95%;
	margin:0 auto 10px;
	padding-top:5px;
}
#sns_footer .spUser #header_line,
#sns_footer .spUser #header_google,
#sns_footer .spUser #header_facebook,
#sns_footer .spUser #header_twitter{
	display:block;
	float:left;
	width:48%;
	margin:4px;
	padding:4px;
	text-align:center;
	border-radius:6px;
}
#sns_footer .spUser img {height:100px;}
#sns_footer .spUser #header_line {background:#00c300;}
#sns_footer .spUser #header_google {background:#db4a39;}
#sns_footer .spUser #header_facebook {background:#3b57a1;}
#sns_footer .spUser #header_twitter {background:#4dbce9;}


}


@media print {
  body {-webkit-print-color-adjust: exact;}
}


@media all and (max-width: 640px){
#header_link_wrapper2 ul#pc_header_link {display:none;}
#header_link_wrapper2{
	overflow:visible;
	background:url(../images/bg_line.gif) center bottom repeat-x;
	width:100%;
	margin:0 auto 3px;
	padding-bottom:3px;
	font-size:75%;
	z-index:100;
}
#header_link_wrapper2 ul#smart_header_link{
	width:100%;
	margin:0 auto 3px;
	padding-top:3px;
	padding-bottom:4px;
	line-height:0;
	list-style:none outside none;
}
#header_link_wrapper2 ul#smart_header_link li{
	float:left;
	width:24%;
	padding:4px 1px 0 0;
	/*line-height:0;*/
}
#header_link_wrapper2 ul#smart_header_link li:nth-child(1) {padding-left:3px;}
#header_link_wrapper2 ul#smart_header_link li img {width:99%;}
#header_link_wrapper2 #link_catchcopy {display:none;}

.v2-headerMain{
    background:#fff;
    border-top:solid 6px #325fab;
    border-bottom:solid 3px #ffd95f;
}
.v2-headerMainContent{
    overflow:hidden;
    width:100%;
    margin:0 auto;
}
.v2-headerMainContentLogo{
    float:left;
    margin:0.4rem 0.5rem 0.2rem;
}
.v2-headerMainContentLogo img {width:105px;}
.v2-headerMainContent p.onlineshop{
    float:right;
    margin-block-start:0;
    margin-block-end:0;
}
.v2-headerMainContent p.onlineshop a{
	display:block;
	margin:0.2rem 0 0;
	padding:0.5rem;
	font-size:12px;
 	color:#325fab;
	text-decoration:none;
	transition:all ease 0.3s;
}
.headerBox2 span {font-size:12px;}

/*SNSヘッダー:Smartphone用*/
#sns_header{
	width:99%;
	margin:0 auto;
}
#sns_header #header_twitter a img,
#sns_header #header_facebook a img,
#sns_header #header_google a img,
#sns_header #header_line a img{
	width:22px;
	height:22px;
}
#sns_header a #header_twitter img,
#sns_header a #header_facebook img,
#sns_header a #header_google img,
#sns_header a #header_line img{
	width:22px;
	height:22px;
}
#sns_header a #header_line,
#sns_header a #header_google,
#sns_header a #header_facebook,
#sns_header a #header_twitter{
	float:left;
	display:block;
	width:24%;
	max-height:30px;
	margin:2px 1px 8px;
	padding:3px 0 1px;
	text-align:center;
	border-radius:2px;
}
#sns_header #header_line {background:#00c300;}
#sns_header #header_google {background:#db4a39;}
#sns_header #header_facebook {background:#3b57a1;}
#sns_header #header_twitter {background:#4dbce9;}


/*SNSフッター:PC用*/
#sns_footer{
	width:98%;
	margin:0 auto 10px;
	padding-top:5px;
}
#sns_footer .pcUser a #header_line,
#sns_footer .pcUser a #header_google,
#sns_footer .pcUser a #header_facebook,
#sns_footer .pcUser a #header_twitter{
	display:block;
	float:left;
	width:46%;
	margin:2px;
	padding:4px;
	text-align:center;
	border-radius:2px;
}
#sns_footer .pcUser img {max-height:25px;}
#sns_footer .pcUser a #header_line {background:#00c300;}
#sns_footer .pcUser a #header_google {background:#db4a39;}
#sns_footer .pcUser a #header_facebook {background:#3b57a1;}
#sns_footer .pcUser a #header_twitter {background:#4dbce9;}


/*SNSフッター:Smartphone用*/
#sns_footer{
	width:98%;
	margin:0 auto 10px;
	padding-top:5px;
}
#sns_footer .spUser a #header_line,
#sns_footer .spUser a #header_google,
#sns_footer .spUser a #header_facebook,
#sns_footer .spUser a #header_twitter{
	display:block;
	float:left;
	width:46%;
	margin:2px;
	padding:4px;
	text-align:center;
	border-radius:2px;
}
#sns_footer .spUser img {max-height:25px;}
#sns_footer .spUser a #header_line {background:#00c300;}
#sns_footer .spUser a #header_google {background:#db4a39;}
#sns_footer .spUser a #header_facebook {background:#3b57a1;}
#sns_footer .spUser a #header_twitter {background:#4dbce9;}

ul.header_link li a img.sp_btn {margin-top:8px;}
#footer_link{
    clear:both;
	background:url(http://www.animate-onlineshop.jp/special/include/images/bg_footer.gif) left top repeat-x;
    width:100%;
	margin:0 auto;
    padding:16px 0;
	font-size:12px;
	color:#ffff;
	line-height:18px;
    text-align:center;
}
#footer_link a{
    color:#ffd047;
    text-decoration:none;
}
#footer_link a:hover {text-decoration: underline;}
#footer_link ul li{
    display:inline;
    margin-right:0;
}

.clear {display: block;}

#main_content{
	width:100%;
	margin:0 auto;
	text-align:center;
}
.demo-box div{
	background:#f36;
	height:130px;
	margin:10px 0 0 0;
	font-size:30px;
	font-weight:bold;
	color:#fff;
	line-height:130px;
	text-align:center;
	text-shadow:-2px 2px 0px rgba(0,0,0,.2);
}


}


@media screen and (-webkit-min-device-pixel-ratio: 2) and ( max-width: 640px ),
(min-resolution: 2dppx) and ( max-width: 640px ) {
}

/*========================================
 +clearfix
========================================*/

/*clearfix*/
.clear:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clear{display:inline-table; zoom:1;}
/* \*/
* html .clear{height:1%;}
.clear{display:block;}
/* */