@charset "UTF-8";
/* ページの基本デザイン用CSS */

body {
	background-color: #FFFFFF;
	font-family: Avenir, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
	margin: 0;
	color: #222;
	font-size: 110%;
	letter-spacing:0.05em;
	line-height:2;
}

@media screen and (max-width: 768px) {
	body {
	
}
}




ruby.nagomi {
  font-size: 2em;
ruby-position:before;
	}


.slicknav_menu {
	display:none;
}
/*Media Queries*/
@media screen and (max-width: 768px) {
	.js #topm {
		display:none;
	}
	
	.js .slicknav_menu {
		display:block;
	}
}


h1 {
    text-align: center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 140%;
	padding-top: 0.7em;
	}
  

h2 {
	text-align: center;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	font-size: 120%;
	padding-top: 0.5em;
	padding-bottom: 2em;
}


h3 {
	font-size: 120%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", "serif";
	line-height: 2em;
	font-style: normal;
	margin-top: 10px;
	
}


@media screen and (max-width: 768ppx) {
	h3{
	font-size: 100%;	
}
}

a:link {
	color: #cc3102;
	text-decoration: none;
}
a:visited {
	color: #845684;
}
a:hover {
	text-decoration: underline;
	font-family: Avenir, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
}
.large {
	font-size: 110%;
	line-height: 160%;
	color: #000;
	text-align: left;
}


.l-large {
	font-size: 120%;
	font-family: "ＭＳ Ｐ明朝", "MS PMincho", "ヒラギノ明朝 Pro W3", "Hiragino Mincho Pro", serif;	
}

	

.small {
	font-size: 90%;
    font-family: Avenir, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
}




p {
	margin: 12px;
	text-align: left;
	font-family: Avenir, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
}
@media screen and (max-width: 768px) {
p {
	margin: 6px;
	text-align: left;
	font-family: Avenir, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
}
}

.text { 
   font-size:90%;
    margin-right : 20x;
	margin-left : 20x;
	}




div.photo {
	border: 0px; /* 枠線 */
	width: 300px;               /* 横幅 */
	margin-top: 8px;
	margin-bottom: 8px;  
	               /* 周囲の余白 */

		}

#page-top {
    position: fixed;
    bottom: 20px;
    right: 20px;
    font-size: 100%;
}
#page-top a {
    background: rgba(0,0,0,0.6);
    text-decoration: none;
    color: #fff;
    width: 100px;
    padding: 20px 0;
    text-align: center;
    display: block;
    border-radius: 5px;
}
#page-top a:hover {
    text-decoration: none;
    background: rgba(0,0,0,0.4);
}

@media screen and (max-width: 768px) {
	
#page-top {
    bottom: 0px;
    right: 0px;
}

#page-top a {
    width: 80px;
    padding: 10px 0;

}
}

#banner-1 {
	background-image: url(../shop/images/banner_1403.jpg);
	background-repeat: no-repeat;
	height: 180px;
	width: 720px;
}

@media screen and (max-width: 768px) {
	#banner-1 {	
}
}

.underline-text {
  text-decoration: underline;
}


.cart {
	text-align: right;
	margin-right: 20px;
}

.pink {
	color: #CC3333;
}
	
	
table {
	border: 1px solid #bfbfbf;
	text-align: left;
}




.center {
	text-align: center;
}

.price {
	font-size: 140%;
	
	font-weight: bold;
}
@media screen and (max-width: 768px) {
	.price {
		line-height: 180%;		
}
}
.hyouki {
	width: 60%;
	margin: auto;
}
	@media screen and (max-width: 768px) { 
	
.hyouki {
	width: 100%;
	 }
	 }
	 
.ichiran {
	width: 640px;
	margin: auto;
}

@media screen and (max-width: 768x) {
.ichiran {
	width: 100%;
}
}

	
.green {
	background-color : #FFFFFF;
	padding-left: 20px;
	padding-top: 10px;
	border: 2px solid #99CC66;	
}


div.imagebox {
	width: 100%;               /* 横幅 */
	margin:auto;
	margin-top: 10px;
	margin-bottom: 10px;
	
}

@media screen and (max-width: 768px) {
div.imagebox {
	width: 100%;
	float:none;
	margin: 0px;
}
}


div.textbox {
	width: 90%;               /* 横幅 */
	margin: auto;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 10px;
	border-width: 1px;
	border-color: red;
	
}




p.name {
	font-size: 120%;
	margin-top: 8px;
	margin-bottom: 10px;
	margin-right: 4px;
	margin-left: 10px;
	padding-left: 20px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FF9999;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FF9999;
	padding-top : 8px;
	padding-bottom : 8px;
}
}
@media screen and (max-width: 768px) {
p.name {
	margin-right:20px;
	margin-top:40px;
	font-family: Avenir, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";	
	
}
}

.dotted01 { background-image : linear-gradient(to right, #666 3px, transparent 3px);
background-size: 20px 3px;
background-repeat: repeat-x;
background-position: left bottom;
}




.syouhin {
float: left;
  margin-right: 1em;
  margin-bottom:1em;
  }

.item {
margin-top: 1em;
margin-left: 1em;

}

	
		p.exp {
			clear: left;       /* 回り込みを解除 */
		}
		
.setumei {
	margin-left: 30px;
	margin-right: 20px;
	font-family: Avenir, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
}
@media screen and (max-width: 768px) {
.setumei {
	margin-left: 12px;
	margin-right: 8px;
	font-family: Avenir, "Helvetica Neue", Helvetica, Arial, "Hiragino Sans", "ヒラギノ角ゴシック", YuGothic, "Yu Gothic", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic";
}
}

.kikaku-photo {
	width: 480px;
	height: 180px;
	background-image: url(../images/ume_kikaku.jpg);
	
}
	
h4 {
	font-size: large;
	line-height: 2em;
	font-weight: normal;
	margin-left: 24px;
	border-left-widtsh: thick;
	border-left-style: dotted;
	border-left-color: #CCCCCC;
	padding-left: 8px;
}

#top {
	width: 768px;
	margin:auto;
	overflow:hidden;
	}
@media screen and (max-width: 768px) {
#top{	
	width: 100%;
	margin:auto;
	overflow:hidden;
	}
	}


.tel {
	font-size: 120%;
	margin-top:6px;
	margin-bottom:0px;

}
@media screen and (max-width: 768px) {	
.tel {
	width: 120%;
	margin-left:6px;
	margin-top:6px;
	margin-bottom:6px;
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;
}
}






.right {
	float:right;
	margin-top: 14px;
	margin-right: 14px;
	
}
.line-price {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #666666;
	padding-top: 8px;
}

.line-price {
	border-width: 1px;
	border-style: dashed;
	border-color: #red;
	padding: 8px;
}

.line-osirase {
	border-width: 1px;
	border-style: dashed;
	border-color: #red;
	padding: 8px;
}
.red {
	color: #FF0000;
}

	  
	  
.text-uline {
      text-decoration:underline;
	  color: red;
    }	  
	
	 
	 .shouhin {
	margin-top: 10px;
	padding-right: 10px;
}

	


.small-b {
	font-size: small;
	color: #369;
}

	
.link-text {
	font-size: 120%;
	margin: 20px;
	padding: 20px;
	border: thin solid #00F;
	width: 180px;
	}
	
.link-text2 {
	font-size: 120%;
	margin: 20px;
	padding: 20px;
	border: thin solid #00F;
	width: 300px;
	}
	
@media (max-width: 768px) {
	.scrollable-table table{
  border-collapse: collapse;
  margin: 2em 0;
  max-width: 100%;
}

.scrollable-table th{
  background-color: #eee;
}

.scrollable-table th,
.scrollable-table td{
  border: solid 1px #ccc;
  padding: 3px 5px;
  white-space: nowrap;
}

.scrollable-table {
  overflow-x: auto;
  margin-bottom: 1em;
  max-width: 770px;
}
}

.signature {
 text-align: right;
 margin-right: 20px;
 }
 
@media (max-width: 768px) { 
 .signature {
 text-align: right;
 margin-right: 10px;
 }
 }
 
 .mail {
font-family: 'Avenir','Helvetica Neue','Helvetica','Arial','Hiragino Sans','ヒラギノ角ゴシック',YuGothic,'Yu Gothic','メイリオ', Meiryo,'ＭＳ Ｐゴシック','MS PGothic'  
}


img.orange {
	border: 2px #F90 solid; 
	}

.torikesi {
    text-decoration: line-through;
}

img.otoiawase.png {
vertical-align: bottom;
}


.red-line {
    text-decoration:underline;
    text-decoration-color: red;
  }


.sumple {
	margin: 10px;
	
	 }