@charset "utf-8";
/* CSS Document */
/*大枠のcss*/
#outer{
	width: 1260px;
	margin: 0 auto;
}
/*マウスオーバーでふぉんってなる*/
#outer a:hover{
	opacity: 0.7;
}

/*見出し*/
#outer .top_parts{
	width: 100%;
	display: flex;
	justify-content: space-between;
	background-color: #d16262;
	margin-bottom: 50px;
}
#outer .top_parts .top_txt{
	width: 54%;
	color: #fff;
	display: flex;
	flex-direction: column;
	justify-content: center;
	box-sizing: border-box;
	padding: 0 0 0 25px;
}
#outer .top_parts .top_txt h1{
	font-size: 2.3em;
	font-weight: bold;
	padding-bottom: 5px;
	line-height: 1.2;
}
#outer .top_parts .top_txt p{
	font-size: 1.3em;
	padding-top: 10px;
}
#outer .top_parts .top_img{
	width: 44%;
}
#outer .top_parts .top_img img{
	width: 100%;
}

/*レコメンドのところ*/
#recommend_block{
	border-top: inherit;
}
#recommend_block .ec-shelfRole{
	margin-bottom: 0px;
}
/*レコメンドの順位ランキングアイコン*/
#recommend_block .ec-shelfRole li.ec-shelfGrid__item:before {
	content: '';
	z-index: 2;
	position: absolute;
	display: inline-block;
	width: 25px;
	height: 25px;
	background-size: contain;
	vertical-align: middle;
}
#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(1)::before {
	background-image: url(/img/icon/rank_category_1.png);
}
#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(2)::before {
	background-image: url(/img/icon/rank_category_2.png);
}
#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(3)::before {
	background-image: url(/img/icon/rank_category_3.png);
}
#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(4)::before {
	background-image: url(/img/icon/rank_category_4.png);
}
#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(5)::before {
	background-image: url(/img/icon/rank_category_5.png);
}
#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(6)::before {
	background-image: url(/img/icon/rank_category_6.png);
}
#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(7)::before {
	background-image: url(/img/icon/rank_category_7.png);
}
#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(8)::before {
	background-image: url(/img/icon/rank_category_8.png);
}
#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(9)::before {
	background-image: url(/img/icon/rank_category_9.png);
}
#recommend_block .ec-shelfRole li.ec-shelfGrid__item:nth-child(10)::before {
	background-image: url(/img/icon/rank_category_10.png);
}
/*カテゴリボタン設定*/
#outer .category_btn{
	width: 100%;
	font-size: 1.2em;
	margin: 15px auto 60px;
}
#outer .category_btn a{
	color: #FFFFFF !important;
	text-decoration: none !important;
	position: relative;
	display: block;
	text-align: center;
	vertical-align: middle;
	margin: 31px auto;
	padding: 10px;
	font-weight: bold;
	border-radius: 5px;
	background-color: #d16262;
	
}
#outer .category_btn a:hover{
	opacity: 0.7;
}


#outer .adjustment {
    padding-top: 40px;
	margin-top: -40px;
	/*display: block;*/
}

/*h2見出し装飾*/
#outer h2.uline_b,#outer h2.uline_b2{
    padding: 0.7em 0.5em 1.5em 1em;
    position: relative;
    z-index: 0;
    overflow: hidden;
}
#outer h2.uline_b::before,
#outer h2.uline_b::after,
#outer h2.uline_b2::before,
#outer h2.uline_b2::after {
    content: "";
    display: block;
    position: absolute;
}

#outer h2.uline_b::before,#outer h2.uline_b2::before {
    --size: 8px;
    --R: calc(var(--size)*1.28);
    --position: bottom;
    -webkit-mask:
        radial-gradient(var(--R) at left 50% var(--position) calc(1.8*var(--size)), #000 99%, #0000 101%) left calc(50% - 2*var(--size)) var(--position) 0/calc(4*var(--size)) 100%,
        radial-gradient(var(--R) at left 50% var(--position) calc(-.8*var(--size)), #0000 99%, #000 101%) left 50% var(--position) var(--size)/calc(4*var(--size)) 100% repeat-x;
    background: #d16262;
    width: 100%;
    height: calc(var(--size) + 150px);
    bottom: 0;
    left: 0;
    z-index: -2;
}
/*b*/
#outer h2.uline_b::after{
    --size: 8px;
    --R: calc(var(--size)*1.28);
    --position: bottom;
    -webkit-mask:
        radial-gradient(var(--R) at left 50% var(--position) calc(1.8*var(--size)), #000 99%, #0000 101%) left calc(50% - 2*var(--size)) var(--position) 0/calc(4*var(--size)) 100%,
        radial-gradient(var(--R) at left 50% var(--position) calc(-.8*var(--size)), #0000 99%, #000 101%) left 50% var(--position) var(--size)/calc(4*var(--size)) 100% repeat-x;
    background: #fff;
    width: 100%;
    height: calc(var(--size) + 150px);
    bottom: 6px;
    left: 0;
    z-index: -1;
	
}
/*b2-分けて設定*/
#outer h2.uline_b2::after {
    --size: 8px;
    --R: calc(var(--size)*1.28);
    --position: bottom;
    -webkit-mask:
        radial-gradient(var(--R) at left 50% var(--position) calc(1.8*var(--size)), #000 99%, #0000 101%) left calc(50% - 2*var(--size)) var(--position) 0/calc(4*var(--size)) 100%,
        radial-gradient(var(--R) at left 50% var(--position) calc(-.8*var(--size)), #0000 99%, #000 101%) left 50% var(--position) var(--size)/calc(4*var(--size)) 100% repeat-x;
    background: #fdf6c3;
    width: 100%;
    height: calc(var(--size) + 150px);
    bottom: 6px;
    left: 0;
    z-index: -1;
	
}


/*その他の設定*/
#outer *,::before, ::after {
    box-sizing: border-box;
}

#outer h2 {
    margin: 20px 0;
    color: #42210b;
    font-weight: bold;
    text-align: center;
    font-size: 1.7em;
} 





/* メニュー全体を囲む */
#outer .menu-wrapper {
    display: flex;
    flex-direction: column;
    align-items: center;
    text-align: center;
}

/* 「MENU」のタイトル */
#outer .menu-title {
    font-size: 24px;
    font-weight: bold;
    margin-bottom: 15px; /* 赤枠との間隔を開ける */
    position: relative;
}

/* メニューの枠 */
#outer .jump {
    width: 300px;
    padding: 20px;
    border: 5px solid #c85a5a;
    border-radius: 13px 13px;
    position: relative;
    text-align: left;
	color: #42210b;
    font-weight: bold;
}

/* 「MENU」の位置を調整 */
#outer .jump::before {
    content: "MENU";
    position: absolute;
    top: -25px; /* 枠の上に配置 */
    left: 15px; /* 左寄せの調整 */
    font-size: 24px;
    font-weight: bold;
    background-color: #ffffff; /* 背景を白にして枠と重ならないように */
    padding: 0 10px;
	color: #42210b;
}
/* メニューリスト */
#outer ._genre_menu {
    list-style: none;
    padding: 0;
    margin: 10px 0 0;
}

#outer .global_item {
    font-size: 16px;
    margin-bottom: 10px; /* 余白を調整 */
}

/* リンクのハイライト */
#outer .global_item a {
    text-decoration: none;
    color: inherit;
    background: yellow;
    padding: 2px 5px;
    display: inline; /* 背景が文字の長さだけつくように */
	background: linear-gradient(transparent 50%, #fef8a6 25%);
}

/* 右下の円形画像 */
#outer .jump::after {
    content: "";
    position: absolute;
    bottom: 10px;
    right: 10px;
    width: 60px;
    height: 60px;
    border-radius: 50%;
    background-image: url("/img/freepage/feature_hamburgerwrapper_hotdogwrapper/hamburger_icon.png");
    background-size: contain;
    background-repeat: no-repeat;
    background-position: center;
}
/* 見出しの背景エリア */
#outer .header-wave {
    position: relative;
    width: 100%;
    height: 300px; /* 見出しの高さ */
    background-color: #d16262; 
    display: flex;
    justify-content: center;
    align-items: center;
    overflow: hidden;
    border-radius: 10px 10px 0 0;
}


#outer .header-wave::after {
    content: "";
    position: absolute;
    bottom: 0;
    left: 0;
    width: 100%;
    height: 40px; /* 波の高さ */
    background: #fdf6c3;
    mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 0 5 Q 30 10, 60 5 T 120 5 V 10 H 0 Z' fill='%23000'/%3E%3C/svg%3E") repeat-x;
    -webkit-mask: url("data:image/svg+xml,%3Csvg viewBox='0 0 120 10' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M 0 5 Q 30 10, 60 5 T 120 5 V 10 H 0 Z' fill='%23000'/%3E%3C/svg%3E") repeat-x;
}

/* 見出しテキスト */
#outer .header-wave h3 {
    font-size: 80px; /* 大きめの文字 */
	font-family: "メイリオ",Meiryo;
    color: white;
    font-weight: bold;
    text-shadow: 5px 5px 10px rgba(0, 0, 0, 0.2); /* ふんわり影を追加 */
    letter-spacing: 3px;
    text-align: center;
    z-index: 10;
}
/* 「LINEUP」の見出しのスタイル */
#outer .puffy-text {
    font-size: 36px;
    margin: 20px 0;
}




/* 「LINEUP」親コンテナ（2列グリッド配置） */
#outer .menu-container {
    display: grid;
    grid-template-columns: 1fr 1fr; /* 2カラムレイアウト */
    gap: 20px;
    padding: 2% 2%;
    margin: auto;
    background-color: #fdf6c3;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 700px;
	position: relative; /*波線用にrelativeを追加 */
}



/* 「LINEUP」各アイテム（テキスト左・画像右の横並び） */
#outer .menu-item {
    display: flex;
    flex-direction: row; /* 横並び */
    align-items: center; /* 中央揃え */
    justify-content: space-between;
    gap: 20px; /* テキストと画像の間隔 */
    padding: 20px;
    border-radius: 8px;
    text-align: left;
    position: relative;
    transition: transform 0.3s;
    border: solid 1px #d16262;/*3/13→点線にする*/

}

/* 「LINEUP」テキストエリア（左側） */
#outer .menu-text {
    flex: 1; /* 可能な限り幅を確保 */
    max-width: 400px; /* 必要に応じて調整 */
}

/* 「LINEUP」画像エリア（右側） */
#outer .image-placeholder {
    width: 200px;
    height: 200px;
    background-color: #ccc;
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 8px;
}
/*LINEUPのh4のライン装飾*/
#outer .line_design {
  position: relative; /* h4 を基準にする */
  display: inline-block;
  font-weight: bold;
}

#outer .line_design span {
  position: relative;
  display: inline-block; /* 幅を適用できるようにする */
  padding: 0 0.1em;
}

/* 背景のライン */
#outer .line_design span::after {
  content: '';
  position: absolute;
  left: 0;
  top: 50%;
  width: 100%;
  height: 0.5em;
  background-color: rgba(209, 98, 98, 0.3);
  transform: translateY(-50%) rotate(-5deg);
}
/* 「LINEUP」h4とpのスタイル */
#outer .menu-text h4 {
    font-size: 20px;
    font-weight: bold;
    margin-bottom: 5px;
	text-align: left;
}

#outer .menu-text p {
    font-size: 16px;
    line-height: 1.4;
    font-family: "メイリオ";
    color: #42210b;
}


/*４つのLINEUPのマウスホバー時のエフェクト*/
#outer .image-placeholder:hover {
    transform: scale(1.05);
} 
/*「LINEUP」ホバー時に表示 */
#outer .image-placeholder{
    position: relative;
    display: inline-block;
    overflow: hidden;
}

#outer .image-placeholder a{
    display: block;
    position: relative;
}

#outer .image-placeholder img {
    display: block;
    width: 100%;
    height: auto;
    transition: transform 0.3s ease;
}

/* ホバー時の拡大 */
#outer .image-placeholder:hover img {
    transform: scale(1.05);
}

/* ホバーオーバーレイ（透過背景） */
#outer .image-placeholder::after {
    content: "商品はこちら"; /* 文字を追加 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 248, 220, 0.8); /* 透過 80% */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #5b3c1a; /* 文字色 */
    font-size: 24px;
    font-weight: bold;
    opacity: 0; /* 初期状態では非表示 */
    transition: opacity 0.3s ease;
    pointer-events: none; /* クリックを妨げない */
}

/* ホバー時に表示 */
#outer .image-placeholder:hover::after {
    opacity: 1;
}


/* 表組 */
#outer .table_withpicture.taiyuhira-table_mobile01,#outer .table_withpicture.taiyuhira-table_mobile02 {
        display: none; /* スマホ表をPC版では非表示 */
    }
#outer .table_withpicture{
	line-height: 0;
	margin-bottom: -40px;
}
#outer table.tb02{
	border-collapse: collapse;
	width: 100%;
	table-layout: fixed;
	margin-bottom: 75px;
	margin: 20px auto 35px;
	line-height: normal;
}
#outer .tb02 tr.tr_head{
	background: #d16262;
	color: #FFFFFF
}

#outer .tb02 tr.tr_head th{
	font-weight: bold;
	font-size: 1.5em;
	padding: 10px;
}
#outer .tb02 th{
	padding: 10px;
	border: solid 1px #ccc;
	text-align: center;
	box-sizing: border-box;
	font-weight: bold;
}

#outer .tb02 td{
	padding: 10px;
	border: solid 1px #ccc;
	text-align: center;
	box-sizing: border-box;
	font-size: 1.3em;
	line-height: 1.2;
	font-weight: bold;
}
#outer .tb02 td a{
	color: #d64949;
	display: block;
	width: 100%;
	height: 100%;
}
#outer .tb02 td.link:hover{
	background-color: #ffd803;
}
#outer .tb02 tr.tr_2{
	background-color: #FCFAEE;
}
/* 対応規格の列の幅を固定 */
#outer .tb02 th.norm {
	width: 120px;
	/* 必要に応じて幅を調整 */
}
/* サイズ列の幅を固定 */
#outer .tb02 th:nth-child(2) {
	width: 250px;
	/* 必要に応じて幅を調整 */
}
#outer .image-cell img {
	height: 120px;
	/* 画像の高さを指定 */
	width: auto;
	/* アスペクト比を維持 */
	display: block;
	margin: auto;
	/* 中央揃え */
}
/*表、見出し色(白･未晒)*/
#outer tr.row-small{
	color: #42210b;
}
#outer .tb02 td{
	color: #42210b;
}

/* h4文章 */
#outer ul.series-container h4, #outer ul.series-container2 h4, #outer ul.series-container3 h4{
	font-weight: bold;
	color: #42210b;
	margin-top: 10px;
    text-decoration: none;/*バナー下のテキストの幅*/
	width: 95%;
    margin-inline: auto;
}

/* バナー、横並べ */
#outer ul.series-container{
    display: flex;
    text-align: center;
    justify-content: space-between;
    margin: auto;
	width: 80%;
}

#outer ul.series-container2{
    display: flex;
    text-align: center;
    justify-content: space-between;
    margin: 0 0 0 2%;
}

#outer ul.series-container3{
    display: flex;
    text-align: center;
    justify-content: space-between;
    padding: 3% 22% 3% 22%;
}



/*バナー下のテキストの下線消す*/
#outer ul.series-container a,ul.series-container2 a, ul.series-container3 a {
    text-decoration: none;
}
/*p文章*/
#outer p{
	font-weight: bold;
}

#outer .series-contents {
    background-color: #d16262;
    background-image: linear-gradient(90deg, rgba(255, 255, 255, 0.5) 50%, transparent 50%), linear-gradient(rgba(255, 255, 255, 0.5) 50%, transparent 45%);
    background-size: 100px 100px;
    border-radius: 10px;
    padding-bottom: 5%;
}

/* 画像+h4(背景) */
	#outer .series-container li,#outer .series-container2 li,#outer .series-container3 li {
    background-color:rgba(255,255,255,0.9);
    border-radius: 10px;
    margin: 3%;
    padding: 1%;
    width: 90%;
}	

/*柄から選ぶの背景色*/
#outer .series-contents_00 {
    background-color: #fdf6c3;
    border-radius: 10px;
    padding-bottom: 5%;
}
#outer .series-container li a,#outer .series-container2 li a,#outer .series-container3 li a {
    position: relative; /* 基準とする */
    display: block;
}

#outer .series-container li a::after,#outer .series-container2 li a::after,#outer .series-container3 li a::after {
    content: "商品はこちら"; /* 文字を追加 */
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    background-color: rgba(255, 248, 220, 0.8); /* 透過 80% */
    display: flex;
    justify-content: center;
    align-items: center;
    color: #5b3c1a; /* 文字色 */
    font-size: 24px;
    font-weight: bold;
    opacity: 0; /* 初期状態では非表示 */
    transition: opacity 0.3s ease;
    pointer-events: none; /* クリックを妨げない */
}

#outer .series-container li a:hover::after,#outer .series-container2 li a:hover::after,#outer .series-container3 li a:hover::after {
    opacity: 1; /* ホバー時に表示 */
}
/*関連記事のところ*/
.column{
	width: 100%;
	margin-bottom: 45px;
}
.column h3{
	font-size: 1.5em;
	font-weight: bold;
	margin: 35px 0 15px 10px;
	color: #42210b;
}
.column h3::before{
    content: "";
    display: inline-block;
    width: 28px;
    height: 17px;
    background-image: url("/img/freepage/feature_hamburgerwrapper_hotdogwrapper/hamburger_icon.png");
    background-size: contain;
    background-repeat: no-repeat;
}
.contents_02{
	display: flex;
	flex-wrap: wrap;
	margin: 0 auto;
}
.contents_02 .item_{
	width: 32%;
	box-sizing: border-box;
	display: flex;
	flex-direction: column;
}
.contents_02::after{
	content: "";
	display: block;
	width: 32%;
	height: 0;
}

.contents_02 .item_ ul.btns_{
	margin-top: auto;
	margin-bottom: 12px;
	padding: 0 10px;
}
.contents_02 .item_ ul.btns_ li.btn_gazou_{
	position: relative;
}
.item_ .btn_gazou_ a{
	display: block;
	position: relative;
	padding: 10px;
	color: #ffffff;
	background-color: #d16262;
	font-weight: bold;
	border-radius: 5px;
	text-align: center;
	text-decoration: none;
	font-size: 1em;
}

.column ul.tokusyu{
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	box-sizing: border-box;
	width: 100%;
	list-style: none;
	margin: 0 auto;
}
.column ul.tokusyu li{
	width: 23%;
	margin-bottom: 10px;
}
.column ul.tokusyu li img{
	width: 100%;
	height: auto;
}
.column ul.tokusyu::before{
	content: "";
	display: block;
	width: 23%;
	order: 1;
}
.column ul.tokusyu::after{
	content: "";
	display: block;
	width: 23%;
}
.btn_gazou_:hover,.tokusyu li:hover{
	opacity: 0.7;
}

/*スマホの設定*/
@media screen and (max-width: 768px) {
	#outer{
		width: 100%;
	}
	
	/*見出し*/
	#outer .top_parts{
		flex-direction: column-reverse;
	}
	#outer .top_parts .top_txt{
		width: 100%;
		padding: 15px;
	}
	#outer .top_parts .top_txt h1{
		font-size: 1.2em;
		padding: 5px 5px 0 5px;
	}
	#outer .top_parts .top_txt p{
		font-size: 1em;
		padding: 5px;
	}
	#outer .top_parts .top_img{
		width: 100%;
	}
	#outer .top_parts .top_img img{
		width: 100%;
	}
	
	/*カテゴリボタン設定*/
	#outer .category_btn{
		width: 95%;
		font-size: 1.1em;
		margin: 15px auto 40px;
	}
	#outer .category_btn a{
		padding: 6px;
	}

	#outer .adjustment {
    padding-top: 90px;
	margin-top: -90px;
	/*display: block;*/
}
	/*スマホ用.header-wave*/
	#outer .header-wave {
        height: 180px; /* スマホ時は高さを少し小さく */
    }
	#outer .header-wave::after {
        height: 30px; /* スマホでは波の高さも小さく */
        background-size: auto 100%; /* 波のサイズを比率に応じて調整 */
    }
	/*スマホ用.header-wave、h3*/
	#outer .header-wave h3 {
	font-family: "メイリオ",Meiryo;	
    font-size: 32px;
	}
	


	/*スマホ用.menu-container黄色の範囲*/
	#outer .menu-container {
    padding: 2% 2%;
    margin: auto;
    gap: 0px;
    background-color: #fdf6c3;
    border-bottom-right-radius: 10px;
    border-bottom-left-radius: 10px;
    height: 70%;
    position: relative;
    display: flex;
    flex-direction: column;
	}
	
	/*スマホ用.ラインナップの縦並べ上下スキマ*/
	#outer .menu-item {
	margin: 2% 0;
	display: flex;
    flex-direction: column;
    align-items: center;
    justify-content: space-between;
    gap: 20px;
    padding: 20px;
    border-radius: 8px;
    text-align: left;
    position: relative;
    transition: transform 0.3s;
    border: solid 1px #d16262;
	}

	/* スマホバナー、縦並べ */
	#outer ul.series-container,#outer ul.series-container2,#outer ul.series-container3 {
    display: flex;
    text-align: center;
    padding: 2% 6%;
    flex-direction: column;
	width: 100%;
}

		/* スマホ、画像+h4(背景) */
	#outer .series-container li,#outer .series-container2 li,#outer .series-container3 li {
        background-color:rgba(255,255,255,0.9);
        border-radius: 10px;
        margin: 3%;
        padding: inherit;
}	
	
	/* スマホ、テキストh4(バナーの下) */
	#outer ul.series-container h4,#outer ul.series-container2 h4,#outer ul.series-container3 h4 {
    padding: 6% 0;
	font-weight: bold;		
}


	
	/* スマホ、幅*/ 
	#outer ul.series-container,#outer ul.series-container2,#outer ul.series-container3{
	margin: 0 0 0 3%;
}
	/*スマホ-PCほうの表消す*/
	#outer .table_withpicture.taiyuhira-table{
		display: none;
	}
/*スマホ表、表示*/
	#outer .table_withpicture.taiyuhira-table_mobile01,#outer .table_withpicture.taiyuhira-table_mobile02 {
      display: flex;
      text-align: center;
    }
/*スマホ表、表示*/
 #outer table.tb02 {
 		display: inline-block;
		width: 95%;
    }

/*スマホ見出し表サイズ調節①*/
#outer .tb02 tr.tr_head th{
	font-size: 1.2em;
}
/*スマホ見出し表サイズ調節②*/	
#outer .tb02 th{
	width: 100px;
    }	
/* スマホ_サイズ列の幅を固定 */
#outer .tb02 th:nth-child(2) {
	width: 100px;
	/* 必要に応じて幅を調整 */
    }

/* スマホ_サイズ列の幅を固定 */
	#outer p{
	width: 90%;
    margin: inherit;
}

	
	
	/*スマホ関連記事のとこ*/
	#outer .column{
		width: 100%;
	}
　/* スマホ関連コラム */
	#outer .column h3{
		padding: 5px;
		font-size: 1.0em;
	}
	　/* スマホ関連コラム */
	#outer .column h3::before{
    content: "";
    display: inline-block;
    width: 28px;
    height: 17px;
    background-image: url("/img/freepage/feature_hamburgerwrapper_hotdogwrapper/hamburger_icon.png");
    background-size: contain;
    background-repeat: no-repeat;
}
	#outer .contents_02{
		padding: 0 10px;
	}
	#outer .contents_02 .item_{
		width: 100%;
		margin: 5px auto;
		padding: 0;
	}
	#outer .contents_02::after{
		content: none;
	}
	#outer .contents_02 .item_ ul.btns_{
		font-size: 0.8em;
		width: 100%;
		margin-bottom: 0;
		padding: 0;
	}
	#outer .contents_02 .item_ ul.btns_ li.btn_gazou_{
		position: relative;
	}
	

	
	#outer .item_ .btn_gazou_ a{
		padding: 10px 0;
		border-radius: 5px;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
		display: block;
		position: relative;
		transition: .3s;
		margin: 5px;
	}
	
	#outer .column ul.tokusyu{
		width: 96%;
		margin: 0 auto;
		padding: 0;
		float: none;
	}
	#outer .column ul.tokusyu li{
		width: 49%;
	}	
	
}