@charset "UTF-8";




*{font-family:'NotoSansCJKjp','Lucida Grande','Hiragino Kaku Gothic ProN',Meiryo,sans-serif;color:#444344;word-break:break-all;word-wrap:break-word;	font-weight:normal;}
.clearfix:before, .clearfix:after {content: " ";display:table;}
.clearfix:after {clear:both;}
.clearfix {*zoom: 1;}
.clearfix {clear:both;}

html {overflow: auto;}
body {position:relative;min-width:1000px;}


#mainWrapper {width:100%;margin:0 auto 0 auto;padding:0px;}
#mainBanner{overflow:hidden;}
#mainBanner .flexslider{
opacity:1;
width:100%;
z-index:100;
max-width:810px;
margin:0 auto 0px;
overflow:hidden;
border-radius:3px;
}

/*TOPカラム*/
.mainContent {display: table;border-spacing:0.1em;vertical-align:top;}
.mainContent div.sidebar {display:table-cell;width:20%;background:#e2f4f8;vertical-align:top;}
.mainContent div.content{display:table-cell;width:80%;clear:both;}

/*TOP下層カラム*/
.mainContent div.mainbox {display:table-cell; width:80%;clear:both;}
.mainContent div.mainsidebox {display:table-cell;width:20%;background:#fafafa;vertical-align:top;border-right: 1px solid #efefef;border-left: 1px solid #efefef;}
.mainContent kara{height:5px;}

/*1000width*/
.gcs {width:100%;max-width:1000px;margin:0 auto 0 auto;}

/*INFO*/
.mainContent .info{width:100%;color:#227e94;}
.mainContent .info dl{width:100%;color:#227e94;}
.mainContent .info dt{font-size:18px;color:#227e94;font-weight:bold;border-bottom:1px solid #daf1f7;line-height:140%;}
.mainContent .info dd{width:100%;font-size:14px;color:#146360;border-bottom:1px solid #daf1f7;line-height:260%;margin-left:0;}
.mainContent .info dd.infotxt{font-size:14px;color:#227e94;border-bottom:1px solid #daf1f7;line-height:260%;margin-left:0;}
.mainContent .infom{color:#227e94;padding: 6px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;}
.mainContent .info dd.infotxt:hover{color:#227e94;background-color: rgba( 100, 100, 100, 0.10);}
.mainContent .info img{vertical-align:1px;border-style:none;vertical-align:-2px;}

.mainContent #info2{width:100%;}
.mainContent #info2 dl{}
.mainContent #info2 dt{font-size:18px;color:#146360;font-weight:bold;border-bottom:1px solid #e5dbe5;line-height:140%;}
.mainContent #info2 dd.top{font-size:14px;color:#146360;border-bottom:1px solid #e5dbe5;border-top:1px solid #e5dbe5;line-height:260%;margin-left:0;}
.mainContent #info2 dd.btm{font-size:14px;color:#146360;border-bottom:1px solid #e5dbe5;line-height:260%;margin-left:0;}

.mainContent .mainte{color:#a673a7;padding: 6px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;}
.mainContent #info2 dd.top:hover{color:#a673a7;background-color: rgba( 247, 228, 239, 0.50);}
.mainContent #info2 dd.btm:hover{color:#a673a7;background-color: rgba( 247, 228, 239, 0.50);}


/*info-more*/
.infolistbox{margin:0 0 15px 0;}
.infolistbox table.inm1{width:100%;margin-top:-10px;background:#ddd;}
.infolistbox table.inm1 td  {padding:10px;background:#fff;width:70%;}
.infolistbox1{width:100%;display:table;vertical-align: middle;
color:#227e94;padding:0px;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all  0.3s ease;
}
.infolistbox1a{width:100%;display:table;}
.infolistbox2{padding:5px;display:table-cell;width:100px;vertical-align:top;}
.infolistbox3{display:table-cell;vertical-align:middle;}
.infolistbox1:hover{color:#227e94;background-color: rgba( 100, 100, 100, 0.10);}


/*下層カラム*/
.mainContent {display: table;border-spacing:0.1em;vertical-align:top;}
.mainContent div.secand-mainbox {display:table-cell; width:80%;clear:both;}
.mainContent div.secand-mainsidebox {display:table-cell;width:20%;background:#fafafa;vertical-align:top;}
.mainContent div.secand-mainsidebox p.errorkara{height:300px;}

.mainContent p.sub1 {margin-top:-5px;margin-left:10px;}
.mainContent p.sub2 {margin-top:-5px;margin-left:10px;}
.mainContent p.sub3 {margin-top:25px;margin-left:22px;border-left:10px solid #666666;padding-left:6px;}
.mainContent p.sub4 {margin-top:25px;margin-left:22px;}
.mainContent p.sub5 {margin:60px 0 80px 0;margin-left:22px;}
.mainContent p.but{text-align:right;width:100%; margin:10px 0 0 0;}
.mainContent p.line2 {border-bottom:1px solid #c4c4c4;}

#com_pickup{margin-left:10px; width:750px;}
.com_cvpv{margin-left:10px; width:750px;margin-top:100px;}

.Banner1{text-align:center;margin-top:0px;}
.Banner1 img{margin:5px;border:1px solid #bdbdbd;}
.kara{hight:5px;}
.twitter{margin:5px;text-align:center;}

.Banner2{text-align:center;}
.Banner2 img{margin:2px;}
.Banner2 p.txt{text-align:right;margin-top:5px;margin:5px 10px 0 0;}
.Banner2 p.line{border-bottom:1px solid #e0e0e0;}

.Banner3{text-align:center;margin:15px 0 0 0;}
.Banner3 img{margin:2px 0 0 0;margin-left:0px;border:none;width:100%;}
.Banner3 img.ect{margin:15px 0 0 0;margin-left:0px;border:none;}
.Banner3 p.line{border-bottom:1px solid #e0e0e0;}
.Banner3 p.txt{text-align:right;margin-top:5px;margin:5px 10px 0 0; font-size:11px;}

/*ヘッダー*/
#headerbase{}
.headernavi{display:table;border-collapse:separate;border-spacing:0.5em;vertical-align:middle;}
.gcshoplogo {display:table-cell;width:150px;}
.gcshoplogo img {border-style:none; margin-top:5px;}
#headerline{border-bottom:4px solid #91D6F7;width:100%;}
#headerbg{background-color:#3a0c0e; padding: 1px 0px 1px 0px;height:43px;width:100%;}



/*フッダー*/
#footerqa{background-color:#e3f4f8; padding: 1px 0px 1px 0px;height:auto;width:100%;margin:0px;}
#footerbg{background-color:#3a0c0e; padding: 1px 0px 1px 0px;height:120px;width:100%;margin:0px;}

.blockqa{width:100%;max-width:1000px;margin:0 auto 0 auto;}
.blockqa100{display:table;margin:25px 8px 5px 8px;vertical-align:top;text-align:left;}
.blockqa101{display:table;margin:3px 8px 25px 8px;vertical-align:top;text-align:left;}
.block__qa1{display:table-cell;width:250px;}
.block{width:100%;max-width:1000px;margin:0 auto 0 auto;display:table;border-spacing:1em;border-collapse:separate;}
.block__element{display:table-cell;vertical-align:middle;text-align:center;}
.block__element2{display:table-cell;width:110px;vertical-align:middle;}
.block__element3{display:table-cell;vertical-align:middle;width:480px;}
.block__element4{display:table-cell;vertical-align:middle;text-align:center;}
.block img{margin:10px;border:0px solid #bdbdbd;}

/* 共通ボタン*/ 
.mainContent button.button1 {width:100%;font-size:10px;padding:0px;background-color:#999b9a;
color: #fff;
border-style: none;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;}
.mainContent  button.button1:hover {background:#78cadf;}

.mainContent button.butcategory{width:35%;border-style: none;color: #fff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;margin:2px 5px 0 0px;}
.mainContent button.butnew{width:20%;border-style: none;color: #fff;
-moz-border-radius:2px;
-webkit-border-radius:2px;
border-radius:2px;margin:2px 5px 0px 0px;}
.mainContent button.buttokten,button.butgc,button.butcam{width:40%;border-style: none;color: #333;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;margin:2px 0 0 0;}
.mainContent button.butcategory {font-size:10px;padding:0px;background-color:#666666;}
.mainContent button.buttokten {font-size:10px;padding:0px;margin:1px;background-color:#60cabb; border:1px solid #60cabb; color:#FFF;}
.mainContent button.butgc {font-size:10px;padding:0px;background-color:#ff7800;border:1px solid #ff7800; color:#FFF;}
.mainContent button.butnew {font-size:10px;padding:0px;background-color:#dc0404;}

.mainContent button.butinfo{width:10%;border-style: none;color:#333;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;}
.mainContent button.butinfo {vertical-align:top;font-size:12px;padding:2px;background-color:#fff;border:1px solid #bdbdbd;}

.mainContent button.buttarget {font-size:14px;padding:0px;background-color:#acacac;width:80%;border-style: none;color: #fff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;margin:3px 0 0 0;}

.mainContent button.butget {background-color:#77cade;width:80%;border-style: none;color: #fff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;margin:3px 0 0 0;}
.mainContent button.butget2 {font-size:16px;background-color:#77cade;width:25%;border-style: none;color: #fff;
-moz-border-radius:15px;
-webkit-border-radius:15px;
border-radius:15px;
margin:10px 23px 0px 0px;padding:5px 5px;}
.mainContent button.butget:hover,button.butget2:hover {background:#d3d4d5;}


.mainContent button.butlist {vertical-align:middle;background-color:#77cade;width:10%;border-style: none;color: #fff;
-moz-border-radius:10px;
-webkit-border-radius:10px;
border-radius:10px;margin:3px 0 0 0;}
.mainContent button.butlist:hover {background:#d3d4d5;}


/*キャンペーン*/
.camlist {display:table;padding:5px 0 0 20px;color:#4A4A4A ;text-align:center;width:95%;border-collapse: separate;border-spacing:5px 0;}
.cam_wrap {display: table-cell;border:1px solid #bdbdbd;
    background: #fff;
    margin:10px auto;
    width:20%;
    min-height:200px;
    padding:10px;
	border-radius:5px;
	-moz-border-radius:5px;
　　-webkit-border-radius:5px;
}
.cam_wrap2{display: table-cell;border:0px solid #bdbdbd;
    background: #fff;
    margin:10px auto;
    width:20%;
    min-height:200px;
    padding:10px;
	border-radius:5px;
	-moz-border-radius:5px;
　　-webkit-border-radius:5px;
}
.cam_wrap img {width:100%;margin-top:5px;border-style:none;}
.cam_wrap p{margin-top:12px !important;text-align: justify !important;}
.cam_wrap h1{text-align:left;font-size:12px;margin-top:0px;color: #227e94;font-weight:bold;}
.cam_wrap a{text-decoration: none;color: #4A4A4A !important;font-size:12px;}
.cam_wrap a:hover{text-decoration: none; color: #6B6B6B !important;}

/*タイトル一覧*/
.titlelist {width:98%;margin-left:20px;overflow:hidden;margin-top:-20px!important;display:table;}
.titlelistbox0,.titlelistbox1,.titlelistbox2,.titlelistbox3,.titlelistbox4,.titlelistbox5,.titlelistbox6,.titlelistbox7,.titlelistbox8,.titlelistbox9,.titlelistbox10,.titlelistbox11{width:28%;display: table-cell;vertical-align:top;
　　display: -moz-inline-box; /*for Firefox 2*/
    display: inline-block; /*for modern*/
    /*display: inline;*/ /*for ie5～7*/
    /*zoom: 1;*/ /*for ie5～7*/
	margin:10px 26px 26px 0;
	padding:5px;
	white-space:nowrap; text-overflow:ellipsis; overflow:hidden;}
.titlelistbox0 ul,.titlelistbox1 ul,.titlelistbox2 ul,.titlelistbox3 ul,.titlelistbox4 ul,.titlelistbox5 ul,.titlelistbox6 ul,.titlelistbox7 ul,.titlelistbox8 ul,.titlelistbox9 ul,.titlelistbox10 ul,.titlelistbox11 ul{list-style-type:none;font-size:12px;margin-top:20px;}
.titlelistbox0 li,.titlelistbox1 li,.titlelistbox2 li,.titlelistbox3 li ,.titlelistbox4 li,.titlelistbox5 li,.titlelistbox5 li,.titlelistbox6 li,.titlelistbox7 li,.titlelistbox8 li,.titlelistbox9 li,.titlelistbox10 li,.titlelistbox11 li{padding:0px 0px 10px 10px;margin-left:-30px;overflow: hidden;}

/*フェイドアウトボタン用*/
.fade {
    -webkit-transition: 0.3s ease-in-out;  
       -moz-transition: 0.3s ease-in-out;  
         -o-transition: 0.3s ease-in-out;  
            transition: 0.3s ease-in-out; 
}  
.fade:hover {opacity: 0.4; filter: alpha(opacity=60);} 

.fade2 {opacity:1; filter: alpha(opacity=60);}  
.fade2:hover {opacity:0.4; filter: alpha(opacity=60);} 



/*ページトップへ戻る*/
#page-top {position:fixed; bottom:5px; right:15px;font-size:77%;}
#page-top a {
/*    background: #666;
    text-decoration: none;
    color: #fff;
    width:75px;
    padding: 30px 0;
    text-align: center;
    display: block;
    border-radius: 5px;*/
	display: block;
	border-radius: 50%;
	background: #666 url("/sp/images/icon/icon-white-menu-up.png") no-repeat scroll 25px 25px;
	width: 70px;
	height: 70px;
	text-indent: -9999px;
}
#page-top a:hover {
	/*text-decoration: none;background: #999;*/
	opacity:0.5;
}

/*閲覧履歴のクリアボタン*/
#carouselInner button.buttonclear {
font-size: 15px;
padding: 3px 10px;
vertical-align: top;
background: #fff;
border: 2px solid #ddd;
color: #6a6565;
-moz-border-radius: 20px;
-webkit-border-radius: 20px;
border-radius: 20px;}
#carouselInner button.buttonclear:hover {background: #e6e6e6;}

/*三点リーダ*/
div.ellipsis {
width:90%;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
color:#227e94;
}