@charset "UTF-8";
/* CSS Document */
/*　---------------------------刀剣lp2022 CSS　*/
.kv{
margin-bottom: 60px;
}
.kv img{
width: 100%;
}
.touken_intro_text{
font-size: 14px;
text-align: center;
padding: 0 20px 60px;
}
.bg_grey{
background-image: url(https://gigaplus.makeshop.jp/teamart/lp/touken2022/bg_gray.jpg);
background-size: contain;
padding: 60px 0;
}
.touken_intro_wrap{
text-align: center !important;
}
.touken_intro_wrap2{
text-align: center !important;
margin-top: 60px;
}
.touken_date_sub{
width: 27%;
font-size: 22px;
letter-spacing: 0.06em;
font-weight: bold;
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
padding: 10px 0 10px;
background-color: #000000;
color: #fff;
border: #8e720b solid 2px;
margin: 0 auto 40px;
text-align: center;
}
.touken_date{
font-size: 25px;
color: #8e720b;
letter-spacing: 0.06em;
font-weight: bold;
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.touken_date2{
font-size: 26px;
color: #8e720b;
letter-spacing: 0.06em;
font-weight: bold;
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
}
.font_big{
font-size: 45px;
}
.date_cap{
margin-top: 10px;
font-size: 14px;
color: #8e720b;
font-weight: bold;
letter-spacing: 0.06em;
}
/*キャラクターごとの背景*/
.bg_sg{
background-image: url(https://gigaplus.makeshop.jp/teamart/lp/touken2022/bg_sg.jpg);
background-size: contain;
background-position: right;
padding: 60px 0 0px;
}
.bg_mus{
background-image: url(https://gigaplus.makeshop.jp/teamart/lp/touken2022/bg_mus.jpg);
background-size: contain;
background-position: right;
padding: 60px 0 0px;
}
.bg_ume{
background-image: url(https://gigaplus.makeshop.jp/teamart/lp/touken2022/bg_ume.jpg);
background-size: contain;
background-position: right;
padding: 60px 0 0px;
}
.bg_rh{
background-image: url(https://gigaplus.makeshop.jp/teamart/lp/touken2022/bg_rh.jpg);
background-size: contain;
background-position: right;
padding: 60px 0 0px;
}
/*//キャラクターごとの背景*/

.collabo_package_name{
font-size: 38px;
font-weight: bold;
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
letter-spacing: 0.01em;
color: #fff;
text-align: center;
line-height: 1.4 !important;
}
.collabo_package_name2{
font-size: 38px;
font-weight: bold;
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
letter-spacing: 0.01em;
color: #000;
text-align: center;
line-height: 1.4 !important;
}
.collabo_package{
font-size: 24px;
}
.collabo_package_item{
margin-top: 40px;
color: #fff;
text-align: center;
font-size: 14px;
}
.collabo_package_item2{
margin-top: 40px;
color: #000;
text-align: center;
font-size: 14px;
}
.collabo_package_wrap{
display: flex;
justify-content: space-around;
margin: 0 20px;
}
.collabo_package_wrap2{
display: flex;
justify-content: space-around;
margin: 0 20px;
flex-direction: row-reverse;
}
.collabo_package_box {
width: 29%;
margin: 10px 10px;
}
/*キャラクターごと背景帯*/
.package_image_wrap{
display: flex;
justify-content: space-between;
background-image: url(https://gigaplus.makeshop.jp/teamart/lp/touken2022/line_sg.jpg);
background-repeat: no-repeat;
background-position: bottom;
margin-top: -20px;
}
.package_image_wrap2{
display: flex;
justify-content: space-between;
background-image: url(https://gigaplus.makeshop.jp/teamart/lp/touken2022/line_mus.jpg);
background-repeat: no-repeat;
background-position: bottom;
flex-direction: row-reverse;
margin-top: -20px;
}
.package_image_wrap3{
display: flex;
justify-content: space-between;
background-image: url(https://gigaplus.makeshop.jp/teamart/lp/touken2022/line_ume.jpg);
background-repeat: no-repeat;
background-position: bottom;
margin-top: -20px;
}
.package_image_wrap4{
display: flex;
justify-content: space-between;
background-image: url(https://gigaplus.makeshop.jp/teamart/lp/touken2022/line_rh.jpg);
background-repeat: no-repeat;
background-position: bottom;
flex-direction: row-reverse;
margin-top: -20px;
}
/*キャラクターごとアイテム3つの枠サイズ*/
.item_image_wrap{
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 560px;
margin: 0 20px 60px -170px;
}
.item_image_wrap2{
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 560px;
margin: 0 0 63px 20px;
}
.item_image_wrap3{
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 560px;
margin: 0 20px 66px -40px;
}
.item_image_wrap4{
display: flex;
flex-wrap: wrap;
justify-content: center;
width: 560px;
margin: 10px 0 68px 20px;
}	
/*//キャラクターごとアイテム3つの枠サイズ*/
.item_image_box{
width: 30%;
height: 50%;
background-color: #fff;
margin: 20px 5px;
}
.item_image_box:nth-child(1) img{
width: 62%;
margin: 6% auto;
}
.item_image_box:nth-child(2) img{
width: 52%;
margin: 7% auto;		
}

.item_image_box:nth-child(3) img{
width: 53%;
margin: 26% auto;
}
/*キャラクターサイズ*/
.touken_character{
width: 58%;
margin-top: 5px;
}
.touken_character2{
width: 40%;
margin-top: 20px;
margin-left: -41px;
}
.touken_character3{
width: 40%;
margin-right: -20px;
}
.touken_character4{
width: 55%;
margin-left: -19%;
}
.touken_character img{
width: 100%;
}
.touken_character2 img{
width: 100%;
}
.touken_character3 img{
width: 100%;
}
.touken_character4 img{
width: 100%;
}

/*//キャラクターサイズ*/
.lp_btn{
margin-top: -40px;
}
.lp_btn img{
width: 70%;
}
/*パッケージ仕様*/
.package_spec{
text-align: center;
margin: 40px auto;
padding: 0 15px;
}
.package_spec p{
margin: 30px 0 !important;
}
/*刀剣乱舞について*/
.touken_ex{
background-image: url(https://gigaplus.makeshop.jp/teamart/lp/touken2022/bg_touken.jpg);
background-size: contain;
padding: 60px 20px;
}
.touken_logo{
width: 102px;
margin: 0 auto 30px;
}
.touken_title{
text-align: center;
font-size: 24px;
letter-spacing: 0.06em;
font-weight: bold;
font-family: '游明朝','Yu Mincho',YuMincho,'Hiragino Mincho Pro',serif;
margin: 30px 0;
}
.touken_ex_text01{
text-align: center;
margin-bottom: 30px !important;
font-size: 14px;
line-height: 24px;
letter-spacing: 0.05em;
}
.touken_ex_text02{
text-align: center;
font-weight: bold;
font-size: 15px;
margin-bottom: 30px !important;
line-height: 24px;
letter-spacing: 0.05em;
}
.touken_ex_text03{
text-align: center;
font-size: 12px !important;
margin-bottom: 30px !important;
line-height: 24px;
letter-spacing: 0.05em;
}
.touken_url{
text-align: center !important;
margin-bottom: 0px !important;
}
/*お問い合わせ*/
.touken_tel_icon{
display: inline-block;
width: 3%;
}
.touken_inquiry_bold{
font-size: 38px;
font-weight: bold;
margin: 10px 0 5px;
}
.touken_inquiry_bold a{
color: #8e720b;
}
.touken_inquiry_wrap{
text-align: center;
margin: 40px 0 50px;
}
.touken_inquiry_sub{
font-size: 16px;
}
.touken_inquiry_text{
font-size: 14px;
letter-spacing: 0.05em;
line-height: 24px;
}
.touken_norin_ad a{
font-size: 28px;
font-weight: bold;
margin: -5px 0 7px;
color: #8e720b;
}
.touken_copy{
margin: 20px 0 80px !important;
text-align: center;
font-size: 14px;
letter-spacing: 0.05em;
}
.touken_url:hover{
color: #000;
}

/*モーダル*/
/* これが無いとモーダルウィンドウ表示の際に余白が出る */
*{
margin: 0;
padding: 0;
}

/* モーダル全体(背景＋本体) */
.modal{
display: none;
position: fixed;
top: 0;
height: 100vh;
width: 100%;
}

/* モーダル背景 */
.modal-bg{
position: absolute;
height: 100vh;
width: 100%;
background: rgba(0, 0, 0, 0.8);
}

/* モーダル本体 */
.modal-content {
position: absolute;
top: 50%;
left: 29%;
transform: translate(-50%, -50%);
width: 35%;
background: #fff;
padding: 10px 20px 20px;
}
/* モーダルウィンドウ表示中に記事本体を固定 */
body.fixed{
position: fixed;
width: 100%;
height: 100%;
left: 0;
}
/* xボタン*/
.modal_close_btn{
font-size: 20px;
text-align: right;
}
/*商品ページ用*/
.notice_text{
text-align: left;
line-height: 1.5;
color: #c10e23;
margin-bottom: 60px;
}
.CustomContents{
margin-top: -30px;
}
/*//商品ページ用*/	
/*関連商品*/
.touken_re_title{
background: #efe6cf;
font-size: 16px;
padding: 5px;
border-left: 4px solid #e20a16;
margin: 60px 0 30px;
font-weight: bold;
}
.touken_re-products_wrap{
display: flex;
width: 90%;
margin: 0 auto 0 0;
}
.touken_re_container{
width: 30%;
}
.touken_re-productsimg{
margin: 0 10px 10px 0;
padding: 10px 20px;
border: 1px solid #b08d4e;
}
.touken_re_name{
margin: 0 0 60px 0;
}




/*　-------------------------------------------画面サイズが980pxまでここを読み込む　*/ 
@media screen and (max-width:980px) {
.showPC{
display: none;
}
.showSP{
display: block;
}
img{
max-width: 100%;
}
.text_center{
text-align: left !important;
}
.bg_grey {
padding: 80px 0;
}
.touken_date_sub{
width: 70%;
margin: 0 auto 50px;
font-size: 24px;
}

.touken_date2{
font-size: 26px;
margin: 0 10px;
}
.collabo_package_name{
font-size: 6.83vw !important;
padding: 0 10px;
}
.collabo_package_name2{
font-size: 6.83vw !important;
padding: 0 10px;
}
.collabo_package {
font-size: 4.95vw;
}
.collabo_package2{
font-size: 4.95vw;
}
.collabo_package_wrap{
display: block;
margin: 0;
}
.collabo_package_wrap2{
display: block;
margin: 0;
}
.collabo_package_box {
width: 60%;
margin: 40px auto;
}
.package_image_wrap{
display: block;
}
/*spキャラクターごとの背景*/
.bg_sg{
background-image: url(https://gigaplus.makeshop.jp/teamart/lp/touken2022/bg_sg_sp.jpg);
background-size: contain;
padding: 80px 0 0px;
background-position: 0 30%;
}
.bg_mus{
background-image: url(https://gigaplus.makeshop.jp/teamart/lp/touken2022/bg_mus_sp.jpg);
background-size: contain;
padding: 80px 0 0px;
background-position: 0 30%;
}
.bg_ume{
background-image: url(https://gigaplus.makeshop.jp/teamart/lp/touken2022/bg_ume_sp.jpg);
background-size: contain;
padding: 80px 0 0px;
background-position: 0 30%;
}
.bg_rh{
background-image: url(https://gigaplus.makeshop.jp/teamart/lp/touken2022/bg_rh_sp.jpg);
background-size: contain;
padding: 80px 0 0px;
background-position: 0 30%;
}
/*//spキャラクターごとの背景*/

.package_image_wrap{
background-image: none;
}
.package_image_wrap2{
background-image: none;
}
.package_image_wrap3{
background-image: none;
}
.package_image_wrap4{
background-image: none;
}

.item_image_wrap{
display: flex;
flex-wrap: nowrap;
width: 100%;
margin: 30px 0 -10px;
justify-content: center;
}
.item_image_wrap2 {
display: flex;
flex-wrap: nowrap;
width: 100%;
margin: 0px 0 -10px;
justify-content: center;
}
.item_image_wrap3{
display: flex;
flex-wrap: nowrap;
width: 100%;
margin: 0px 0 -10px;
justify-content: center;
}
.item_image_wrap4{
display: flex;
flex-wrap: nowrap;
width: 100%;
margin: 0px 0 -10px;
justify-content: center;
}
.item_image_box{
margin: 30px 5px;
height: auto;
}
.item_image_box:nth-child(1) img {
width: 70%;
margin: 3% auto;
}
.item_image_box:nth-child(2) img {
width: 58%;
margin: 5% auto;
}
.item_image_box:nth-child(3) img {
width: 65%;
margin: 23% auto;
}
.item_image_box:nth-child(1){
margin-left: 10px;
}
.item_image_box:nth-child(3){
margin-right: 10px;
}
.sp_character_wrap{
position: relative;
background-image: url(https://gigaplus.makeshop.jp/teamart/lp/touken2022/line_sg_sp@2x.jpg);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
}
.sp_character_wrap2{
position: relative;
background-image: url(https://gigaplus.makeshop.jp/teamart/lp/touken2022/line_mus_sp.jpg);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
}
.sp_character_wrap3{
position: relative;
background-image: url(https://gigaplus.makeshop.jp/teamart/lp/touken2022/line_ume_sp@2x.jpg);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
}
.sp_character_wrap4{
position: relative;
background-image: url(https://gigaplus.makeshop.jp/teamart/lp/touken2022/line_rh_sp@2x.jpg);
background-size: contain;
background-repeat: no-repeat;
background-position: bottom;
}
/*spキャラクターサイズ*/
.touken_character_sp{
width: 87%;
margin-right: auto;
}
.touken_character_sp2{
width: 54%;
margin-left: auto;
}
.touken_character_sp3{
width: 59%;
margin-right: auto;
}
.touken_character_sp4{
width: 78%;
margin-left: auto;
}

.touken_character_sp img{
width: 100%;
}
.touken_character_sp2 img{
width: 100%;
}
.touken_character_sp3 img{
width: 100%;
}
.touken_character_sp4 img{
width: 100%;
}
.lp_btn_sp{
position: absolute;
width: 50%;
top: 25%;
right: 0;
margin-right: 10px;
}
.lp_btn_sp2{
position: absolute;
width: 50%;
top: 30%;
left: 0;
margin-left: 10px;
}
.lp_btn_sp3{
position: absolute;
width: 50%;
top: 27%;
right: 0;
margin-right: 10px;
}
.package_spec{
padding: 0 10px;
}
.touken_ex{
background-image: url(https://gigaplus.makeshop.jp/teamart/lp/touken2022/bg_touken_sp@2x.jpg);
}
.touken_ex_text01{
text-align: left;
}
.touken_ex_text03{
text-align: left;
}
.touken_url{
text-align: left !important;
}
.touken_tel_icon{
width: 5.5%;
}
.touken_norin_ad a{
font-size: 4vw;
}
.touken_intro_text{
text-align: left;
}
/* モーダル本体 */
.modal-content{
width: 100%;
max-width: 80%;
left: 48.5vw;
}
.touken_re-products_wrap{
flex-wrap: wrap;
width: 100%;
margin-bottom: 40px;
}
.touken_re_container {
width: 50%;
}
.touken_re-productsimg {
margin: 0 5px 0 auto;
}
.touken_re_name {
margin: 10px auto 20px;
}
}
/*　-------------------------------------------画面サイズが820〜979pxここを読み込む　*/ 	
@media screen and (min-width:820px) and (max-width:979px) {	
.touken_ex_text01{
text-align: center !important;
}
.touken_url{
text-align: center !important;
}
.touken_date_sub{
width: 40% !important;
}
.collabo_package_name{
font-size: 4.41vw !important;
}
.collabo_package{
font-size: 2.58vw;
}
.collabo_package_name2{
font-size: 4.41vw !important;
}
.collabo_package2{
font-size: 2.58vw;
}
.collabo_package_box{
width: 45%;
}
.touken_character_sp{
width: 72%;
}
.touken_character_sp2{
width: 50%;
}
.touken_character_sp3{
width: 52%;
}
.touken_character_sp4 {
width: 70%;
}
.lp_btn_sp{
width: 45%;
}
.lp_btn_sp2{
width: 45%;
}
.lp_btn_sp3{
width: 45%;
}
/* 関連商品 */
.touken_re-products_wrap{
flex-wrap: nowrap;
width: 80%;
}
}