@font-face {
font-family: 'Yu Gothic';
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Regular.eot);
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Regular.eot?#iefix) format('embedded-opentype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Regular.woff2) format('woff2'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic/YuGothic-Regular.woff) format('woff'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Regular.ttf) format('truetype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Regular.svg#YuGothic-Regular) format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'Yu Gothic';
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Bold.eot);
src: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Bold.eot?#iefix) format('embedded-opentype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Bold.woff2) format('woff2'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Bold.woff) format('woff'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Bold.ttf) format('truetype'),
url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/css/fonts/YuGothic-Bold.svg#YuGothic-Bold) format('svg');
font-weight: bold;
font-style: normal;
}
body {
background:#fff; 
font-size: 14px;   font-family: "Yu Gothic", sans-serif;
}
a {
color: #333;
text-decoration: none;
background-color: transparent;
-webkit-text-decoration-skip: objects;
}
a:focus, 
a:hover {
text-decoration: none;
color: #333; } .form-control:focus {
border-color: #e9015c;
outline: 0; -webkit-box-shadow: inherit;
box-shadow: inherit;
transition: all 0.3s ease 0s;
} .w_40_cust {width: 40%;}
.w-60 {width: 60% !important;}
.c-w-10 {width: 10% !important;}
.c-w-20 {width: 20% !important;}
.c-w-30 {width: 30% !important;}
.c-w-35 {width: 35% !important;}
.c-w-40 {width: 40% !important;}
.c-w-45 {width: 45% !important;}
.c-w-50 {width: 50% !important;}
.c-w-60 {width: 60% !important;}
.c-w-70 {width: 70% !important;}
.c-w-80 {width: 80% !important;}
.c-w-82 {width: 82% !important;}
.c-w-85 {width: 85% !important;}
.c-w-90 {width: 90% !important;}
.c-w-100 {width: 100% !important;}
.minHeight_74 {min-height: 74px;}
.minWidth_20 {min-width: 20px !important;}
.minWidth_30 {min-width: 30px !important;}
.minWidth_40 {min-width: 40px !important;}
.minWidth_50 {min-width: 50px !important;}
.minWidth_60 {min-width: 60px !important;}
.minWidth_70 {min-width: 70px !important;}
.minWidth_80 {min-width: 80px !important;}
.minWidth_90 {min-width: 90px !important;}
.minWidth_100 {min-width: 100px !important;}
.minWidth_120 {min-width: 120px !important;}
.minWidth_130 {min-width: 130px !important;}
.minWidth_140 {min-width: 140px !important;}
.minWidth_150 {min-width: 150px !important;}
.minWidth_160 {min-width: 160px !important;}
.minWidth_180 {min-width: 180px !important;}
.minWidth_200 {min-width: 200px !important;}
.minWidth_210 {min-width: 210px !important;}
.minWidth_220 {min-width: 220px !important;}
.minWidth_230 {min-width: 230px !important;}
.minWidth_250 {min-width: 250px !important;}
.minWidth_260 {min-width: 260px !important;}
.minWidth_265 {min-width: 265px !important;}
.minWidth_275 {min-width: 275px !important;}
.minWidth_280 {min-width: 280px !important;}
.minWidth_300 {min-width: 300px !important;}
.minWidth_330 {min-width: 330px !important;}
.minWidth_350 {min-width: 350px !important;}
.minWidth_380 {min-width: 380px !important;}
.minWidth_400 {min-width: 400px !important;}
.minWidth_500 {min-width: 500px !important;}
.maxWidth_30 {max-width: 30px !important;}
.maxWidth_50 {max-width: 50px !important;}
.maxWidth_100 {max-width: 100px !important;}
.maxWidth_120 {max-width: 120px !important;}
.maxWidth_130 {max-width: 130px !important;}
.maxWidth_140 {max-width: 140px !important;}
.maxWidth_150 {max-width: 150px !important;}
.width_50 {width: 50px !important;}
.width_300 {width: 300px !important;}
.fbold {font-weight: bold !important;}
.font0 {font-size: inherit;}
.font12 {font-size: 12px !important;}
.font13 {font-size: 13px !important;}
.font14 {font-size: 14px !important;}
.font16 {font-size: 16px !important;}
.font18 {font-size: 18px !important;}
.font20 {font-size: 20px !important;}
.font22 {font-size: 22px !important;}  .navbar-toggler:focus,
.navbar-toggler:active {
outline: 0;
}
.navbar-toggler-right {
position: relative;
right: 0;
top: 0;
}
.navbar-toggler span {
display: block;
background-color: #444;
height: 3px;
width: 25px;
margin-top: 4px;
margin-bottom: 4px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
position: relative;
left: 0;
opacity: 1;
}
.navbar-toggler span:nth-child(1),
.navbar-toggler span:nth-child(3) {
-webkit-transition: transform .35s ease-in-out;
-moz-transition: transform .35s ease-in-out;
-o-transition: transform .35s ease-in-out;
transition: transform .35s ease-in-out;
}
.navbar-toggler:not(.collapsed) span:nth-child(1) {
position: absolute;
left: 12px;
top: 10px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
opacity: 0.9;
}
.navbar-toggler:not(.collapsed) span:nth-child(2) {
height: 12px;
visibility: hidden;
background-color: transparent;
}
.navbar-toggler:not(.collapsed) span:nth-child(3) {
position: absolute;
left: 12px;
top: 10px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
opacity: 0.9;
} .btn.customBtn_1 {
display: inline-block;
background: #fff;
border-radius: 25px;
color: #FFC000;
font-weight: bold;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease; border: 3px solid #FFC000;
font-size: 18px;
}
.btn.customBtn_1:hover {
color: #fff;
transition : 0.3s;
box-shadow : inset 0px 0px 0px 2px #fff;
background-color : #FFC000;
}
.btn.customBtn_1.active {
color: #fff !important;
transition : 0.3s;
box-shadow : inset 0px 0px 0px 2px #fff;
background-color : #FFC000 !important;
}
.btn.customBtn_2 {
background: #e9005d;
border-radius: 25px;
color: #fff;
line-height: 24px;
margin-bottom: 12px;
border: 1px solid #e9005d;
-webkit-transition: all 0.3s ease;
-moz-transition: all 0.3s ease;
-o-transition: all 0.3s ease;
transition: all 0.3s ease;
min-width: 180px;
font-size: 22px;
}
.btn.customBtn_2:hover {
background: #e9005d;
border-radius: 25px;
color: #fff;
box-shadow: inherit;
}
.btn.grayBtn {
background: #adadad;    
border: 1px solid #adadad;
} 
.btn.grayBtn:hover {
background: #adadad;
border: 1px solid #adadad;
}
.btn.blueBtn {
background: #4472c4;    
border: 1px solid #4472c4;
} 
.btn.blueBtn:hover {
background: #4472c4;
border: 1px solid #4472c4;
}
.btn.greenBtn {
background: #70ad47;    
border: 1px solid #70ad47;
}  
.btn.greenBtn:hover {
background: #70ad47;
border: 1px solid #70ad47;
}
.btn.bluefbBtn {
background: #2f5597;    
border: 1px solid #2f5597;
} 
.btn.bluefbBtn:hover {
background: #2f5597;
border: 1px solid #2f5597;
}
.btn.redBtn {
background: #f60116;    
border: 1px solid #f60116;
} 
.btn.redBtn:hover {
background: #f60116;
border: 1px solid #f60116;
}
.btn.greenLineBtn {
background: #00b900;    
border: 1px solid #00b900;
} 
.btn.greenLineBtn:hover {
background: #00b900;
border: 1px solid #00b900;
}
.btn.yellowAmazBtn {
background: #f1c65e;    
border: 1px solid #f1c65e;
color: #333;
} 
.btn.yellowAmazBtn:hover {
background: #f1c65e;
border: 1px solid #f1c65e;
color: #333;
}
.btn.whiteBtn {
background: #fff;    
border: 2px solid #d8d8d8;
color: #333;
padding: 15px;
} 
.btn.whiteBtn:hover {
background: #fff;
border: 2px solid #d8d8d8;
color: #333;
}
.btn.roseBigBtn {
background: #e9005d;    
border: 2px solid #e9005d;
color: #fff;
padding: 15px;
} 
.btn.roseBigBtn:hover {
background: #e9005d;
border: 2px solid #e9005d;
color: #fff;
} .back-to-top {
cursor: pointer;
position: fixed;
bottom: 60px;
right: 20px;
display:none;	
}
.btn.back-to-top {
border-radius: 5px;
background: #e9005d;
color: #fff;
z-index: 1;
border: 0px solid #fff;  }
.btn.back-to-top:hover {
border-radius: 50%; box-shadow: 0px 4px 2px #ccc;
} .btn.customBtn_3.txt_color_1 {color: #555;}
.btn.customBtn_3 {
border-radius: 5px;
padding: 7px 15px 7px;
font-size: 16px;
text-decoration: none;
margin: 0px 0 15px;
color: #fff;
font-weight: bold;
position: relative;
display: inline-block;
}
.btn.customBtn_3:active,
.btn.customBtn_3:active:focus {
transform: translate(0px, 5px);
-webkit-transform: translate(0px, 5px);
box-shadow: 0px 1px 0px 0px;
}  
.btn.orange:focus, 
.btn.customBtn_3.orange.focus {box-shadow: 0px 5px 0px 0px #CD6509;} 
.orange {background: #e67e22; box-shadow: 0px 5px 0px 0px #CD6509;} .btn.gray:focus, 
.btn.customBtn_3.gray.focus {box-shadow: 0px 5px 0px 0px #969696;}
.gray {background: #C5C5C5; box-shadow: 0px 5px 0px 0px #969696;} .thumbNaile_right_sec h1 {font-weight: bold;}
.thumbNaile_right_sec p {margin-bottom: 15px;}
.thumbNaile_right_sec .btn_place {position: absolute; bottom: 0; margin-bottom: 5px; left: 0%;}
.thumbNaile_right_sec .btn_place span.fa-lg {font-size: 1.8em;}
.btn > i {font-size: 23px; vertical-align: middle;} .readMore {
padding: 10px;
display: inline-block;
-webkit-transition: color 1s; -moz-transition: color .2s ease-out;
-ms-transition: color .2s ease-out;
-o-transition: color .2s ease-out;
transition: color 1s; border-bottom: 1px solid transparent;
}
.readMore:hover {color:#ed7d31;}
.readMore::after {
content: '';
width: 0px;
height: 2px;
display: block;
background: #ed7d31;
transition: 300ms;
}
.readMore:hover::after {width: 100%;} .container_height {
padding: 15px 15px 0; 
background: #fff;
}
input[type="radio"] {
border: 0;
clip: rect(0 0 0 0);
height: 1px;
margin: -1px;
overflow: hidden;
padding: 0;
position: absolute;
width: 1px;
}
.custom_radio label:before {
content: "";
display: inline-block;
width: 20px;
height: 20px;
margin-right: 0.5em;
border-radius: 100%;
vertical-align: -3px;
border: 1px solid #888;
padding: 0.13em;
background-color: transparent;
background-clip: content-box;
}
.custom_radio label {
margin-right: 1em;
}
.custom_radio input:hover + label:before {
border-color: #ed7d31;
}
.custom_radio input:checked + label:before {
background-color: #ed7d31;
border-color: #ed7d31;
}
.custom_radio label:before {
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.card_title_1 {
color: #7d7d7d;
font-weight: bold;
text-align: center;
}
.formSec {
border: 1px solid #eaeaea;
border-radius: 5px;
background: #f7f7f7;
box-shadow: 0px 0px 10px #DCDCDC;
padding: 15px 15px 5px;
}
.required span {
color: #f00;
font-size: 12px;
}
.chiller_cb label.required i {
color: #f00;
font-size: 12px;
font-style: normal;
}
.customTable_1 tr td {padding: 7px 7px;}
.customTable_1 tr td:first-child {background: #f5f5f5;}
.total_amt {background: #efefef;}
.customTable_3 tr td {padding: 7px 7px;} .switch {position: relative; display: inline-block;}
.switch_input {display: none;}
.switch_label {
display: block;
width: 48px;
height: 24px;
text-indent: -150%;
clip: rect(0 0 0 0);
color: transparent;
user-select: none;
margin-bottom: 0;
}
.switch_label::before,
.switch_label::after {
content: "";
display: block;
position: absolute;
cursor: pointer;
}
.switch_label::before {
width: 100%;
height: 100%;
background-color: #dedede;
border-radius: 9999em;
-webkit-transition: background-color 0.25s ease;
transition: background-color 0.25s ease;
}
.switch_label::after {
top: 0;
left: 0;
width: 24px;
height: 24px;
border-radius: 50%;
background-color: #fff;
box-shadow: 0 0 2px rgba(0, 0, 0, 0.45);
-webkit-transition: left 0.25s ease;
transition: left 0.25s ease;
}
.switch_input:checked + .switch_label::before {background-color: #3079ff;}
.switch_input:checked + .switch_label::after {left: 24px;} .hover_iconBtn a i {color: #CACACA;}
.hover_iconBtn a:hover i {color: #f00;}
.hover_FlatBtn {
border: 1px solid #CCC;
padding: 6px 10px 8px;
border-radius: 5px;
margin: 0 10px 10px 0;
}
.orange_flat {color: #fff; background: #e67e22; border: 1px solid #e67e22;}
.orange_flat a i {color: #fff;}
.text_red {color: #f00;}
.text_red_2 {color: #f60116;}
.text_link {text-decoration: underline; color: #ed7d31 !important;}
.text_link:hover {text-decoration: underline; color: #ed7d31;}
.border_radius_5 {border-radius: 5px !important;} .chiller_cb span:before, .chiller_cb span:after {
content: "";
display: inline-block;
background: #fff;
width: 0;
height: 0.2rem;
position: absolute;
transform-origin: 0% 0%;
}
.chiller_cb {
position: relative;
height: 2rem;
display: flex;
align-items: center;
}
.chiller_cb input {
display: none;
}
.chiller_cb input:checked ~ span {
background: #ed7d31;
border-color: #ed7d31;
}
.chiller_cb input:checked ~ span:before { width: 0.75rem;
height: 0.15rem;
transition: width 0.1s;
transition-delay: 0.3s;
}
.chiller_cb input:checked ~ span:after {
width: 0.4rem;
height: 0.15rem;
transition: width 0.1s;
transition-delay: 0.2s;
}
.chiller_cb input:disabled ~ span {
background: #ececec;
border-color: #dcdcdc;
}
.chiller_cb input:disabled ~ label {
color: #dcdcdc;
}
.chiller_cb input:disabled ~ label:hover {
cursor: default;
}
.chiller_cb label {
padding-left: 2rem;
position: relative;
z-index: 2;
cursor: pointer;
margin-bottom:0;
line-height: 16px;
}
.chiller_cb span {
display: inline-block; width: 15px;
height: 15px;
border: 2px solid #b1b1b1;
position: absolute;
left: 0;
transition: all 0.2s;
z-index: 1;
box-sizing: content-box;
}
.chiller_cb span:before {
transform: rotate(-55deg); top: 0.70rem;
left: 0.37rem;
}
.chiller_cb span:after {
transform: rotate(35deg); bottom: 0.25rem;
left: 0.18rem;
}  .logo_width img {width: 320px;}
.header_giftBox {position: absolute; right: 15px;}
.header_giftBox img {width: 100px;}  .breadcrumb_1 {
list-style: none;
overflow: hidden;
padding: 0;
}
.breadcrumb_1 li:before {
border-bottom: 20px solid transparent;
border-left: 20px solid #e9005d;
border-top: 20px solid transparent;
content:" ";
display: block;
height: 0;
left: 100%;
margin-left: 1px;
margin-top: -20px;
position: absolute;
top: 50%;
width: 0;
z-index: 1;
}
.breadcrumb_1 li:after {
border-bottom: 20px solid transparent;
border-left: 20px solid #e9005d;
border-top: 20px solid transparent;
content:" ";
display: block;
height: 0;
left: 100%;
margin-top: -20px;
position: absolute;
top: 50%;
width: 0;
z-index: 2;
}
.breadcrumb_1 li {
background: none repeat scroll 0 0 #e9005d;
display: block;
float: left;
height: 40px;
padding: 5px 5px 5px 15px;
line-height: 30px;
position: relative;
color: #fff;
font-weight: bold;
}  .text_break {word-wrap: break-word;}
.text_breakAll {word-break: break-all;}
.title_h1_text {font-size: 30px; font-weight: bold;}
.title_h1_text span {display: block; color: #e9005d;}
.circle_img {margin: 0 0 5% 5%; display: block; width: inherit;}
.msg_title { 
width:98%; 
text-align:left; 
border-bottom: 3px solid #e9005d; 
line-height:0.1em; 
margin:10px 0 30px; 
} 
.msg_title span { 
background:#fff; 
padding:0 0px; 
color: #e9005d; 
font-size: 34px;
font-weight: bold;
letter-spacing: 5px;
}
.msg_details p {font-size: 24px; margin-bottom: 10px;}
.present_title_01 {
width: 50%;
height: 35px;
}
.present_title_01 .leftBg {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/present_title_bg_1_1.png) repeat-x top left;
width: 90%;
height: 36px;
float: left;
}
.present_title_01 .rightBg {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/present_title_bg_1_2.png) no-repeat top left;
width: 30px;
height: 35px;
float: left;
}
.present_title_02 {
width: 80%;
height: 89px;
position: relative;
z-index: 2;
}
.present_title_02 .leftBg {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/present_title_bg_2_1.png) repeat-x top left;
width: 70%;
height: 90px;
float: left;
}
.present_title_02 .rightBg {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/present_title_bg_2_2.png) no-repeat top left;
width: 106px;
height: 90px;
float: left;
}
.present_title_03 {
width: 100%;
height: 130px;
position: relative;
top: -25px;
z-index: 1;
}
.present_title_03 .leftBg {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/present_title_bg_3_1_3.png) repeat-x top left;
width: 68%;
height: 130px;
float: left;
}
.present_title_03 .rightBg {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/present_title_bg_3_2_1.png) no-repeat top left;
width: 8%;
height: 130px;
float: left;
}
.present_title_03 .rightBgLast {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/present_title_bg_3_2_4.png) repeat-x top left;
width: 24%;
height: 130px;
float: left;
}
.text_type_1 {
font-size: 50px;
font-weight: bold;
color: #3f2708;
padding: 55px 0 3px 15px; }
.text_type_1 span {
color: #e9005d;
border-top: 20px dotted #e9005d; }
.text_type_2 {
font-size: 35px;
font-weight: bold;
color: #fff;
padding: 19px 0; }
.text_type_3 {
font-size: 50px; color: #d68c2b; letter-spacing: 5px;
position: relative;
right: -110px;
top: -5px;
}
.present_detail_sec { width: 100%; }
.present_detail_sec_1 {
background:#f7cc8f url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/present_detail_sec_1_btmBg.png) repeat-x bottom left;
width: 100%;
padding: 0 0 50px 0;
}
.present_detail_sec_2 {
background:#fadcb4 url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/present_detail_sec_2_btmBg.png) repeat-x bottom left;
width: 100%;
padding: 15px 0 50px 0;
}
.present_detail_sec .text_type_1 {
padding: 0;
font-size: 50px;
font-weight: bold;
color: #3f2708;
padding: 10px 15px 15px 15px;
color: #e9005d;   }
.present_detail_sec .text_type_1 span { position:relative; 
display:inline;
border-top: 0px;
padding: 0px 0px 10px;
}
.present_detail_sec .text_type_1 span:after {
position:absolute; 
left:0; 
bottom:0; 
width:100%; 
height:10px; 
border-bottom:10px solid #e9005d; 
border-radius: 10px;
content:"";
}
.present_detail_sec .text_type_1 hr {
width: 100%;
height: 8px;
margin: 0;
border-radius: 10px;
background: #e9005d;
display: none;
}
.present_list_detail {margin: 0; padding: 15px;}
.present_list_detail li {margin: 0; padding: 0 0 10px 0; list-style-type: none; font-size: 25px;}
.present_list_detail li span {display: block; padding: 0 0 0 30px;}
.present_list_detail li span.subList_sec {padding: 0 0 0 0px;}
.text_box_type {
background: #e9005d;
font-size: 25px;
padding: 10px 15px;
font-weight: bold;
color: #fff;
margin: 15px 0 20px 0px;
display: inline-block;
}
.para_sec p {font-size: 22px;}
.para_sec p a {color: #e9005d; text-decoration: underline;}
.para_sec p a:hover {color: #e9005d; text-decoration: underline;}
.introduce_sec {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/bg_square_box.png) repeat;
width: 100%;
padding: 15px 0px; }
.prod_title_1 {
font-size: 35px;
font-weight: bold;
color: #f39800;
padding: 15px 0 5px;
border-bottom: 5px solid #f7ca7f;
}
.prodSec_1 {overflow: hidden;}
.prodDetail {
padding: 15px;
}
.left_align_img {
margin: 0 15px 0px 0px;
float: left;
max-width: 50%;
width: inherit;
}
.right_align_img {
margin: 0 0 0px 15px;
float: right;
max-width: 50%;
width: inherit;
}
.both_img_sec img {max-width: 48%; width: initial;}
.prodDetail p {
font-size: 25px;
color: #676767;
}
.prodDetail p.firstLetter::first-letter {
font-size: 35px;
font-weight: bold;
color: #000;
}
.header_circleBox {position: absolute; right: 15px;}
.header_circleBox img {width: 300px;}
.tataSite a {color: #e9005d; font-size: 18px; text-decoration: none; font-weight: bold;}
.tataSite a:hover {color: #e9005d; text-decoration: none;}
.divider {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/divider_bg.png) repeat-x;
width: 97%;
height: 4px;
margin: 30px auto;
}
.insta_follow_textSec {padding: 10px; display: inline-block; text-align: left; vertical-align: middle;}
.insta_follow_textSec span {margin: 0 0 10px 0; display: block; font-size: 22px; font-weight: bold;}
.insta_follow_textSec .mailId a {color: #e9005d; text-decoration: none;}
.text_box_type.dark_bg {background: #000;}
.subList {margin: 0px 0 0 0; padding: 0 5px;}
.subList li {width:100%; margin: 0; padding: 0 0 5px 0; font-size: 24px; float: left;} .subList li span.leftSide {width:2%; display: block; margin: -3px 2px 0 0; padding: 0 0 0 0px; float: left;}
.subList li span.rightSide {width:97%; display: block; padding: 0 0 0 0px; float: left;}
.footer_LP_sec {
background: url(//tatatan.jp/wp-content/themes/eTOIRO_2021/assets/images/footer_bg.png) no-repeat;
width: 100%; 
background-size: cover;
padding: 15px;
margin-bottom: 25px;
}
.footer_LP_sec .insta_follow_textSec span {margin: 0; font-size: 20px;}
.footer_LP_sec .insta_follow_textSec .followus_text {color: #6d6d6d;}
.footer_LP_sec p {font-size: 20px; margin-bottom: 5px;}
.logo_width a {border: 0;}
.modal-header.cusModal_header {
padding: 5px 15px 10px 15px;
border-bottom: 2px solid #e9005d;
position: relative;
} .modal-header.cusModal_header .close {
margin: 0;
position: absolute;
top: -65px;
right: -35px;
color: #fff;
font-size: 33px;
opacity: 1;
z-index: 10;
}
.modal-header.cusModal_header h5 {color: #e9005d;}  
.modal-header.cusModal_header .close:not(:disabled):not(.disabled):hover, 
.modal-header.cusModal_header .close:not(:disabled):not(.disabled):focus {outline: none;}
.modal-body.cusModal_body p {font-size: 18px;}
input.form-control.rounded-0 {height: 60px;}
.insta-img,  .subList-img { width: initial; }
.width_300_logo {width: 280px !important;}
.width_60_insta {width: 60px !important;} @media only screen and (device-width: 2532px) {
.logo_width img {width: 800px;}
.header_giftBox img {width: 300px;}
.breadcrumb_1 li {
padding: 50px 5px 50px 15px;
font-size: 75px;
height: auto;
}
.breadcrumb_1 li:after {
border-bottom: 75px solid transparent;
border-left: 75px solid #e9005d;
border-top: 75px solid transparent;
margin-top: -75px;
margin-left: -1px;
}
.breadcrumb_1.custWidth_1 li {width: 35%;}
.msg_right_sec img {width: 25%;}
.circle_img {margin: 0 0 14% 5%;}
.title_h1_text.fontSize_5 {font-size: 10rem; margin-bottom: 2rem;}
.title_h1_text {font-size: 80px; margin-bottom: 2rem;}
.msg_left_sec img {width: 95%;}
.msg_title {margin: 10px 0 50px;}
.msg_title span {font-size: 6rem; position: relative; top: 12px;}
.msg_details p {font-size: 50px;}
.present_title_02 .text_type_2 {font-size: 45px; padding: 10px 0;}
.present_title_02 .text_type_3 {font-size: 60px; font-weight: bold; top: -15px;}
.present_title_03 .text_type_1 {font-size: 55px; padding: 47px 0 0px 15px;}
.present_list_detail li {font-size: 58px;}
.text_box_type {font-size: 5rem;}
.present_detail_sec .text_type_1 {font-size: 6rem;}
.present_detail_sec_1 {padding: 0 0 40px 0;}
.present_detail_sec_2 .title_h1_text {font-size: 5rem; margin-bottom: 2rem;}
.fontSize_1 {font-size: 60px !important;}
.fontSize_2 {font-size: 45px !important;}
.fontSize_3 {font-size: 40px !important;}
.fontSize_4 {font-size: 35px;}
.fontSize_btn {font-size: 40px !important; line-height: 40px !important;}
.para_sec p {font-size: 40px;}
.prodDetail p {font-size: 40px;}
.prodDetail p.firstLetter::first-letter {font-size: 55px;}
.header_circleBox img {width: 600px;}
.tataSite a {font-size: 40px;}
.insta_follow_textSec span {font-size: 35px;}
.footer_LP_sec .insta_follow_textSec span {font-size: 30px; margin: 0 0 -5px 0;}
.footer_LP_sec p {font-size: 30px;}
.footer_LP_sec p:last-child {font-size: 25px;}
}
@media only screen and (device-width: 1170px) {
.logo_width img {width: 500px;}
.header_giftBox img {width: 200px;}
.breadcrumb_1 li {
padding: 30px 5px 30px 15px;
font-size: 40px;
height: auto;
}
.breadcrumb_1 li:after {
border-bottom: 50px solid transparent;
border-left: 50px solid #e9005d;
border-top: 50px solid transparent;
margin-top: -50px;
margin-left: -1px;
}
.breadcrumb_1.custWidth_1 li {width: 35%;}
.circle_img {margin: 0 0 15% 5%;}
.title_h1_text.fontSize_5 {font-size: 5rem; margin-bottom: 2rem;}
.title_h1_text {font-size: 50px; margin-bottom: 2rem;}
.msg_title span {font-size: 3rem;}
.msg_details p {font-size: 30px;}
.present_list_detail li {font-size: 28px;}
.text_box_type {font-size: 3rem;}
.present_detail_sec_1 {padding: 0 0 40px 0;}
.present_detail_sec_2 .title_h1_text {font-size: 3rem; margin-bottom: 2rem;}
.fontSize_1 {font-size: 32px !important;}
.fontSize_2 {font-size: 25px !important;}
.fontSize_3 {font-size: 30px !important;}
.fontSize_4 {font-size: 35px;}
.fontSize_btn {font-size: 30px !important; line-height: 30px !important;}
.para_sec p {font-size: 28px;}
.tataSite a {font-size: 40px;}
.header_circleBox img {width: 450px;}
.footer_LP_sec .insta_follow_textSec span {font-size: 25px; margin: 0 0 -8px 0;}
.footer_LP_sec p {font-size: 25px;}
.footer_LP_sec p:last-child {font-size: 20px;}
.width_300 {margin-bottom: 2.5rem !important;}
}
@media only screen and (min-width: 1146px) and (max-width: 1268px) {
.text_type_1 {font-size: 40px; padding: 55px 0 17px 15px;}
.text_type_3 {font-weight: bold;}
}
@media only screen and (min-width: 1024px) and (max-width: 1240px) {
.insta_follow_main.c-w-40 {width: 55% !important;}
}
@media only screen and (max-width: 1024px) {
.insta_follow_main.c-w-40 {width: 55% !important;}
} 
@media only screen and (min-width: 913px) and (max-width: 1145px) {
.text_type_1 {font-size: 35px; padding: 52px 0 25px 15px;}
.text_type_2 {font-size: 25px;padding: 26px 0;}
.text_type_3 {font-size: 55px; font-weight: bold; top: -8px;}
}
@media only screen and (min-width: 824px) and (max-width: 991px) {
.insta_follow_main.c-w-40 {width: 60% !important;}
}
@media only screen and (min-width: 769px) and (max-width: 912px) {
.text_type_1 {font-size: 30px; padding: 52px 0 32px 15px;}
.text_type_2 {font-size: 20px;padding: 26px 0 26px 15px;}
.text_type_3 {font-size: 50px; font-weight: bold; top: -8px;}
.present_detail_sec .text_type_1 {font-size: 38px;}
}
@media only screen and (min-width: 768px) and (max-width: 823px) {
.insta_follow_main.c-w-40 {width: 75% !important;}
.msg_details p {font-size: 20px;}
}
@media only screen and (max-width: 768px) {
.text_type_2 {font-size: 20px;padding: 28px 0 28px 15px;}
.text_type_1 {font-size: 28px; padding: 60px 0 25px 15px;}
.present_detail_sec .text_type_1 {font-size: 32px;}
.prod_title_1 {font-size: 30px;}
.insta_follow_main.c-w-40 {width: 85% !important;}
.msg_details {padding: 0 15px;}
.present_title_01 .leftBg {width: 80%;}
.present_title_02 .leftBg {width: 66%;}
.present_title_03 .leftBg {width: 68%;}
.present_title_03 .rightBg {width: 10%;}
.present_title_03 .rightBgLast {width: 22%;}
} 
@media only screen and (min-width: 600px) and (max-width: 733px) {
.text_type_1 {font-size: 20px; padding: 60px 0 43px 15px;}
.text_type_2 {font-size: 18px;padding: 30px 0;}
.text_type_3 {font-size: 25px; font-weight: bold; top: 15px;}
}
@media only screen and (min-width: 411px) and (max-width: 767px) {
.msg_details p {font-size: 20px;}
}
@media only screen and (min-width: 411px) and (max-width: 599px) {
.text_type_1 {font-size: 18px; padding: 60px 0 43px 15px;}
.text_type_2 {font-size: 16px;padding: 20px 0 20px 15px;}
.text_type_3 {font-size: 14px; font-weight: bold; top: 22px;}
.minWidth_500 {min-width: 300px !important;}
.present_detail_sec .text_type_1 {font-size: 20px;}
.both_img_sec img {max-width: 45%;}
.logo_width img {max-width: 100%;}
.header_circleBox img {max-width: 100%;}
}
@media only screen and (min-width: 320px) and (max-width: 410px) {
.present_title_01 {width: 100%;}
.present_title_02 {width: 90%;}
.present_title_01 .leftBg {width: 35%;}
.present_title_02 .leftBg {width: 62%;}
.present_title_02 .rightBg {width: 58px;}
.present_title_03 .leftBg {width: 75%;}
.present_title_03 .rightBg {width: 15%;}
.present_title_03 .rightBgLast {width: 10%;}
.text_type_1 {font-size: 15px; padding: 60px 0 30px 15px;}
.text_type_2 {font-size: 14px;padding: 20px 0 20px 15px;}
.text_type_3 {font-size: 14px; font-weight: bold; top: 22px; right: -48px;}
.minWidth_500 {min-width: 300px !important;}
.present_detail_sec .text_type_1 {font-size: 15px;}
.both_img_sec img {max-width: 45%;}
.logo_width img {max-width: 100%;}
.header_circleBox img {max-width: 100%;}
.breadcrumb_1 {margin-top: 80px;}
} @media only screen and (device-width: 812px) {
.header_giftBox img {width: 130px;}
.breadcrumb_1 li {font-size: 22px;}
.fontSize_5 {font-size: 46px !important;}
.present_detail_sec_1 {padding: 0 0 30px 0;}
.present_detail_sec_2 {padding: 0px 0 30px 0;}
.prod_title_1 {font-size: 28px;}
.prodDetail {padding: 15px 15px 0px;}
.prodDetail p {font-size: 20px;} 
}  @media only screen and (device-width: 736px) {
.breadcrumb_1 li {font-size: 22px;}
.msg_details p {font-size: 18px; margin-bottom: 5px;}
.present_list_detail li {font-size: 17px;}
.present_detail_sec_1 {padding: 0 0 30px 0;}
.present_detail_sec_2 .title_h1_text {font-size: 26px; margin-bottom: 10px;}
.prod_title_1 {font-size: 26px;}
.prodDetail {padding: 15px 15px 0px;}
.prodDetail p {font-size: 24px;} 
.fontSize_3 {font-size: 20px !important;}
.fontSize_5 {font-size: 46px !important;}
.title_h1_text {font-size: 26px; margin-bottom: 10px;}
.insta_follow_textSec span {margin: 0 0 2px 0; font-size: 26px;} 
.footer_LP_sec .insta_follow_textSec span {font-size: 24px;} }  @media only screen and (device-width: 667px) {
.header_giftBox img {width: 125px;}
.msg_right_sec img {width: 25%;}
.circle_img {margin: 0 0 10% 5%;}
.breadcrumb_1 li {
padding: 10px 5px 10px 15px;
font-size: 22px;
height: auto;
}
.breadcrumb_1 li:after {
border-bottom: 30px solid transparent;
border-left: 30px solid #e9005d;
border-top: 30px solid transparent;
margin-top: -30px;
}
.title_h1_text {font-size: 26px; margin-bottom: 10px;}
.msg_title {margin: 10px 0 20px;}
.msg_details p {font-size: 16px; margin-bottom: 5px;}
.present_title_03 .text_type_1 {font-size: 24px; padding: 60px 0 30px 15px;}
.present_list_detail li {font-size: 18px;}
.para_sec p {font-size: 18px;}
.prod_title_1 {font-size: 26px;}
.prodDetail p {font-size: 16px;} 
.prodDetail p.firstLetter::first-letter {font-size: 20px;}
.fontSize_2 {font-size: 16px !important;}
.fontSize_3 {font-size: 18px !important;}
.fontSize_4 {font-size: 22px;}
.fontSize_5 {font-size: 44px;}
.present_detail_sec_2 .title_h1_text {font-size: 26px; margin-bottom: 10px;}
.insta_follow_textSec span {margin: 0 0 2px 0; font-size: 18px;}
.present_detail_sec_1 {padding: 0 0 30px 0;}
.present_detail_sec_2 {padding: 0px 0 30px 0;}
.width_300_logo {width: 280px !important;}
}  @media only screen and (device-width: 568px) {
.msg_right_sec img {width: 25%;}
.circle_img {margin: 0 0 15% 5%;}
.msg_title {margin: 10px 0 20px;}
.msg_details p {font-size: 14px; margin-bottom: 5px;}
.present_title_02 .text_type_2 {font-size: 15px; padding: 30px 0 20px 15px;}
.present_title_02 .text_type_3 {font-size: 20px; font-weight: bold; top: 15px;}
.present_title_03 .text_type_1 {font-size: 18px; padding: 60px 0 30px 15px;}
.present_detail_sec .text_type_1 {font-size: 25px;}
.present_detail_sec_1 {padding: 0 0 30px 0;}
.present_detail_sec_2 {padding: 0px 0 30px 0;}
.present_list_detail li {font-size: 16px;}
.present_detail_sec_2 .title_h1_text {font-size: 26px; margin-bottom: 10px;}
.fontSize_2 {font-size: 18px !important;}
.fontSize_3 {font-size: 18px !important;}
.fontSize_4 {font-size: 20px !important;}
.para_sec p {font-size: 16px;}
.prod_title_1 {font-size: 20px;}
.prodDetail {padding: 15px 15px 0px;}
.prodDetail p {font-size: 16px;} 
.prodDetail p.firstLetter::first-letter {font-size: 22px;}
.header_circleBox img {width: 220px;}
.present_detail_sec_2 .title_h1_text {font-size: 26px; margin-bottom: 10px;}
.title_h1_text {font-size: 26px; margin-bottom: 10px;}
.insta_follow_textSec span {margin: 0 0 2px 0; font-size: 18px;} .width_300_logo {width: 280px !important;}
}  @media only screen and (device-width: 414px) {
.breadcrumb_1 li {
padding: 5px 5px 5px 15px;
font-size: 12px;
height: auto;
}
.msg_right_sec img {width: 25%;}
.circle_img {margin: 0 0 8% 5%;}
.msg_title {border-bottom: 2px solid #e9005d; margin: 10px 0 15px;}
.msg_title span {font-size: 20px;}
.present_title_02 .leftBg {width: 58%;}
.present_title_03 .leftBg {width: 66%;}
.present_title_03 .rightBg {width: 12%;}
.msg_details p {font-size: 10px; margin-bottom: 5px;}
.present_title_02 .text_type_2 {font-size: 9px; padding: 40px 0 20px 15px;}
.present_title_02 .text_type_3 {font-size: 20px; font-weight: bold; top: 15px;}
.present_title_03 .text_type_1 {font-size: 14px; padding: 60px 0 30px 15px;}
.present_detail_sec .text_type_1 {font-size: 20px;}
.present_detail_sec_1 {padding: 0 0 30px 0;}
.present_detail_sec_2 {padding: 0px 0 30px 0;}
.text_box_type {font-size: 16px;}
.present_list_detail li {font-size: 12px;}
.present_detail_sec_2 .title_h1_text {font-size: 26px; margin-bottom: 10px;}
.fontSize_1 {font-size: 14px !important;}
.fontSize_2 {font-size: 13px !important;}
.fontSize_3 {font-size: 13px !important;}
.fontSize_4 {font-size: 14px !important;}
.fontSize_5 {font-size: 25px !important;}
.para_sec p {font-size: 13px;}
input.form-control.rounded-0 {height: auto; font-size: 12px;}
.prod_title_1 {font-size: 16px;}
.prodDetail {padding: 15px 15px 0px;}
.prodDetail p {font-size: 14px;} 
.prodDetail p.firstLetter::first-letter {font-size: 22px;}
.header_circleBox img {width: 190px; max-width: inherit;}
.present_detail_sec_2 .title_h1_text {font-size: 17px; margin-bottom: 10px;}
.title_h1_text {font-size: 15px; margin-bottom: 10px;}
.insta_follow_textSec span {margin: 0 0 2px 0; font-size: 15px;} .width_300_logo {width: 280px !important;}
}  @media only screen and (device-width: 375px) {
.logo_width img {width: 220px; max-width: inherit;}
.header_giftBox img {width: 100px;}
.breadcrumb_1 li {
padding: 5px 5px 5px 15px;
font-size: 10px;
height: auto;
}
.breadcrumb_1 {margin-top: 2px;}
.breadcrumb_1.custWidth_1 li {width: 35%;}
.msg_right_sec img {width: 25%;}
.circle_img {margin: 0 0 5% 15%;}
.title_h1_text.fontSize_5 {font-size: 22px; margin-bottom: 2rem;}
.title_h1_text {font-size: 16px; margin-bottom: 10px;}
.msg_title {border-bottom: 2px solid #e9005d; margin: 10px 0 15px;}
.msg_title span {font-size: 18px;}
.msg_details p {font-size: 9px; margin-bottom: 5px;}
.present_title_02 .text_type_2 {font-size: 10px; padding: 35px 0 35px 15px;}
.present_title_02 .text_type_3 {font-size: 12px; font-weight: bold; top: 22px; right: -60px;}
.present_title_03 .text_type_1 {font-size: 15px; padding: 60px 0 40px 15px;}
.present_title_03 .text_type_1 span {border-top: 8px dotted #e9005d;}
.present_list_detail li {font-size: 13px;}
.present_list_detail li span {padding: 0 0 0 0px;}
.text_box_type {font-size: 15px;}
.present_detail_sec_1 {padding: 0 0 25px 0;}
.present_detail_sec_2 {padding: 15px 0 25px 0;}
.present_detail_sec_2 .title_h1_text {font-size: 16px; margin-bottom: 10px;}
.prod_title_1 {font-size: 14px;}
.prodDetail {padding: 15px 15px 0px;}
.prodDetail p {font-size: 14px;}
.prodDetail p.firstLetter::first-letter {font-size: 18px;}
.fontSize_1 {font-size: 14px !important;}
.fontSize_2 {font-size: 14px !important;}
.fontSize_3 {font-size: 13px !important;}
.fontSize_4 {font-size: 12px;}
.fontSize_btn {font-size: 20px !important; line-height: 16px !important;}
.para_sec p {font-size: 11px;}
.tataSite a {font-size: 14px;}
input.form-control.rounded-0 {height: auto; font-size: 12px;}
.insta_follow_textSec span {margin: 0 0 0px 0; font-size: 12px;}
.header_circleBox img {width: 450px;}
.footer_LP_sec .insta_follow_textSec span {font-size: 22px; margin: 0 0 -8px 0;}
.footer_LP_sec p {font-size: 14px;}
.footer_LP_sec p:last-child {font-size: 12px;}
.width_300 {margin-bottom: 2.5rem !important;} .width_300_logo {width: 260px !important;}
}  @media only screen and (device-width: 320px) { .header_giftBox img {width: 90px;}
.breadcrumb_1 li {
padding: 5px 5px 5px 15px;
font-size: 8px;
height: auto;
}
.breadcrumb_1 {margin-top: 2px;}
.breadcrumb_1.custWidth_1 li {width: 35%;}
.msg_right_sec img {width: 25%;}
.circle_img {margin: 0 0 10% 15%;}
.title_h1_text.fontSize_5 {font-size: 18px; margin-bottom: 1rem;}
.title_h1_text {font-size: 16px; margin-bottom: 10px;}
.msg_title {border-bottom: 2px solid #e9005d; margin: 10px 0 15px;}
.msg_title span {font-size: 16px;}
.msg_details p {font-size: 7px; margin-bottom: 5px;}
.present_title_02 .text_type_2 {font-size: 9px; padding: 35px 0 35px 15px;}
.present_title_02 .text_type_3 {font-size: 12px; font-weight: bold; top: 22px; right: -60px;}
.present_title_03 .text_type_1 {font-size: 13px; padding: 60px 0 40px 15px;}
.present_title_03 .text_type_1 span {border-top: 8px dotted #e9005d;}
.present_list_detail li {font-size: 10px;}
.present_list_detail li span {padding: 0 0 0 0px;}
.text_box_type {font-size: 15px;}
.present_detail_sec_1 {padding: 0 0 20px 0;}
.present_detail_sec_2 {padding: 0px 0 30px 0;}
.present_detail_sec_2 .title_h1_text {font-size: 16px; margin-bottom: 10px;}
.prod_title_1 {font-size: 12px;}
.prodDetail {padding: 15px 15px 0px;}
.prodDetail p {font-size: 12px;}    
.prodDetail p.firstLetter::first-letter {font-size: 18px;}
.left_align_img {margin: 0 10px 5px 0px;}
.right_align_img {margin: 0 0 5px 10px;}
.fontSize_1 {font-size: 10px !important;}
.fontSize_2 {font-size: 10px !important;}
.fontSize_3 {font-size: 13px !important;}
.fontSize_4 {font-size: 11px;}
.fontSize_btn {font-size: 20px !important; line-height: 16px !important;}
.para_sec p {font-size: 11px;}
.tataSite a {font-size: 14px;}
input.form-control.rounded-0 {height: auto; font-size: 12px;}
.insta_follow_textSec span {margin: 0 0 0px 0; font-size: 12px;}
.header_circleBox img {width: 110px; max-width: inherit;}
.footer_LP_sec .insta_follow_textSec span {font-size: 22px; margin: 0 0 -8px 0;}
.footer_LP_sec p {font-size: 14px;}
.footer_LP_sec p:last-child {font-size: 12px;}
.width_300 {width: 270px !important; margin-bottom: 2.5rem !important;}
.width_300_logo {width: 245px !important;} }