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

/*全体*/

@media screen and (min-width:549px){
div.wrapper_ {
  background: url(/img/brand/transformers/TFHP_bg.jpg) #000;
  background-attachment: fixed !important;
  background-position: center;
  background-repeat: no-repeat;
}	
}
@media screen and (max-width:640px){
body{
  background: url(/img/products/TF/common/img/bg_sp.jpg) repeat top center;
  background-attachment: fixed;
}
}
	

.tt_topicPath1-1__subInner {
	background-color: #000;
}
.tt_topicPath1-1__subInner a {
	color: #fff;
}
.tt_topicPath1-1__inner {
    background: #000;
}
.tt_topicPath1-1__topicPath li:before {
    color: #fff;
}


/*------------------------------*/
/*　　　　　　商品ページ　　　　　　　*/
/*------------------------------*/



/*商品画像*/

/* 画像表示(大)*/
.tt_product4-1__body{
    background:#0000008c;
    box-shadow: 3px 3px 5px 1px #222222bf;
    border:1px solid #fff0;
    color:white;
}
.tt_product4-1__number{
    color:white;
}
.tt_product4-1__zoom::before {
    content:none;
}
/* 画像表示(小) */
.tt_product4-1__thumb li {
    background:#0000008c;
    box-shadow: 3px 3px 5px 1px #222222bf;
    border:1px solid #fff0;
    color:white;
}
.tt_product4-1__thumb li:hover{
    background:#0000008c;
    box-shadow: 3px 3px 5px 1px #222222bf;
    border:1px solid #ffffff75;
    color:white;
}

 

	
/*商品詳細*/

.tt_block17__body{
	color: #fff;
	background: #0000008c;
    box-shadow: 3px 3px 5px 1px #222222bf;
    padding: 30px;
}
.tt_block17__titleBrand a{
	color: #fff;
}
.tt_block17__title {
	padding: 10px;
    border-bottom: 2px solid #3333335e;
}
.tt_block17__link a{
	color: #fff;
}
.tt_block17__price{
	border-top: 1px solid #2222225e;
    border-bottom: 1px solid #2222225e;
	padding-left: 10px;
}

button.tt_button4-1{
    border-top: 3px solid #ffecb9;
    border-left: 3px solid #ffecb9;
    border-right: 3px solid #4c3700;
    border-bottom: 3px solid #4c3700;
    background: -webkit-gradient(linear, left top, left bottom,
    from(rgba(255,180,0,0.7)),
    color-stop(90%,rgba(255,180,0,0.7)),
    to(rgba(000,000,000,0.7)));
}
button.tt_button4-1.tt_reservation{
    border: 3px solid #DD270A;
    background: #DD270A;
}
button.tt_button4-1:hover{
    border-top: 3px solid #ffd972;
    border-left: 3px solid #ffd972;
    border-right: 3px solid #4c3700d6;
    border-bottom: 3px solid #4c3700d1;
    background: -webkit-gradient(linear, left top, left bottom,
    from(#f0f0f0a6),
    color-stop(90%,#f8f8f8a6)),
    to(rgba(000,000,000,0.7)));
    color:#222222;
}
button.tt_button4-1.tt_reservation:hover{
    color: #DD270A;
    border-color: #DD270A;
}
button.tt_button4-1::before,button.tt_button4-1.tt_reservation:before{
    content: none;
}
.tt_block17__btnGroup {
    margin: 30px 0 0 0;
}
button.tt_button5-1, a.tt_button5-1{
	border: 3px solid #b67e09;
	color: #b67e09;
}
button.tt_button5-1:hover,a.tt_button5-1:hover {
    background: #b67e09;
	color: #fff;
}

.tt_block17__set {
    border: 3px solid #7EA5E3;
	color: #000;
}
.tt_block17__set .tt_title1-1 .tt_title1-1__titleMainLabel {
    color: #000000;
    text-shadow: none;
}
.tt_block17__set .tt_title1-1__title:before {
    background: url(/img/products/TF/common/img/tt_bg_type9_left1.png) 0 0 no-repeat;
}
.tt_block17__set .tt_title1-1__title:after {
    background: url(/img/products/TF/common/img/tt_bg_type9_right1.png) 0 0 no-repeat;
}
	
/*関連*/

h1.event_name_ {
	color: #7EA5E3;
	font-weight: bold;
	border-left: 5px solid #7EA5E3;
}
button.tt_button_tags, a.tt_button_tags{
	border: 3px solid #7EA5E3;
	color: #7EA5E3 !important;
}
button.tt_button_tags:hover,a.tt_button_tags:hover {
	background: #d7f3f2;
	color: #7EA5E3;
}
#tags_comment {
	color: #7EA5E3 !important;
}
.tt_block17__notes{
	color: #ff0000 ! important;
	background: #ffffffe6 !important;
	padding: 15px !important;
	margin: 30px 0 10px 0 !important;
	border: 2px solid #e19f00 !important;
}


	
/*コンテンツ*/

.tt_block15 {
	background: #0000008c;
    border: none;
    border-bottom: 0.5px solid #0000001f;
	color: #fff;
}
.tt_block15 .txt_wt{
	color: #fff;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
    line-height: 1.4em;
}
.tt_block15 .img_wrap{
	width: 1200px;
    margin: 25px auto;
}
.tt_block15 .img_wrap img{
	width: 75%;
}
.tt_block15 .img_wrap .img_ttl{
	margin-bottom: 25px;
}
.tt_block15 .img_wrap .content{
	margin-bottom: 60px;
}

div.goodscomment2_ {
    background: transparent!important;
}

div.goodscomment2_ div.note_{
	border: 3px solid #7da4e1;
    background: #fff;
	padding: 20px;
	color: #000;
}

.tt_block18{
	background: #0000008c;
	color: #fff;
	padding: 20px 15px;
}

.tt_block18__detail {
	margin-top: 0;
    border-bottom: 3px solid #3333335e;
}

.tt_block18__detail table{
	color: #fff
}
.tt_block18__detail table th, .tt_block18__detail table td{
	color: #fff;
}
.tt_block18__detail table tr:nth-of-type(odd) {
    background: none;
}
.tt_block18__detail table tr {
    border-top: 2px solid #3333335e;
}
.tt_block18__detail table tr:first-child {
    border-top:none;
}
.tt_title2-1__title {
	color: #fff;
    border-left: 4px solid #fff;
}
.tt_block18__btnGroup a{
	font-weight:bold;
	color: #00a0e5 !important;
}
.tt_block18__paymentText p{
	color: #fff;
}


/*共通*/

.cart_wrap_ {
   background-color: #333333;
   border: 2px solid #333;
}
.cart_wrap_ a{
	color: #fff !important;
}

.tt_block4 .dv_recommend {
    margin: 0 0 80px 0;
}

.price_, .cart_wrap_ a {
   color: #fff !important;
}
.dv_rc_title, .tt_title1-1__titleMainLabel{
	color: #178fb5 !important;
}

.dv_recommend .dv_rc_title, .dv_recommend .tt_title1-1__titleMainLabel{
	font-weight: bold;
    color: #00a0e5;
    text-shadow: 1px 1px 0 white;
    width: auto !important;
}
.tt_title1-1__title{
	color: #178fb5 !important;
}
.dv_rc_title h2{
	font-weight: bold !important;
}
.tt_block4_nununi_products .dv_recommend .dv_rc_items{
	border: 3px solid #7EA5E3;
}
.tt_block4 .dv_recommend .dv_rc_items{
	border: 3px solid #7EA5E3;
}

.tt_block4_nununi_products .dv_recommend .dv_rc_items:hover {
  border: 3px solid #96f4ff;
}

.tt_block4 .dv_recommend .dv_rc_items:hover {
  border: 3px solid #96f4ff;
}


.tt_block17__set.tt_title1-1 .tt_title1-1__titleMainLabel{
	color: #000000;
    text-shadow: none;
}



/*アイコン*/

.tt_link1-1:before{
    background: url(/img/products/TF/common/img/tt_arrow_type4_down1.png) 0 0 no-repeat;
}
button.tt_button4-1:before, a.tt_button4-1:before{
    background: url(/img/products/TF/common/img/tt_icon_cart1_2.png) 0 0 no-repeat;
}

button.tt_button4-1:hover:before,a.tt_button4-1:hover:before {
  background: url(/img/products/TF/common/img/tt_icon_cart1_2_on.png) 0 0 no-repeat;
}
.tt_link1-2:before{
	background: url(/img/products/TF/common/img/tt_arrow_type4_right4.png) 0 0 no-repeat;
}
.dv_rc_title:before{
	background: url(/img/products/TF/common/img/tt_bg_type9_left1.png) 0 0 no-repeat;
}
.dv_rc_title:after {
	background: url(/img/products/TF/common/img/tt_bg_type9_right1.png) 0 0 no-repeat;
}


.tt_button5-1.btn_bookmark_.not_favorite::before {
    background: url(/img/products/TF/common/img/not_favorite_favorite2.png) 0 0 no-repeat !important;
}
.tt_button5-1.btn_bookmark_.not_favorite:hover::before {
    background: url(/img/products/TF/common/img/not_favorite_favorite.png) 0 0 no-repeat !important;
}




/*---------------------------*/

/*         商品個別

/*---------------------------*/


#cloud{
	margin: 60px auto;
    max-width: 1000px;
}
#cloud .item_ttl{
	background: #dd270b;
	color: #fff;
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
    line-height: 1.4em;
    padding: 10px 0;
}
#cloud .ttl_s{
	font-size: 1.4em;
    font-weight: bold;
    display: inline-block;
    margin: 25px 0 10px;
    padding: 8px 25px;
    background: #dd270b;
    border-radius: 50px;
}
#cloud ul.note li{
	list-style: none;
	text-indent: -1em;
	padding-left: 1em;
}
#cloud .item_detail{
	margin: 60px 0;
}
#cloud .content_txt{
	margin: 45px 0 20px;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.6em;
}

#cloud .img_list{
	width: 100%;
	margin: 25px auto 0;
	padding-bottom: 0;
	display: flex;
    gap: 20px;
	flex-flow: wrap;
}
#cloud .img_list li{
	width: calc((100% - 40px) / 3);
}
#cloud .img_list li img{
	width: 100%;
	
}
#cloud .txt_normal{
	display: inline-block;
	margin-left: 20px;
	margin-bottom: 10px;
	font-size: 1.4em;
}
#cloud .txt_list {
    margin-top: 20px;	
}
#cloud .txt_list li{
    font-weight: bold;
    line-height: 1.6em;
    text-indent: -1em;
    padding-left: 1em;	
}

.item_ttl + .content_txt {
	margin-top: 20px !important;
	margin-bottom: 60px!important;
}

.attached_wrap{
	border-top: 5px dotted #fff;
    margin-top: 25px;
    padding-top: 45px;
}
.attached_wrap_txt{
	font-size: 1.4em;
    font-weight: bold;
	margin-bottom: 20px;
    text-align: center;
}

.attached_wrap_content{
	margin-bottom: 60px;
}
.attached_wrap_content_ttl{
	background: #616161;
	color: #fff;
	text-align: center;
	font-size: 1.8em;
	font-weight: bold;
    line-height: 1.4em;
    padding: 10px 0;
	margin-bottom: 20px;
}
.attached_wrap_content_txt{
	margin: 0 0 20px;
    font-size: 1.5em;
    font-weight: bold;
    line-height: 1.6em;
}

.popup_ttl {
    font-size: 6em;
    font-weight: bold;
    margin: 80px 0 60px;
 }
.popup_wrap {
    display: flex;
 }
.popup_wrap .popup_mainimg {
	width: 650px;
}
.popup_wrap .popup {
    width: 34%;
}
.benefitscardBox {
    display: flex;
    flex-wrap: wrap;
    justify-content: space-between;
    margin: 1% auto 2%;
    width: 90%;
}
.benefitscardBox li {
    list-style: none;
    width: 24%;
}
.castBox {
    text-align: center;
}

@media screen and (max-width:640px){
	
#cloud .item_ttl{
	font-size: 1.5em;
    line-height: 1.3em;
	margin-bottom: 10px;
}
#cloud .item_ttl span{
	font-size: .6em;
}
#cloud .ttl_s{
	font-size: 1.1em;
    margin: 15px 0 10px;
    padding: 0 20px;	
}
#cloud .content_txt{
	margin: 25px 0 20px;
	font-size: 1.1em;
	font-weight: normal;
    line-height: 1.4em;
}
#cloud .img_list {
	margin-top: 15px;
	gap: 10px;
}
#cloud .img_list li {
	width: calc((100% - 20px) / 3);
}
#cloud .ttl_s {
	font-size: 1.1em;
    margin: 0 0 10px;
    padding: 0 20px;	
}
#cloud .txt_normal {
    display: block;
    margin-left: 5px;
    margin-bottom: 10px;
    font-size: 1em;
}
#cloud .item_detail{
	margin: 40px 0;
}
#cloud .item_detail .item_ttl{
	font-size: 1.2em;
    line-height: 1.2em;
}
#cloud .item_detail .content_txt{
	margin: 0 0 10px;
}
#cloud.item_detail .txt_list li {
    font-size: .9em;
    font-weight: normal;
    line-height: 1.4em;
}
.item_ttl + .content_txt {
    margin-top: 20px !important;
    margin-bottom: 40px !important;
}
	
.attached_wrap {
	border-top: 4px dotted #fff;
    padding-top: 35px;
}
.attached_wrap_txt {
    font-size: 1em;
	margin-bottom: 15px;
}
.attached_wrap_content {
    margin-bottom: 40px;
}
.attached_wrap_content_ttl {
    font-size: 1em;
    margin-bottom: 10px;
}
.attached_wrap_content_txt {
    margin: 0 0 10px;
    font-size: 1em;
    font-weight: normal;
}
	
	

.popup_wrap {
    flex-flow: wrap;
	width: 100%;
 }
.popup_mainimg,.popup_mainimg img{
	width: 100%;
}
.popup_wrap .popup {
    width: 100%;
}
.benefitscardBox {
	width: 100%;
}
.benefitscardBox li a img{
    width: 100%;
}
.popup_ttl {
    font-size: 3em;
    margin: 40px 0 10px;
 }
}





@media screen and (min-width:549px){
	
.sp-only{
	display: none;
}
	
}


/*------------SP*------------*/
.tt_frame2-1{
    background: transparent;
}
.tt_product4-1__thumb li.-active, .tt_product4-1__thumb li:hover{
	border: 2px solid #7EA5E3 !important;
}
@media screen and (max-width:640px){
	
.pc-only{
	display: none;
}

div.tt_product2-6__list button.tt_button4-1{
	width: 100% !important;		
}
.tt_heading1-2__title{
	background:#178fb5;
	text-shadow: none;
}
.tt_heading1-2__titleBrand{
	background: #000;
	text-shadow: none;
}
.tt_heading1-2__titleBrand a {
    color: #178fb5;
}
	
.tt_product2-6{
	border: 2px solid #7da4e1;
}
	

button.tt_button4-1:before, a.tt_button4-1:before{
	background-size: 21px;
}
	
#pr100-3{
	background: transparent!important;
}


.tt_block15 .img_wrap{
	width: 100%;
    margin: 10px auto;
}
.tt_block15 .img_wrap img{
	width: 100%;
}
.tt_block15 .img_wrap .img_ttl{
	margin-bottom: 10px;
}
.tt_block15 .img_wrap .content{
	margin-bottom: 30px;
}

.tt_block15 .txt_wt{
	font-size: 14px;
    line-height: 1.3em;
	text-align: left;
	margin: 20px auto 10px;
}
	

.tt_block15 {
	margin: 0 -10px 30px -10px !important;
}
.tt_block15.-type1{
	border: none !important;
}
.tt_block18{
	padding: 20px 0;
    margin: 0 -10px 0 -10px !important;
}
.tt_block18__addset{
    border-top: 2px solid #fff;
}
	
.tt_block4 .dv_recommend {
    margin: 0 0 20px 0;
}	

.dv_rc_title:before{
	background: url(/img/products/TF/common/img/tt_bg_type9_left1.png) 0 0 no-repeat;
	    background-size: 14px 17px;
}
.dv_rc_title:after {
	background: url(/img/products/TF/common/img/tt_bg_type9_right1.png) 0 0 no-repeat;
	    background-size: 14px 17px;
}
	
div.goods_ {
	border: 3px solid #7EA5E3;
	color: #000;
}
div.goods_ h2.tt_title1-1__title{
	color: #000 !important;
	width: 60%;
}
div.goods_ h2.tt_title1-1__titleMainLabel {
    color: #000 !important
}
div.goods_ .tt_title1-1__title:before {
    background: url(/img/products/TF/common/img/tt_bg_type9_left1.png) 0 0 no-repeat;
	background-size: 14px 17px;
}
div.goods_ .tt_title1-1__title:after {
    background: url(/img/products/TF/common/img/tt_bg_type9_right1.png) 0 0 no-repeat;
	background-size: 14px 17px;
}	
.tt_button5-1.btn_bookmark_.not_favorite::before {
    background: url(/img/products/TF/common/img/not_favorite_favorite2.png) 0 0 no-repeat;
    width: 23px;
    height: 23px;
    background-size: 20px !important;
    left: 0px;
    right: 0px;
    top: 2px;
    margin: 0 auto 0;
}
}

.modal__bg{
    background: rgba(0, 0, 0, .94) !important;
}

.castBox a:visited {
    text-decoration: none;
}

.js-modal-close {
     color: #fff !important;
}

		.modal{
			display: none;
			height: 100vh;
			position: fixed;
			top: 0;
			left: 0;
			width: 100%;
            z-index: 100000;
		}
		.modal__bg{
			background: rgba(0,0,0,0.8);
			height: 100vh;
			position: absolute;
			width: 100%;
		}
		.modal__content{
			left: 50%;
			position: absolute;
			top: 50%;
			transform: translate(-50%,-50%);
			width: 50%;
		}
        .productPhoto{ width: 100%; max-width: 500px;}
        .closeBtn {
            display: block;
            width: 170px;
            background-color: #a1a1a1;
            color: #fff;
            text-align: center;
            text-decoration: none;
            padding: 2% 6%;
            margin: 4% auto 0;
            border-radius: 34px;
        }

@media screen and (max-width: 640px) {
        .modal {
            height: 102vh;
            margin: 0 0px 0px -5%;
        }
	    .modal__content {
        	width: 90%;
    	}
        .benefitscardBox li {
            margin: 0 0 0rem 0;
        }
        .modal__bg {
            height: 102vh;
        }
	
	
.goodscomment2_ h2.ttl {
    font-size: 1.4em !important;
    line-height: 1.4em;
}

}