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

/*about*/
#about_main {background:url(../img/about_bg.jpg) no-repeat center center;background-size:cover;padding:110px 0;}
#about_main .inner{max-width:1366px;padding: 10% 4.75% 0;}
#about_main .lede {width:35%;margin-bottom:120px;}
#about_main .red {background:#e0122a;padding:13.5% 8.5%;}
#about_main .red .image {width:230px;}
#about .inner{max-width:1366px;padding: 0.5% 4.75% 0;display: -webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction: column;flex-direction:column;}
#about .ColFx {min-height:0%;}
#about .flex{display: -webkit-flex;display:-ms-flexbox;display:flex;-webkit-justify-content: space-between;-ms-flex-pack:justify;justify-content:space-between;}
#about .under{display: -webkit-flex;display:-ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack:justify;justify-content:space-between;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;margin-bottom:10px;}
#about .image {margin-bottom:25px;}
#about_main .text,#about .text {color:#fff;}
#about .sortie {width:calc(50% - 5px);font-size:1em;line-height:1.8em;}
#about .blue,
#about .green {padding:0 1.95em;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:justify;justify-content:center;}
#about .blue {background:#014da1;width:49%;}
#about .green {background:#23ac3a;width:49%;}
#about_main .text h2,#about .text h2 {font-size:1.7em;line-height:1.5em;font-weight:bold;margin-bottom:8%;letter-spacing:0.1em;}
#about_main .text h3,#about .text h3 {font-size:1.4em;line-height:1.5em;font-weight:bold;margin-bottom:10%;letter-spacing:0.1em;}
#about img {display:block;width:100%;}
#about .sortie .image {margin-bottom:10px;}
#about .sortie .table > div {vertical-align:top;}
#about .sortie .sub_image {width:49%;}
#about .sortie .sub_image img:nth-child(2) {margin-top:10px;}
#about .blue p,#about .green p {line-height:1.7em;}
.base {display:none !important;}

/*world*/
#world {background:url(../../img/tomicaworld_top_pc_75.jpg) no-repeat right center;background-size:55% auto;background-position:90% 32%;padding:90px 0 100px;}
#world .inner {padding:0 4.75%;}
#world .text {width:600px;}
#world .text h2 {font-size:1.9em;line-height:1.8em;font-weight:bold;margin-bottom:30px;letter-spacing:0.1em;}
#world .text p {font-size:1em;}
#world .worldlogo {display:block;margin:7% auto 0;}
/*movie*/
#movie {background:url(../../img/movie_bg.jpg) no-repeat center center;background-size:cover;}
#movie .inner {padding:100px 0!important;}
#movie h2 {color:#fff;font-size:2.62em;line-height:42px;font-weight:bold;margin:0 auto 80px;text-align:center;}
#movie h2:before {content:"";display:inline-block;width:58px;height:42px;background:url(../../img/movie_icon.png) no-repeat left center;background-size:100% auto;margin-right:20px;position:relative;top:2px;}
#movie .movie {width:64.5%;border:solid 10px #fff;background:#ccc;margin:0 auto;position:relative;z-index:1;}
#movie .movie h3 {color:#fff;background:#e0122a;padding:4%;font-size:1.4em;font-weight:bold;}

.video {position:relative;width:100%;padding-top:56.25%;}
.video iframe{position:absolute;top:0;right:0;width:100%;height:100%;}

#movie .character {width:25em;height:20em;left:10%;top:35%;background:url(../../img/movie_character.png) no-repeat left top;background-size:100% auto;position:absolute;transform:translateY(-100%);}

#item {background:url(../../img/item_bg.jpg) no-repeat center center;background-size:cover;margin-bottom:0 !important;}
/*#item .inner {padding:13% 23.25% 25% 11.5%;}*/
#item .product {padding:10% 23.25% 25% 11.5%;}
#item .Flex {border:solid 10px #fff;width:100%;display:-webkit-flex;display:-ms-flexbox;display:flex;}
#item .character {width:24%;height:50%;background:url(../../img/item_character.png) no-repeat left top;background-size:100% auto;position:absolute;right:10%;top:27.25%;}
#item .Flex:hover {opacity:0.7;cursor:pointer;}
#item .text {width:36.12%;background:#e0122a;color:#fff;text-align:center;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;flex-direction:column;-webkit-justify-content:center;-ms-flex-pack:justify;justify-content:center;padding: 0 4.5%;}
#item .text h2 {font-size:1.9em;font-weight:bold;letter-spacing:0.2em;}
#item .text ul {display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-direction:column;flex-direction:column;align-items:center;}
#item .text ul {margin-top:10%;}
#item .text li:last-child {margin-top:10%;}
#item .text li {line-height:1.6em;font-size:16px;}
#item .text li:first-child {width:80%;border-top:solid 2px #fff;border-bottom:solid 2px #fff;line-height:2em;}
#item .Flex .image {width:63.88%;}
#item .characters {width:calc(100% + 20px);position:absolute;left:50%;transform:translateX(-50%);bottom:0;}
#item .characters img {margin:0 auto;}

/*.btn {display:block;width:200px;padding:15px 0;background:#fff;margin:0 auto;}*/
/*.btn:after {content:url(../../img/arrow.png);margin-left:10px;position:relative;top:2px;}*/

@media screen and (max-width:1360px){
#about .sortie {width:calc(50% - 5px);font-size:0.95em;line-height:1.8em;}
#item .text h2 {font-size:2.5vw;font-weight:bold;letter-spacing:0.2em;}
#item .text li {line-height:1.6em;font-size:1.3vw;}
/*#item .text li:first-child {line-height:4vw;}*/
	
#movie .character {width:32vw;height:20vw;left:6.75%;top:32%;}
}

@media screen and (max-width:1140px){
#about .blue,#about .green {padding:0 20px;}
#about .text h3 {font-size: 18px;}
#about .blue p,#about .green p {font-size:0.9em;line-height:1.6em;}
#world {background-position:90% 10%;}
#item .text h2 {font-size:1.7em;}
#item .text li:first-child {font-size:1em;line-height:2em;}
#item .text li:last-child {font-size:0.9em;}	
}
@media screen and (max-width:1024px){
#movie .character {width:343px;height:220px;background:url(../../img/movie_character.png) no-repeat left top;background-size:100% auto;position:absolute;left:4%;top:264px;transform:translateY(-100%);}
}
@media screen and (max-width:640px){
#about_main {background:url(../../img/about_bg_sp.jpg) no-repeat left top;background-size:100% auto;padding:110px 0 0;}
#about_main .inner {padding:25% 4.75% 0;}
#about_main .lede {width:100%;margin-bottom:0;}
#about_main .lede p {font-size:1.4em;line-height:1.6em;}
#about_main .text,#about .text {padding:2.7em 2em;}
#about_main .text h2,#about .text h2 {font-size:2em;line-height:1.4em;margin-bottom:20px;}
#about_main .text h3,#about .text h3 {font-size:1.8em;line-height:1.4em;margin-bottom:20px;}
#about_main .red {margin-bottom:10px;}
#about_main .red .image {width:160px;margin:0 auto 10px;}
#about {padding-top:0;}
#about img {width:100%;}
#about .sortie {font-size:1em;}
#about_image {margin-bottom:0;}
#about_image .sortie:nth-child(1),
#about_image .sortie:nth-child(2) {width:100%;float:none;}
#about_image .sortie:nth-child(1) {margin-bottom:10px;}
#about .blue, #about .green {padding:2.7em 2em;}	
#about .text {text-align:left;}
#about .flex > .sub_image {display:block;}	
#about .inner {padding:0 4.75%;}
#about .under {flex-direction:column;margin-bottom:0;}
#about .ColFx {min-height:0%;}
#about .sortie {width:100%;min-height:0%;margin-bottom:10px;}
#about .sortie img {width:100%;margin-bottom:0;}
#about .flex {flex-direction:column;}
#about .sortie .sub_image {width:100%;display:-webkit-flex;display:-ms-flexbox;display: flex;-webkit-justify-content: space-between;-ms-flex-pack:justify;justify-content:space-between;}
#about .sub_image img {width:49.25%;height:49.25%;min-height:100%;}
#about .sortie .sub_image img:nth-child(2){margin-top:0;}
#about .sortie .green p,#about .sortie .blue p{font-size: 1.3em;line-height: 1.6em;}	
#about .blue,#about .green {width:auto;margin-bottom:10px;}
#about .sub_image {position:relative;overflow:hidden;}
.base {display:block !important;}
.trim {position: relative;width: 100%;padding-top:60vw;overflow:hidden;margin: 0 auto;}
#about .face {width:100% !important;height:auto !important;top:50%;left:50%;-webkit-transform:translate(-50%, -45%);-ms-transform:translate(-50%,-45%);transform:translate(-50%,-45%);position:absolute;max-width:150%;max-height:200%;}

#world {background:none;padding:8% 0 8%;}
#world .inner {display:block;padding:0;}
#world .inner .text p{font-size:1.4em;line-height:1.4em;}
#world .worldlogo {margin: 7% auto 8%;padding:0 4.75%;}
#world .text {width:100%;padding:0 4.75%;}
#world .text > div {margin-bottom:5%;}
#world .text h2 {font-size:2.4em;line-height:1.4em;margin-bottom:25px;}

#item .product {padding:0;}
#wrap #item {margin-bottom:0;}
#item .inner {display:block;padding:15% 4.75% 75%;}	
#item .Flex{-webkit-flex-direction:column;flex-direction:column;}
#item .Flex .image {width:100%;order:1;min-height:0%;}
#item .text {width:100%;order:2;padding:3.5em 3em 4em;}
#item .text h2 {font-size:5vw;}
#item .text ul, #item .text li:last-child {margin-top:4vw;}
#item .text li:first-child {width:60%;font-size:4vw;/*line-height:10vw;*/}
#item .text li:last-child {font-size:3vw;}	
#item .character {width:65%;height:35%;background:url(../../img/item_character.png) no-repeat center center;background-size:auto auto;background-size:100% auto;right:5%;top:52%;bottom:23%;}	

#movie .inner {padding:7.9% 1.7% 20%;}
#movie h2 {margin:1% auto 10%;font-size:5.5vw;line-height:21px;}
#movie h2:before {width:7vw;height:5vw;top:12%;}
#movie .movie {width:calc(100% - 40px);z-index:0;}
#movie .movie h3 {padding:5%;}
#movie .character {width:65vw;height:33vw;background:url(../../img/movie_character_sp.png) no-repeat center center;background-size:auto auto;background-size:100% auto;left:inherit;right:5%;top:66%;bottom:3%;transform:translateY(0);}

.btn {font-weight:bold;}
.world_box .entry_title h2 {font-size:2.2em;}
}

@media screen and (max-width:480px){

#item .text {padding:2em 3em 3em;}
}