@charset "utf-8";

/* ============================================================== frame */
.c                         {background:#f9f6f3;}
.c:before, .c:after        {content:"";display:block;clear:both;height:1px;font-size:0;}

/* ============================================================== title */
.c_ttl                     {font-size:16px;line-height:36px;background:#fff;border-bottom:1px solid #cca;}
.c_ttl .blt:before         {font-family:'kumisen';display:inline-block;width:36px;height:36px;overflow:hidden;text-align:center;vertical-align:top;}
.c_ttl .blt_arw:before     {content:'\e605';}
.c_ttl .blt_fan:before     {content:'\e601';}
.c_ttl .blt_ctc:before     {content:'\e611';}
.c_ttl .blt_doc:before     {content:'\e925';}
.c_ttl .blt_about:before   {content:'\e613';}
.c_ttl .blt_howto:before   {content:'\e600';}
.c_ttl .blt_law:before     {content:'\e602';}
.c_ttl .blt_privacy:before {content:'\e619';}
.c_ttl .blt_cart:before    {content:'\e600';}

.c_ttl .blt_sldr                     {cursor:pointer;}
.c_ttl .blt_sldr:after               {display:inline-block;width:36px;height:36px;overflow:hidden;text-align:center;vertical-align:top;}
.c_ttl .blt_sldr.blt_sldr_up:after   {content:'\25BC';}
.c_ttl .blt_sldr.blt_sldr_down:after {content:'\25B2';}

.c_ttl a,
.c_ttl span                {display:inline-block;}
.c_ttl a                   {color:#333;text-decoration:none;}
.c_ttl a:hover             {color:#666;}

/* ============================================================== element */
.c .c_h1                   {font-size:24px;line-height:1.5em;text-align:center;}

.c .sldr                   {cursor:pointer;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);}
.c .sldr:after             {display:inline-block;margin-left:.5em;font-size:0.6em;vertical-align:top;margin-top:0.3em;}
.c .sldr.sldr_down:after   {content:"\25BC";}
.c .sldr.sldr_up:after     {content:"\25B2";}

/* ============================================================== studio pages */
/* ------------------------------------------------ studio index */
.fan_idx .c                      {padding-bottom:40px;}
.fan_idx .c_h1                   {padding:1em 0 0;}
.fan_idx .c .sldr:after          {vertical-align:middle;margin-top:0;}
.fi_sct                          {padding:0;position:relative;width:100%;text-align:center;}
.fi_sct li                       {list-style:none;}
.fi_note                         {padding:1em 0 1em;font-size:0.9em;}
.fi_note + .fi_note              {padding:0 0 1.5em;}
.casual .fi_note, .casual.fi_sct .grp li a,
.fan_idx .casual .c_h1           {color:#482;}
.classic .fi_note, .classic.fi_sct .grp li a,
.fan_idx .classic .c_h1          {color:#248;}
.modern .fi_note, .modern.fi_sct .grp li a,
.fan_idx .modern .c_h1           {color:#824;}
.fi_sct:after                    {content:"";display:block;clear:both;height:1px;font-size:0;}
.fi_sct .grps_arrow              {display:none;margin:0 auto;padding:0;}
.fi_sct .grps_arrow li           {opacity:0.8;color:#c9c6c3;font-size:48px;margin:0;padding:20px 0 0;cursor:pointer;}
.fi_sct .grps_arrow li:hover     {opacity:1;}
.fi_sct .grps_arw_l              {float:left;}
.fi_sct .grps_arw_r              {float:right;}
.fi_sct .grps                    {}
.fi_sct .grps .wrap_o            {width:294px;margin:0 auto;padding:0;overflow:hidden;}
.fi_sct .grps .wrap:after        {content:"";display:block;clear:both;height:1px;font-size:0;}
.fi_sct .grps .grp               {float:left;width:294px;text-align:center;}
.fi_sct .grps_pager              {clear:both;text-align:center;padding:0 0 10px 0;}
.fi_sct .swiper-pagination-switch {display:inline-block;width:10px;height:10px;border-radius:100%;background:#999;box-shadow: 0px 1px 2px #555 inset;margin:0 5px;cursor:pointer;}
.fi_sct .swiper-pagination-switch.swiper-active-switch {background:#d60;}
.fi_sct .grp ul                  {display:inline;margin:0;padding:0;}
.fi_sct .grp h2,
.fi_sct .grp li                  {display:inline-block;vertical-align:top;padding:0;margin:0 4px 12px;}
.fi_sct .grp h2                  {width:90px;height:90px;}
.fi_sct .grp h2 a                {width:90px;height:90px;color:#fff;text-decoration:none;display:block;overflow:hidden;border-radius:50%;text-align:center;}
.casual.fi_sct .grp h2 a         {background:#482;}
.classic.fi_sct .grp h2 a        {background:#248;}
.modern.fi_sct .grp h2 a         {background:#824;}
.fi_sct .grp h2 span             {display:block;width:90px;height:45px;}
.fi_sct .grp h2 span:first-child {font-size:12px;line-height:60px;}
.fi_sct .grp h2 span:last-child  {font-size:24px;line-height:30px;}
.fi_sct .grp li a                {width:90px;height:90px;display:block;text-align:center;cursor:pointer;text-decoration:none;overflow:hidden;}
.fi_sct .grp li span             {display:block;overflow:hidden;}
.fi_sct .grp li span:first-child {width:90px;height:90px;overflow:hidden;border-radius:50%;}
.fi_sct .grp li span:last-child  {padding-top:0.5em;}

.fi_lnks                         {margin:30px 0 0;text-align:center;}
.fi_lnk                          {display:inline-block;margin:0 0.5em 1em;display:block;margin:0 auto 2em;width:140px;}
.fi_lnk a                        {background:#333;color:#fff;text-decoration:none;display:block;font-size:16px;height:140px;line-height:140px;text-align:center;border-radius:70px;overflow:hidden;white-space:nowrap;
                                 -moz-box-sizing: border-box;-webkit-box-sizing:border-box;box-sizing:border-box;}
.fi_lnk a:hover                  {opacity:0.8;}
.fi_lnk.fi_lnk_ready a           {background:#389;}

.fi_lnkls                        {margin:0 0 1em;padding:0;list-style:none;text-align:center;}
.fi_lnkls li                     {margin:0;padding:0;display:inline-block;margin:0 1em;}

/* ------------------------------------------------ studio index all */
.fan_idx_all .c                  {padding-bottom:20px;}

.fia_hdr ul                      {padding:16px 0 0 0;text-align:center;}
.fia_hdr li                      {display:inline-block;margin:0 2px 4px;width:30px;height:30px;border-radius:50%;cursor:pointer;text-align:center;line-height:30px;font-size:12px;vertical-align:top;}
.fia_hdr li.bk                   {background:#454145;}
.fia_hdr li.rd                   {background:#D20037;}
.fia_hdr li.bl                   {background:#00518E;}
.fia_hdr li.gr                   {background:#008236;}
.fia_hdr li.br                   {background:#B96000;}
.fia_hdr li.yl                   {background:#FED949;}
.fia_hdr li.pk                   {background:#F4B1C2;}
.fia_hdr li.kh                   {background:#E5CB99;}
.fia_hdr li.ab                   {background:#98D4E2;}
.fia_hdr li.mg                   {background:#91CDA7;}
.fia_hdr li.kn                   {background:#0E487E;}
.fia_hdr li.az                   {background:#9E5765;}
.fia_hdr li.hc                   {background:#B5CA88;}
.fia_hdr li.pp                   {background:#D6AFD1;}
.fia_hdr li.pkc                  {background:#F5B1AA;}
.fia_hdr li.all                  {background:transparent;width:28px;height:28px;border:1px solid #ccc;}

.fia_sct ul                      {margin:0;padding:16px 0 0 0;text-align:center;}
.fia_sct li                      {list-style:none;margin:0 4px 8px;padding:0;display:inline-block;}
.fia_sct li a                    {display:block;overflow:hidden;border-radius:50%;}
.fia_sct li a img                {vertical-align:top;}
.fia_sct ul:after                {content:"";display:block;clear:both;height:1px;font-size:0;}

.fan_idx_all .msg                {position:fixed;top:0;left:0;z-index:99992;width:100%;height:100%;font-size:14px;display:none;}
.fan_idx_all .msg_bg             {position:absolute;z-index:10;background:rgba(0,0,0,.8);width:100%;height:100%;}
.fan_idx_all .msg_box            {position:relative;z-index:20;width:auto;margin:0 auto;padding:20px 0 30px;background:#fff;color:#333;display:none;}
.fan_idx_all .msg_box dl,
.fan_idx_all .msg_box dt,
.fan_idx_all .msg_box dd         {margin:0;padding:0;text-align:center;}
.fan_idx_all .msg_box dd         {margin-bottom:20px;}
.fan_idx_all .msg_fan dd         {display:inline-block;width:300px;height:200px;}
.fan_idx_all .msg_btn dd         {display:inline-block;margin:0 20px;}
.fan_idx_all .msg_btn dd span,
.fan_idx_all .msg_btn dd a       {color:#333;display:block;font-size:12px;line-height:12px;cursor:pointer;text-decoration:none;}
.fan_idx_all .msg_btn dd span:before,
.fan_idx_all .msg_btn dd a:before{color:#fff;font-family:'kumisen';display:block;margin:0 auto 10px;padding:0;text-align:center;width:56px;height:56px;line-height:56px;font-size:24px;overflow:hidden;text-align:center;vertical-align:top;border-radius:50%;}
.fan_idx_all .msg_btn .msg_close span:before {content:'\e614';background:#999;}
.fan_idx_all .msg_btn .msg_ord a:before      {content:'\e601';background:#E7A01F;}

/* ============================================================== document pages */
.doc                         {}
.doc .c_h1                   {font-size:20px;color:#fff;background:#E7A01F;padding:1em 0;}
.doc .c_h1:before            {font-family:'kumisen';display:inline-block;margin-right:0.5em;}
.doc_about .c_h1:before      {content:'\e613';}
.doc_howto .c_h1:before      {content:'\e600';}
.doc_law .c_h1:before        {content:'\e602';}
.doc_privacy .c_h1:before    {content:'\e619';}

.doc_nv                      {}
.doc_nv ul                   {list-style:none;text-align:center;margin:0;padding:20px 0 0;}
.doc_nv li                   {display:inline-block;margin:0 0 20px;padding:0;width:120px;vertical-align:top;}
.doc_nv li a                 {display:block;text-decoration:none;line-height:1.4;font-size:12px;color:#333;}
.doc_nv li a:before          {background:#E7A01F;color:#fff;font-family:'kumisen';display:block;margin:0 auto 10px;padding:0;text-align:center;width:80px;height:80px;line-height:80px;font-size:36px;overflow:hidden;text-align:center;vertical-align:top;border-radius:50%;}
.doc_nv .about a:before      {content:'\e613';font-size:30px;}
.doc_nv .howto a:before      {content:'\e600';}
.doc_nv .law a:before        {content:'\e602';}
.doc_nv .privacy a:before    {content:'\e619';}
.doc_hdr                     {background:#000;display:none;}
.doc_hdr.doc_nv ul           {padding:10px 0 0;}
.doc_hdr.doc_nv li           {margin:0 0 5px;width:60px;}
.doc_hdr.doc_nv li a         {color:#fff;}
.doc_hdr.doc_nv li a span    {display:none;}
.doc_hdr.doc_nv li a:before  {margin:0 auto 5px;width:40px;height:40px;line-height:40px;font-size:24px;}

.doc_container               {padding:30px 20px 10px;margin:0 auto;max-width:1000px;overflow:hidden;}

.doc_sct                     {margin-bottom:2em;}
.doc_sct h1                  {line-height:1.5;font-size:1.2em;margin-bottom:0.5em;text-align:center;}
.doc_sct p                   {color:#666;line-height:1.5;margin:0 0 0.8em 0;word-wrap:break-word;}

.doc_blk                     {background:#fff;border:1px solid #bbb;padding-top:0.8em;overflow:hidden;border-radius:0.5em;}
.doc_blk h2                  {color:#fff;background:#bbb;line-height:1.5;font-size:1em;font-weight:normal;padding:0.5em;text-align:center;}
.doc_blk img                 {max-width:100%;}
.doc_blk>ul,
.doc_blk>dl,
.doc_blk>p                   {padding:0 0.8em;}
.doc_blk ul,
.doc_blk dl                  {margin:0 0 0.8em 0;}
.doc_blk dt                  {color:#357;margin:0;padding:0;}
.doc_blk dt:before           {content:"◆";display:inline-block;margin-right:0.5em;}
.doc_blk dd                  {color:#666;margin:0;padding:0;}
.doc_blk .dl1 dt             {width:7em;line-height:1.5;}
.doc_blk .dl1 dd             {margin:-1.5em 0 0 8em;}
.doc_blk .dl2 dt             {line-height:1.5;margin-bottom:0.2em;text-align:center;text-align:left;}
/*
.doc_blk .dl2 dt:after       {content:"◆";display:inline-block;margin-left:0.5em;}
*/
.doc_blk .dl2 dd             {margin-bottom:1em;}
.doc_blk .dv1                {border:2px solid #ccc;position:relative;margin-right:auto;width:auto;padding:0.8em 0.8em 0;}
.doc_blk .dv1 span           {display:inline-block;margin-right:1em;}
.doc_blk .img                {text-align:center;margin:0 auto 0.5em;}

/* ------------------------------------------------ howto */
.howto_return .doc_blk,
.howto_payment .doc_blk,
.howto_order .doc_blk        {padding-top:0;}
.howto_return .doc_blk h2,
.howto_payment .doc_blk h2,
.howto_order .doc_blk h2     {margin-bottom:1em;}
.howto_ordarw                {color:#0F91F0;color:#bbb;text-align:center;font-size:36px;height:1.5em;line-height:1.5em;}
.howto_ordarw:before         {content:'\e603';font-family:'kumisen';}
.howto_ordbtn                {text-align:center;padding:.5em 0;}
.howto_ordbtn li             {display:inline-block;color:#fff;background:#6FC4D2;font-size:0.8em;text-align:center;border-radius:0.4em;width:56px;padding-bottom:0.8em;margin:0 2px 4px;}
.howto_ordbtn li:before      {font-size:30px;line-height:36px;font-family:'kumisen';height:30px;display:block;text-align:center;margin-bottom:0.2em;}
.howto_ordbtn .front:before  {content:'\e60b';}
.howto_ordbtn .back:before   {content:'\e60a';}
.howto_ordbtn .bone:before   {content:'\e60d';}
.howto_ordbtn .kaname:before {content:'\e606';}
.howto_ordbtn .spec:before   {content:'\e610';}
.howto_ordbtn .cart          {background:#E7A01F;}
.howto_ordbtn .cart:before   {content:'\e600';}
.howto_order .img            {text-align:center;}

/* ------------------------------------------------ about */
.about_img .doc_blk          {padding-top:0;}
.about_img .doc_blk .img     {background:#efefef;padding:1em;background-size:100% auto;background-position:0 50%;}
.about_img .doc_blk .img img {opacity:0.9;}
.about_ordermade .doc_blk .img   {background-image:url("./img/doc/bg1.jpg");}
.about_japan .doc_blk .img       {background-image:url("./img/doc/bg2.jpg");}

.about_handling p            {margin-bottom:2em;}
.about_handling span         {display:block;}
.about_handling .img img     {width:70%;max-width:240px;}

.about_photo                 {margin:0;padding:0;border:0 none;background:transparent;border-radius:0;}
.about_photo ul              {text-align:center;list-style:none;padding:0;}
.about_photo li              {display:inline-block;padding:0;vertical-align:top;}
.about_photo li a:hover      {opacity:0.8;}
.about_photo li img          {vertical-align:top;width:100%;}

.photo_detail                {position:fixed;z-index:99999;top:0;width:100%;height:100%;background:rgba(0,0,0,0.8);cursor:pointer;text-align:center;display:none;}
.photo_detail img            {max-width:100%;position:relative;top:50%;-webkit-transform:translateY(-50%);-ms-transform:translateY(-50%);transform:translateY(-50%);}

/* ============================================================== media query */
@media screen and (min-width: 640px){

	.c .sldr                 {cursor:default;}
	.c .sldr:after           {content:"";}

	.fi_sct .grps .grp,
	.fi_sct .grps .wrap_o            {width:588px;}
	.fi_sct .grp a:hover             {opacity:.8;}
	.fi_lnks                         {margin:70px 0 10px;}
	.fi_lnk                          {margin:0 1em 1em;margin:0 auto 3em;}
	.fia_sct ul                      {padding:20px;}
	.fan_idx_all .msg_box            {width:560px;}
	.fan_idx_all .msg_fan dd         {width:480px;height:360px;}
	.fan_idx_all .msg_btn dd span,
	.fan_idx_all .msg_btn dd a       {}
	.fan_idx_all .msg_btn dd span:before,
	.fan_idx_all .msg_btn dd a:before{width:72px;height:72px;font-size:30px;line-height:72px;}

	.doc_nv ul               {padding:60px 0 40px;}

	.about_handling                   {text-align:center;}
	.about_handling:after             {content:"";display:block;clear:both;height:1px;font-size:0;}
	.about_handling p                 {display:inline-block;width:32%;margin:0 0 2em;padding:0;vertical-align:top;}
	.about_handling p span            {margin:0 1em;}

	.howto_order img             {max-width:320px;}
}
@media screen and (min-width: 840px){
	.fi_sct .grps_arrow      {display:block;width:680px;}
}
@media screen and (min-width: 1000px){
	.c .c_h1                 {font-size:32px;}

	.fan_idx .c_h1           {padding:1.2em 0 0;}
	.fi_sct .grps_arrow      {width:800px;}
	.fi_sct .grps .grp,
	.fi_sct .grps .wrap_o    {width:708px;}
	.fi_sct .grp h2,
	.fi_sct .grp li          {margin:0 14px 22px;}

	.doc_index .doc_nv li               {margin:0 20px 40px;padding:0;width:180px;vertical-align:top;}
	.doc_index .doc_nv li a             {background:#E7A01F;font-size:16px;padding:0;height:180px;border-radius:50%;}
	.doc_index .doc_nv li a:before      {background:transparent;color:#fff;margin:0 auto;padding-top:25px;width:80px;height:80px;line-height:80px;font-size:56px;}
	.doc_index .doc_nv li a span        {color:#fff;}
	.doc_index .doc_nv .about a:before  {font-size:48px;}
	.doc_index .doc_nv li a:hover       {background:#E6B54F;}

/*
	.doc_hdr.doc_nv ul       {padding:20px 0 15px;}
	.doc_hdr.doc_nv li       {margin:0 10px 5px;width:60px;}
	.doc_hdr.doc_nv li a     {color:#fff;height:60px;}
	.doc_hdr.doc_nv li a:before      {padding-top:10px;width:40px;height:40px;line-height:40px;font-size:30px;}
	.doc_hdr.doc_nv .about a:before  {font-size:24px;}
*/

	.doc .c_h1                   {color:#E7A01F;background:transparent;}
	.doc_container               {padding:0 20px 10px;}
	.doc_sct                     {margin-bottom:3em;}
	.doc_sct h1                  {margin-bottom:1em;}
	.doc_sct p                   {margin:0 0 1em;}
	.doc_blk                     {padding-top:1em;}
	.doc_blk>ul,
	.doc_blk>dl,
	.doc_blk>p                   {padding:0 2em;}
	.doc_blk ul,
	.doc_blk dl                  {margin:0 0 1em 0;}
	.doc_blk .dv1                {padding:0.8em 2em 0;text-align:center;}
	.doc_blk .dl2 dd             {margin-bottom:1em;margin-left:1.5em;text-align:left;}
	.doc_inf                     {background:#fff;padding:1em 2em 0;border:1px solid #ccc;border-radius:0.5em;}
	.doc_blk .img                {margin:1em auto;}

	.about_img .doc_blk                  {padding-top:0;}
	.about_img .doc_blk .img             {margin-top:0;}
	.about_handling p                    {padding:0;}
	.about_photo                         {padding:0;}
	.about_photo ul                      {padding:0;}

	.howto_order img                     {max-width:100%;}
	.howto_order .doc_wrp                {text-align:center;}
	.howto_order .doc_blk                {display:inline-block;width:26%;vertical-align:top;text-align:left;}
	.howto_order .doc_blk:first-child    {width:37%;}
	.howto_order .doc_blk:last-child     {width:20%;}
	.howto_order .doc_blk p              {font-size:14px;}
	.howto_ordarw                        {display:inline-block;line-height:1.2em;padding-right:0;width:8%;}
	.howto_ordarw:before                 {content:'\e605';}

}

/* ============================================================== for print */
@media print {

}