@charset "utf-8";
/*
Theme Name:yasaburou-shouten.net
Description:弥三郎商店 cssテーマ
Theme URI:www.yasaburou-shouten.net
Author:ray
Author URI:www.yasaburou-shouten.net
Version:1.0
License:sci inc.
License URI:www.sciinc.jp
*/
/*========================================================
CSS RESET
========================================================*/
html {
  font-size: 100%;
  line-height: 100%;
}

*, 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, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, textarea, 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;
  vertical-align: baseline;
  background-image: url(../img/sp_cl.gif);
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
  display: block;
}

body {
  font-size: 1.1rem;
  line-height: 1.3rem;
  -webkit-text-size-adjust: 100%;
}

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;
}

img {
	-ms-interpolation-mode: bicubic;
}
/* image */
img,
/* block */
div, p, blockquote,
/* heading */
h1, h2, h3, h4, h5, h6,
/* list */
ul, ol, li, dl, dt, dd,
/* form */
form, fieldset, textarea
{
	border: 0;
	margin: 0;
	padding: 0;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	list-style: none;
}

div.fieldlimit {
}
a { cursor:pointer; }
hr.separator {
	display: none;
}

/*========================================================
Default Setting
========================================================*/

* {
	margin: 0;
	padding: 0;
}

html {
	overflow-y: scroll;
}

html, body {
	font-family : "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
	color: #272f35;
}

img { -ms-interpolation-mode: bicubic; }

a {
	text-decoration: none;
}
a[href^="tel:"] { cursor: default; }
a:link {
	color: #333;
}
a:visited {
	color: #333;
}
a:hover {
	color: #785278;
}
a:active {
	color: #333;
}
h2.section-shadowtitle {
	display: none;
}
section h2 {
	font-size: 2.2rem;
	line-height: 2.4rem;
	margin-bottom: 5%;
	font-weight: bold;
}
section h3 {
	font-size: 1.2rem;
	line-height: 1.5rem;
}
section h4 {
	font-size: 1rem;
	line-height: 1.4rem;
}

/*=========================================================
effect setting
=========================================================*/
/* image adjust */
.adjustimage {
	overflow: hidden;
}
.adjustimage img {
	max-width: 100%;
	height: auto;
}
.adjustimage:before {
	padding-top: 66.67%;
	display: block;
	content: "";
}
.adjustimage > a, .adjustimage i {
	position: absolute;
	top: 0;
	left: 0;
	bottom: 0;
	right: 0;
}

/*=========================================================
go top button setting
=========================================================*/
img.gotop {
	width: 12%;
	max-width: 100px;
	min-width: 80px;
	position: fixed;
	right: 50px;
	cursor: pointer;
	opacity:0.6;
	filter: alpha(opacity=60);
	-webkit-transition: 0.1s ease-in-out; 
	-moz-transition: 0.1s ease-in-out;
	-o-transition: 0.1s ease-in-out;
	transition: 0.1s ease-in-out;	
	bottom: -150px;
	z-index: 50;
}
img.gotop:hover {
	cursor: pointer;
	opacity:0.9;
	filter: alpha(opacity=90);
}

/*=========================================================
clearfix
=========================================================*/
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/*=========================================================
media print
=========================================================*/
@media print {
	img.gotop {
		display: none;
	}
}