@charset "UTF-8";
/* CSS Document */

	a:hover{
		opacity: 0.7;
		color: #291204;
	}
	.column_tmp01 img{
		width: 100%;
	}
	.cnt_in{
		text-align: left;
	}
	/*buttonタグのデフォルト打ち消し*/
	button {
	  background-color: transparent;
	  border: none;
	  cursor: pointer;
	  outline: none;
	  padding: 0;
	  appearance: none;
	}
	img{
		max-width: 100%;
		height: auto;
	}
	.kv{
		margin: 60px auto;
	}
	.text_center{
		text-align: center;
	}

/*　---------------------------春のおでかけCP CSS　*/
	.show_pc{
		display: block;
	}
	.show_sp{
		display: none;
	}
	.bg_yellow{
		padding-bottom: 40px;
		background-color: #fbffeb;
	}
	.bg_white{
		background-color: #ffffff;
		padding: 50px 15px 0;
	}
	.mt30{
		margin-top: 30px;
	}
	/******イントロ*********/
	.intro_bg{
		padding: 50px 30px 30px;
	}
	.intro_tx{
		background-image: url(https://gigaplus.makeshop.jp/teamart/lp/2507odekakeCP/img/intro_bg_pc@2x.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: center;
		padding: 80px 0 60px 0px;
		font-family: "fot-tsukubrdgothic-std", sans-serif;
		font-weight: 700;
		font-style: normal;
		color: #4f1b01;
		text-align: center;
		line-height: 2.2 !important;
		font-size: 16px !important;
		letter-spacing: -0.05em !important;
	}
	/******ページ内ヘッダー*********/
	.odekake_navi{
		display: flex;
		background-color: #03b4f1;
	    padding: 30px 100px;
	}
	.odekake_navi_icon{
		width: 40px;
   		height: 50px;
		margin: 0 auto;
	}
	.odekake_navi_icon img{
		object-fit: contain;
		width: 100%;
		height: 100%;
	}
	.odekake_navi_tx{
		font-family: "fot-tsukubrdgothic-std", sans-serif;
		font-weight: 700;
		font-style: normal;
		color: #ffffff;
		text-align: center;
		font-size: 14px !important;
		letter-spacing: -0.05em !important;
		display: block;
		margin-top: 15px;
	}
	.odekake_navi_tx::after{
		content: "";
		display: block;
		background-image: url(https://gigaplus.makeshop.jp/teamart/lp/2507odekakeCP/img/yajirushi_img@2x.png);
		height: 30px;
		margin: 0 auto;
    	width: 20px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: text-bottom;
	}
	.odekake_navi_inner{
		width: 50%;
		border-right: dotted 4px #ffffff;
	}
	.odekake_navi_inner:first-child{
		border-left: dotted 4px #ffffff;
	}	
/******ちゃたろうセット*****/
	.chataro_title{
		font-family: "noto-sans-cjk-jp", sans-serif;
		font-weight: bold;
		font-style: normal;
		letter-spacing: 0.05em;
		color: #fd5900;
		font-size: 28px !important;
		text-align: center;
		text-shadow: 0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1);
		/*position: relative;*/
		margin: 80px 0px 20px;
	}
	.chataro_title_line {
		background-image: url(https://gigaplus.makeshop.jp/teamart/lp/2507odekakeCP/img/line_01@2x.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: bottom;
		padding-bottom: 5px;
	}
	.chataro_title::before{
		content: "";
		display: inline-block;
		background-image: url(https://gigaplus.makeshop.jp/teamart/lp/2507odekakeCP/img/attention01_left@2x.png);
		height: 50px;
    	width: 50px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
	}
	.chataro_title::after{
		content: "";
		display: inline-block;
		background-image: url(https://gigaplus.makeshop.jp/teamart/lp/2507odekakeCP/img/attention01_right@2x.png);
		height: 50px;
		width: 50px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
	}
	.chataro_ex{
		font-family: "fot-tsukubrdgothic-std", sans-serif;
		font-weight: 700;
		font-style: normal;
		color: #4f1b01;
		text-align: center;
		font-size: 16px !important;
		letter-spacing: -0.05em !important;
		line-height: 2.0 !important;
	}

	.chataro_flex{
		display: flex;
		justify-content: space-between;
		margin: 40px 80px;
		padding: 60px;
		background-image: url(https://gigaplus.makeshop.jp/teamart/lp/2507odekakeCP/img/chataroset_bg@2x.png);
		background-size: contain;
		background-position: center;
		background-repeat: no-repeat;
	}
	.chataro_img01{
		width: 25%;
	}
	.chataro_img02{
		width: 60%;
	}
	
	.chataro_btn{
		font-family: "fot-tsukubrdgothic-std", sans-serif;
		font-weight: 700;
		font-style: normal;
		text-align: center;
		color: #ffffff !important;
		font-size: 20px !important;
		width: 40%;
		margin: 0 auto 50px;
		padding: 15px;
		background-color: #e60012;
		border-radius: 100px;
		letter-spacing: 0.02em !important;
		display: block;
	}

/******お得なクーポン*****/
	.coupon_title{
		width: 60%;
		margin: 0 auto 20px;
	}	
	.coupon01{
		width: 80%;
		margin: 0 auto 40px;
		box-shadow: 4px 4px 0px 0px rgba(223, 128, 52, 0.3);
	}
	.coupon_ex{
		width: 100%;
		font-weight: 700;
		font-style: normal;
		color: #31000e;
		text-align: center;
		background-color: #ffffff;
		padding: 10px;
	}
	.coupon_ex_tx01{
		display: block;
		font-size: 18px !important;
		margin-bottom: 10px;
	}
	.coupon_ex_tx02{
		font-size: 13px !important;
	}
	.coupon02{
		width: 60%;
		margin: 0 auto 10px;
	}
	.coupon_bg{
		background-color: #fffdcf;
		padding: 30px 40px;
		border: solid 4px #ffffff;
	}
	.coupon_bg_wrapper{
		background-color: #fffdcf;
		padding: 8px;
    	margin: 0 20px;
	}
	.coupon02_ex{
		font-size: 14px;
		text-align: center;
		color: #31000e;
		margin-bottom: 30px;
	}
	.coupon_btn{
		display: block;
		font-size: 18px !important;
		font-weight: 700;
		color: #e8161a !important;
		text-align: center;
		width: 200px;
		margin: 0 auto 20px;
		border-bottom: solid 1px #e8161a;
	}

/******和紅茶*****/
	.wakoucha_title{
		font-family: "noto-sans-cjk-jp", sans-serif;
		font-weight: bold;
		font-style: normal;
		letter-spacing: 0.05em;
		color: #fd5900;
		font-size: 28px !important;
		text-align: center;
		text-shadow: 0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1),0px 0px 3px rgba(255, 255, 255, 1);
		/*position: relative;*/
		margin: 80px 0px 20px;
	}
	.wakoucha_title_line{
		background-image: url(https://gigaplus.makeshop.jp/teamart/lp/2507odekakeCP/img/line_02@2x.png);
		background-repeat: no-repeat;
		background-size: contain;
		background-position: bottom;
		padding-bottom: 5px
	}
	.wakoucha_title::before{
		content: "";
		display: inline-block;
		background-image: url(https://gigaplus.makeshop.jp/teamart/lp/2507odekakeCP/img/attention01_left@2x.png);
		height: 50px;
    	width: 50px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
	}
	.wakoucha_title::after{
		content: "";
		display: inline-block;
		background-image: url(https://gigaplus.makeshop.jp/teamart/lp/2507odekakeCP/img/attention01_right@2x.png);
		height: 50px;
		width: 50px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
	}
	.wakoucha_flex{
		display: flex;
		justify-content: space-between;
		margin: 0 40px 10px;
	}
	.wakoucha_ex{
		font-family: "fot-tsukubrdgothic-std", sans-serif;
		font-weight: 700;
		font-style: normal;
		color: #4f1b01;
		text-align: center;
		font-size: 16px !important;
		letter-spacing: -0.05em !important;
		line-height: 2.0 !important;
	}
	.wakoucha_inner01{
		width: 45%;
		margin-bottom: 20px;
	}
	.wakoucha_inner02{
		width: 45%;
		margin-bottom: 20px;
	}
	.wakoucha_bg01{
		padding: 0 30px 40px;
		margin-bottom: 30px;
		background-image: url(https://gigaplus.makeshop.jp/teamart/lp/2507odekakeCP/img/wakoucha_bg01@2x.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: bottom;
	}
	.wakoucha_bg02{
		padding: 0 30px 40px;
		margin-bottom: 30px;
		background-image: url(https://gigaplus.makeshop.jp/teamart/lp/2507odekakeCP/img/wakoucha_bg02@2x.png);
		background-size: contain;
		background-repeat: no-repeat;
		background-position: bottom;
	}
	.wakoucha_img{
		width: 70%;
		margin: 0 auto 20px;
	}
	.wakoucha_name{
		font-family: "fot-tsukubrdgothic-std", sans-serif;
		font-weight: 700;
		font-style: normal;
		color: #4f1b01;
		text-align: center;
		font-size: 18px !important;
		letter-spacing: -0.05em !important;
		margin-bottom: 5px;
	}
	.wakoucha_tx{
		font-family: "fot-tsukubrdgothic-std", sans-serif;
		font-weight: 400;
		font-style: normal;
		color: #4f1b01;
		text-align: center;
		font-size: 15px !important;
		letter-spacing: -0.05em !important;
	}
	.wakoucha_buy_btn{
		font-family: "fot-tsukubrdgothic-std", sans-serif;
		font-weight: 700;
		font-style: normal;
		text-align: center;
		color: #ffffff !important;
		font-size: 20px !important;
		width: 70%;
		margin: 0 auto 50px;
		padding: 10px;
		background-color: #e60012;
		border-radius: 100px;
		letter-spacing: 0.02em !important;
		display: block;
	}

/******春のおでかけキャンペーン*********/
	.odekake_bg{
		background-color: #ffffff;
		border: solid 3px #57c1ed;
		margin: -70px 20px 80px;
		padding: 60px 40px 40px;
	}
	.odekakecp_title{
		width: 80%;
		margin: 0 auto 20px;
	}
	.novelty_flex{
		display: flex;
		justify-content: space-around;
		width: 85%;
		margin: 0 auto;
	}
	.novelty_ex{
		width: 65%;
	}
	.novelty_ex p{
		font-family: "fot-tsukubrdgothic-std", sans-serif;
		font-weight: 700;
		font-style: normal;
		color: #4f1b01;
		text-align: center !important;
		font-size: 18px !important;
		letter-spacing: -0.05em !important;
		line-height: 2.0 !important;
	}
	.novelty_ex_b{
		font-size: 20px !important;
	}
	.novelty_ex_line{
		background-image: linear-gradient(to right, #57c1ed 65%, transparent 65%);
		background-size: 20px 3px;
		background-repeat: repeat-x;
		background-position: left bottom;
		padding: 0 0 8px;
	}
	.novelty_img{
		width: 25%
	}
	.novelty_ex_img_pc{
		display: block;
	}
	.novelty_ex_img_sp{
		display: none;
	}
	.novelty_ex_img_an{
		display: block;
		font-size: 12px;
		text-align: right;
		margin-top: 2px;
	}

/******スタッフイチオシ商品*********/
	.bg_orange{
		background-image: url(https://gigaplus.makeshop.jp/teamart/lp/2507odekakeCP/img/orange_bg@2x.jpg);
		background-size: auto;
		background-repeat: repeat;
    	padding:50px 20px 80px;
	}
	.ichioshi_title{
		color: #e60012;
		font-size: 24px !important;
		text-align: center;
		font-weight: bold;
		margin-bottom: 10px;
	}
	.ichioshi_title::before{
		content: "";
		display: inline-block;
		background-image: url(https://gigaplus.makeshop.jp/teamart/lp/2507odekakeCP/img/attention02_left@2x.png);
		height: 30px;
    	width: 30px;
		margin: 5px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
	}
	.ichioshi_title::after{
		content: "";
		display: inline-block;
		background-image: url(https://gigaplus.makeshop.jp/teamart/lp/2507odekakeCP/img/attention02_right@2x.png);
		height: 30px;
    	width: 30px;
		margin: 5px;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
	}
	.ichioshi_ex{
		font-family: "fot-tsukubrdgothic-std", sans-serif;
		font-weight: 700;
		font-style: normal;
		color: #4f1b01;
		text-align: center;
		font-size: 16px !important;
		letter-spacing: -0.05em !important;
		margin-bottom: 40px;
	}
	.ichioshi_flex{
		display: flex;
		justify-content: center;
		flex-wrap: wrap;

	}
	.ichioshi_inner{
		width: 30%;
		margin: 0 10px;
	}
	.ichioshi_img{
		margin-bottom: 20px;
	}
	.ichioshi_inner a{
		text-align: center;
		color: #ffffff !important;
		font-size: 15px !important;
		font-weight: 500;
		width: 80%;
		margin: 0 auto 40px;
		padding: 10px;
		background-color: #e60012;
		border-radius: 100px;
		letter-spacing: 0.02em !important;
		display: block;
	}

/******おすすめ特集*********/
	.osusume_bg{
		margin: 60px 20px;
	}
	.osusume_title_pc{
		color: #4a0107;
		font-size: 24px !important;
		text-align: center;
		font-weight: bold;
		margin: 0 0 40px;
		letter-spacing: 0.02em !important;
	}
	.osusume_title_pc::before{
		content: "";
		display: inline-block;
		background-image: url(https://gigaplus.makeshop.jp/teamart/lp/2507odekakeCP/img/line_dot@2x.png);
		height: 30px;
    	width: 35%;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
	}
	.osusume_title_pc::after{
		content: "";
		display: inline-block;
		background-image: url(https://gigaplus.makeshop.jp/teamart/lp/2507odekakeCP/img/line_dot@2x.png);
		height: 30px;
    	width: 35%;
		background-position: center;
		background-size: contain;
		background-repeat: no-repeat;
		vertical-align: middle;
	}
	.osusume_title_sp {
		display: none;
	}
	.osusume_img{
		margin: 0 20px 20px;
	}







	
	
	
	







	

	
	
	
	
/*　---------------------------画面サイズが751px〜989pxまではここを読み込む　*/ 	
	@media screen and (min-width:751px) and (max-width:979px){
	
}
		

/*　---------------------------画面サイズが750pxまでここを読み込む　*/ 
@media screen and (max-width:750px) {	

	img{
		max-width: 100%;
	}
	.text_center{
		text-align: left !important;
	}
	.show_pc{
		display: none;
	}
	.show_sp{
		display: block;
	}
/******イントロ*********/
	.intro_bg {
		padding: 50px 10px 30px;
	}
	
	.intro_tx{
		background-image: url(https://gigaplus.makeshop.jp/teamart/lp/2507odekakeCP/img/intro_bg_sp.png);
		padding: 100px 0 90px 0px;
	}
	
/******ページ内ヘッダー*********/
	.odekake_navi {
		padding: 20px 0px;
	}
	.odekake_navi_inner:first-child {
		 border-left: none; 
	}
	.odekake_navi_inner:last-child {
		border-right: none;
	}
	.odekake_navi_tx {
		letter-spacing: -0.1em !important;
	}
	
/******ちゃたろう*********/	
	.chataro_title{
		font-size: 18px !important;
	}
	.chataro_title::before {
		height: 25px;
		width: 25px;
	}
	.chataro_title::after {
		height: 25px;
		width: 25px;
	}
	.chataro_flex {
		margin: 0 10px 30px;
		padding: 20px;
	}
	.chataro_img01 {
		width: 27%;
	}
	.chataro_img02 {
		width: 68%;
	}
	.chataro_btn {
		width: 80%;
	}
	
/******お得なクーポン*********/		
	.coupon_bg_wrapper {
		margin: 0 10px;
	}
	.coupon_bg {
		padding: 30px 20px;
	}
	.coupon_title {
		width: 100%;
	}	
	.coupon01 {
		width: 100%;
	}
	.coupon_ex_tx01 {
		font-size: 15px !important;
	}
	.coupon_ex_tx02 {
		font-size: 12px !important;
		line-height: 1.5;
	}
	.coupon02 {
		width: 90%;
	}
	
/******和紅茶*********/	
	.wakoucha_title{
		font-size: 18px !important;
		margin: 50px 0px 20px;
	}
	.wakoucha_title::before {
		height: 25px;
		width: 25px;
	}
	.wakoucha_title::after {
		height: 25px;
		width: 25px;
	}	
	.wakoucha_flex {
		display: block;
	}
	.wakoucha_inner01 {
		width: 100%;
	}
	.wakoucha_inner02 {
		width: 100%;
	}
	
/******春のおでかけキャンペーン*********/	
	.odekakecp_title {
		width: 100%;
	}
	.odekake_bg {
		margin: -50px 10px 80px;
		padding: 30px 15px 30px;
	}
	.novelty_flex {
		
		flex-direction: column-reverse;
	}
	.novelty_ex_img_pc{
		display: none;
	}
	.novelty_ex_img_sp{
		display: block;
		width: 100%;
	}
	.novelty_img {
	    width: 80%;
        margin: 0 auto;
		margin-bottom: 20px;
	}
	.novelty_ex {
		width: 100%;
	}
	
	
/******イチオシ*********/	
	.ichioshi_inner {
		width: 48%;
	}
	.bg_white {
		padding: 30px 15px 0;
	}
	.bg_orange {
		padding: 50px 10px 80px;
	}
	.ichioshi_title {
		font-size: 18px !important;
		margin-bottom: 20px;
	}
	.ichioshi_title::before {
		display: none;
	}
	.ichioshi_title::after {
		display: none;
	}
	.ichioshi_flex {
		justify-content: space-between;
	}
	.ichioshi_inner{
		margin: 0;
	}
	.ichioshi_inner a {
		font-size: 12px !important;
		width: 90%;
	}
	
/******おすすめ特集*********/	
	.osusume_bg{
		margin: 60px 10px;
	}
	.osusume_title_pc {
		display: none;
	}
	.osusume_title_pc::before {
		display: none;
	}
	.osusume_title_pc::after {
		display: none;
	}
	.osusume_title_sp {
		display: block;
		width: 100%;
		margin: 0 0 40px;
	}
	.osusume_img {
		margin: 0 0 20px;
	}
	
	
}

	

}