@charset "utf-8";
/* CSS Document */
/*全体設定*/
#outer{
	width: 1260px;
	margin: 0 auto;
}
/*イントロダクション*/
#outer ._intro{
	width: 100%;
	display: flex;
	justify-content: space-between;
	margin-bottom: 15px;
	color: #ffffff;
}
#outer ._intro ._title{
	width: 60%;
	background-color: #ff7f00;
	padding: 15px 20px;
	box-sizing: border-box;
	display: flex;
	flex-wrap: wrap;
	justify-content: center;
	align-content: center;
	align-items: center;
}
#outer ._intro ._title ._b_title{
	width: 90%;
	margin-bottom: 10px;
}
#outer ._intro ._title ._b_title ._baloon{
	width: 29%;
	margin-bottom: 15px;
	display: flex;
	justify-content: center;
	align-items: center;
}
#outer ._intro ._title ._b_title ._baloon img{
	width: 100%;
}
#outer ._intro ._title ._b_title h1{
	font-size: 2.5em;
	font-weight: bold;
	line-height: 1.2;
	display: flex;
	justify-content: center;
	flex-direction: column;
	margin-bottom: 10px;
}
#outer ._intro ._title ._b_title h1 span._s_h1{
	font-size: 2em;
	display: block;
}
#outer ._intro ._title ._b_title h1 span._smtxt{
	font-size: 0.7em;
	display: block;
	margin-top: 5px;
}
#outer ._intro ._title ._b_txt{
	padding: 20px 40px 0;
	font-weight: bold;
	border-top: solid #ffffff 1px;
	box-sizing: border-box;
}
#outer ._intro ._image{
	width: 40%;
}
/*h1,h2,h3,pの設定*/
/*#outer h2.title_h2{
	font-size: 2.5em;
	font-weight: bold;
	text-align: center;
	border-bottom: solid 3px #ff7f00;
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-top: 10px;
}
*/
#outer h2.title_h2 {
	position: relative;
	padding: 1.5rem 1rem;
	font-size: 2em;
	font-weight: bold;
	margin-bottom: 15px;
	padding-bottom: 5px;
	padding-top: 10px;
}
#outer h2.title_h2:after {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 10px;
	content: '';
	background-image: -webkit-repeating-linear-gradient(135deg, #ff7f00, #ff7f00 2px, transparent 2px, transparent 5px);
	background-image: repeating-linear-gradient(-45deg, #ff7f00, #ff7f00 2px, transparent 2px, transparent 5px);
	background-size: 7px 7px;
	-webkit-backface-visibility: hidden;
	backface-visibility: hidden;
}
#outer h3{
	width: 100%;
	font-size: 1.5em;
	font-weight: bold;
	padding-left: 5px;
	margin-top: 20px;
}
#outer h3::before{
content: "┃"}
#outer .content{
	display: flex;
}
#outer p.feature{
	font-size: 1.1em;
	padding-left: 5px;
	margin: 5px 5px 15px;
}
#outer .content p.feature{
	padding: 30px;
	margin: auto;
}
#outer p.saiyasune{
	font-size: 2em;
	font-weight: bold;
	background-color: #e60012;
	color: yellow;
	text-align: center;
	padding: 5px;
	margin-bottom: 5px;
}
/*sectionメニュー 始まり*/
#outer ul.section_menu{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin: 30px 0;
}
#outer ul.section_menu:after{
	content: "";
	display: block;
	width: 32%;
	height: 0;
}
#outer ul.section_menu li{
	width: 33%;
	margin-bottom: 10px;
}
#outer ul.section_menu li a{
	display: block;
	font-weight: bold;
	text-decoration: none;
	padding: 1em;
	background-color: #f2f2f2;
	position: relative;
	border-radius: 5px;
	color: #006699;
}
#outer ul.section_menu li a:after {
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 35%;
	right: 3%;
	border: 6px solid transparent;
	border-top: 10px solid #999999;
}
/*sectionメニュー 終わり*/
/*レコメンド設定*/
#recommend_block{
	border-top: inherit;
}
#recommend_block .ec-shelfRole{
	margin-bottom: 0px;
}
#recommend_block:last-child{
	border-bottom: inherit;
}
/*.recommend_itemのとこ*/
#outer .recommend_item{
	width: 100%;
}
/*.item_con 基本設定*/
#outer .recommend_item .item_con{
	width: 100%;
	display: flex;
	flex-wrap: wrap;
	justify-content: space-between;
	margin-bottom: auto;
	padding: 10px;
}
#outer .recommend_item .low_price .item_con{
	padding: 0px;
}
#outer .recommend_item .low_price{
	padding: 10px;
}
/*.item_detail 基本設定*/
#outer .recommend_item .item_con .item_detail,#outer .recommend_item .item_con .item_detail_gekiyasu{
	width: 33%;
	border: solid 1px #808080;
	box-sizing: border-box;
	padding: 10px 15px;
	margin-bottom: 20px;
}
#outer .recommend_item .low_price .item_con .item_detail,#outer .recommend_item .item_con .item_detail_gekiyasu{
	background-color: #FFF0E2;
}
#outer .recommend_item .item_con .item_detail_gekiyasu{
	border: inherit;
	border-top: solid 1px #808080;
	border-bottom: solid 1px #808080;
	border-left: solid 1px #808080;
}
/*.insulation_cup 設定*/
#outer .recommend_item .item_con .insulation_item{
	width: 49%;
}
#outer .recommend_item .item_con .insulation_item .two_type{
	display: flex;
}
#outer .recommend_item .item_con .insulation_item .item_detail_gekiyasu,#outer .recommend_item .item_con .insulation_item .item_detail{
	width: 50%;
}
#outer .recommend_item .item_con .insulation_item p.capacity{
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	background-color: #104861;
	color: #fff;
	padding: 5px;
}
#outer .recommend_item .item_con .insulation_item p.cup_type{
	text-align: center;
}
#outer .recommend_item .item_con .insulation_item p.cup_type span{
	font-size: 1.3em;
	font-weight: bold;
	border-bottom: solid 1px;
}
/*プラカップコンテナ 中身設定 画像*/
#outer .recommend_item .item_con .item_img,#outer .recommend_item .item_con .item_img_3oz,#outer .recommend_item .item_con .item_img_5oz,#outer .recommend_item .item_con .item_img_7oz,#outer .recommend_item .item_con .item_img_9oz{
	width: 60%;
	margin: auto;
}
/*アイコン*/
#outer .recommend_item .item_con .item_img_3oz::before,#outer .recommend_item .item_con .item_img_5oz::before,#outer .recommend_item .item_con .item_img_7oz::before,#outer .recommend_item .item_con .item_img_9oz::before{
	position: absolute;
	content: "";
	display: inline-block;
	width: 5em;
	height: 5em;
	margin-left: -5.8em;
	margin-top: 0px;
}
#outer .recommend_item .item_con .item_img_3oz::before{
	background: url("/img/freepage/papercup/3oz_icon.png") no-repeat;
	background-size: contain;
}
#outer .recommend_item .item_con .item_img_5oz::before{
	background: url("/img/freepage/papercup/5oz_icon.png") no-repeat;
	background-size: contain;
}
#outer .recommend_item .item_con .item_img_7oz::before{
	background: url("/img/freepage/papercup/7oz_icon.png") no-repeat;
	background-size: contain;
}
#outer .recommend_item .item_con .item_img_9oz::before{
	background: url("/img/freepage/papercup/9oz_icon.png") no-repeat;
	background-size: contain;
}
/*.item_detail 中身設定 商品名*/
#outer .recommend_item .item_con h4{
	font-size: 1.2em;
	font-weight: bold;
	text-align: center;
}
#outer .recommend_item .item_con .insulation_item h4{
	font-size: 1em;
}
/*.item_detail 中身設定 何個入り何円*/
#outer .recommend_item .item_con .item_price p{
	font-size: 4em;
	font-weight: bold;
	color: red;
	text-align: center;
	font-family: 'Century Gothic', sans-serif;
	width: 65%;
	margin: 0px auto 10px;
}
#outer .recommend_item .item_con .insulation_item .item_price p{
	font-size: 3em;
}
#outer .recommend_item .low_price .item_con .item_price p,#outer .recommend_item .item_con .insulation_item .item_detail_gekiyasu .item_price p{
	background: linear-gradient(transparent 60%, yellow 0%);
}
#outer .recommend_item .item_con .item_price p::after{
	content: "（税込）";
	font-size: 0.3em;
}
/*.item_detail 中身設定 1個辺りの値段*/
#outer .recommend_item .item_con .unit_price{
	font-weight: bold;
	margin-bottom: 5px;
	text-align: center;
}
#outer .recommend_item .item_con .item_redprice span{
	font-size: 0.6em;
}
/*.item_detail 中身設定 ボタン*/
#outer .recommend_item .item_con .item_btn{
	width: 90%;
	margin: 10px auto;
}
#outer .recommend_item .item_con .item_btn a{
	display: block;
	font-size: 1em;
	font-weight: bold;
	color: #fff;
	background-color: #ff7f00;
	text-decoration: none;
	text-align: center;
	box-sizing: border-box;
	padding: 5px 0;
	position: relative;
	border-radius: 15px;
}
#outer .recommend_item .item_con .item_btn a:before{
	content: "";
	width: 0;
	height: 0;
	position: absolute;
	top: 30%;
	left: 5%;
	border-top: 6px solid transparent;
	border-left: 7px solid #fff;
	border-right: 6px solid transparent;
	border-bottom: 6px solid transparent;
}
#outer .recommend_item .item_con .item_btn a:hover{
	opacity: 0.7;
}

/*対応蓋特集ボタン*/
#outer .tokushu_btn{
	width: 100%;
	margin: 10px auto 50px;
}
/*#outer .tokushu_btn{
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	color: #104861;
	background-color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	box-sizing: border-box;
	padding: 10px 0;
	position: relative;
	border: solid 2px #104861;
}
*/
#outer .tokushu_btn a{
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	padding: 1rem;
	font-weight: bold;
	border-radius: 10px;
	color: #104861;
	border: 3px solid #104861;
	box-shadow: 5px 5px #ff7f00;
	transition: 0.3s ease-in-out;
	font-size: 1.1em;
	margin-bottom: 5em;
}
#outer .tokushu_btn a:hover {
	box-shadow: none;
	transform: translate(5px, 5px);
	color: #104861;
}
/*対応蓋特集ボタン*/
#outer .tokushu_btn2{
	width: auto;
	margin: 10px auto 50px;
}
/*#outer .tokushu_btn{
	display: block;
	font-size: 1.2em;
	font-weight: bold;
	color: #104861;
	background-color: #FFFFFF;
	text-decoration: none;
	text-align: center;
	box-sizing: border-box;
	padding: 10px 0;
	position: relative;
	border: solid 2px #104861;
}
*/
#outer .tokushu_btn2 a{
	display: block;
	text-align: center;
	vertical-align: middle;
	text-decoration: none;
	position: relative;
	margin: auto;
	padding: 1rem 4rem;
	font-weight: bold;
	border-radius: 10px;
	color: white;
	border: 3px solid white;
	box-shadow: 5px 5px #ff7f00;
	transition: 0.3s ease-in-out;
	background-color: #104861;
}
#outer .tokushu_btn2 a:hover {
	box-shadow: none;
	transform: translate(5px, 5px);
	color: #104861;
}
/*エンボス横並び*/
#outer .feature_emboss{
	display: flex;
	justify-content: space-around;
	align-items: center;
}
#outer .feature_emboss .emboss_img{
	width: 40%;
	margin-bottom: 20px;
}
#outer .feature_emboss p.feature{
	margin: auto 20px;
	padding: 0;
}
/*サイズとカラー 一覧表*/
#outer .heiko_papercup,.ice_hot,.insulation_cup,.emboss_cup{
	padding: 10px;
	margin-bottom: 30px;
}
#outer table{
	border-collapse: collapse;
	border: 1px solid #808080;
}
#outer table td{
	border: 1px solid #808080;
	text-align: center;
	width: 90px;
}
#outer table th.material,th.color_name{
	/*	background-color: #104861;
	*/
	color: #000;
	font-weight: bold;
	padding: 10px;
	border: 1px solid #808080;
	text-align: center;
	width: 90px;
}
#outer table th.size{
	background-color: #104861;
	color: #fff;
	font-weight: bold;
	padding: 10px;
	border: 1px solid #808080;
	text-align: center;
	width: 90px;
}
td.color_name,td.item_size{
	background-color: #ff7f00;
	color: white;
	font-weight: bold;
	width: 120px;
	padding: 10px;
}
th.empty{
	background-color: #fff;
	background-image: linear-gradient(to right top, transparent calc(50% - 0.5px), #808080 50%, #808080 calc(50% + 0.5px), transparent calc(50% + 1px));
}
table td a{
	display: block;
	font-size: 1.2em;
	line-height: 2.5;
	text-decoration: none;
	box-sizing: content-box;
	color: #000000 !important;
}
table td a:hover{
	background-color: #FFF0E2;
}
table th img{
	width: 50%;
}
/*関連記事のところ*/
.column{
	width: 100%;
	margin-bottom: 45px;
}
.column h3{
	font-size: 1.5em;
	font-weight: bold;
	margin: 35px 0 15px;
}
.column h3::before{
content: "┃"}
.contents_02{
	display: flex;
	flex-wrap: wrap;
	/*	justify-content: space-between;
	*/
	margin: 0 auto;
}
.contents_02 .item_{
	width: 32%;
	box-sizing: border-box;
	/*	border: solid 1px #cccccc;
	*/
	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;
}
.contents_02 .item_ ul.btns_ :hover{
	opacity: 0.8;
}
.item_ .btn_gazou_ a{
	display: block;
	position: relative;
	padding: 10px;
	color: #ffffff;
	background-color: #104861;
	font-weight: bold;
	border-radius: 20px;
	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%;
}
/*まとめ*/
#outer .matome {
	border: solid 1px #ccc;
	padding: 30px;
	border-radius: 10px;
}
/*レコメンドの順位ランキングアイコン*/
#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);
}
.yokonarabe {
	display: flex;
	flex-wrap: wrap;
	/* 小さい画面で折り返せるように */
	gap: 12px;
	/* 余白 */
	justify-content: space-between;
	/* 均等に配置 */
}
.iromoji{
	font-size: 1em;
}
@media screen and (max-width: 768px){
	/*全体設定*/
	#outer{
		width: 100%;
		padding: 0 10px;
		margin: 0 auto 50px;
		box-sizing: border-box;
	}
	/*イントロダクション*/
	#outer ._intro ._title{
		width: 100%;
		margin: 0 auto;
	}
	#outer ._intro ._title ._b_title{
		width: 100%;
		margin-bottom: 10px;
	}
	#outer ._intro ._title ._b_title ._baloon{
		width: 34%;
		margin-bottom: 15px;
	}
	#outer ._intro ._title ._b_title ._baloon img{
		width: 100%;
	}
	#outer ._intro ._title ._b_title h1{
		font-size: 1.4em;
		line-height: 1.2;
		display: flex;
		justify-content: center;
		flex-direction: column;
	}
	#outer ._intro ._title ._b_title h1 span._s_h1{
		font-size: 2.5em;
		display: block;
	}
	#outer ._intro ._title ._b_title h1 span._smtxt{
		font-size: 0.8em;
		display: block;
		margin-top: 5px;
	}
	#outer ._intro ._title ._b_txt{
		font-size: 0.8em;
		padding: 20px 0 0;
	}
	#outer ._intro ._image{
		display: none!important;
	}
	/*sectionメニュー 始まり*/
	#outer ul.section_menu li{
		width: 49%;
	}
	#outer ul.section_menu li a{
		font-size: 0.9em;
	}
	/*h1,h2,pの設定*/
	#outer h1.title_h1{
		font-size: 2.3em;
		font-weight: bold;
		text-align: center;
	}
	#outer h1.title_h1 span{
		font-size: 2em;
	}
	#outer h1.title_h1 span.h1_s {
		font-size: 0.6em;
		display: block;
	}
	#outer h2.title_h2{
		font-size: 1.5em;
		padding-left: 0px;
	}
	#outer h3{
		font-size: 1.3em;
		padding-left: 0px;
		margin-top: 0px;
		margin-bottom: 5px;
	}
	#outer .content{
		display: block;
		text-align: center;
	}
	#outer p.feature{
		font-size: 1em;
		padding-left: 0px;
		margin: 5px;
	}
	#outer .content p.feature{
		padding: 0 10px;
		margin-bottom: 15px;
		text-align: start;
	}
	#outer p.saiyasune{
		font-size: 1.5em;
		padding: 5px;
		margin-bottom: 5px;
	}
	/*.item_con 基本設定*/
	#outer .recommend_item .item_con{
		display: block;
		margin-bottom: 25px;
		padding: 0px;
	}
	#outer .recommend_item .low_price{
		padding: 0px;
	}
	/*.item_detail 基本設定*/
	#outer .recommend_item .item_con .item_detail,#outer .recommend_item .item_con .item_detail_gekiyasu{
		width: 100%;
		display: flex;
		padding: 10px 10px 10px 0;
		margin-bottom: 10px;
	border: solid 1px}
	/*.insulation_cup 設定*/
	#outer .recommend_item .item_con .insulation_item{
		width: 100%;
	}
	#outer .recommend_item .item_con .insulation_item .two_type{
		display: block;
	}
	#outer .recommend_item .item_con .insulation_item .item_detail_gekiyasu,#outer .recommend_item .item_con .insulation_item .item_detail{
		width: 100%;
	}
	#outer .recommend_item .item_con .insulation_item .type{
		width: 40%;
	}
	#outer .recommend_item .item_con .insulation_item p.cup_type span{
		font-size: 1.2em;
		font-weight: bold;
		border-bottom: solid 1px #808080;
	}
	/*プラカップコンテナ 中身設定 画像*/
	#outer .recommend_item .item_con .item_img{
		width: 40%;
	}
	#outer .recommend_item .item_con .insulation_item .item_img{
		width: 95%;
	}
	/*プラカップコンテナ 中身設定 画像*/
	#outer .recommend_item .item_con .item_img,#outer .recommend_item .item_con .item_img_3oz,#outer .recommend_item .item_con .item_img_5oz,#outer .recommend_item .item_con .item_img_7oz,#outer .recommend_item .item_con .item_img_9oz{
		width: 40%;
		margin: auto;
	}
	#outer .recommend_item .item_con .item_side{
		width: 60%;
	}
	#outer .recommend_item .item_con .insulation_item .item_side{
		width: 60%;
	}
	/*.item_detail 中身設定 商品名*/
	#outer .recommend_item .item_con h4{
		font-size: 1.1em;
	}
	#outer .recommend_item .item_con .insulation_item h4{
		font-size: 1em;
	}
	/*.item_detail 中身設定 何個入り何円*/
	#outer .recommend_item .item_con .item_price p{
		font-size: 2.8em;
		width: 90%;
	}
	#outer .recommend_item .item_con .insulation_item .item_price p{
		width: 80%;
		font-size: 2.5em;
	}
	/*.item_detail 中身設定 1個辺りの値段*/
	#outer .recommend_item .item_con .unit_price{
		margin-bottom: 5px;
		font-size: 0.9em;
	}
	/*.item_detail 中身設定 ボタン*/
	#outer .recommend_item .item_con .item_btn a{
		font-size: 0.9em;
		padding: 3px 0;
	}
	#outer .recommend_item .item_con .item_btn a:before{
		top: 25%;
	}
	/*アイコン*/
	#outer .recommend_item .item_con .item_img_3oz::before,#outer .recommend_item .item_con .item_img_5oz::before,#outer .recommend_item .item_con .item_img_7oz::before, /* ← ::before を追加 */
	#outer .recommend_item .item_con .item_img_9oz::before {
		width: 4em;
		height: 4em;
		margin-left: 0.5em;
		margin-top: -25px;
	}
	#outer .recommend_item .item_con .insulation_item .item_detail_gekiyasu::before{
		width: 4em;
		height: 4em;
		margin-left: -0.5em;
		margin-top: -3em;
	}
	/*対応蓋特集ボタン*/
	#outer .tokushu_btn{
		margin-bottom: 30px;
		width: 90%;
	}
	#outer .tokushu_btn2{
		margin-bottom: 30px;
		width: 90%;
	}
	/*画像と文字横並び*/
	#outer .feature_emboss{
		display: block;
	}
	#outer .feature_emboss .emboss_img{
		width: 100%;
		margin: 20px auto;
	}
	#outer .feature_emboss p.feature{
		margin: 10px 5px 20px;
	}
	/*サイズとカラー 一覧表*/
	#outer .heiko_papercup,.ice_hot,.insulation_cup,.emboss_cup{
		padding: 0px;
		overflow-x: scroll;
	}
	#outer table{
		width: 1260px;
		border-collapse: collapse;
	}
	#outer .emboss_cup table{
		width: inherit;
	}
	#outer table td{
		width: 5%;
	}
	#outer table th.material,th.size,th.color_name{
		padding: 5px;
		width: 90px;
	}
	td.color_name,td.item_size{
		width: 120px;
		padding: 5px;
	}
	#outer table th.material,td.color_name,td.item_size,.ice_hot th.empty,th.empty{
		position: sticky;
		left: 0;
	}
	#outer table th.material::before,td.color_name::before,td.item_size::before,.ice_hot th.size::before,th.empty::before{
		content: "";
		position: absolute;
		top: -1px;
		left: -1px;
		width: 100%;
		height: 100%;
		border: 1px solid #808080;
	}
	table td a{
		font-size: 1em;
		line-height: 2.2;
	}
	/*関連記事のとこ*/
	.column{
		width: 100%;
	}
	.column h3{
		padding: 5px;
		font-size: 1.3em;
		margin: 0;
	}
	.column h3::before{
	content: "┃"}
	.contents_02{
		padding: 0 10px;
	}
	.contents_02 .item_{
		width: 100%;
		margin: 5px auto;
		padding: 0;
	}
	.contents_02::after{
		content: none;
	}
	.contents_02 .item_ ul.btns_{
		font-size: 0.8em;
		width: 100%;
		margin-bottom: 0;
		padding: 0;
	}
	.contents_02 .item_ ul.btns_ li.btn_gazou_{
		position: relative;
	}
	.item_ .btn_gazou_ a{
		padding: 10px 0;
		background-color: #104861;
		border-radius: 100vh;
		color: #ffffff;
		font-weight: bold;
		text-align: center;
		display: block;
		position: relative;
		transition: .3s;
		margin: 5px;
		font-size: 1.2em;
	}
	.column ul.tokusyu{
		width: 96%;
		margin: 0 auto;
		padding: 0;
		float: none;
	}
	.column ul.tokusyu li{
		width: 49%;
	}
	/*まとめ*/
	#outer .matome {
		font-size: 0.8em;
		margin-top: 15px;
	}
	.tokushu_btn2 {
		flex: 1 1 calc(33.333% - 12px);
		/* 3列に並ぶ */
	}
	#outer .tokushu_btn2 a {
		display: block;
		text-align: center;
		text-decoration: none;
		position: relative;
		padding: 0.6em;
		font-weight: bold;
		border-radius: 10px;
		color: white;
		border: 3px solid white;
		box-shadow: 3px 3px #104861;
		transition: 0.3s ease-in-out;
		background-color: #ff7f00;
	}
}
