@charset "UTF-8";

/*--------------------------------------------------------
解像度736px以下
--------------------------------------------------------*/
@media
only screen and (max-width : 736px){

	/*2カラムレイアウト*/
	.col2 .main-conts{
		width: 100%;
	}

	.col2 .sub-conts{
		width: 100%;
	}

	/*2カラムレイアウト（リバース）*/
	.col2r .main-conts{
		width: 100%;
	}

	.col2r .sub-conts{
		width: 100%;
	}


	.global-nav ul{
		background: #fff;
	}

	.global-nav-in li a,
	.global-nav li ul li a{
		border-bottom: 1px dotted #fff;
		background-color: #48d1cc;
	}

	.section-wrap .section-in .section-title,
	.section-wrap .article-header .section-title{
		margin: -15px -15px 0;
		padding: 5px 0 5px 35px;
		font-size: 1.3em;
	  border-bottom: none;
	}

	.main-body h2{
		font-size: 1.2em;
	}

	.main-body h3 {
	  margin: 0 0 25px;
	  padding: 3px 10px;
		font-size: 1.2em;
		font-weight: bold;
	}

	.cat_title{
		margin-top: 10px;
		font-size: 1em;
	}

	.cat_explanation{
		margin-bottom:10px;
		padding:15px;
		width: 90%;
	}

	.products_frame{
		padding: 10px 10px;
	}

	.products_img{
		margin: 2px 0;
		padding: 0;
		text-align: right;
		width:30%;
		box-sizing: border-box;
	}

	.products_data{
		padding: 0 10px;
		width:70%;
	}
	.top_cat1{
		width:50%;
	}

	.prd_data_20{
		/*width: 33.33%;*/
	}


	.prd_data_25 {
		width: 50%;
	}
	.prd_data_30,
	.prd_data_50 {
		width: 99%;
	}

	.btn_100{
		margin: 10px 0px;
		padding: 10px 0 10px 23px;
		font-size: 13px;
	}

	.btn_100_2{
		margin: 5px 0;
		padding: 5px 0;
		float: left;
		width: 100%;
		font-size: 14px;
	}

	.cart_in2{
		width: 50%;
	}

	.cart_total2{
		width: 35%;
	}

	.item_in1{
		text-align: left;
		width: 100%;
	}

	.item_in2{
		width: 100%;
	}

	.tbl_frame11 {
	  padding: 8px 10px;
	  width: 100%;
	  text-align: left;
	  background-color: #66D4EE;
	  border-top: none;
	  border-bottom: none;
	  color: #fff;
	}

	.tbl_frame12 {
	  box-sizing: border-box;
	  padding: 8px 10px;
	  width: 100%;
	  border-right: none;
	  border-bottom:none;
	}

	.ribbon1 {
	    height: 50px;/*リボンの高さ*/
	    width: 100%;
	    line-height: 50px;/*リボンの高さ*/
	    padding: 0 30px;/*横の大きさ*/
	    font-size: 16px;/*文字の大きさ*/
	}

	.kippo_1{
	  width: 100%;
	}

	.kippo_2{
	  width: 100%;
	  clear: both;
	}

.frame_item_33 {
  margin-bottom: 0px;
  padding: 5px;
  font-size: 13px;
  text-align: left;
}

	.h3_kippo0{
	  flex-direction: column;
	}

	.h3_kippo1{
	  width: 100%;
		font-size: 1.8em;
	}

	.h3_kippo2{
	  width: 100%;
	  text-align: left;
	  margin-top: -10px;
	}

	.button1{
	  padding:10px 30px;
	}

	.button2{
	  padding:10px 30px;
	}

	.kensaku{
	  width: 100%;
	  padding-top: 70px;
	  background: url(/images/kensaku_frame.png?1) no-repeat;
	  background-size:contain;
	}

	.profile_40{
	  width: 40%;
	}

	.profile_60{
	  width: 60%;
	}

	.sns_25{
	  width: 50%;
	  box-sizing: border-box;
	  padding: 2px;
	}

	.intro {
	  width:100%;
	}

	.check_list {
	  /*margin-top: -50px;*/
	}

	.check_list li {
	  line-height: 1.0;
	  padding: 0.5em 0.5em 0.5em 0em;
	  list-style-type: none!important;
	  font-size: 18px;
	}

	.check_list li:before {
	  font-family: "Font Awesome 5 Free";
	  content: "\f14a";
	  position: absolute;
	  left : -1.2em; /*左端からのアイコンまでの距離*/
	  color: #008080; /*アイコン色*/
	}

	.note_exp{
	  box-sizing: border-box;
	  width:100%;
	  padding: 10px;
	}

	.note_img{
		margin-top: -20px;
	  padding: 10px 10px;
	  width: 30%;
	  float: left;
	  clear: both;
	}

	.note_img img{
	  border:3px solid #ffc0cb;
	}

	.note_rem{
		margin-top: -20px;
	  width: 70%;
	  padding: 10px 0 0 10px;
	}

	.fsize_chg{
		font-size: 16px;
	}

}/*解像度736px以下*/