@charset "utf-8";
/* CSS Document */


/*--------------------------------------------
　　基本レイアウト
--------------------------------------------*/

body{
    font-family: 'Lucida Grande',
        'Hiragino Kaku Gothic ProN', 'ヒラギノ角ゴ ProN W3',
        Meiryo, メイリオ, sans-serif;
    -webkit-text-size-adjust: 100%;
}

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

#content h2{
	background: #f5f5f5;
	background-image: -webkit-linear-gradient(top, #f5f5f5, #d9d9d9);
	background-image: linear-gradient(to bottom, #f5f5f5, #f0f0f0);
	border-radius: 8px;
	color: #F60;
	padding: 7px 20px 7px 20px;
	border: solid #c5c6c7 1px;
	text-decoration: none;
}
#content h3 {
	font-weight: bold;
	color: #339900;
	background-color: #EBEBEB;
	padding-top:5px;
	padding-left:5px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}

#content h3::before{
	content:url(../images/h3.png);
	vertical-align:middle;
	margin-right:10px;
}
p{
	line-height: 150%;
}

.center{
	text-align: center;
}

.left{
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}
.right{
	float: right;
	margin-right: 15px;
	margin-bottom: 15px;
}

a{
	color: #36C;
	text-decoration: none;
}
a:hover{
	text-decoration:underline;
}
a img{
	border:none;
}
a img:hover {opacity:0.7;}	


.clear{
	clear: both;
	float: none;
}
 
.waku{
	border: 1px solid #CCC;
}
.waku-red{
	border: 1px solid #ff0000;
}
.waku-red3{
	border: 3px solid #ff0000;
}
.waku-gray5{
	border: 5px solid #ececec;
}
.waku-mazenta{
	border: 1px solid #d93491;
}
.waku-mazenta5{
	border: 5px solid #d93491;
}
.max-w200{max-width: 200px;}

table td{
	font-size:0.9em;
	line-height: 150%;
}

#blead{
	font-size:0.85em;
	margin-bottom:15px;
}

/*-- 画像拡大不可 --*/
img{
max-width: 100%;
height: auto;
}

/*-- 角丸 --*/
.kadomaru {
	border-radius: 8px;
}

/*-- フォント --*/

.red{ color: #F00;}
.blue {	color: #1e50a2;}
.orange { color: #f08300;}
.gunjo { color: #002e73;}
.green { color: #006600;}
.glay {	color: #666666;}
.white { color: #ffffff;}
.atention {
	font-weight: bold;
	color: #FF0000;
	line-height: 140%;
}

.px12{
	font-size:12px;
}
.px14{
	font-size:14px;
}
.px16{
	font-size:16px;
}
.px18{
	font-size:18px;
}
.px20{
	font-size: 20px;
}
.px24{
	font-size: 24px;
}

.bold {
	font-weight: bold;
}
.marker {
	background: linear-gradient(transparent 50%, yellow 50%);
}

/*背景色-----------------------------*/

.bc-mizuiro{ background-color: #b1d4ff;}
.bc-beige { background-color: #FEF8D5;}
.bc-gray { background-color: #fafafa;}
.bc-mazenta { background-color: #d93491;}
.bc-cyan { background-color: #00bcd4}


/*余白-------------------------------*/

.mt05em {
	margin-top:0.5em!important;
}
.mb02em {
	margin-bottom:0.2em!important;
}
.m1em {
	margin:1em!important;
}
.mlr1em {
	margin-left:1em!important;
	margin-right:1em!important;
}
.mt1em {
	margin-top:1em!important;
}
.mb1em {
	margin-bottom:1em!important;
}
.m2em {
	margin:2em!important;
}
.mlr2em {
	margin-left:2em!important;
	margin-right:2em!important;
}
.mt2em {
	margin-top:2em!important;
}
.mb2em {
	margin-bottom:2em!important;
}
.mt3em {
	margin-top:3em!important;
}
.mb3em {
	margin-bottom:3em!important;
}
.mt5em {
	margin-top:5em!important;
}
.mb5em {
	margin-bottom:5em!important;
}
.p05em {
	padding:0.5em!important;
}
.p1em {
	padding:1em!important;
}
.prl1em {
	padding-left:1em!important;
	padding-right:1em!important;
}
.p2em {
	padding:2em!important;
}
.prl2em {
	padding-left:2em!important;
	padding-right:2em!important;
}
.prl3em {
	padding-left:3em!important;
	padding-right:3em!important;
}


/* 汎用ボタン-----------------------*/
.btn {
	text-aline:center;
	text-decoration: none;
	margin:5px;
	display: inline-block;
}
.btn-aiiro {
	color:#ffffff;
	background-color: #002e73;
	border:solid 2px #002e73;
	padding:10px 20px;
}
.btn-aiiro:hover {
	color:#002e73;
	background-color: #efefef;
	text-decoration: none;
	transition: 0.2s ;
}
.btn-kaiin {/* 会員登録 */
	color:#fff;
	background-color: #f29700;
	border:solid 3px #f29700;
	padding:14px 40px;
}
.btn-kaiin:hover {
	color:#f29700;
	background-color: #fff;
	text-decoration: none;
	transition: 0.2s ;
}
.btn-menu{
    font-size:0.9em;
	color:#036EB7;
	background-color: #fff;
	border:solid 2px #036EB7;
	padding:3px 8px;
	border-radius: 10px;
}
.btn-menu:hover{
	color:#fff;
	background-color: #036EB7;
	transition: 0.2s ;
	text-decoration: none;
}
.btn-download {/* ファイルダウンロード（薄い青紫） */
	color:#ffffff;
	background-color: #5b5bff;
	border:solid 2px #5b5bff;
	padding:10px 30px;
}
.btn-download:hover {
	color:#5b5bff;
	background-color: #fff;
	text-decoration: none;
	transition: 0.2s ;
}
.btn-red {/* 赤ボタン */
	color:#ffffff;
	background-color: #ff0000;
	border:solid 2px #ff0000;
	padding:10px 20px;
}
.btn-red:hover {
	color:#ff0000;
	background-color: #fff;
	text-decoration: none;
	transition: 0.2s ;
}

.bagge-pink {
	color:white;
	font-size:0.8em;
	background-color:#ff44ff;
	padding:3px;
	border-radius:4px;
	margin-right:8px;
	margin-bottom:5px
}

/*-- 店長コメント --*/
.comment {
	padding: 5px;
	border: 2px solid #66CC66;
	margin-bottom: 15px;
	line-height: 140%;
}

/*-- 説明ボックス --*/
.setsumei {
	line-height: 140%;
	background-color: #FFF8CC;
	border: 2px solid #FFD28E;
	padding: 10px;
}

/*-- スクロールボックス --*/

.scrollbox {
	height: 10em;  /* 高さを制限(※) */
	overflow: auto; /* スクロールバーを表示(※) */
	border: #ccc 1px solid;  /* 枠線を追加 */
	background-color: #ffffff; /* 背景色を追加 */
	padding: 10px;
	
}
.scrollbox table {
	margin-top:0.5em;
	padding-top:0.5em;
	border-top:solid 1px #ccc;
}
.scrollbox th {
	font-size:0.9em;
	font-weight:300;
}
.scrollbox td {
	border-bottom:dotted 1px #ccc!important;
	padding:4 0 4 0;
	vertical-align:top;
}
.scrollbox news {
	font-size:1em;
}

/*ショッピングガイド----------------------*/

#shopping {
	margin-bottom: 15px;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 20px;
}
.shopping_subtitle {
	padding-left: 10px;
	border-left-width: 5px;
	border-left-style: solid;
	border-left-color: #FF9933;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #999999;
	line-height: 25px;
	margin-left: 15px;
	margin-right: 15px;
}
.shopping_title {
	background-color: #CDCDCD;
	line-height: 35px;
	font-weight: bold;
	text-indent: 15px;
}
#shopping p{
	padding-right: 15px;
	padding-left: 15px;
}


/*フッター-----------------------------*/
footer{
	text-align:center;
}
#company {
	font-size: 0.9em;
	line-height: 40px;
	margin: 0px;
	text-align: center;
	background-color: #FFFFFF;
	border-top-width: 20px;
	border-top-style: solid;
	border-top-color: #cccccc;
	margin-top:10px;
}
#company ul {
	margin: 0px;
	padding: 0px;
}
#company li {
	list-style-type: none;
	display: inline;
	padding-right: 20px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-top-color: #333333;
	border-right-color: #333333;
	border-bottom-color: #333333;
	border-left-color: #333333;
	padding-left: 20px;
}
#company a {
	color: #333333;
}
#company a:hover {
	text-decoration: underline;
}


/*パンくずリスト----------------------*/
#breadcrumb{
	font-size:0.8em;
	margin-bottom:20px;
}


/*カラー-----------------------------*/

.color_bg1 { background-color: #FFECD0;}
.color_bg2 { background-color: #FFDBA6;}
.color_bg3 { background-color: #EDEFF3;}
.color_purple1 { background-color: #E6E7FF;}




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

/*基本レイアウト--------------------------*/

body{ margin: 0px; }
 
#wrapper{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
	clear: both;
}

#content h1{
}
#content h2{
	font-size: 1.3em;
}
#content h3 {
	font-size: 20px;
}

p{
	font-size:16px;
}


#main-smart{
	display:none;
}
#main img{
	display:block;
}



/*ヘッダー--------------------------------*/
header{
	padding: 0px;
	margin: 0px;
	background-color: #FFF;
}
header .beginning{
	line-height: 25px;
	color: #FFF;
	background-color: #575757;
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F90;
}
header h1{
	font-size: 12px;
	padding: 0px;
	font-weight: normal;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}
header p{
	font-size: 12px;
	font-weight: normal;
	width: 1000px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
}
header .image{
	width: 1000px;
	margin-right: auto;
	margin-left: auto;
}

/*グローバルナビ--------------------------*/
nav{
	padding: 0px;
	background-image: url(../images/nav-back.jpg);
	background-repeat: repeat-x;
	height: 60px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
}
nav a{
	color: #000;
	display: block;
}
nav a:hover{
	border-bottom-width: 3px;
	border-bottom-style: solid;
	border-bottom-color: #F90;
} 
nav ul{
	width: 1000px;
	line-height: 50px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}
nav li{
	display: table-cell;
	list-style-type: none;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #FFD697;
	vertical-align: middle;
	width: 14%;
	float: left;
	text-align: center;
	font-size: 0.9em;
}
.li_last{
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #FFD697;
}


.globNav-toggle { 
  	display: none;
}
.globNav-inner{
	display:block;
}

	/*--メガメニュー--*/
	ul.ddmenu ul {
   		display: none;
   		position: absolute;
		left: -12px;
  		right: 0;
  		margin:0px auto;
   		background:#efe7df;
		z-index: 9999;
		width: 988px;
		padding:1% ;
		box-shadow: 0px 9px 5px -5px rgba(0,0,0,0.6);
        box-sizing: border-box;
		}   

	ul.ddmenu ul li {
		box-sizing:border-box;
		width:23%;
		float:left;
		margin:1%;
		font-size:0.89em;
		font-weight: bold;
		line-height:130%;
		padding:0 0 0 0;
        border-left:none;
        border-right:none;
		}		
		  
	ul.ddmenu ul li a {
		color:#000 ;
		font-size:1.2em;
		border:1px solid #ffffff;
   		text-align:center;
		vertical-align: middle;
		display:table-cell;
		width:11.375%;
		padding:10px 0 10px 0;
        box-sizing:border-box;
        height: 120px;
        background-color: white;
		}
        
    ul.ddmenu ul li a img{display: block; margin: 0 auto;}       

	ul.ddmenu ul li a:hover {
		color:#f15a24;
		transition: 0.5s ;
        background: #ffffff;
        border:1px solid #ff9900;
		text-decoration: none;
   		}
   ul.ddmenu .newline{ display: block;}



/*--------------------------------------------
　　サイドメニュー
--------------------------------------------*/

#side{
	width:230px;
	float:left;
}

/*サイドメニュー　タイトル*/
#side h3{
	font-size: 1em;
	line-height: 1.3em;
	background-color: #FFCC66;
	text-align: center;
	padding-top: 0.4em;
	padding-bottom: 0.4em;
	font-weight: bold;
	margin:0;
}
#side ul{
	padding: 0px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0;
}
#side li {
	line-height:3em;
	display: block;
	background-color: #FFFFFF;
	font-size: 0.9em;
	border: 1px;
	border-bottom-style: solid;
	border-right-style: solid;
	border-left-style: solid;
	border-color: #CCCCCC;
	list-style-type: none;
	text-indent: 10px;
}
#side li a {
	color: #000000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	display: block;
	background-color: #FCFCFC;
}
#side li a:hover {
	color: #000;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
	display: block;
	background-color: #FFEFD7;
	font-weight: bold;
}

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

#main{
	margin-bottom:20px;
}
#content{
	width:745px;
	float:right;
	background-color: #FFF;
}

.active{
	background-color:#F3F3F3;
}

.left45{
	float:left;
	width:48%;
	margin-right:5px;
	margin-bottom:10px;
}
.right45{
	float:right;
	width:48%;
	margin-left:5px;
	margin-bottom:10px;
}
.image-box{
	width:100%;
	font-size: 12px;
}
.image-box img{
	border:1px solid #ccc;
}
.image-box ul{
	margin-right:-10px;
	padding:0;
	display:table;
	table-layout: fixed;
}
.image-box li{
	float:left;
	margin-right:10px;
	margin-bottom:10px;
	list-style:none;
	text-align:center;
	display:table-cell;
}


/*flexbox-----------------------------*/

.flexbox {
	display:flex;
	flex-wrap:wrap;
	text-align:center;
	flex: 1 1 auto;
    height: auto;
}
.menubox {
	display:flex;
	justify-content:space-between;
}
.menubox-child {
    width: calc( 100% / 3);
    margin: 1px;
}	
.menubox-child a {/* 淡オレンジ */
	color:#EA5514;
	display:block;
	background-color: #FCF5CA;
	border:solid 2px #F39800;
	padding:10px auto;
	text-decoration: none;
}
.menubox-child a:hover {
	color:#ffffff;
	background-color: #F39800;
	text-decoration: none;
	transition: 0.2s ;
}

/*画像並列-----------------------------*/

.image-parallels {
	display:flex;
	flex-wrap:wrap;
	justify-content:space-around;
}
.image-parallels img{
	border:1px solid #999;
}

.image-parallels .box2{
	display:block;
	width:46%;
	padding:10px 10px 10px 10px;
	margin-bottom:15px;
	text-align:left;
	border: 2px solid #EEE;
}
.image-parallels .box2 td{
	vertical-align:top;
}
.image-parallels .box2 p{
	font-size:1em;
	padding-left:10px;
	margin:0;
	line-height: 150%;
}
.image-parallels .box2 img{
        width: 139px;
        height: auto;
    }

.image-parallels .box p{
	display:block;
	text-align:left;
}
.image-parallels .box5{
	display:block;
	margin-bottom:20px;
	text-align:center;
	font-size:0.85em;
	flex: 1 1 auto;
}
.image-parallels .box5 img{
    width: 139px;
    height: auto;
}
.img-yoko{
    width: 206px !important;
    height: auto;
}
.image-parallels .box3{
	display:block;
	margin-bottom:20px;
	text-align:center;
	font-size:0.85em;
	flex: 1 1 auto;
}
.image-parallels .box3 img{
        width: 235px;
        height: auto;
		margin:0 5px;
    }
.image-parallels .box3 p{
        width: 235px;
        height: auto;
		margin:0 5px;
    }
.image-parallels .box3 img.img-yoko{
    width: 348px !important;
    height: auto;
}

.image-parallels .boxtop{
	display:block;
	text-align:center;
	font-size:0.85em;
}
.image-parallels .boxtop img{
	border:none;
}


/*ショッピングガイド----------------------*/

.shopping_subtitle {
	font-size: 18px;
	font-weight: bold;
	margin-top: 40px;
}
.shopping_title {
	padding-top: 10px;
	padding-bottom: 10px;
	font-size: 20px;
}

/*ページトップへボタン------------------*/
#page-top {
	position: fixed;
	bottom: 20px;
	right: 20px;
	font-size: 77%;
}
#page-top a {
	background: #666;
	text-decoration: none;
	color: #fff;
	width: 100px;
	padding: 30px 0;
	text-align: center;
	display: block;
	border-radius: 5px;
}
#page-top a:hover {
	text-decoration: none;
	background: #999;
}



/*会員ログイン・買い物カゴ-------------*/
#member{
	margin-top: 15px;
	margin-bottom: 0px;
	float: right;
}
#member ul{
	padding:0;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 5;
	margin-left: 0;
}
#member li{
	display: inline;
	list-style-type: none;
	border-radius: 10px;
	background-color: #CFDFFE;
	margin-right: 15px;
	font-size: 0.85em;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
}



/*注文画面----------------------------*/
.order-icon{
	margin-bottom:5px;
}
input{
	padding:5px;
	margin: 3px;
}
select{
	padding:5px;
	margin: 3px;
}
input:focus{
	background-color:#FFF4CC;
}
textarea:focus{
	background-color:#FFF4CC;
}
select:focus{
	background-color:#FFF4CC;
}
#order{
	width:1000px;
	margin-bottom: 20px;
	margin-top:20px;
}
#order h2 {
	background-color: #f90;
	color: #FFF;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 7px;
	padding-bottom: 7px;
	font-size: 1.3em;
	margin-top: 40px;	
}
#order h3 {
	font-size: 14px;
	line-height: 35px;
	border-left-width: 20px;
	border-left-style: solid;
	border-left-color: #F90;
	padding-left: 10px;
	background-color: #FFDEAC;
}
.order-left{
	float: left;
	width:48%;
}
.order-right{
	float:right;
	width:48%;
}
.order-right table {
	font-size: 0.9em;
	border: solid 1px #999;
	border-collapse: collapse;
	margin-bottom: 15px;
	width: 100%;
}
.order-right  table td {
	padding: 5px;
	border: solid 1px #999;
}
.order-right textarea{
	width:100%;
	margin-top:15px;
	margin-bottom:15px;
}
.order-right input{
	font-size:1.1em;
}
.order-title{
	display:none;
}
.order-button{
	border-radius: 10px;
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #feab31), color-stop(0.00, #ffc343));
	background: -webkit-linear-gradient(top, #ffc343 0%, #feab31 100%);
	background: linear-gradient(top, #ffc343 0%, #feab31 100%);
	text-align: center;
	width: 100%;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	font-size: 1.2em;
	font-weight: bold;
	color: #036;
	border: 2px solid #036;
	line-height:60px;
}
.order-button a{
	display:block;
	color: #036;
}
.back-button{
	border-radius: 10px;
	display: block;
	background: #80c6f5;
	background-image: -webkit-linear-gradient(top, #80c6f5, #5fa6cf);
	background-image: linear-gradient(to bottom, #80c6f5, #5fa6cf);
	text-align: center;
	width: 90%;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	font-size: 1.2em;
	font-weight: bold;
	color: #036;
	border: 2px solid #036;
}
.back-button a{
	display:block;
	color: #036;
}
.aisatsu-button{
	border-radius: 10px;
	display: block;
	background: -webkit-gradient(linear, left top, left bottom, color-stop(1.00, #f5f5f5), color-stop(0.51, #dedede), color-stop(0.00, #f5f5f5));
	background: -webkit-linear-gradient(top, #f5f5f5 0%, #dedede 51%, #f5f5f5 100%);
	background: linear-gradient(top, #f5f5f5 0%, #dedede 51%, #f5f5f5 100%);

	text-align: center;
	width: 90%;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	font-size: 1.2em;
	font-weight: bold;
	border: 1px solid #666;
	padding: 10px;
}
.aisatsu-button a{
	display:block;
}
	
.form-title{
	display: block;
	background-color:  #CCE4FB;
	padding: 5px;
	margin-right: 15px;
	margin-top:3px;
	margin-bottom:3px;
	float: left;
	width: 90px;
}
.form-content{
	display:block;
	float:left;
}
.order-attention{
	background-color: #F9F9F9;
	padding: 10px;
	border: 2px solid #CCC;
}
/*カラー*/

.preview{
	text-align:center;
	margin-bottom:20px;
}
.preview-info{
	width:50%;
	margin:auto;
}


/*ラジオボタン----------------------------------*/
.radios {
    display:inline-block;
    margin:0;
    padding:0;
    clear:both;
}
.radios li {
    display:inline-block;
    position:relative;
    float:left;
    list-style:none;
    border:solid 1px #ddd;
    border-right:none;
    overflow:hidden;
}
.radios li:first-child {
    border-radius:5px 0 0 5px;
}
.radios li:last-child {
    border-right:solid 1px #ddd;
    border-radius:0 5px 5px 0;
}
.radios label {
    display:block;
    min-width:3em;
    text-align:center;
    background:#eee;
    background:-webkit-gradient(linear, left top, left bottom, from(#FFF),to(#EEE));
    background:-moz-linear-gradient(top, #fff, #eee);
    border:solid 1px rgba(255,255,255,0.2);
    padding:5px;
    text-shadow:0 1px 0 rgba(255,255,255,0.5);
}
.radios li:first-child label {
    border-radius:3px 0 0 3px;
}
.radios li:last-child label {
    border-radius:0 3px 3px 0;
}
.radios input[type=radio] {
    position:absolute;
    opacity:0;
    width:100%;
    height:100%;
    margin:0;
    cursor:pointer;
}
.radios input[type=radio]:checked {
    cursor:auto;
}
.radios input[type=radio]:checked + label {
    color:#fff;
    text-shadow:0 -1px 0 rgba(0,0,0,0.2);
    border:solid 1px rgba(0,0,0,0.1);
    background:#666;
    background:-webkit-gradient(linear, left top, left bottom, from(#313131),to(#626262));
    background:-moz-linear-gradient(top, #333, #666);
}
/*モーダルウィンドウ--------------------*/
.remodal td{
	font-size:1em;
	line-height: 160%;
	text-align:left;
	padding:10px;
}
/*タブ切り替え--------------------------*/
ul#tab {
	zoom: 1;
	background: #c9c3c4;
	border-bottom: 3px solid #c81528;
	list-style: none;
	margin: 0 auto;
	padding: 0;
}
ul#tab:after { content:"."; display: block; height:0px; clear:both; line-height:0; visibility:hidden; }
ul#tab li {
	float: left;
	text-align: center;
}
ul#tab li:last-child {
	background: none;
}
ul#tab li a {
	display: block;
	width: 138px;
	padding: 8px 0;
	text-decoration: none;
	color: #222;
}
ul#tab li a:hover {
	background: #c95560;
	color: #fff;
}
ul#tab li.active,
ul#tab li.active a,
ul#tab li.active a:hover {
	background: #c81528;
	color: #fff;
}
#detail {
	clear: both;
	overflow: hidden;
	background: #f7f7f7;
	width: 100%;
}
.tabbox {
	display: none;
}
/*表示・非表示切り替えボタン*/
.codebtn {
       width: 50%;                            /*ボタンの幅*/
       text-align: center;                      /*文字位置*/　　　
       border-top: 1px solid #ccc;              /*ボタン枠の装飾1/4*/
       border-right: 1px solid #999;            /*ボタン枠の装飾2/4*/ 
       border-bottom: 1px solid #999;           /*ボタン枠の装飾3/4*/
       border-left: 1px solid #ccc;             /*ボタン枠の装飾4/4*/
       padding: 5px 20px;                       /*パディング*/
       font-weight: bold;                       /*文字の装飾*/
       cursor: pointer;                         /*カーソルの種類*/
       color: #666;                             /*文字の色*/
       text-shadow: 0 -1px 1px #FFF, -1px 0 1px #FFF, 1px 0 1px #aaa;  /*文字の装飾*/
       border-radius: 3px;                      /*ボタン枠を角丸*/
       box-shadow: 1px 1px 2px #E7E7E7;         /*シャドウ*/
       background: -moz-linear-gradient(top, #fff, #F1F1F1 1%, #F1F1F1 50%, #DFDFDF 99%, #ccc);  /*グラデーション*/
	   background: -webkit-gradient(linear, left top, left bottom, from(#fff), color-stop(0.01, #F1F1F1), color-stop(0.5, #F1F1F1), color-stop(0.99, #DFDFDF), to(#ccc)); /*グラデーション*/
}



/*ボタン----------------------------------*/

/*マゼンタ-----------------------*/
.btn1 {
	border-radius: 10px;
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	width:100%;
	background-color: #d93491;
	display: block;
	margin: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight:bold;
}
.btn1 a{
	color:#FFF;
	display:block;
}
.btn1:hover {
  background: #e075a5;
  text-decoration: none;
}
/* 青-----------------------*/
.btn2 {
	border-radius: 10px;
	color: #ffffff;
	font-size: 16px;
	text-decoration: none;
	text-align: center;
	width:100%;
	background-color: #1284E0;
	display: block;
	margin: auto;
	padding-top: 15px;
	padding-bottom: 15px;
	font-weight:bold;
	margin-top:15px;
}
.btn2 a{
	color:#FFF;
	display:block;
}

.btn2:hover {
	text-decoration: none;
	background-color: #6DB7F3;
}


/*買い物カゴ----------------------------------*/
#cart{
	font-size:1em;
	background-color: #F7F7F7;
	padding:10px;
}
#cart h2{
	font-size: 1em;
	background-color: #E8E8E8;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #F90;
	color: #000;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 10px;
}
#cart table{
	border-collapse: collapse;
	border:1px solid #666;
	margin: auto;
	background-color: #FFF;
	margin-bottom:10px;
	width:95%;
}
#cart table td{
	border:1px solid #666;
	width: 32%;
	padding: 5px;
}
#cart .syokei table{
	border-collapse:collapse;
	border:2px solid #666;
}
	
.blueback{
	background-color:#DBE4FD;
}
.orangeback{
	background-color:#FAE6CD;
}
.greenback{
	background-color:#E2F0C4;
}
.pinkback{
	background-color:#FCD6F8;
}
#cart .goukei table{
	border-collapse:collapse;
	border:2px solid #666;
	font-size:1.2em;
}
#cart .goukei td{
	padding-top:15px;
	padding-bottom:15px;
}
.continue{
	border-radius: 10px;
	display: block;
	background-color: #093;
	color: #FFF;
	text-align: center;
	width: 300px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	padding: 10px;
}
.beginner{
	width: 45%;
	float:left;
	padding: 10px;
	background-color: #FFF;
	margin: 10px;
	border: 3px solid #BFD9F9;
	height:320px;
}
.member{
	width: 45%;
	float:right;
	padding: 10px;
	background-color: #FFF;
	margin: 10px;
	border: 3px solid #F9CB8C;
	height:320px;
}
.fontbig-blue{
	font-size:1.5em;
	font-weight:bold;
	color:#2787FC;
	margin: 0px;
	padding: 0px;
}
.go-order{
	border-radius: 10px;
	display: block;
	background-color: #F00;
	color: #FFF;
	text-align: center;
	width: 90%;
	padding-top: 15px;
	padding-right: 10px;
	padding-bottom: 15px;
	padding-left: 10px;
	margin-top: 15px;
	margin-right: auto;
	margin-bottom: auto;
	margin-left: auto;
	font-size: 1.2em;
	font-weight: bold;
}
.codebtn2 {
  border-radius: 15px;
  color: #ffffff;
  font-size: 16px;
  background: #3498db;
  padding: 10px 20px 10px 20px;
  text-decoration: none;
  width:200px;
  text-align:center;
  margin-left:20px;
}

.codebtn2:hover {
  background: #3cb0fd;
  text-decoration: none;
}
#pay-select{
	background-color: #FFF;
	padding: 1%;
	width: 90%;
	border: 2px solid #D5E2FD;
	margin-right: auto;
	margin-left: auto;
}
#cart textarea{
	width:80%;
}

/*個別商品ページ-----------------------------*/
#category {
	text-align: center;
	margin-top: 15px;
}
.category_info {
	margin: auto;
	width: 340px;
	background-color: #E6F2FF;
	padding: 5px;
	border: 2px solid #CEDFFF;
	text-align: left;
	font-size: 12px;
	line-height: 130%;
}
#category .order-button{
	width:60%;
	font-size:1.5em;
}
#special-info{
	width:450px;
	border:2px solid #CCDDF7;
	margin:auto;
}
.special-info-title{
	color: #174893;
	background-color: #CCDDF7;
	padding: 5px;
	font-weight: bold;
}
#nenshijo-info{
	width:450px;
	border:2px solid #ff0000;
	margin:auto;
}
.nenshijo-info-title{
	color: #fff;
	background-color: #ff0000;
	padding: 5px;
	font-weight: bold;
}
#special-info p,#nenshijo-info p{
	text-align:left;
	margin:5px;
}

.item-large-gazou {
	width:60%;
}

.item-large-gazou-yoko {
	width:80%;
}

/*特殊年賀状一覧の説明文------------------------------*/
.special-lead-title{
	font-size: 20px;
	font-weight:bold;
	padding:10px 20px;
	background-color:#FFD28E;
	margin-top:20px;
}
.special-lead {
	font-size: 16px;
	text-align:left;
	line-height: 160%;
	background-color: #FFF8CC;
	padding: 10px;
	margin-bottom:30px;
}

/*商品一覧のタイプ名------------------------------*/
.itemtype-title{
	font-weight:bold;
	text-align:center;
	padding:5px;
	background-color:#FFD28E;
	margin-bottom:5px;
}

/*商品サムネイル下の説明文------------------------------*/
.design-setsumei {
	font-size: 14px;
	max-width:200px;
	text-align:left;
	line-height: 140%;
	background-color: #FFF8CC;
	border: 2px solid #FFD28E;
	padding: 5px;
	margin:auto;
}
.design-setsumei p{
	margin:0;
}

/*Googleカスタム検索-------------------------*/
#gsc{
	padding:5px;
	background-color:#E2E8FE;
	margin-bottom:5px;
}
#gsc p{
	margin:0;
}
.gsc-control-cse {
font-family: Arial, sans-serif;
border-color: #E2E8FE !important;
background-color: #E2E8FE !important;
margin: 0 !important;
padding: 0 !important;
}
.cse .gsc-search-button input.gsc-search-button-v2, input.gsc-search-button-v2 {
width: 13px;
height: 13px;
padding: 6px 6px !important;
min-width: 13px;
margin-top: 2px;
}


/*ランキング---------------------------------*/
.ranking1{
	background: #e7eb67;
    background-image: -webkit-linear-gradient(top, #e7eb67, #edd766);
    background-image: linear-gradient(to bottom, #e7eb67, #edd766);
	font-size: 16px;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 5px;
	margin-bottom: 5px;
    width: 87%;
    margin-left: auto;
    margin-right: auto;
}
.ranking2{
	background: #e8e8dc;
    background-image: -webkit-linear-gradient(top, #e8e8dc, #b8b8b6);
    background-image: linear-gradient(to bottom, #e8e8dc, #b8b8b6);
	font-size: 16px;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 5px;
	margin-bottom: 5px;
    width: 87%;
    margin-left: auto;
    margin-right: auto;
}
.ranking3{
	background: #f0a471;
    background-image: -webkit-linear-gradient(top, #f0a471, #b86d2c);
    background-image: linear-gradient(to bottom, #f0a471, #b86d2c);
	font-size: 16px;
	font-weight: bold;
	display: block;
	text-align: center;
	padding: 5px;
	margin-bottom: 5px;
    width: 87%;
    margin-left: auto;
    margin-right: auto;
}
.ranking-other{
	font-size: 16px;
	display: block;
	text-align: center;
	margin-bottom: 5px;
	padding: 5px;
	background-color: #D5E2FD;
    width: 87%;
    margin-left: auto;
    margin-right: auto;
}
.ranking-info{
	background-color: #FAF5DA;
	padding: 0 1em;
	border: 2px dashed #FBD799;
}
.ranking-info p{
	font-size:1em;
	line-height:140% !important;
}