@charset "euc-jp";

/* イベント用 */



/*------------------------------------------------------------

	リセット

------------------------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, figure, main, header { margin: 0; padding: 0; background: transparent; border: 0; outline: 0; font-size: 1em; }

body, table, input, textarea, select, option { font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", "メイリオ", Meiryo, sans-serif; font-size: 1em; } article, aside, canvas, details, figcaption, figure, footer, header, hgroup, menu, nav, section, summary { display: block; } ol, ul { list-style: none; } blockquote, q { quotes: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; }



*, *:before, *:after {

    -webkit-box-sizing: border-box;

       -moz-box-sizing: border-box;

         -o-box-sizing: border-box;

        -ms-box-sizing: border-box;

            box-sizing: border-box;

}



/* 下記テーブル打ち消し用 */

.y_footer table {

    margin-top: 0;

}


/* ------------------- mobile --------------------------- */

@media(max-width:320px){


.fs-l-page {
    margin-top: -4em;
}


header{

overflow:hidden;

background-color: #fff;

}

.top{

background-color: #fff;

	}





#section1{

	background:linear-gradient(rgba(230, 230, 230, 9), rgba(255, 255, 255, 0.5));

	padding-bottom:15px;
  padding-top: 15px;

}



#section2{


	background:linear-gradient(rgba(230, 230, 230, 9), rgba(255, 255, 255, 0.5));

	padding-bottom:15px;
  padding-top: 15px;
}



#section3{

	background:linear-gradient(rgba(230, 230, 230, 9), rgba(255, 255, 255, 0.5));


	padding-bottom:15px;
  padding-top: 15px;
}



#section4{


	background:linear-gradient(rgba(230, 230, 230, 9), rgba(255, 255, 255, 0.5));
	padding-bottom:15px;
  padding-top: 15px;
}



#section5{

	background:linear-gradient(rgba(230, 230, 230, 9), rgba(255, 255, 255, 0.5));


	padding-bottom:25px;
  padding-top: 15px;
}





#section6{

	background:linear-gradient(rgba(230, 230, 230, 9), rgba(255, 255, 255, 0.5));


	padding-bottom:15px;

}



/* section1 上スペース */

main #section1 .sab-title p,
main #section2 .sab-title p,
main #section3 .sab-title p,
main #section4 .sab-title p,
main #section5 .sab-title p,
main #section6 .sab-title p{

margin-bottom: 15px;
padding-top: 15px;
}





p.sectiontitle {

	  margin:auto;

	  text-align:center;

}



main{

overflow:hidden;

}



footer{

padding-top:20px;

padding-bottom:30px;

background-color:#fff;

}



a:hover{

opacity:0.8;

}


.midashi .order_limit{
	font-weight: normal;
	text-align: right;
	margin-right: 10px;
	font-size: 0.3em
}



/* ナビゲーションアイテム内見出し */

.event_nav,.event_nav_images h3{

font-size:150%;

text-align:center;

padding-bottom:20px;

}



/* イベントバナー */

h2.midashi{

text-align:center;

margin-top:30px;

margin-bottom: -55px;

margin-left:auto;

margin-right:auto;

}


/* 見出しフェードイン */

.effect img {

  transition: 1.0s;

}



/* ラッピング画像 */

.wrap_img {

	margin: 10px 2% 0px 2%;

}


.wrap_img img {

	width: 100%;

}





/* メインアイテム */

header .main_item{

margin:auto;

text-align:center;


}





/* サブアイテム */

.sub_item{

background-color:#fff;

overflow:hidden;

margin:auto;

width:80%;

clear:both;

padding-bottom:50px;



}



.sub_item h3{

padding-top:10px;

text-align:center;

}





/* rightナビ */

.right_nav{

position:fixed;

bottom:3%;

right:5%;

border-radius:9px;

padding:6px;

background-color: #0362a4;

text-align:center;

line-height:1.1em;

color: #fff;

font-size: 0.9rem;

}



.right_nav a{

color:#fff;

text-decoration: none;

font-size:0.6em;

}



.right_nav a:hover{

color:#fff;

opacity:0.8;

}



.right_nav a:visited{

color:#fff;

}



/* footer */
.y_footer{

margin:auto;

width:95%;

}


.y_footer table{

margin-bottom: 100px;

margin-top:30px;

}


.y_footer th{

background-color: #ef774d;

font-weight: normal;

text-align: left;

color: #fff;

padding:10px;

}


.y_footer td{

padding:10px;

color: #393939;

font-size: 0.8em;

line-height:120%;

}



/* pc用右バナー*/

#right_navi {

position: absolute;

z-index: -999;

top: 0;

right: 0;

display: none;

	}


/* pc用グローバルナビ削除 */

#pc_g_nav{

display:none;

}


/* pc用フッターガイド削除 */

footer table.footerguide{

display:none;

}



/* モバイル用フッターナビ */

footer div.footer_nav{

text-align:center;

margin:-20px 10px 20px 10px;

}



footer div.footer_nav a{

text-decoration:none;

color:#393939;

font-size:0.8rem;

}



footer div.footer_nav a:visited{

text-decoration:none;

color:#393939;

}



/* 背景 */

body{

background-size:contain;

padding-top:40px;

}



header{

background-position: center 10px;

margin-top:-10px;

}



/* トップ画像、テキスト */

h2.midashi img{

margin-top:30px;

width:100%;

padding-top: 40px;
	
padding-bottom: 0px;

}


header h2.midashi .main_item img{

margin:5px 10px 5px ;

text-align:center;

width:90%;

}



header h2.midashi .text {

    margin: 0 auto;

    text-align:center;

    font-weight: 100;

    color: #393939;

	font-size: 0.65rem;

    line-height: 1.3;

	padding-bottom: 20px;
}


header h2.midashi .text b{
    margin: 0 auto;
    text-align:center;
    font-weight: 800;
    color: #393939;
	font-size: 1rem;
    line-height: 1.5;
}


/* 詳細画像 */
	
.wrapping{

  width: 90%;
  margin: auto;
  padding-top: 20px;
  padding-bottom: 20px;

}
	
.wrapping p {

	font-size: 0.8em;
	text-align: center;

    }

/* ナビゲーション */
.event_nav ul {

  max-width: 320px;

  margin: 0 auto;

}


.event_nav p {

        font-size: 0.5em;

    }

.event_nav li a {

  display: inline-block;

  float: left;

  box-sizing: border-box;

  width: 48%;

  min-height: 26px;

  margin: 1%;

  text-align: center;

  color: #fff;

  font-size: 0.8rem;

  text-decoration: none;

  padding: 0px 0px 0px 2px;
}


/* 注意文言 */


    .attention {

        text-align: center;
		margin-top: 0px;
        margin-bottom:30px;
    }

    .attention p {

        margin-top: 20px;
		font-size: 0.8em;

    }
	
	.attention img {

        width: 90%;

    }
	

/*上部ナビゲーション*/
ul.page_nav {

position: fixed;

display:flex;

width:100%;

padding:10px 0 0 0;

z-index: 999;

top: 35px;
    
left: 0;

}


ul.page_nav li.kd {

width:100%;

list-style-type:none;

background-color:#0362a4;

padding:0px 0;

}


ul.page_nav li a {

display: inline-block;

width: 100%;

height: 100%;

text-decoration: none;

text-align:center;

line-height:150%;

color: #fff;

font-size:90%;

font-weight: 100;

padding:6px;

border: solid #fff 0.5px;

}


ul.page_nav li a:after{

    content: "\f105";

    position: relative;

    font-family: 'FontAwesome';

	margin-left:10px;

}




/* 画像100％表示 */

img{

width:100%;

}



/* メインアイテム内見出し */


p.sectiontitle img{

	width:100%;

}


/* メインアイテム */

.main_item{

margin:0 auto;

text-align:center;

}



a:link, a:visited {

    color: #000000;

    text-decoration: none;

    display: inline-block;

}



.sell {

    font-family: "ヒラギノ角ゴ ProN W3", "Hiragino Kaku Gothic ProN", メイリオ, Meiryo, sans-serif;

    color: #A01E2F;

    font-weight: bold;

}



.box1:after, .box2:after, .box2 .price:after, .box3:after, .box4:after, .detail:after, ul:after {

    content: "";

    display: block;

    clear: both;

}



.main_item .box1{

	background: #fff;

    margin: 0 2% 5%;

    background: #fff;

	/*-webkit-border-radius: 5px;*/

}



.main_item .box1 .riSDAdWrap {

    padding: 2% 2% 5% 2%;

	border: #c9bdaf 1px solid;

}



.box1 img {

	position: relative;

	width: 100%;

}



.box1 .detail {

	width: 100%

}



.box1 .detail img{

	float:left;

	width:18%;

	margin-right:3%;

}



.box1 .detail .name {

    font-size: 1.1rem;

    line-height: 1.5;

    margin-bottom: 2%;

	font-weight: bold;

	text-align: left

}



.box1 .detail .text {

    text-align: left;

    font-size: 0.9rem;

    line-height: 1.3;

    margin-bottom: 2%;

}



.box1 .detail .couponuse {

    width: 100%;

    color: #393939;

    margin-bottom: 1%;

    padding: 0;

	text-align: left;

	font-size: 0.85rem;

	font-weight:600;

}



.box1 .detail .couponuse:after {

    content: "\f101";

    position: relative;

    font-family: 'FontAwesome';

    font-size: 1rem;

    margin-left: 3px;

}





.box1 .sell {

    float: right;

    font-size: 2.0rem;

}



.box1 .sell .en {

    font-size: 0.8rem;

}



.box1 .riSDAdWrap .free {

    position: relative;

    float: left;

    width: 35%;

    height: 36px;

    box-sizing: border-box;

    text-align: left;

    padding-left: 3%;

    margin: 2% 0 3% 0 ;

    background-color: #A01E2F;

    font-size: 1.2rem;

    color: #fff;

    line-height: 36px;

}



.box1 .riSDAdWrap .free:after {

    content: '';

    position: absolute;

    top: 0;

    right: 0;

    z-index: 2;

    border-width: 18px 8px;

    border-style: solid;

    border-color: transparent;

    border-right-color: #fff;

}






.main_item .box2 {

	width: 100%;

}



.main_item .box2 .riSDAdWrap{

    float: left;

	width: 46%;

    padding: 2% 2% 3% 2%;

    margin: 0 2% 5% ;

    background: #fff;

	/*-webkit-border-radius: 5px;*/

	border: #c9bdaf 1px solid;

}



.main_item .box2 img.img {

    width: 100%;

	height: 100%;

}





.box2 .detail img{

    box-sizing: border-box;

    float: left;

    width: 19%;

    margin-right:1%;

}





.box2 .detail .name {

    font-size: 0.6rem;

    line-height: 1.2;

    margin-bottom: 2%;

    font-weight: bold;

    text-align: left;

}



.box2 .detail .couponuse {

    width: 100%;

    color: #fff;

    margin-bottom: 1%;

    padding: 0;

	text-align: left;

	font-size: 0.7rem;

}



.box2 .detail .couponuse:after {

    content: "\f101";

    position: relative;

    font-family: 'FontAwesome';

    font-size: 0.75rem;

    margin-left:0.5%;

}



.box2 .sell {

    position: relative;

    float: right;

    font-size: 0.95rem;

	margin-top: 3%;

}



.box2 .sell .en {

    font-size: 0.2rem;

}



.box2 .riSDAdWrap .free {

    float: left;

    text-align: center;

    box-sizing: border-box;

    color: #A01E2F;

    font-weight: bold;

    border: solid 1px #A01E2F;

    width: 20%;

    font-size: 0.6rem;

    line-height: 1;

    margin-bottom: 2%;

    padding-top: 2%;

}



.riSDAdWrap .detail::after {

    text-align: center;

    content: "ご注文はコチラ ""\f054";

	font-family: 'FontAwesome';

    display: block;

    width: 100%;

    background:#0362a4;

    color: #fff;

    border-radius: 5px;

    -webkit-border-radius: 5px;

    -moz-border-radius: 5px;

    padding: 10px 0px;

	font-size: 80%;

}



.main_item .motto a{

	float: right;

	color: #393939;

	font-size: 0.8rem;

	margin-right:5%;

	}



.main_item .motto a:after {

    content: "\f105";

    position: relative;

    font-family: 'FontAwesome';

    font-size: 17px;

	margin-left: 10px;

	}





/* サブアイテム内見出し */

.sub_item h3{

font-size:90%;

font-weight: 100;

text-align:center;

}



/* サブアイテム */

.sub_item {

    box-sizing: border-box;

    width: 96%;

    margin: 1% auto 0;

    background: #fff;

	border: #c9bdaf 1px solid;

}



.box3 {

	width: 96%;

	padding: 2% 2% 2% 2%;

    /*-webkit-border-radius: 5px;*/

    margin: 0 auto;

}





.box3 .item {

    position: relative;

    float: left;

    width: 50%;

    height: 50%;

	padding:2%;

	margin: 0 auto;

}



.box3 .item .detail .name {

    font-size: 0.75rem;

    line-height: 1.2;

    margin-bottom: 3%;

    text-align: left;

}



.detail .name {

    text-align: left;

    font-weight: 500;

}



.box3 .item .free {

    float: left;

    text-align: center;

    box-sizing: border-box;

    color: #A01E2F;

    font-weight: bold;

    border: solid 1px #A01E2F;

    width: 26%;

    font-size: 0.8rem;

    line-height: 1.05;

    margin-bottom: 1%;

    padding-top: 2%;

}





.box3 .item .sell {

    position: relative;

    float: right;

    font-size: 1.15rem;

	margin-top: 4%;

}



#section4 .sub_item .box3 .item .sell .en {

    font-size: 0.3rem;

}



/*------------------------------------------------------------
	footer関連
------------------------------------------------------------*/



/* 検索窓 */

.search_box{
	width:315px;
	margin:auto;
	overflow:hidden;
}

.search_box input[type=text]{
	width:200px;
}

.search_box #keyword{
	margin-right:2px;
	float:left;
}


/*------------------------------------------------------------
	カテゴリ別
------------------------------------------------------------*/


section.cate h2{
	text-align:center;
	padding:10px;
}

.cate .contents ul {
	display: table;
	width: 100%;
	border-bottom: 1px #ddd solid;
	background: #E5E5E5;
}

.cate .contents ul li {
	display: table-cell;
	width: 50%;
	text-align: left;
	height: 50px;
	line-height: 50px;
	border-left: 1px #ddd solid;
	font-size:0.8em;
	vertical-align:middle;
}

.cate .contents ul li img{
	width: 25%;
	vertical-align:middle;
	margin-right: 5px;
}

div.contents_subject {
	float: left;
	vertical-align:middle;
	color: #000;
	text-indent: 0.5em;
}


/*------------------------------------------------------------
	価格別
------------------------------------------------------------*/

.price h2 {
	text-align:center;
	margin:10px;
}

.price .contents ul {
	display: table;
	width: 100%;
	background:#E5E5E5;
	margin-bottom:10px;
}

.price .contents ul li {
	text-align: left;
	height: 40px;
	line-height: 40px;
	font-size:0.9em;
	vertical-align:middle;
	border-bottom: 1px #ddd solid;
}

div.contents_subject {
	width: 100%;
	vertical-align:middle;
	color: #000;
	}




/* rightバナー */

.right_banner{

width:80px;

position:fixed;

bottom:50px;

right:-15px;



}



.right_banner:hover{

right:0px;

}



.right_nav a {

    color: #fff;

}
	

/* コピーボタン */
.copy_btn {
  width:80%!important;
  padding: 12px 0;
  margin-left: auto!important;
  margin-right: auto!important;
  color:#ffffff;
  font-weight:bold;
  background: #0362a4;
  border: solid 2px #0362a4;
  border-radius: 3px;
  transition: .4s;
  text-align: center;
}
 
.copy_btn:hover {
  background: #ffffff;
  color: #0362a4;
}
.copy_btn:hover {
	cursor: pointer;
}