@charset "UTF-8";
/* 10周年 SP用 */

.freearea ul{list-style-type: none !important; padding: 0 !important;}
.feature_bnr, #online_emer2, #online_shop_ttl, #fsrecommenddiv3, #fsrecommenddiv10, .itemlist{display: none;}

.main_messege_ti{
	margin: 20px 0 !important;
	font-weight: bold;
	font-size: 15px;
}

#pi_s_cat_up ul.bgn.itiran li{
	letter-spacing: 0.1em;
}


.info_wrap {
    width: auto;
    margin: 50px auto 0;
}
.info_area{
	min-height: 160px !important;
    display: block;
    overflow-x: scroll;
    -webkit-overflow-scrolling: touch;
    padding: 0 !important;
    display: -ms-flexbox;
    display: flex;
    list-style-type: none !important;
}
.info_area li {
	margin-right: 10px;
}
.info_list_area {
    width: 34vw;
}

.info_list_area a {
    text-decoration: none;
}

.info_list_name {
    font-size: 3.4375vw !important;
    overflow: hidden;
    display: -webkit-box;
    text-overflow: ellipsis;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
    text-decoration: none;
}


.cont_box{
	padding-top: 80px !important;
}

.sc_title{
	font-size: 6.25vw;
	text-align: center;
	margin: 0;
}

.sc_title_sub{
	font-size: 4.375vw;
    line-height: 1.5;
    text-align: center;
    padding-top: 0px !important;
	font-weight: normal;
}

.cont_tx{
	line-height: 26px;
    margin-top: 10px !important;
}

.link_btn_box{
	text-align: center;
}

.link_btn{
	font-size: 16px;
    padding: 0 10px 0 0;
    margin: 20px 20px 0 20px;
    display: inline-block;
	background: url(//www.touch-and-flow.jp/img/detail_arrow_normal.svg) no-repeat center right;
	background-size: 5px auto;
	text-decoration: none;
}



.main_item {
    display: flex;
	flex-wrap: wrap;
    justify-content: space-between;
    padding: 0 !important;
    margin: 20px 0;
}

.main_item li {
	margin: 0 20px 30px 0;
    list-style: none;
	width: 42vw;
}

.main_item li:nth-child(even){
	margin: 0 0 30px 0;
}

.main_item li a {
     text-decoration: none;
 }
.main_item img {
    width: 150vw;
}
.item_name {
     font-size: 13px !important;
	 margin: 10px 0 0;
	font-weight: normal;
}



/*スライド矢印、ナビボタンを上書き*/
#main {
    display: block;
    margin: 0 auto;
    padding: 0;
    text-align: left;
}
.bx-wrapper .bx-next {
    background: url(https://www.touch-and-flow.jp/img/thumb_arrow.svg) no-repeat right center;
    background-size: auto 60%;
    right: 0;
}
.bx-wrapper .bx-prev {
    background: url(https://www.touch-and-flow.jp/img/thumb_arrow_l.svg) no-repeat left center;
    background-size: auto 60%;
    left: 0;
}
.bx-wrapper .bx-pager, .bx-wrapper .bx-controls-auto {
    bottom: inherit;
}
.bx-wrapper .bx-next:hover {
    background-position: right center;
}
.bx-wrapper .bx-prev:hover {
    background-position: left center;
}
.bx-controls-direction{
	margin: 0;
}
.bx-wrapper .bx-pager{
	padding-top:10px;
}
.bx-wrapper .bx-controls-direction a{
	margin-top: 0;
}

/*スライドaリンク*/
.bx-wrapper a{
    text-align:left;
    text-decoration: none;
}

#pi_photo{
	margin-top: 20px!important;	
}

.qa p {
    margin-bottom: 20px;
}

.profile_01{
    font-size: 13px;
    background: url(https://www.touch-and-flow.jp/img/10th_my_tf_1_profile.jpg) no-repeat left top;
	background-size: 100px;
	margin-bottom: 50px;
}
.profile_02{
    font-size: 13px;
    background: url(https://www.touch-and-flow.jp/img/10th_my_tf_2_profile.jpg) no-repeat left top;
	background-size: 100px;
	margin-bottom: 50px;
}
.profile_03{
    font-size: 13px;
    background: url(https://www.touch-and-flow.jp/img/10th_my_tf_3_profile.jpg) no-repeat left top;
	background-size: 100px;
	margin-bottom: 50px;
}
.profile_04{
    font-size: 13px;
    background: url(https://www.touch-and-flow.jp/img/10th_my_tf_4_profile.jpg) no-repeat left top;
	background-size: 100px;
	margin-bottom: 50px;
}
.profile_05{
    font-size: 13px;
    background: url(https://www.touch-and-flow.jp/img/10th_my_tf_5_profile.jpg) no-repeat left top;
	background-size: 100px;
	margin-bottom: 50px;
}
.profile_06{
    font-size: 13px;
    background: url(https://www.touch-and-flow.jp/img/10th_my_tf_6_profile.jpg) no-repeat left top;
	background-size: 100px;
	margin-bottom: 50px;
}

.name{
	font-size: 1.17em;
    margin: 18.75vw 0 3.125vw;
}
.profile dl {
   padding-left: 120px;
}

.profile dl dt {
    font-weight: bold;
}

.profile dl dd{
	margin-left: 0;
}

.profile_link{
	margin-top: 10px;
}