/*===============================================
●style.css 画面の横幅が804px以上
===============================================*/

@media screen and (min-width: 804px){


@charset "utf-8";

/* ========================================
    全体設定
========================================= */
body{
	font-family:Avenir , "Open Sans" , "Helvetica Neue" , Helvetica , Arial , Verdana , Roboto , "游ゴシック" , "Yu Gothic" , "游ゴシック体" , "YuGothic" , "ヒラギノ角ゴ Pro W3" , "Hiragino Kaku Gothic Pro" , "Meiryo UI" , "メイリオ" , Meiryo , "ＭＳ Ｐゴシック" , "MS PGothic" , sans-serif;
    background-color: #FFF8FE;
	border-top:5px solid #B0FFF7;
}

h2 {
    font-weight:bold;
    font-size:200%;
	text-align:center;
}

h3 {
    font-weight: bold;
    font-size: 140%;
	text-align:center;
}

.bold {
    font-weight: bold;
}

.red {
    color: #ff0000;
	font-weight:bold;
}

.blue {
    color: #0000ff;
	font-weight:bold;
}

.pink {
    color: #FF00D2;
}

.orange {
    color: #FF8400;
}

.gray {
	color:#949494;
}

.white {
    color: #ffffff;
    font-weight: bold;
}

.big {
	font-size:110%;
}

.big2{
	font-size:120%;
}

.big3{
	font-size:120%;
}

.double {
	font-size:150%;
	font-weight:bold;
}

.under {
text-decoration: underline;
}

.center {
	text-align:center;
}

.small {
	font-size:80%;
}

.little {
      font-size:90% !important;
}

.main_wrapper {
	max-width:999px;
	min-width:686px;
	background-color:#fff;
	margin:auto;
	box-shadow:0px 0px 30px 0px #b3b3b3;
-moz-box-shadow:0px 0px 30px 0px #b3b3b3;
-webkit-box-shadow:0px 0px 30px 0px #b3b3b3;
}

.line {
    width: auto;
    height: 2px;
    background-color: #555;
    margin-top: 10px;
}

/* ========================================
    ヘッダー
========================================= */

.header {
	max-width:999px;
	min-width:666px;
	height:auto;
}

.topbanner img {
	width:100%;
	height:auto;
}


/* ========================================
    コンテンツ
========================================= */

.contents {
	max-width:777px;
	min-width:646px;
	margin:auto;
	padding:30px 20px 10px 20px;
}



.notice {
	max-width:600px;
	margin:auto;
	padding:10px;
	font-size:90%;
	border:1px solid #333;
}


.houhou {
	background-color:#FEC4FF;
	box-shadow:0px 0px 1px 1px #adadad;
-moz-box-shadow:0px 0px 1px 1px #adadad;
-webkit-box-shadow:0px 0px 1px 1px #adadad;
}

.cart {
	width:646px;
	margin:0 auto 20px auto;
}

.cart img {
	width:100%;
	box-shadow:1px 1px 3px 2px #adadad;
-moz-box-shadow:1px 1px 3px 2px #adadad;
-webkit-box-shadow:1px 1px 3px 2px #adadad;

}

p img {
	box-shadow:1px 1px 4px 2px #767778;
-moz-box-shadow:1px 1px 4px 2px #767778;
-webkit-box-shadow:1px 1px 4px 2px #767778;
}

.migi {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:20px;
}

.migi2  {
	float:right;
	margin-left:20px;
	margin-bottom:20px;
	margin-top:20px;
}

.migi3  {
	float:right;
        margin-top:10px;
	margin-left:10px;
	margin-bottom:10px;
}


.hover:hover {
    opacity: 0.8;
}

.hidari{
	float:left;
       margin:10px 0;
}

figcaption {
  font-size: 80%;
  margin: 1em 0;
}


.box {
	width:370px;
	margin:0 auto;
	border-radius:12px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
    border:4px solid #555555;
	background-color:#EFFFFE;
	padding:3px;
}

.comment {
width: 400px;
height: 500px;
margin: auto;
background-color: #FFF3FE;
border: 3px #111 solid;
color: #000000;
overflow:auto;
padding:15px 10px;
}

.comment_wrapper {
	width:450px;
	margin: 10px auto;
}

.line {
	width:auto;
	border-bottom:1px solid #333;
}

.clear { 
clear:both; 
}

.shop {
	font-size:120%;
	font-weight:bold;
	float:right;
	margin-bottom:40px;
}

.copyright {
	width:300px;
	margin:0 auto;
	text-align:center;
}