@charset "utf-8";
/* base color */
.NS_general_button,#freearea_s_osa0080001_001 .NS_general_button{background:#000;}
/* base color */
    
/*default reset*/
#mainContent{padding: 0;}
#lpWrap{width: 100%; margin-top: -40px;}
#lpWrap *{box-sizing: border-box}
#lpWrap img{vertical-align: bottom; -webkit-backface-visibility: hidden;}
.Ns_general_title{margin: -30px auto 32px; text-align: center; overflow: hidden;}
ol.breadcrumb li{float: left;}
ol.breadcrumb li{padding-left: 20px; font-size: 12px; background: url(https://7net-img.omni7.jp/co/common/images/bg-icon-arrow-03.png) 7px center no-repeat;}
ol.breadcrumb li:first-child{padding: 0; background: none;}
.breadcrumb{display: inline-table; width: 100%; padding:12px 16px; background:#fff;}
.breadcrumb a{color: #6e6e6e; text-decoration: none;}
.NS_general_component{width: 100%; margin: 0 auto;}
#freearea_s_osa0080001_001 .NS_general_component{margin: 0 auto; width: 100%;}
#freearea_s_osa0080001_001 .Ns_general_title,#freearea_s_osa0080001_001 .Ns_general_content{width: 100%;}
.NS_general_menu_col4 ul{width: 100%; height: auto; text-align: center;}
#freearea_s_osa0080001_001 .NS_general_menu_col4 ul{width: 100%; margin: 0 auto 2em; padding: 0 2%;}
.NS_general_menu_col4 ul{width: 100%; height: auto; text-align: center;}
.NS_general_button,#freearea_s_osa0080001_001 .NS_general_button{border-radius:0; background:#16160e;}
#freearea_s_osa0080001_001 .NS_general_button{width: 360px;}
.NS_general_button a,#freearea_s_osa0080001_001 .NS_general_button a{background: #16160e;}
.NS_general_button a:hover{background: none;}
.NS_general_button p{position: relative;}
.NS_general_button p::after{position: absolute; content: "▶"; right: 8vw; }
.NS_general_component .txtL,.NS_general_component .txtS,#freearea_s_osa0080001_001 .NS_general_component .txtL,#freearea_s_osa0080001_001 .NS_general_component .txtS{margin: 0;}
.NS_breadcrumbs li::after {content: "";}
a:hover img {opacity: 1;}
.Ns_general_container .Ns_general_content h1 {margin-bottom: 0px; padding-bottom: 0px; border-bottom: 0px;}
.Ns_general_container .Ns_general_content h2 {border: none; margin: 0; margin-top: 0;}
.Ns_general_container h3, .headingH3 { margin: 0; padding: 0; background: none; text-align: start;}
.Ns_general_container h4, .headingH4 { margin-top: 0px; margin-bottom: 0px; font-size: medium;	font-weight: normal;}
.Ns_general_container  h5, .headingH5 { margin-top: 40px; margin-bottom: 20px; font-size: medium; font-weight: normal;}
.Ns_general_container  a{ text-decoration: none;}


dl, ol, ul {margin-bottom: 0;}
ol, ul { padding-left: 0;}

@media screen and (max-width: 640px){/*SP*/
    .Ns_general_content,.Ns_general_title {width: 100%; }
    h2, .headingH2{padding: 0;}
}

/* base */
#mainContent{width:100%; padding: 0}
.Ns_general_container {width:100% !important;margin-top: -40px;}
.main_wrap a {text-decoration: none; color:inherit;}
.main_wrap a:hover{text-decoration: none !important;}
/*.main_wrap img{margin:0; padding:0; vertical-align: bottom; line-height: 0;}*/
.main_wrap figure{margin:0; padding:0; vertical-align: bottom; line-height: 0;}
h2 { text-align: center;}

/*共通*/
    


    
/*調整用タグ*/
.center {text-align: center;}
.left {text-align: left;}
.border-box {box-sizing: border-box;}
.margin_center{margin: 0 auto;}
.campaign {max-width: 980px; margin: 0 auto;}
.wrap_1200{width:1200px; margin: 0 auto;}
.wrap_980{width:980px; margin: 0 auto;}
.wrap_768{width:768px; margin: 0 auto;}
.main_bnr{width: 750px;}
.h2_ttl{width: auto;}
.bnr_980{width: 980px;}
.margin0 {margin: 0;}
    
.pc_only {display:inline-block;}
.pc_only_inline {display:inline;}
.sp_only {display:none;}

/*文字*/ 
.mincho {font-family: "游明朝", YuMincho, "Hiragino Mincho ProN W3", "ヒラギノ明朝 ProN W3", "Hiragino Mincho ProN", "HG明朝E", "ＭＳ Ｐ明朝", "ＭＳ 明朝" , "Hiragino Sans W3", "Hiragino Kaku Gothic ProN", "ヒラギノ角ゴ ProN W3", "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;}
.txt_white {color: #fff !important;}
.txt_red {color: #f00 !important;}txt_white
.txt_bold { font-weight: 800;}
.txt_S { font-size: 0.8em;}
.txt_indent { text-indent: -1em; margin-left: 1em; text-align: left;}
.txt_lh1em { line-height: 1em;}
.txt_lh1-5em { line-height: 1.5em;}
.txt_lh2em { line-height: 2em;}

/*display系（要素の表示形式（ブロック・インライン・フレックス等）を指定する） 20210218追記*/
.disp-inline{display: inline !important;}
.disp-block{display: block !important;}
.disp-inline-block{display: inline-block !important;}/*slicktと競合するから注意*/
.disp-list-item{display: list-item !important;}
.disp-run-in{display: run-in !important;}
.disp-flex{display: flex !important;}
.disp-table{display: table!important;}
.disp-none{display: none !important;}
    
/*KV*/
.Ns_general_container.kv {position: relative; margin: 0; text-align: center;/* padding: 14px 0 225px; */background: url("https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/240810rokusei/bg_kv.jpg") no-repeat center top; z-index: -10; background-size: cover;background-attachment: fixed; height: auto;}
.NS_general_kv img {/* padding-bottom:8px; */}
/*KV ふわっとするアニメーション*/
.fade-top { animation-name: fade; animation-duration: 2.5s; animation-iteration-count: 1;}
@keyframes fade{ 0%{ opacity: 0; } 100%{  opacity: 1; } }

/*背景background*/ 
.bg_white {background: #fff;}
.bg_menu01 {background: linear-gradient( 135deg, #ffa45a 10%, #f15f85 100%); }
.bg_menu03 {background: linear-gradient( 135deg, #c67aeb 10%, #6abff9 100%); }
.bg_prof {background: url("https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/240810rokusei/glow.png") no-repeat center top,url("https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/240810rokusei/bg_chosha.jpg") no-repeat center top; background-attachment: fixed,fixed; height: auto;background-size:contain,cover;}

/*装飾 影　*/
.filter-shadow { filter: drop-shadow(2px 2px 6px rgba(0, 0, 0, 0.4)); transition: 0.3s;}  
.filter-shadow:hover { filter: drop-shadow(0px 0px 0px rgba(0, 0, 0, 0.4)); transition: 0.3s; position: relative; top:2px; left: 2px;}  
    
/*個別設定*/
#intro img.linkbtn {width: 50vw; min-width: 550px; max-width: 750px;}
.menu03txt {width: 75%;}
.proftxt {width: 100%; text-align: left;}
.prof_glow{transition: 1s; position: absolute;}
.prof_glow img {transform: translate(30vw, -15vh); width: 44vw; position: relative;}
/*PC並列SP縦列のPC　ここから*/
.col2_wrap {display: flex; }
.col2_left80 {width: 80%;}
.col2_left70 {width: 70%;}
.col2_left70 h2 img.prof {width: 20vw; max-width: 300px;}
.col2_left50 {width: 50%;}
.col2_left55 {width: 55%;}
.col2_left50 img.menu01 {max-width: 400px;}
.col2_left55 img.menu01 {max-width: 573px; width: 100%;}
.col2_left50 img.menu03,.col2_right50 img.menu03 { width: 45vw; min-width: 450px; max-width: 490px;}
.col2_right20 {width: 20%;}
.col2_right30 {width: 30%;}
.col2_right45 {width: 45%;}
 .col2_right30 img.prof,.col2_right20 img.prof {width: 75%; filter: drop-shadow( 0px 0px 5px rgba(255, 255, 255, 1));}
.col2_right50 {width: 50%;}
.col2_right50 img.menu01 {max-width: 528px; width: 100%;}
.col2_right45 img.menu01 {max-width: 491px; width: 100%;}

/*PC並列SP縦列のPC　ここまで*/   

/*動く背景*/
@keyframes move-background {from {-webkit-transform: translate3d(0px, 0px, 0px);}to {-webkit-transform: translate3d(1000px, 0px, 0px);}}
@-webkit-keyframes move-background {from {-webkit-transform: translate3d(0px, 0px, 0px);}to {-webkit-transform: translate3d(1000px, 0px, 0px);}}
@-moz-keyframes move-background {from {-webkit-transform: translate3d(0px, 0px, 0px);}to {-webkit-transform: translate3d(1000px, 0px, 0px);}}
@-webkit-keyframes move-background {from {-webkit-transform: translate3d(0px, 0px, 0px);}to {-webkit-transform: translate3d(1000px, 0px, 0px);}}
.background-container{/*position: fixed;*/top: 0;left:0;bottom: 0;right: 0;}
#freearea_p_osa0080001_001 { overflow: hidden; padding-top:5px;}/*アニメーションのはみ出し防止*/
.kirakira{width:10000px;height: 100%;background: transparent url("https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/240810rokusei/bg_kirakira.png") repeat;background-size: 1000px 1000px;position: absolute;right: 0;top: 0;bottom: 0;z-index: 3;-moz-animation:move-background 150s linear infinite;-ms-animation:move-background 150s linear infinite;-o-animation:move-background 150s linear infinite;-webkit-animation:move-background 150s linear infinite;animation:move-background 150s linear infinite;}
.background-container img{height: 70vh;width:70vh;position: absolute;z-index: 3;right: 20px;}

 /*動く背景　ここまで*/ 
    
/****************************　1199px以下の画面サイズはここを読み込む　****************************/
@media screen and (max-width: 1199px){
    .wrap_1200 {width:980px;}
    .NS_general_kv img { width: 100%; margin-top: 10px;/* padding-bottom:8px;*/ }
}
/****************************　1199px以下の画面サイズはここを読み込む　ここまで　****************************/

/****************************　画面サイズが640px以下はここを読み込む　****************************/
@media screen and (max-width: 640px){/*SP*/
    .pc_only {display:none;}
    .pc_only_inline {display:none;}
    .sp_only {display:block; width: 100%; margin: 0 auto;}
    .Ns_general_container.kv { background: url("https://7net-img.omni7.jp/cm/0001/sc_image/inc/pc/special/240810rokusei/bg_kv.jpg") no-repeat center top; background-size: auto ;background-attachment: fixed;z-index: 0;}
    .NS_general_kv { margin: 0; text-align: center; padding: 0; background: transparent;z-index: 1} 
    .wrap_1200{width:100%; margin: 0 auto;}
    .NS_general_kv img { padding-bottom: 0; }
    #intro img.linkbtn {width: 95%; min-width: auto; max-width: auto;}
    
    .proftxt {width: 100%; text-align: left;}
    .proftxt img.kaori {float: right; margin: 0 0 5px 5px;width: 50%; filter: drop-shadow( 0px 0px 5px rgba(255, 255, 255, 1));}
    
    /*PC並列SP縦列のSP　ここから*/    
 	.col2_wrap {display:block; } 
	.col2_left50,.col2_left50,.col2_right20,.col2_right50,.col2_left55,.col2_right45 { width: 100%; text-align: center; background-size: cover;}
	.col2s_right50 {width: 100%; text-align: center;}
    .col2_left80 {width: 80%;}
    .col2_left70 {width: 100%;}
    .col2_right30 {width: 40%;}
    .col2_left70 h2 img.prof {width: 40vw; max-width: auto;}
    .col2_left50 img.menu01 {max-width: 400px;}
    .col2_left50 img.menu03,.col2_right50 img.menu03 { width: 95%; min-width: auto; max-width: none;}
    .col2_right30 img.prof,.col2_right20 img.prof {width: 100%; filter: drop-shadow( 0px 0px 5px rgba(255, 255, 255, 1));}
    .col2_right50 img.menu01 {max-width: 528px;}
    /*PC並列SP縦列のSP　ここまで*/ 
}
/****************************　画面サイズが640px以下はここを読み込む　ここまで　****************************/

/*****************パンくず*****************/
ol.NS_breadcrumbs {padding: 16px 0 26px 24px; margin:0 auto; margin-top: 19px;}
ol.NS_breadcrumbs li{float: left;}
ol.NS_breadcrumbs li{padding-left: 20px; font-size: 12px; background: url(https://7net-img.omni7.jp/co/common/images/bg-icon-arrow-03.png) 7px center no-repeat;}
ol.NS_breadcrumbs li:first-child{padding: 0; background: none;}
.NS_breadcrumbs{position:relative;width: 100%;padding:12px 16px;background:#fff;}
/*.NS_breadcrumbs::after{ content: " ";background: url("https://img.omni7.jp/cm/0001/sc_image/inc/pc/special/210701summerfair/breadcrumb_line.png")repeat-x;width:100%; height: 20px; position:absolute; bottom:-12px;left:0; z-index: 10;}*/
.NS_breadcrumbs a{color: #6e6e6e; text-decoration: none;}

@media screen and (max-width: 640px){/*SP*/
    ol.NS_breadcrumbs{padding: 16px 3vw 26px; /*margin-top: 0;*/}
    ol.NS_breadcrumbs li{font-size: 3vw;}
    ol.NS_breadcrumbs li a{color: #333;text-decoration: none;}
    ol.NS_breadcrumbs li a:hover{text-decoration: underline;}
    }
/*****************パンくず ここまで*****************/

/***************** flexグローバルナビ ***********************/
    
/*========= スクロール途中でヘッダーが表示＆非表示するためのCSS ===============*/

#RokuseiNavi{height: 70px;/*高さ指定*/width:100%;/*横幅指定*/
    /*以下はレイアウトのためのCSS*/display: flex;justify-content: space-between;align-items: center;background:transparent;color:#fff;text-align: center;padding: 25px 0;position: static;
	top: -30px;
	transition: all 0.5s ease 0s;}
/*JSを使いfixedクラスが付与された際の設定*/
#RokuseiNavi.fixed{position: fixed;/*fixedを設定して固定*/z-index: 999;/*最前面へ*/top:50px;/*位置指定*/left:0;/*位置指定*/padding: 15px 0; background:#fff;}
#intro.fixed{margin-top:150px;}/*ずれるから調整*/
    
/*　上に上がる動き　*/
#RokuseiNavi.UpMove{
	animation: UpAnime 0.5s forwards;
}

@keyframes UpAnime{
  from {
    opacity: 1;
	transform: translateY(0);
  }
  to {
    opacity: 0;
	transform: translateY(-100px);
  }
}


/*　下に下がる動き　*/

#RokuseiNavi.DownMove{
	animation: DownAnime 0.5s forwards;
}
@keyframes DownAnime{
  from {
  	opacity: 0;
	transform: translateY(-100px);
  }
  to {
  	opacity: 1;
	transform: translateY(0);
  }
}

@media screen and (max-width: 640px){/*SP*/
    #RokuseiNavi.fixed{padding: 4px 0 2px 0; margin-top: 0;}
    #intro.fixed{margin-top:50px;}/*ずれるから調整*/
}
/* 上部固定させるためのCSS ここまで*/

.flexmenu {z-index: 1; margin: 0 auto;}
.flexmenu ul {display: flex; flex-flow: row; margin: 0;	padding: 6px;list-style-type: none; width:100%;}
.flexmenu ul li { border-radius:0; -webkit-border-radius:0; -moz-border-radius:0; margin-right:0; width:49%; margin-right: 17px;}
.flexmenu ul li div.inner1 {background: linear-gradient( 135deg, #ffb841 10%, #F072B6 100%); }
.flexmenu ul li div.inner2 {background: linear-gradient( 135deg, #F072B6 10%, #c67aeb 100%);}
.flexmenu ul li div.inner3 {background: linear-gradient( 135deg, #c67aeb 10%, #61c6fa 100%);}
.flexmenu ul li div.inner4 {background: linear-gradient( 135deg, #61c6fa 10%, #79dac0 100%);}
.flexmenu ul li div.inner1,.flexmenu ul li div.inner2,.flexmenu ul li div.inner3,.flexmenu ul li div.inner4 { transition : 0.3s; border-radius: 10px; box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.4);}
.flexmenu ul li div.inner1:hover,.flexmenu ul li div.inner2:hover,.flexmenu ul li div.inner3:hover,.flexmenu ul li div.inner4:hover {transition : 0.3s; box-shadow: 2px 2px 6px 0px rgba(0,0,0,0.0); position: relative; top:2px; left: 2px;}
.flexmenu ul li:last-child {margin-right: 0px;}
.flexmenu ul li span{display:table-cell; vertical-align:middle; width:350px; padding:0 1em; line-height:1.4em;}
.flexmenu ul li span.NS_general_menu_img{width:60px; padding:0; vertical-align:middle;}

.flexmenu ul li span img{height:60px; margin-top: 4px;}
.flexmenu ul li span img.ic {margin-left: 9px;}
.flexmenu ul li span img.tx {width:170px; height: auto; margin: 14px 0 10px;}
.flexmenu ul li a{text-decoration:none; color:#000; font-size:14px; font-weight:bold; color:#777; height: 0;}

@media screen and (max-width: 1199px){/*flexmenu 1199px以下の画面サイズ*/
    .flexmenu ul li span {padding:0; width: 250px;}
    .flexmenu ul li span img { height:3vw; min-height: 45px;}    
    .flexmenu ul li span img.tx {width:100%; min-width: 92px; max-width: 150px; min-height:auto;}
    }

/*　flexmenu 画面サイズが640px以下　*/
@media screen and (max-width: 640px){/*SP*/
    #RokuseiNavi{height: 62px; padding: 4px 0 2px 0; margin-top: 40px;}
    .flexmenu {z-index: auto; /*margin-top:60px;*/}
    .flexmenu ul {display: table; /*margin:10px 0 0 0;*/}
    .flexmenu ul li { float: left; display:flex; width:31%; margin-right:2%; margin-bottom: 3%;}
    .flexmenu ul li:nth-child(odd)/*奇数*/ { /*margin-right: 2%;*/}
    .flexmenu ul li:last-child { margin-right:0;}
    .flexmenu ul li span{ padding: 0;}
    .flexmenu ul li span:last-child{ width: 400px;}
    .flexmenu ul li span.NS_general_menu_img{width:20%;}
    .flexmenu ul li span img{height:10vw; margin-top: 4px;}
    .flexmenu ul li span img.ic {margin-left: 9px;}
    .flexmenu ul li span img.tx {width:96%; min-width: 80px; max-width: 150px; margin:13px 0 5px;}
    .flexmenu ul li span img.txsp .sp_only {width:85%; max-width: 389px;}
}
    
/**************flexグローバルナビここまで*****************/    

/**************関連商品ここから*****************/       
/*PC関連商品_start*/
.kanren{padding-bottom: 80px;}
/*.kanren_list_wrap:nth-of-type(n+1){margin-top: 40px;}*/
.kanren_list_title{text-align: center;/* margin: 16px 0; */font-size: 22px;color: #00b2d2;font-weight: bold;padding: 16px 0 0;/* background: #00b2d2; */border-bottom: 2px solid;}
.kanren_list{display: -webkit-flex;display: -moz-flex;display: -ms-flex;display: -o-flex;display: flex;justify-content: flex-start;flex-wrap: wrap;/*padding: 25px 0 0;*/}
.kanren_list > *{width: calc((100% / 4) - 32px);margin-left: 32px; margin-bottom: 25px;}
.kanren_list > *:nth-of-type(4n+1){margin-left: 16px;}
.kanren_item { text-align: left;}
.kanren_item a{display: flex;flex-direction: column;height: 100%;overflow: hidden;border-radius: 16px; box-shadow: -5px 5px 8px rgba(191, 31, 255, 0.4), 5px -5px 8px rgba(254, 56, 166, 0.4); transition: 0.3s;}
.kanren_item a:hover { box-shadow:-5px 5px 8px rgba(191, 31, 255, 0), 5px -5px 8px rgba(254, 56, 166, 0); transition: 0.3s; position: relative; top: 2px; left: 2px;}
.kanren_item a.green { box-shadow: -5px 5px 8px rgba(0, 96, 255, 0.4), 5px -5px 8px rgba(0, 195, 124, 0.4);}
.kanren_item a.green:hover {box-shadow: -5px 5px 8px rgba(0, 96, 255, 0), 5px -5px 8px rgba(0, 195, 124, 0); transition: 0.3s; position: relative; top: 2px; left: 2px;}
.kanren_item_im img { max-width: 100%; vertical-align: bottom;}
.kanren_item_detail{display: flex;flex-direction: column;height: 100%;background: #fbf1cd;padding: 8px;color: #333;font-size: 16px;font-weight: bold;}
.kanren_item_detail.pink {background: #fff3e0;}
.kanren_item_detail.orange {background: #fae3d0;}
.kanren_item_detail.purple {background: #fdf3f9;}
.kanren_item_detail.green {background: #ebfff8;}
.kanren_item_detail.yellow {background: #fff7bc;}
.kanren_list_other_link a{display: block;position: relative;/*display: flex;*/flex-direction: column;margin-top: 40px;padding: 16px;background: #00b2d2;color: #ffffff;border-radius: 100px;text-align: center;box-shadow: 8px 8px 15px rgb(15 52 101 / 20%);}
.kanren_list_other_link a:before{position: absolute;content: '';display: block;top: calc(50% - 8px);right: 16px;width: 0;height: 0;border-style: solid;border-width: 8.5px 0 8px 12px;border-color: transparent transparent transparent #ffffff;}
/*PC関連商品_end*/	
    
 /*SP_関連商品_start*/ 
@media screen and (max-width: 640px){/*　画面サイズが640px以下はここを読み込む　*/
.kanren_list_title{margin-top: 8vw;font-size: 4.8vw;}
.kanren_list > * {width: calc((100% / 2) - 2.2vw);margin-left: 4vw;}
.kanren_list > *:nth-of-type(4n+1) {margin-left: 4vw;}
.kanren_list > *:nth-of-type(2n+1) {margin-left: 0;}
.kanren_list > *:nth-of-type(n+3) {margin-top: 4vw;}
.kanren_list_wrap:nth-of-type(n+1) {margin-top: 0;}
.kanren_list_wrap {width: 95%; margin: 0 auto;}
}
/*SP_関連商品_end*/
    
/**************関連商品ここまで*****************/ 

/***********************************　モジュールCSS　***********************************/    

/*PCのみ*/
@media screen and (min-width: 641px){/*　画面サイズが641px以上はここを読み込む　*/
.pc_mt-10{margin-top:10px !important;}.pc_mt-15{margin-top:15px !important;}.pc_mt-20{margin-top:20px !important;}.pc_mt-25{margin-top:25px !important;}.pc_mt-30{margin-top:30px !important;}.pc_mt-35{margin-top:35px !important;}.pc_mt-40{margin-top:40px !important;}.pc_mt-45{margin-top:45px !important;}.pc_mt-50{margin-top:50px !important;}.pc_mt-55{margin-top:55px !important;}.pc_mt-60{margin-top:60px !important;}.pc_mt-65{margin-top:65px !important;}.pc_mt-70{margin-top:70px !important;}.pc_mt-75{margin-top:75px !important;}.pc_mt-80{margin-top:80px !important;}.pc_mt-85{margin-top:85px !important;}.pc_mt-90{margin-top:90px !important;}.pc_mt-95{margin-top:95px !important;}.pc_mt-100{margin-top:100px !important;}.pc_mr-10{margin-right:10px !important;}.pc_mr-15{margin-right:15px !important;}.pc_mr-20{margin-right:20px !important;}.pc_mr-25{margin-right:25px !important;}.pc_mr-30{margin-right:30px !important;}.pc_mr-35{margin-right:35px !important;}.pc_mr-40{margin-right:40px !important;}.pc_mr-45{margin-right:45px !important;}.pc_mr-50{margin-right:50px !important;}.pc_mr-55{margin-right:55px !important;}.pc_mr-60{margin-right:60px !important;}.pc_mr-65{margin-right:65px !important;}.pc_mr-70{margin-right:70px !important;}.pc_mr-75{margin-right:75px !important;}.pc_mr-80{margin-right:80px !important;}.pc_mr-85{margin-right:85px !important;}.pc_mr-90{margin-right:90px !important;}.pc_mr-95{margin-right:95px !important;}.pc_mr-100{margin-right:100px !important;}.pc_ml-10{margin-left:10px !important;}.pc_ml-15{margin-left:15px !important;}.pc_ml-20{margin-left:20px !important;}.pc_ml-25{margin-left:25px !important;}.pc_ml-30{margin-left:30px !important;}.pc_ml-35{margin-left:35px !important;}.pc_ml-40{margin-left:40px !important;}.pc_ml-45{margin-left:45px !important;}.pc_ml-50{margin-left:50px !important;}.pc_ml-55{margin-left:55px !important;}.pc_ml-60{margin-left:60px !important;}.pc_ml-65{margin-left:65px !important;}.pc_ml-70{margin-left:70px !important;}.pc_ml-75{margin-left:75px !important;}.pc_ml-80{margin-left:80px !important;}.pc_ml-85{margin-left:85px !important;}.pc_ml-90{margin-left:90px !important;}.pc_ml-95{margin-left:95px !important;}.pc_ml-100{margin-left:100px !important;}.pc_mb-10{margin-bottom:10px !important;}.pc_mb-15{margin-bottom:15px !important;}.pc_mb-20{margin-bottom:20px !important;}.pc_mb-25{margin-bottom:25px !important;}.pc_mb-30{margin-bottom:30px !important;}.pc_mb-35{margin-bottom:35px !important;}.pc_mb-40{margin-bottom:40px !important;}.pc_mb-45{margin-bottom:45px !important;}.pc_mb-50{margin-bottom:50px !important;}.pc_mb-55{margin-bottom:55px !important;}.pc_mb-60{margin-bottom:60px !important;}.pc_mb-65{margin-bottom:65px !important;}.pc_mb-70{margin-bottom:70px !important;}.pc_mb-75{margin-bottom:75px !important;}.pc_mb-80{margin-bottom:80px !important;}.pc_mb-85{margin-bottom:85px !important;}.pc_mb-90{margin-bottom:90px !important;}.pc_mb-95{margin-bottom:95px !important;}.pc_mb-100{margin-bottom:100px !important;}.pc_pt-10{padding-top:10px !important;}.pc_pt-15{padding-top:15px !important;}.pc_pt-20{padding-top:20px !important;}.pc_pt-25{padding-top:25px !important;}.pc_pt-30{padding-top:30px !important;}.pc_pt-35{padding-top:35px !important;}.pc_pt-40{padding-top:40px !important;}.pc_pt-45{padding-top:45px !important;}.pc_pt-50{padding-top:50px !important;}.pc_pt-55{padding-top:55px !important;}.pc_pt-60{padding-top:60px !important;}.pc_pt-65{padding-top:65px !important;}.pc_pt-70{padding-top:70px !important;}.pc_pt-75{padding-top:75px !important;}.pc_pt-80{padding-top:80px !important;}.pc_pt-85{padding-top:85px !important;}.pc_pt-90{padding-top:90px !important;}.pc_pt-95{padding-top:95px !important;}.pc_pt-100{padding-top:100px !important;}.pc_pr-10{padding-right:10px !important;}.pc_pr-15{padding-right:15px !important;}.pc_pr-20{padding-right:20px !important;}.pc_pr-25{padding-right:25px !important;}.pc_pr-30{padding-right:30px !important;}.pc_pr-35{padding-right:35px !important;}.pc_pr-40{padding-right:40px !important;}.pc_pr-45{padding-right:45px !important;}.pc_pr-50{padding-right:50px !important;}.pc_pr-55{padding-right:55px !important;}.pc_pr-60{padding-right:60px !important;}.pc_pr-65{padding-right:65px !important;}.pc_pr-70{padding-right:70px !important;}.pc_pr-75{padding-right:75px !important;}.pc_pr-80{padding-right:80px !important;}.pc_pr-85{padding-right:85px !important;}.pc_pr-90{padding-right:90px !important;}.pc_pr-95{padding-right:95px !important;}.pc_pr-100{padding-right:100px !important;}.pc_pl-10{padding-left:10px !important;}.pc_pl-15{padding-left:15px !important;}.pc_pl-20{padding-left:20px !important;}.pc_pl-25{padding-left:25px !important;}.pc_pl-30{padding-left:30px !important;}.pc_pl-35{padding-left:35px !important;}.pc_pl-40{padding-left:40px !important;}.pc_pl-45{padding-left:45px !important;}.pc_pl-50{padding-left:50px !important;}.pc_pl-55{padding-left:55px !important;}.pc_pl-60{padding-left:60px !important;}.pc_pl-65{padding-left:65px !important;}.pc_pl-70{padding-left:70px !important;}.pc_pl-75{padding-left:75px !important;}.pc_pl-80{padding-left:80px !important;}.pc_pl-85{padding-left:85px !important;}.pc_pl-90{padding-left:90px !important;}.pc_pl-95{padding-left:95px !important;}.pc_pl-100{padding-left:100px !important;}.pc_pb-10{padding-bottom:10px !important;}.pc_pb-15{padding-bottom:15px !important;}.pc_pb-20{padding-bottom:20px !important;}.pc_pb-25{padding-bottom:25px !important;}.pc_pb-30{padding-bottom:30px !important;}.pc_pb-35{padding-bottom:35px !important;}.pc_pb-40{padding-bottom:40px !important;}.pc_pb-45{padding-bottom:45px !important;}.pc_pb-50{padding-bottom:50px !important;}.pc_pb-55{padding-bottom:55px !important;}.pc_pb-60{padding-bottom:60px !important;}.pc_pb-65{padding-bottom:65px !important;}.pc_pb-70{padding-bottom:70px !important;}.pc_pb-75{padding-bottom:75px !important;}.pc_pb-80{padding-bottom:80px !important;}.pc_pb-85{padding-bottom:85px !important;}.pc_pb-90{padding-bottom:90px !important;}.pc_pb-95{padding-bottom:95px !important;}.pc_pb-100{padding-bottom:100px !important;}.text10{font-size:84% !important;}.text11{font-size:92% !important;}.text12{font-size:100% !important;}.text13{font-size:109% !important;}.text14{font-size:117% !important;}.text15{font-size:125% !important;}.text16{font-size:134% !important;}.text17{font-size:142% !important;}.text18{font-size:150% !important;}.text19{font-size:159% !important;}.text20{font-size:167% !important;}.text21{font-size:175% !important;}.text22{font-size:184% !important;}.text23{font-size:192% !important;}.text24{font-size:200% !important;}.text25{font-size:209% !important;}.text26{font-size:217% !important;}
}/*PCのみ ここまで*/

/*SPのみ*/
@media screen and (max-width: 640px){/*　画面サイズが640px以下はここを読み込む　*/
.sp_mt-10{margin-top:10px !important;}.sp_mt-15{margin-top:15px !important;}.sp_mt-20{margin-top:20px !important;}.sp_mt-25{margin-top:25px !important;}.sp_mt-30{margin-top:30px !important;}.sp_mt-35{margin-top:35px !important;}.sp_mt-40{margin-top:40px !important;}.sp_mt-45{margin-top:45px !important;}.sp_mt-50{margin-top:50px !important;}.sp_mt-55{margin-top:55px !important;}.sp_mt-60{margin-top:60px !important;}.sp_mt-65{margin-top:65px !important;}.sp_mt-70{margin-top:70px !important;}.sp_mt-75{margin-top:75px !important;}.sp_mt-80{margin-top:80px !important;}.sp_mt-85{margin-top:85px !important;}.sp_mt-90{margin-top:90px !important;}.sp_mt-95{margin-top:95px !important;}.sp_mt-100{margin-top:100px !important;}.sp_mr-10{margin-right:10px !important;}.sp_mr-15{margin-right:15px !important;}.sp_mr-20{margin-right:20px !important;}.sp_mr-25{margin-right:25px !important;}.sp_mr-30{margin-right:30px !important;}.sp_mr-35{margin-right:35px !important;}.sp_mr-40{margin-right:40px !important;}.sp_mr-45{margin-right:45px !important;}.sp_mr-50{margin-right:50px !important;}.sp_mr-55{margin-right:55px !important;}.sp_mr-60{margin-right:60px !important;}.sp_mr-65{margin-right:65px !important;}.sp_mr-70{margin-right:70px !important;}.sp_mr-75{margin-right:75px !important;}.sp_mr-80{margin-right:80px !important;}.sp_mr-85{margin-right:85px !important;}.sp_mr-90{margin-right:90px !important;}.sp_mr-95{margin-right:95px !important;}.sp_mr-100{margin-right:100px !important;}.sp_ml-10{margin-left:10px !important;}.sp_ml-15{margin-left:15px !important;}.sp_ml-20{margin-left:20px !important;}.sp_ml-25{margin-left:25px !important;}.sp_ml-30{margin-left:30px !important;}.sp_ml-35{margin-left:35px !important;}.sp_ml-40{margin-left:40px !important;}.sp_ml-45{margin-left:45px !important;}.sp_ml-50{margin-left:50px !important;}.sp_ml-55{margin-left:55px !important;}.sp_ml-60{margin-left:60px !important;}.sp_ml-65{margin-left:65px !important;}.sp_ml-70{margin-left:70px !important;}.sp_ml-75{margin-left:75px !important;}.sp_ml-80{margin-left:80px !important;}.sp_ml-85{margin-left:85px !important;}.sp_ml-90{margin-left:90px !important;}.sp_ml-95{margin-left:95px !important;}.sp_ml-100{margin-left:100px !important;}.sp_mb-10{margin-bottom:10px !important;}.sp_mb-15{margin-bottom:15px !important;}.sp_mb-20{margin-bottom:20px !important;}.sp_mb-25{margin-bottom:25px !important;}.sp_mb-30{margin-bottom:30px !important;}.sp_mb-35{margin-bottom:35px !important;}.sp_mb-40{margin-bottom:40px !important;}.sp_mb-45{margin-bottom:45px !important;}.sp_mb-50{margin-bottom:50px !important;}.sp_mb-55{margin-bottom:55px !important;}.sp_mb-60{margin-bottom:60px !important;}.sp_mb-65{margin-bottom:65px !important;}.sp_mb-70{margin-bottom:70px !important;}.sp_mb-75{margin-bottom:75px !important;}.sp_mb-80{margin-bottom:80px !important;}.sp_mb-85{margin-bottom:85px !important;}.sp_mb-90{margin-bottom:90px !important;}.sp_mb-95{margin-bottom:95px !important;}.sp_mb-100{margin-bottom:100px !important;}.sp_pt-10{padding-top:10px !important;}.sp_pt-15{padding-top:15px !important;}.sp_pt-20{padding-top:20px !important;}.sp_pt-25{padding-top:25px !important;}.sp_pt-30{padding-top:30px !important;}.sp_pt-35{padding-top:35px !important;}.sp_pt-40{padding-top:40px !important;}.sp_pt-45{padding-top:45px !important;}.sp_pt-50{padding-top:50px !important;}.sp_pt-55{padding-top:55px !important;}.sp_pt-60{padding-top:60px !important;}.sp_pt-65{padding-top:65px !important;}.sp_pt-70{padding-top:70px !important;}.sp_pt-75{padding-top:75px !important;}.sp_pt-80{padding-top:80px !important;}.sp_pt-85{padding-top:85px !important;}.sp_pt-90{padding-top:90px !important;}.sp_pt-95{padding-top:95px !important;}.sp_pt-100{padding-top:100px !important;}.sp_pr-10{padding-right:10px !important;}.sp_pr-15{padding-right:15px !important;}.sp_pr-20{padding-right:20px !important;}.sp_pr-25{padding-right:25px !important;}.sp_pr-30{padding-right:30px !important;}.sp_pr-35{padding-right:35px !important;}.sp_pr-40{padding-right:40px !important;}.sp_pr-45{padding-right:45px !important;}.sp_pr-50{padding-right:50px !important;}.sp_pr-55{padding-right:55px !important;}.sp_pr-60{padding-right:60px !important;}.sp_pr-65{padding-right:65px !important;}.sp_pr-70{padding-right:70px !important;}.sp_pr-75{padding-right:75px !important;}.sp_pr-80{padding-right:80px !important;}.sp_pr-85{padding-right:85px !important;}.sp_pr-90{padding-right:90px !important;}.sp_pr-95{padding-right:95px !important;}.sp_pr-100{padding-right:100px !important;}.sp_pl-10{padding-left:10px !important;}.sp_pl-15{padding-left:15px !important;}.sp_pl-20{padding-left:20px !important;}.sp_pl-25{padding-left:25px !important;}.sp_pl-30{padding-left:30px !important;}.sp_pl-35{padding-left:35px !important;}.sp_pl-40{padding-left:40px !important;}.sp_pl-45{padding-left:45px !important;}.sp_pl-50{padding-left:50px !important;}.sp_pl-55{padding-left:55px !important;}.sp_pl-60{padding-left:60px !important;}.sp_pl-65{padding-left:65px !important;}.sp_pl-70{padding-left:70px !important;}.sp_pl-75{padding-left:75px !important;}.sp_pl-80{padding-left:80px !important;}.sp_pl-85{padding-left:85px !important;}.sp_pl-90{padding-left:90px !important;}.sp_pl-95{padding-left:95px !important;}.sp_pl-100{padding-left:100px !important;}.sp_pb-10{padding-bottom:10px !important;}.sp_pb-15{padding-bottom:15px !important;}.sp_pb-20{padding-bottom:20px !important;}.sp_pb-25{padding-bottom:25px !important;}.sp_pb-30{padding-bottom:30px !important;}.sp_pb-35{padding-bottom:35px !important;}.sp_pb-40{padding-bottom:40px !important;}.sp_pb-45{padding-bottom:45px !important;}.sp_pb-50{padding-bottom:50px !important;}.sp_pb-55{padding-bottom:55px !important;}.sp_pb-60{padding-bottom:60px !important;}.sp_pb-65{padding-bottom:65px !important;}.sp_pb-70{padding-bottom:70px !important;}.sp_pb-75{padding-bottom:75px !important;}.sp_pb-80{padding-bottom:80px !important;}.sp_pb-85{padding-bottom:85px !important;}.sp_pb-90{padding-bottom:90px !important;}.sp_pb-95{padding-bottom:95px !important;}.sp_pb-100{padding-bottom:100px !important;}.text10{font-size:2.2vw !important;}.text11{font-size:2.4vw !important;}.text12{font-size:2.6vw !important;}.text13{font-size:2.8vw !important;}.text14{font-size:3vw !important;}.text15{font-size:3.2vw !important;}.text16{font-size:3.4vw !important;}.text17{font-size:3.6vw !important;}.text18{font-size:3.8vw !important;}.text19{font-size:4vw !important;}.text20{font-size:4.2vw !important;}.text21{font-size:4.4vw !important;}.text22{font-size:4.6vw !important;}.text23{font-size:4.8vw !important;}.text24{font-size:5vw !important;}.text25{font-size:5.2vw !important;}.text26{font-size:5.4vw !important;}
.w95{width:95%;}
.w100{width:100%;}

}/*SPのみ ここまで*/
    
/*PCSP共通*/
.mt-10{margin-top:10px !important;}.mt-15{margin-top:15px !important;}.mt-20{margin-top:20px !important;}.mt-25{margin-top:25px !important;}.mt-30{margin-top:30px !important;}.mt-35{margin-top:35px !important;}.mt-40{margin-top:40px !important;}.mt-45{margin-top:45px !important;}.mt-50{margin-top:50px !important;}.mt-55{margin-top:55px !important;}.mt-60{margin-top:60px !important;}.mt-65{margin-top:65px !important;}.mt-70{margin-top:70px !important;}.mt-75{margin-top:75px !important;}.mt-80{margin-top:80px !important;}.mt-85{margin-top:85px !important;}.mt-90{margin-top:90px !important;}.mt-95{margin-top:95px !important;}.mt-100{margin-top:100px !important;}.mr-10{margin-right:10px !important;}.mr-15{margin-right:15px !important;}.mr-20{margin-right:20px !important;}.mr-25{margin-right:25px !important;}.mr-30{margin-right:30px !important;}.mr-35{margin-right:35px !important;}.mr-40{margin-right:40px !important;}.mr-45{margin-right:45px !important;}.mr-50{margin-right:50px !important;}.mr-55{margin-right:55px !important;}.mr-60{margin-right:60px !important;}.mr-65{margin-right:65px !important;}.mr-70{margin-right:70px !important;}.mr-75{margin-right:75px !important;}.mr-80{margin-right:80px !important;}.mr-85{margin-right:85px !important;}.mr-90{margin-right:90px !important;}.mr-95{margin-right:95px !important;}.mr-100{margin-right:100px !important;}.ml-10{margin-left:10px !important;}.ml-15{margin-left:15px !important;}.ml-20{margin-left:20px !important;}.ml-25{margin-left:25px !important;}.ml-30{margin-left:30px !important;}.ml-35{margin-left:35px !important;}.ml-40{margin-left:40px !important;}.ml-45{margin-left:45px !important;}.ml-50{margin-left:50px !important;}.ml-55{margin-left:55px !important;}.ml-60{margin-left:60px !important;}.ml-65{margin-left:65px !important;}.ml-70{margin-left:70px !important;}.ml-75{margin-left:75px !important;}.ml-80{margin-left:80px !important;}.ml-85{margin-left:85px !important;}.ml-90{margin-left:90px !important;}.ml-95{margin-left:95px !important;}.ml-100{margin-left:100px !important;}.mb-10{margin-bottom:10px !important;}.mb-15{margin-bottom:15px !important;}.mb-20{margin-bottom:20px !important;}.mb-25{margin-bottom:25px !important;}.mb-30{margin-bottom:30px !important;}.mb-35{margin-bottom:35px !important;}.mb-40{margin-bottom:40px !important;}.mb-45{margin-bottom:45px !important;}.mb-50{margin-bottom:50px !important;}.mb-55{margin-bottom:55px !important;}.mb-60{margin-bottom:60px !important;}.mb-65{margin-bottom:65px !important;}.mb-70{margin-bottom:70px !important;}.mb-75{margin-bottom:75px !important;}.mb-80{margin-bottom:80px !important;}.mb-85{margin-bottom:85px !important;}.mb-90{margin-bottom:90px !important;}.mb-95{margin-bottom:95px !important;}.mb-100{margin-bottom:100px !important;}.pt-10{padding-top:10px !important;}.pt-15{padding-top:15px !important;}.pt-20{padding-top:20px !important;}.pt-25{padding-top:25px !important;}.pt-30{padding-top:30px !important;}.pt-35{padding-top:35px !important;}.pt-40{padding-top:40px !important;}.pt-45{padding-top:45px !important;}.pt-50{padding-top:50px !important;}.pt-55{padding-top:55px !important;}.pt-60{padding-top:60px !important;}.pt-65{padding-top:65px !important;}.pt-70{padding-top:70px !important;}.pt-75{padding-top:75px !important;}.pt-80{padding-top:80px !important;}.pt-85{padding-top:85px !important;}.pt-90{padding-top:90px !important;}.pt-95{padding-top:95px !important;}.pt-100{padding-top:100px !important;}.pr-10{padding-right:10px !important;}.pr-15{padding-right:15px !important;}.pr-20{padding-right:20px !important;}.pr-25{padding-right:25px !important;}.pr-30{padding-right:30px !important;}.pr-35{padding-right:35px !important;}.pr-40{padding-right:40px !important;}.pr-45{padding-right:45px !important;}.pr-50{padding-right:50px !important;}.pr-55{padding-right:55px !important;}.pr-60{padding-right:60px !important;}.pr-65{padding-right:65px !important;}.pr-70{padding-right:70px !important;}.pr-75{padding-right:75px !important;}.pr-80{padding-right:80px !important;}.pr-85{padding-right:85px !important;}.pr-90{padding-right:90px !important;}.pr-95{padding-right:95px !important;}.pr-100{padding-right:100px !important;}.pl-10{padding-left:10px !important;}.pl-15{padding-left:15px !important;}.pl-20{padding-left:20px !important;}.pl-25{padding-left:25px !important;}.pl-30{padding-left:30px !important;}.pl-35{padding-left:35px !important;}.pl-40{padding-left:40px !important;}.pl-45{padding-left:45px !important;}.pl-50{padding-left:50px !important;}.pl-55{padding-left:55px !important;}.pl-60{padding-left:60px !important;}.pl-65{padding-left:65px !important;}.pl-70{padding-left:70px !important;}.pl-75{padding-left:75px !important;}.pl-80{padding-left:80px !important;}.pl-85{padding-left:85px !important;}.pl-90{padding-left:90px !important;}.pl-95{padding-left:95px !important;}.pl-100{padding-left:100px !important;}.pb-10{padding-bottom:10px !important;}.pb-15{padding-bottom:15px !important;}.pb-20{padding-bottom:20px !important;}.pb-25{padding-bottom:25px !important;}.pb-30{padding-bottom:30px !important;}.pb-35{padding-bottom:35px !important;}.pb-40{padding-bottom:40px !important;}.pb-45{padding-bottom:45px !important;}.pb-50{padding-bottom:50px !important;}.pb-55{padding-bottom:55px !important;}.pb-60{padding-bottom:60px !important;}.pb-65{padding-bottom:65px !important;}.pb-70{padding-bottom:70px !important;}.pb-75{padding-bottom:75px !important;}.pb-80{padding-bottom:80px !important;}.pb-85{padding-bottom:85px !important;}.pb-90{padding-bottom:90px !important;}.pb-95{padding-bottom:95px !important;}.pb-100{padding-bottom:100px !important;}
    
    
.vw-10{width: 10vw !important;}
.vw-20{width: 20vw !important;}
.vw-30{width: 30vw !important;}
.vw-40{width: 40vw !important;}
.vw-50{width: 50vw !important;}
.vw-60{width: 60vw !important;}
.vw-70{width: 70vw !important;}
.vw-80{width: 80vw !important;}
.vw-90{width: 90vw !important;}
.vw-100{width: 100vw !important;}

/*PCSP共通 ここまで*/
    
/***********************************　モジュールCSS　ここまで　***********************************/