@charset "euc-jp";
/* CSS Document */

/*200428追記*/
body{font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", "sans-serif"}
/*200428追記ここまで*/

/*---共通CSS_start---*/
*{ list-style:none; margin:0; padding:0;}
a img{ border:none;}
a {display:block;}
a,a * {text-decoration:none;}
a:hover img{ opacity:0.8;}
a:hover{ opacity:0.8;}
img{ vertical-align:bottom;}
.clearfix:after{
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}

.clearfix{
	zoom:1;/*IE5.5-7用*/
}
/*---共通CSS_end---*/



/*---pc_start---*/
/*@media screen and (min-width: 950px) {*/
@media screen and (min-width: 640px) {

body{ background:#edfff8;}	

.pc_none{ display:none;}
    /*h1{background: url("https://ic4-a.wowma.net/mi/w/1280/h/1280/q/90/ic4-a.wowma.net/mi/w/1280/h/1280/q/90/image.wowma.jp/44587804/image/coupon_sale/201127/kanban_bg.jpg") repeat-x;}*/
    h1 img{width: 1200px; margin: auto; display: block;}

#container{ width: 1200px; margin: auto; background-color: #FFFFFF; padding-top: 2%;}
    
#wrap{ background:white;}

.coupon{ background-color: #c70000; }
.coupon img{ width: 45%; margin:auto; display: block;}
    
#wrap .cp_bn p{
text-align: center;
    padding: 0.5em 2%;
    font-size: 26px;
    color: #ffffff;
    background: #74d1d6;
    border-radius: 10px;
    font-weight: bold;
}
.cp_bn{width: 75%;
    margin: 0 auto 6%;}

ul{ width: 100%; overflow: hidden;}

#wrap p{ text-align:center; padding:0.2em 0;}

#title_pc{ display: block; position:relative;}
#title_sp{ display: none;}


/*---200807追記_start---*/

/*看板*/
div.kanban_pc{width: 1200px; margin:0 auto;}
/*h2{ background-color: #569700;
    margin: 2% 0%;
    clear: both;
    padding: 15px 0;
    color: #fff;
    text-align: center;
    font-size: 44px;
}*/
h2 img{ width: 50%; margin: auto; display: block; }
.mida{margin: 3% 0% 2%;}
.mida img{ width: 90%; margin: auto; display: block; }
h2 span{
    font-size: 30px;
    color: #ffe52d;
}

/* メニューバー */
#wrap #menu_1{/*width:950px;*/ width:805px; margin-top:55px; margin-left:auto; margin-right:auto;}
#wrap #menu_2{width:805px; clear:both;}
#wrap #menu_1 li, #wrap #menu_2 li{float: left;}
#wrap #menu_1 li img, #wrap #menu_2 li img{width: calc(804px / 3);}
#wrap #menu_2 li:nth-child(odd){padding-left: 209px;}


/*コンテンツ共通*/
ul.col1 a{position: relative; color: #000;}

/*1カラムコンテンツ*/
#wrap div.col1{clear:both; /*width: 950px;*/ width: 925px; margin-left: auto; margin-right: auto; height: 475px;}
#wrap div.col1_2{margin-bottom: 10%; margin-top:55px;}
#wrap div.col1 a div.col1_img{width: 50%; float:left;}
#wrap div.col1 a div.col1_cont{width: 45%; float:right; margin-left:5%;}
#wrap div.col1 a div.col1_img img{width:100%;}
#wrap div.col1 a div.col1_cont{position: relative; background:url(//image.wowma.jp/2539644/image/200807conductor/itembtn_col1.jpg) no-repeat bottom;}
#wrap div.col1 a div.col1_cont h3{width: 100%; font-size: 200%; color:black; margin-bottom: 371px;}
#wrap div.col1 a div.col1_cont p.txt{position:absolute; width: 100%; height: auto; font-size: 22px; color:black; top: 103px; text-align:left;}
#wrap div.col1 a div.col1_cont div.prices{position:absolute; width: 100%; font-size: 220%; text-align:right; color: #fe0000; font-weight:bold; top: 77%;}
#wrap div.col1 a div.col1_cont div.prices .taxin{font-size:65%;}

/**200904追記**/
#wrap div.col1_row_02 h3{margin-bottom: 415px;}
#wrap div.col1_row_01 h3{margin-bottom: 410px;}
#wrap div.col1_row_02 p.txt{top: 65px;}
#wrap div.col1_row_01 p.txt{top: 50px;}


/*2カラムコンテンツ*/
#wrap ul.col2{width: 950px; clear:both; margin: 0% auto;}
#wrap ul.col2 li{position:relative;}
#wrap ul.col2 a{width: 417px; height: 538px; }
#wrap ul.col2 li .itemimage_3{width: 100%;}
#wrap ul.col2 li .itemimage_4{width: 100%; margin-top:-5%;}
#wrap ul.col2 .cont_left{ float:left; clear:both; padding-left: 20px; left: 15px;height: 580px;}
#wrap ul.col2 .cont_right{ float:right; margin-right:15px; right: 18px;}
#wrap ul.col2 h3{font-size: 20px; color: #000; position:absolute;}
#wrap ul.col2 .font_c{font-size: 25px; color: #fff;}
#wrap ul.col2 li a .prices{font-size: 35px; right: 0; padding-top: 15%; color: #fe0000; font-weight:bold; position:absolute;}
/*#wrap ul.col2 li.cont_right a .prices{padding-top: 11%;}*/
#wrap ul.col2 li a .prices .taxin{font-size:20px;}



/*navi*/
#wrap ul.navi4{
    clear: both;
    margin: 0 auto;
    list-style-type: none;
    width: 98%;
}
#wrap ul.navi4 li{width: calc(89%/4);
    float: left;
    margin: 0 1%;
}
#wrap ul.navi4 li:nth-child(1){margin-left: 3%;}
#wrap ul.navi4 li:nth-child(5){margin-left: 3%;}
#wrap ul.navi4 li:nth-child(4n){margin-right: 0px;}

#wrap ul.navi6{
clear: both;
    margin: 0 auto;
    list-style-type: none;
    width: 96%;
}
#wrap ul.navi6 li{
    width: calc(85%/6);
    float: left;
    margin: 30px 2%;
}
#wrap ul.navi6 li:nth-of-type(1){margin-left: 2.5%;}
#wrap ul.navi6 li:nth-of-type(n+2){margin-left: 0;}
#wrap ul.navi6 li:nth-child(6n){margin-right: 0px;}

#wrap ul.navi6 li a{
    border: 4px solid #74d1d6;
    box-sizing: border-box;
    border-radius: 10px;
    padding: 25px 5px;
    text-align: center;
    font-size: 24px;
    font-weight: bold;
    color: #74d1d6;
}
#wrap ul.navi6 li a:hover{
    color: #fff;
    background:#74d1d6;
}

/*PAGE TOPボタン*/
#top_btn{width: 80px; position: fixed; bottom: 0; right: 0; /*background-color:#0059c9*/ background-color:#15a2bd;}
#top_btn div p{ text-align:center; color: #fff; font-size:14px; font-weight:bold;}

/*フッター装飾*/
#wrap .footer {border-top: 1px solid #ccc; width: 950px; margin: 4% auto 0; padding-top: 20px; padding-bottom: 20px; font-size: 1rem; display:flex; justify-content: center;}
#wrap .footer a{color: #000; text-align:center;}

/*---200807追記_end---*/
    
/*ランキング*/
    
#wrap ul.col2-rank a{width: 417px; height: 590px!important; }
/*#wrap ul.col2-rank img{width: 40%}*/
#wrap .rankbg{border-bottom: solid 5px #e1be70; margin-bottom: 10px;}
#wrap .rankbg2{border-bottom: solid 5px #a6a6a6; margin: 20px 0 10px 0;}
#wrap .rankbg3{border-bottom: solid 5px #cd9d87; margin: 20px 0 10px 0;}

#wrap .rank1 , #wrap .rank{padding: 0; margin:0 auto 0.8% auto; text-align: center;}
#wrap .rank1 {width: 50%;}
#wrap .rank {width: 50%;}

}

#wrap h2.mida{
    background: #15a2bd;
    text-align: center;
    color: #fff;
    padding: 20px;
    margin: 20px 30px 0;
    font-size: 32px;
}
#wrap h2.ichioshi{
    background: #15a2bd;
    text-align: center;
    color: #fff;
    padding: 15px;
    margin: 40px 100px;
    font-size: 32px;
}


/*---pc_end---*/