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


/*
ボタン色（薄い緑）#78c4b4
テキスト色（ピンク）#e50277
テキスト色（黒）#111111（仮）
リンクテキスト色（水）#00b7ee
*/


/* ブレイクポイント設定値
@media (max-width: 575px) {}
@media (min-width: 576px) {}
@media (min-width: 768px) {}
@media (min-width: 920px) {}
@media (min-width: 1220px) {}
*/


@media (max-width: 575px) {
* {
}
}
@media (min-width: 576px) {
* {
}
}
@media (min-width: 768px) {
* {
}
}
@media (min-width: 920px) {
* {
}
}
@media (min-width: 1220px) {
* {
}
}

/* 基本スタイル ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
margin: 0;
padding: 0;
border: 0;
font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;
}
.clearfix {
overflow: hidden;
}
.clearfix:after {
content: "";
clear: both;
display: block;
}
img {
vertical-align: bottom;
}
a img {
border: none;
}
ol, ul {
list-style: none;
}
a {
color: #00b7ee;
}
.alnR {
text-align: right !important;
}
.alnC {
text-align: center !important;
}
.alnL {
text-align: left !important;
}



.fltL {
	float: left;
	width: 48%;
}
.fltR {
	float: right;
	width: 48%;
}
@media (max-width: 575px) {
.fltL {
	float: inherit;
	width: 100%;
}
.fltR {
	float: inherit;
	width: 100%;
	margin-top: 5%;
}
}


@media (max-width: 767px) {
.fltL.max767 {
	float: inherit;
	width: 100%;
}
.fltR.max767 {
	float: inherit;
	width: 100%;
	margin-top: 5%;
}
}





.mgt0 {
margin-top: 0 !important;
}
.mgt5 {
margin-top: 5px !important;
}
.mgt10 {
margin-top: 10px !important;
}
.mgt15 {
margin-top: 15px !important;
}
.mgt20 {
margin-top: 20px !important;
}
.mgt30 {
margin-top: 30px !important;
}
.mgt40 {
margin-top: 40px !important;
}
.mgt50 {
margin-top: 50px !important;
}
.mgt75 {
margin-top: 75px !important;
}
.mgt100 {
margin-top: 100px !important;
}
.mgt200 {
margin-top: 200px !important;
}


.mgt_1 {
margin-top: 1% !important;
}
.mgt_2 {
margin-top: 2% !important;
}
.mgt_3 {
margin-top: 3% !important;
}
.mgt_5 {
margin-top: 5% !important;
}
.mgt_10 {
margin-top: 10% !important;
}


.mgb0 {
margin-bottom: 0 !important;
}
.mgb5 {
margin-bottom: 5px !important;
}
.mgb10 {
margin-bottom: 10px !important;
}
.mgb15 {
margin-bottom: 15px !important;
}
.mgb20 {
margin-bottom: 20px !important;
}
.mgb30 {
margin-bottom: 30px !important;
}
.mgb40 {
margin-bottom: 40px !important;
}
.mgb50 {
margin-bottom: 50px !important;
}
.mgb75 {
margin-bottom: 75px !important;
}
.mgb100 {
margin-bottom: 100px !important;
}
.mgb200 {
margin-bottom: 200px !important;
}


.mgb_1 {
margin-bottom: 1% !important;
}
.mgb_2 {
margin-bottom: 2% !important;
}
.mgb_3 {
margin-bottom: 3% !important;
}
.mgb_5 {
margin-bottom: 5% !important;
}
.mgb_10 {
margin-bottom: 10% !important;
}




.clr_pink {
	color: #e50277 !important;
}


.red {
    color: #FF0000;
}


p.btn {
margin: 3% auto 0;
padding: 3% 0;
width: 90%;
font-size: 1em;
color: #fff;
background-color: #78c4b4;
border-radius: 10px/10px;
text-align: center;
}
p.btn a {
display: block;
color: #fff;
text-decoration: none;
}
p.bnr {
margin: 3% auto 0;
text-align: center;
}
p.bnr img {
width: 100%;
}
.fuchidori {
text-shadow:
3px 3px 0 #FFF, -3px -3px 0 #FFF,
-3px 3px 0 #FFF, 3px -3px 0 #FFF,
0px 3px 0 #FFF,  0 -3px 0 #FFF,
-3px 0 0 #FFF, 3px 0 0 #FFF;
}

img.img_border {
    border: 1px solid #dddddd;
    box-sizing:  border-box;
}


/* ページレイアウト ▼▼▼========================================================== */

nav {
/*margin-top: 15px;*/
}
.pagebody-outer {
width: 100%;
}
.pagebody {
margin: 0 auto;
}
/* ページレイアウト ▲▲▲========================================================== */


/* ヘッダー ▼▼▼========================================================== */

/* PC用 */

header {
display: none;
}
header ul {
}
header ul:after {
content: "";
clear: both;
display: block;
}
header ul li {
float: left;
}
header ul li.item01 {
width: 870px;
}
header ul li.item02 {
width: 214px;
margin: 40px 0 0 31px;
}
header ul li.item03 {
width: 75px;
margin: 40px 0 0 10px;
}
header ul li img {
width: 100%;
}
/* タブレット・スマホ用 */

#nav-sp {
}
#nav-sp:after {
content: "";
clear: both;
display: block;
}
#logo-sp {
width: 70%;
float: left;
}
#logo-sp img {
width: 100%;
}
#nav-drawer {
float: right;
margin-right: 5%;
}
@media (max-width: 575px) {
#logo-sp {
width: 75%;
}
#nav-open {
width: 60px;
height: 60px;
}
#nav-drawer {
margin-right: 13%;
}
}
@media (min-width: 576px) {
#logo-sp {
width: 75%;
}
#nav-open {
width: 100px;
height: 100px;
}
#nav-drawer {
margin-right: 13%;
}
}
@media (min-width: 768px) {
#logo-sp {
width: 500px;
}
#nav-open {
width: 140px;
height: 140px;
}
#nav-drawer {
margin-right: 13%;
}
}
@media (min-width: 920px) {
#nav-sp {
display: none;
}
}
@media (min-width: 1220px) {
#nav-sp {
display: none;
}
}
/* ヘッダー ▲▲▲========================================================== */

/* ハンバーガーメニュー ▼▼▼========================================================== */

#nav-drawer {
position: relative;
width: 3.5%;/*background-color: #CCC;*/
}
/*チェックボックス等は非表示に*/
.nav-unshown {
display:none;
}
/*アイコンのスペース*/
#nav-open {
display: block;
/*width: 60px;
height: 60px;*/
vertical-align: middle;
cursor: pointer;
background: url(../img/lp/menu.jpg);
background-size: cover;
}
/*閉じる用の薄黒カバー*/
#nav-close {
display: none;/*はじめは隠しておく*/
position: fixed;
z-index: 99;
top: 0;/*全体に広がるように*/
left: 0;
width: 100%;
height: 100%;
background: black;
opacity: 0;
transition: .3s ease-in-out;
}
/*中身*/
#nav-content {
overflow: auto;
position: fixed;
top: 0;
left: 0;
z-index: 9999;/*最前面に*/
width: 90%;/*右側に隙間を作る（閉じるカバーを表示）*/
max-width: 330px;/*最大幅（調整してください）*/
height: 100%;
background: #fff;/*背景色*/
transition: .3s ease-in-out;/*滑らかに表示*/
-webkit-transform: translateX(-105%);
transform: translateX(-105%);/*左に隠しておく*/
}

/*チェックが入ったらもろもろ表示*/
#nav-input:checked ~ #nav-close {
display: block;/*カバーを表示*/
opacity: .5;
}
#nav-input:checked ~ #nav-content {
-webkit-transform: translateX(0%);
transform: translateX(0%);/*中身を表示（右へスライド）*/
box-shadow: 6px 0 25px rgba(0, 0, 0, .15);
}
/* ハンバーガーメニュー ▲▲▲========================================================== */

/* PC用メニュー ▼▼▼========================================================== */

#nav-bar {
display: none;
}
#nav-content-pc ul {
}
#nav-content-pc ul:after {
content: "";
clear: both;
display: block;
}
#nav-content-pc ul li {
float: left;
width: 232px;
background-color: #78c4b4;
color: #fff;
text-align: center;
margin: 0 10px 0 0;
padding: 6px 0;
border-radius: 5px/5px;
}
#nav-content-pc ul li:last-child {
margin-right: 0;
}
#nav-content-pc ul li a {
display: block;
text-decoration: none;
color: #fff;
font-size: 1.5em;
}


/* 取り扱い商品（サブメニュー） */
#nav-content-pc {
	position: relative;
}



@media (min-width: 920px) {
#menu_pdt_pc {
	position: absolute;
	top: 40px;
	left: 80px;
	width: 740px;
	background-color: #eefbf8;
}
}
@media (min-width: 1220px) {
#menu_pdt_pc {
	position: absolute;
	top: 50px;
	left: 90px;
	width: 980px;
	background-color: #eefbf8;
}
}



#menu_pdt_pc ul {
overflow: hidden;
}
#menu_pdt_pc ul:after {
content: "";
clear: both;
display: block;
}

#menu_pdt_pc li {
	font-size: 0.6em;
	background-color: #fefefe !important;
	margin: 5px !important;
	border: 1px dotted #7eccbc;
}

#menu_pdt_pc li a {
	color: #56ab99 !important;
}

	




/* PC用メニュー ▲▲▲========================================================== */

/* SP用メニュー ▼▼▼========================================================== */

#nav-content {
	background-color: #fefefe;
}

#nav-content h2 {
	background-color: #67bfad;
	color: #fff;
	padding: 10px 0 10px 20px;
}

#nav-content li {
	background-color: #eefbf8;
	border-bottom: 1px solid #7eccbc;
}

#nav-content li a {
	display: block;
	padding: 10px 0 10px 20px;
	color: #000;
	text-decoration: none;
}

#nav-content li ul {
	margin-left: 10px;
}

#nav-content li ul li {
	background-color: #fefefe;
	border-top: 1px dotted #7eccbc;
	border-bottom: 0;
	font-size: 0.8em;
}

#nav-content li ul li a {
	padding: 10px 0 10px 20px;
	color: #56ab99;
	text-decoration: none;
}

#nav-content .twt {
	margin: 20px;
	width: 60%;
}

/* SP用メニュー ▲▲▲========================================================== */


/* 基本スタイル ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */


/* レスポンシブ対応 ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

@media (max-width: 575px) {
.pagebody {
width: 96%;
padding: 0 2%;
}
}
@media (min-width: 576px) {
.pagebody {
width: 96%;
padding: 0 2%;
}
}
@media (min-width: 768px) {
.pagebody {
width: 96%;
padding: 0 2%;
}
}
@media (min-width: 920px) {
.pagebody {
width: 900px;
}
header {
display: inherit;
}
nav {
margin-top: 10px;
}
header ul li.item01 {
width: 630px;
}
header ul li.item02 {
width: 160px;
margin: 30px 0 0 45px;
}
header ul li.item03 {
width: 55px;
margin: 30px 0 0 10px;
}
#nav-bar {
display: inherit;
margin-bottom: 15px;
}
#nav-content-pc ul li {
width: 172px;
}
#nav-content-pc ul li a {
font-size: 1em;
}
}
@media (min-width: 1220px) {
.pagebody {
width: 1200px;
}
header {
display: inherit;
}
nav {
margin-top: 15px;
}
header ul li.item01 {
width: 870px;
}
header ul li.item02 {
width: 214px;
margin: 40px 0 0 31px;
}
header ul li.item03 {
width: 75px;
margin: 40px 0 0 10px;
}
#nav-bar {
display: inherit;
margin-bottom: 15px;
}
#nav-content-pc ul li {
width: 232px;
}
#nav-content-pc ul li a {
font-size: 1.5em;
}
}
/* レスポンシブ対応 ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */



/* 基本カラム分割（2・3・4カラム） ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

.column {
width: 100%;
overflow: hidden;
margin: 0;
}
.column:after {
content: "";
clear: both;
display: block;
}
.col {
float: left;
margin-right: 2%;
margin-top: 1%;
margin-bottom: 1%;
}
.col2 .col {
width: 49%;
}
.col3 .col {
width: 32%;
}
.col4 .col {
width: 23.5%;
}
.col2 .col:last-child, .col3 .col:last-child, .col4 .col:last-child {
margin-right: 0;
}
@media (max-width: 575px) {
.col {
float: inherit;
}
.col2 .col {
width: 96%;
}
.col3 .col {
width: 96%;
}
.col4 .col {
width: 96%;
}
.col2 .col:last-child, .col3 .col:last-child, .col4 .col:last-child {
margin-right: auto;
}
.col {
margin-left: auto;
margin-right: auto;
}
}
@media (min-width: 576px) {
.col {
float: left;
margin-right: 2%;
}
.col2 .col {
width: 49%;
}
.col3 .col {
width: 32%;
}
.col4 .col {
width: 49%;
}
.col2 .col:last-child, .col3 .col:last-child, .col4 .col:last-child {
margin-right: 0;
}
.col4 .col:nth-child(2) {
margin-right: 0;
}
}
@media (min-width: 768px) {
.col {
float: left;
margin-right: 2%;
box-sizing: border-box;
}
.col2 .col {
width: 49%;
}
.col3 .col {
width: 32%;
}
.col4 .col {
width: 23.5%;
}
.col2 .col:last-child, .col3 .col:last-child, .col4 .col:last-child {
margin-right: 0;
}
.col4 .col:nth-child(2) {
margin-right: 2%;
}
}
@media (min-width: 920px) {
.col {
float: left;
margin-right: 2%;
}
.col2 .col {
width: 49%;
}
.col3 .col {
width: 32%;
}
.col4 .col {
width: 23.5%;
}
.col2 .col:last-child, .col3 .col:last-child, .col4 .col:last-child {
margin-right: 0;
}
.col4 .col:nth-child(2) {
margin-right: 2%;
}
}
@media (min-width: 1220px) {
.col {
float: left;
margin-right: 2%;
}
.col2 .col {
width: 49%;
}
.col3 .col {
width: 32%;
}
.col4 .col {
width: 23.5%;
}
.col2 .col:last-child, .col3 .col:last-child, .col4 .col:last-child {
margin-right: 0;
}
.col4 .col:nth-child(2) {
margin-right: 2%;
}
}

/* 基本カラム分割（2・3・4カラム） ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */



/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

/* スライダー高さ調整 */
@media (max-width: 575px) {
#ifr_slider {
height: 137.5px;
}
}
@media (min-width: 576px) {
#ifr_slider {
height: 240px;
}
}
@media (min-width: 768px) {
#ifr_slider {
height: 320px;
}
}
@media (min-width: 920px) {
#ifr_slider {
height: 375px;
}
}
@media (min-width: 1220px) {
#ifr_slider {
height: 500px;
}
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */



/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

.maru {
width: 90%;
margin: 2% auto;
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */


/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

h2.pink {
margin: 20px 0;
padding: 4px 0 1px;
background-color: #e50277;
color: #fff;
text-align: center;
font-size: 30px;
font-weight: normal;
}

h2.pink.green {
background-color: #78c4b4;
}

h2.pink.pink2 {
padding-left: 45px;
text-align: left;
margin-top: 10%;
}


@media (max-width: 575px) {
h2.pink {
margin: 20px 0;
padding: 4px 0 4px;
font-size: 20px;
font-weight: normal;
}
h2.pink.pink2 {
padding-left: 0;
text-align: center;
}
}
@media (min-width: 576px) {
h2.pink {
margin: 20px 0;
padding: 4px 0 4px;
font-size: 20px;
font-weight: normal;
}
h2.pink.pink2 {
padding-left: 20px;
text-align: left;
}
}
@media (min-width: 768px) {
h2.pink {
margin: 20px 0;
padding: 4px 0 4px;
font-size: 20px;
font-weight: normal;
}
h2.pink.pink2 {
padding-left: 30px;
text-align: left;
}
}
@media (min-width: 920px) {
h2.pink {
margin: 20px 0;
padding: 4px 0 2px;
font-size: 25px;
font-weight: normal;
}
h2.pink.pink2 {
padding-left: 40px;
text-align: left;
}
}
@media (min-width: 1220px) {
h2.pink {
margin: 20px 0;
padding: 4px 0 2px;
font-size: 30px;
font-weight: normal;
}
h2.pink.pink2 {
padding-left: 40px;
text-align: left;
}
}



/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */


/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

.product .col {
margin-bottom: 3%;
}
.product h3 {
font-size: 1.3em;
}
.product p {
line-height: 1.2em;
}
.product p.price {
font-size: 1.2em;
color: #e50277;
}
.product p.price span {
font-size: 0.6em;
}
.product p.info {
font-size: 1em;
}
.product p.btn_dtl {
margin: 3% auto 0;
padding: 3% 0;
width: 90%;
font-size: 1em;
color: #fff;
background-color: #78c4b4;
border-radius: 10px/10px;
text-align: center;
}
.product p.btn_dtl a {
display: block;
color: #fff;
text-decoration: none;
}
.btn_contact2 {
margin: 5% auto;
width: 81.8%;
}
@media (max-width: 575px) {
.product .col {
float: left;
margin-bottom: 5%;
width: 49%;
margin-right: 0;
}
.product .col:nth-child(odd) {
margin-right: 2% !important;
}
.product h3 {
font-size: 0.8em;
}
.product p {
line-height: 1.2em;
}
.product p.price {
font-size: 0.8em;
color: #e50277;
}
.product p.price span {
font-size: 0.6em;
}
.product p.info {
font-size: 0.8em;
}
.product p.btn_dtl {
margin: 3% auto 0;
padding: 3% 0;
width: 90%;
font-size: 0.8em;
}
}
@media (min-width: 576px) {
.product h3 {
font-size: 1.3em;
}
.product p {
line-height: 1.2em;
}
.product p.price {
font-size: 1.2em;
color: #e50277;
}
.product p.price span {
font-size: 0.6em;
}
.product p.info {
font-size: 1em;
}
.product p.btn_dtl {
margin: 3% auto 0;
padding: 3% 0;
width: 90%;
font-size: 1em;
}
}
@media (min-width: 768px) {
.product h3 {
font-size: 0.8em;
}
.product p {
line-height: 1.2em;
}
.product p.price {
font-size: 1em;
color: #e50277;
}
.product p.price span {
font-size: 0.6em;
}
.product p.info {
font-size: 0.8em;
}
.product p.btn_dtl {
margin: 3% auto 0;
padding: 3% 0;
width: 90%;
font-size: 0.8em;
}
}
@media (min-width: 920px) {
.product h3 {
font-size: 1em;
}
.product p {
line-height: 1.2em;
}
.product p.price {
font-size: 1em;
color: #e50277;
}
.product p.price span {
font-size: 0.6em;
}
.product p.info {
font-size: 0.8em;
}
.product p.btn_dtl {
margin: 3% auto 0;
padding: 3% 0;
width: 90%;
font-size: 0.8em;
}
}
@media (min-width: 1220px) {
.product h3 {
font-size: 1.3em;
}
.product p {
line-height: 1.2em;
}
.product p.price {
font-size: 1.2em;
color: #e50277;
}
.product p.price span {
font-size: 0.6em;
}
.product p.info {
font-size: 1em;
}
.product p.btn_dtl {
margin: 3% auto 0;
padding: 3% 0;
width: 90%;
font-size: 1em;
}
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */


/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

/* ご注文の流れ */

#nagare h3 {
margin: 20px 0;
text-align: center;
font-size: 3em;
}
#nagare h3.pink {
color: #f52e95;
}
#nagare h3.orange {
color: #ff6900;
}
#nagare .col {
background-color: #fff;
border-radius: 10px;
}
#nagare .pink .col {
border: 2px solid #f52e95;
}
#nagare .orange .col {
border: 2px solid #ff6900;
}
#nagare h4 {
margin: 0;
padding: 2% 5% 2% 12%;
color: #fff;
font-size: 1.5em;
font-weight: normal;
line-height: 1.5em;
border-radius: 7px 7px 0 0;
}
#nagare .pink h4.item01 {
background: #f52e95 url(../img/lp/p01.png) no-repeat 10px center;
}
#nagare .pink h4.item02 {
background: #f52e95 url(../img/lp/p02.png) no-repeat 10px center;
}
#nagare .pink h4.item03 {
background: #f52e95 url(../img/lp/p03.png) no-repeat 10px center;
padding-top: 5%;
padding-bottom: 5%;
}
#nagare .pink h4.item04 {
background: #f52e95 url(../img/lp/p04.png) no-repeat 10px center;
padding-top: 5%;
padding-bottom: 5%;
}
#nagare .orange h4.item01 {
background: #ff6900 url(../img/lp/o01.png) no-repeat 10px center;
}
#nagare .orange h4.item02 {
background: #ff6900 url(../img/lp/o02.png) no-repeat 10px center;
}
#nagare .orange h4.item03 {
background: #ff6900 url(../img/lp/o03.png) no-repeat 10px center;
padding-top: 5%;
padding-bottom: 5%;
}
#nagare .orange h4.item04 {
background: #ff6900 url(../img/lp/o04.png) no-repeat 10px center;
padding-top: 5%;
padding-bottom: 5%;
}
#nagare .col p {
padding: 3%;
font-size: 1em;
line-height: l.5em;
height: 6em;
}
#nagare p.bnr {
margin: 4% auto 0;
padding-bottom: 7%;
width: 80%;
}
.toggleMenuButton_nagare {
cursor: pointer;
}
h2.toggleMenuButton_nagare {
background: #e50277 url(../img/lp/nagare_title_bg.png) repeat-x;
background-size: 100% 100%;
color: #fff;
border-radius: 7px;
border: 1px solid #e50277;
box-sizing: border-box;
text-align: center;
font-weight: normal;
}
h2.toggleMenuButton_nagare span {
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 3% 0;
border-radius: 7px;
border: 1px solid #fff;
box-sizing: border-box;
}
p.toggleMenuButton_nagare {
margin: 5% auto 5%;
padding: 3% 0;
width: 80%;
font-size: 1.2em;
color: #fff;
background-color: #9f9fa0;
border-radius: 10px/10px;
text-align: center;
}
@media (max-width: 575px) {
#nagare {
background: none;
padding-top:;
}
#nagare #nagare-wrap {
padding: 0;
box-sizing: border-box;
border: 2px solid #e50277;
border-radius: 10px;
}
#nagare h2.pink {
display: none;
}
.toggleMenuButton_nagare {
display: block;
}
#toggleMenu_nagare {
display: none;
}
#nagare .col {
width: 94%;
margin-bottom: 5%;
}
#nagare h3 {
margin: 20px 0;
font-size: 1.2em;
}
#nagare h4 {
margin: 0;
padding: 2% 5% 2% 15%;
color: #fff;
font-size: 0.8em;
font-weight: bold;
line-height: 1.5em;
border-radius: 7px 7px 0 0;
}
#nagare .col p {
padding: 3%;
font-size: 0.8em;
line-height: l.5em;
height: inherit;
}
#nagare p.bnr {
margin: 4% auto 0;
padding-bottom: 7%;
width: 100%;
}
#nagare .pink h4.item01 {
background: #f52e95 url(../img/lp/p01.png) no-repeat 10px center;
background-size: 12% auto;
}
#nagare .pink h4.item02 {
background: #f52e95 url(../img/lp/p02.png) no-repeat 10px center;
background-size: 12% auto;
}
#nagare .pink h4.item03 {
background: #f52e95 url(../img/lp/p03.png) no-repeat 10px center;
padding-top: 5%;
padding-bottom: 5%;
background-size: 12% auto;
}
#nagare .pink h4.item04 {
background: #f52e95 url(../img/lp/p04.png) no-repeat 10px center;
padding-top: 5%;
padding-bottom: 5%;
background-size: 12% auto;
}
#nagare .orange h4.item01 {
background: #ff6900 url(../img/lp/o01.png) no-repeat 10px center;
background-size: 12% auto;
}
#nagare .orange h4.item02 {
background: #ff6900 url(../img/lp/o02.png) no-repeat 10px center;
background-size: 12% auto;
}
#nagare .orange h4.item03 {
background: #ff6900 url(../img/lp/o03.png) no-repeat 10px center;
padding-top: 5%;
padding-bottom: 5%;
background-size: 12% auto;
}
#nagare .orange h4.item04 {
background: #ff6900 url(../img/lp/o04.png) no-repeat 10px center;
padding-top: 5%;
padding-bottom: 5%;
background-size: 12% auto;
}
}
@media (min-width: 576px) {
#nagare {
background: none;
padding-top:;
}
#nagare #nagare-wrap {
padding: 0;
box-sizing: border-box;
border: 2px solid #e50277;
border-radius: 10px;
}
#nagare #column {
margin: 0 auto;
width: 90%;
}
#nagare h2.pink {
display: none;
}
.toggleMenuButton_nagare {
display: block;
}
#toggleMenu_nagare {
display: none;
}
#nagare .column {
width: 94%;
margin: 0 auto;
}
#nagare .col2 .col {
width: 100%;
margin-right: auto;
margin-left: auto;
margin-bottom: 5%;
box-sizing: border-box;
}
#nagare h3 {
margin: 20px 0;
font-size: 2em;
}
#nagare h4 {
margin: 0;
padding: 2% 5% 2% 12%;
color: #fff;
font-size: 1.5em;
font-weight: bold;
line-height: 1.5em;
border-radius: 7px 7px 0 0;
}
#nagare .col p {
padding: 3%;
font-size: 1em;
line-height: l.5em;
height: inherit;
}
#nagare p.bnr {
margin: 4% auto 0;
padding-bottom: 7%;
width: 90%;
}
#nagare .pink h4.item01 {
background: #f52e95 url(../img/lp/p01.png) no-repeat 10px center;
background-size: 10% auto;
}
#nagare .pink h4.item02 {
background: #f52e95 url(../img/lp/p02.png) no-repeat 10px center;
background-size: 10% auto;
}
#nagare .pink h4.item03 {
background: #f52e95 url(../img/lp/p03.png) no-repeat 10px center;
padding-top: 5%;
padding-bottom: 5%;
background-size: 10% auto;
}
#nagare .pink h4.item04 {
background: #f52e95 url(../img/lp/p04.png) no-repeat 10px center;
padding-top: 5%;
padding-bottom: 5%;
background-size: 10% auto;
}
#nagare .orange h4.item01 {
background: #ff6900 url(../img/lp/o01.png) no-repeat 10px center;
background-size: 10% auto;
}
#nagare .orange h4.item02 {
background: #ff6900 url(../img/lp/o02.png) no-repeat 10px center;
background-size: 10% auto;
}
#nagare .orange h4.item03 {
background: #ff6900 url(../img/lp/o03.png) no-repeat 10px center;
padding-top: 5%;
padding-bottom: 5%;
background-size: 10% auto;
}
#nagare .orange h4.item04 {
background: #ff6900 url(../img/lp/o04.png) no-repeat 10px center;
padding-top: 5%;
padding-bottom: 5%;
background-size: 10% auto;
}
}
@media (min-width: 768px) {
#nagare {
background: url(../img/lp/bg_beige_dot.jpg);
padding-top: 5%;
}
#nagare #nagare-wrap {
padding: 0;
box-sizing: border-box;
border: 0;
border-radius: 0;
}
#nagare h2.pink {
display: block;
}
.toggleMenuButton_nagare {
display: none;
}
#toggleMenu_nagare {
display: block;
}
#nagare .column {
width: 100%;
}
#nagare .col2 .col {
width: 49%;
margin-right: 1%;
margin-left: 0;
margin-bottom: 0;
box-sizing: border-box;
}
#nagare h3 {
margin: 20px 0;
font-size: 2.5em;
}
#nagare h4 {
margin: 0;
padding: 2% 5% 2% 12%;
color: #fff;
font-size: 1em;
font-weight: normal;
line-height: 1.5em;
border-radius: 7px 7px 0 0;
}
#nagare .col p {
padding: 3%;
font-size: 0.8em;
line-height: l.5em;
height: 8em;
}
#nagare p.bnr {
margin: 4% auto 0;
padding-bottom: 7%;
width: 80%;
}
#nagare .pink h4.item01 {
background: #f52e95 url(../img/lp/p01.png) no-repeat 10px center;
background-size: 10% auto;
}
#nagare .pink h4.item02 {
background: #f52e95 url(../img/lp/p02.png) no-repeat 10px center;
background-size: 10% auto;
}
#nagare .pink h4.item03 {
background: #f52e95 url(../img/lp/p03.png) no-repeat 10px center;
padding-top: 5%;
padding-bottom: 5%;
background-size: 10% auto;
}
#nagare .pink h4.item04 {
background: #f52e95 url(../img/lp/p04.png) no-repeat 10px center;
padding-top: 5%;
padding-bottom: 5%;
background-size: 10% auto;
}
#nagare .orange h4.item01 {
background: #ff6900 url(../img/lp/o01.png) no-repeat 10px center;
background-size: 10% auto;
}
#nagare .orange h4.item02 {
background: #ff6900 url(../img/lp/o02.png) no-repeat 10px center;
background-size: 10% auto;
}
#nagare .orange h4.item03 {
background: #ff6900 url(../img/lp/o03.png) no-repeat 10px center;
padding-top: 5%;
padding-bottom: 5%;
background-size: 10% auto;
}
#nagare .orange h4.item04 {
background: #ff6900 url(../img/lp/o04.png) no-repeat 10px center;
padding-top: 5%;
padding-bottom: 5%;
background-size: 10% auto;
}
}
@media (min-width: 920px) {
#nagare .col2 .col {
width: 49%;
}
#nagare h3 {
margin: 20px 0;
font-size: 2.5em;
}
#nagare h4 {
margin: 0;
padding: 2% 5% 2% 17%;
color: #fff;
font-size: 1em;
font-weight: normal;
line-height: 1.5em;
border-radius: 7px 7px 0 0;
}
#nagare .col p {
padding: 3%;
font-size: 0.8em;
line-height: l.5em;
height: 6em;
}
#nagare .pink h4.item01 {
background: #f52e95 url(../img/lp/p01.png) no-repeat 10px center;
}
#nagare .pink h4.item02 {
background: #f52e95 url(../img/lp/p02.png) no-repeat 10px center;
}
#nagare .pink h4.item03 {
background: #f52e95 url(../img/lp/p03.png) no-repeat 10px center;
padding-top: 5%;
padding-bottom: 5%;
}
#nagare .pink h4.item04 {
background: #f52e95 url(../img/lp/p04.png) no-repeat 10px center;
padding-top: 5%;
padding-bottom: 5%;
}
#nagare .orange h4.item01 {
background: #ff6900 url(../img/lp/o01.png) no-repeat 10px center;
}
#nagare .orange h4.item02 {
background: #ff6900 url(../img/lp/o02.png) no-repeat 10px center;
}
#nagare .orange h4.item03 {
background: #ff6900 url(../img/lp/o03.png) no-repeat 10px center;
padding-top: 5%;
padding-bottom: 5%;
}
#nagare .orange h4.item04 {
background: #ff6900 url(../img/lp/o04.png) no-repeat 10px center;
padding-top: 5%;
padding-bottom: 5%;
}
}
@media (min-width: 1220px) {
#nagare .col2 .col {
width: 49%;
}
#nagare h3 {
margin: 20px 0;
font-size: 3em;
}
#nagare h4 {
margin: 0;
padding: 2% 5% 2% 12%;
color: #fff;
font-size: 1.5em;
font-weight: normal;
line-height: 1.5em;
border-radius: 7px 7px 0 0;
}
#nagare .col p {
padding: 3%;
font-size: 1em;
line-height: l.5em;
height: 6em;
}
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */


/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

p.btn.btn01 {
margin: 3% auto 0;
padding: 1% 0;
width: 70%;
font-size: 2em;
color: #fff;
background-color: #78c4b4;
border-radius: 10px/10px;
text-align: center;
}
@media (max-width: 575px) {
p.btn.btn01 {
margin: 3% auto 0;
padding: 1% 0;
width: 100%;
font-size: 1.2em;
color: #fff;
background-color: #78c4b4;
border-radius: 10px/10px;
text-align: center;
}
}
@media (min-width: 576px) {
p.btn.btn01 {
margin: 3% auto 0;
padding: 1% 0;
width: 90%;
font-size: 1.5em;
color: #fff;
background-color: #78c4b4;
border-radius: 10px/10px;
text-align: center;
}
}
@media (min-width: 768px) {
p.btn.btn01 {
margin: 3% auto 0;
padding: 1% 0;
width: 70%;
font-size: 1.5em;
color: #fff;
background-color: #78c4b4;
border-radius: 10px/10px;
text-align: center;
}
}
@media (min-width: 920px) {
p.btn.btn01 {
margin: 3% auto 0;
padding: 1% 0;
width: 70%;
font-size: 1.5em;
color: #fff;
background-color: #78c4b4;
border-radius: 10px/10px;
text-align: center;
}
}
@media (min-width: 1220px) {
p.btn.btn01 {
margin: 3% auto 0;
padding: 1% 0;
width: 70%;
font-size: 2em;
color: #fff;
background-color: #78c4b4;
border-radius: 10px/10px;
text-align: center;
}
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */




/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

#osusume .pagebody {
padding-top: 5%;
padding-bottom: 5%;
}
#osusume h3 {
margin-top: 1%;
font-size: 1.5em;
line-height: 1.5em;
font-weight: normal;
}
#osusume .col p {
font-size: 1em;
}
@media (max-width: 575px) {
#osusume h3 {
font-size: 1.2em;
}
#osusume .col p {
font-size: 0.8em;
}
}
@media (min-width: 576px) {
#osusume h3 {
font-size: 1.2em;
}
#osusume .col p {
font-size: 0.8em;
}
}
@media (min-width: 768px) {
#osusume h3 {
font-size: 1.2em;
}
#osusume .col p {
font-size: 0.8em;
}
}
@media (min-width: 920px) {
#osusume h3 {
font-size: 1.5em;
}
#osusume .col p {
font-size: 0.8em;
}
}
@media (min-width: 1220px) {
#osusume h3 {
font-size: 1.5em;
}
#osusume .col p {
font-size: 1em;
}
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */



/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

/* よくある質問 */

#qa dt {
margin: 4% 0 1%;
padding: 15px 0 15px 140px;
font-size: 2.5em;
font-weight: bold;
color: #444444;
}
#qa dd {
margin: 0 0 0 50px;
padding: 0;
font-size: 1.2em;
}
#qa dl dt:nth-of-type(1) {
background: url(../img/lp/q01.jpg) no-repeat 0 center;
}
#qa dl dt:nth-of-type(2) {
background: url(../img/lp/q02.jpg) no-repeat 0 center;
}
#qa dl dt:nth-of-type(3) {
background: url(../img/lp/q03.jpg) no-repeat 0 center;
}
#qa dl dt:nth-of-type(4) {
background: url(../img/lp/q04.jpg) no-repeat 0 center;
}
#qa dl dt:nth-of-type(5) {
background: url(../img/lp/q05.jpg) no-repeat 0 center;
}
#qa dl dt:nth-of-type(6) {
background: url(../img/lp/q06.jpg) no-repeat 0 center;
}
#qa dl dt:nth-of-type(7) {
background: url(../img/lp/q07.jpg) no-repeat 0 center;
}
#qa dl dt:nth-of-type(8) {
background: url(../img/lp/q08.jpg) no-repeat 0 center;
}
#qa dl dt:nth-of-type(9) {
background: url(../img/lp/q09.jpg) no-repeat 0 center;
}
.toggleMenuButton_qa {
cursor: pointer;
}
h2.toggleMenuButton_qa {
background: #e50277 url(../img/lp/qa_title_bg.png) repeat-x;
background-size: 100% 100%;
color: #fff;
border-radius: 7px;
border: 1px solid #78c4b4;
box-sizing: border-box;
text-align: center;
font-weight: normal;
}
h2.toggleMenuButton_qa span {
display: block;
width: 100%;
height: 100%;
margin: 0;
padding: 3% 0;
border-radius: 7px;
border: 1px solid #fff;
box-sizing: border-box;
}
p.toggleMenuButton_qa {
margin: 5% auto 5%;
padding: 3% 0;
width: 80%;
font-size: 1.2em;
color: #fff;
background-color: #9f9fa0;
border-radius: 10px/10px;
text-align: center;
}
@media (max-width: 575px) {
#qa #qa-wrap {
padding: 0;
box-sizing: border-box;
border: 2px solid #78c4b4;
border-radius: 10px;
}
#qa #qa-wrap dl {
margin: 4%;
}
#qa dt {
margin: 4% 0 1%;
padding: 15px 0 15px 90px;
font-size: 1em;
font-weight: bold;
border-top: 5px dotted #78c4b4;
}
#qa dd {
margin: 0 0 0 0;
padding: 0;
font-size: 0.8em;
}
#qa dl dt:nth-of-type(1) {
background-size: 80px auto;
border-top: 0;
}
#qa dl dt:nth-of-type(2) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(3) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(4) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(5) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(6) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(7) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(8) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(9) {
background-size: 80px auto;
}
#qa h2.pink {
display: none;
}
.toggleMenuButton_qa {
display: block;
}
#toggleMenu_qa {
display: none;
}
}
@media (min-width: 576px) {
#qa #qa-wrap {
padding: 0;
box-sizing: border-box;
border: 2px solid #78c4b4;
border-radius: 10px;
}
#qa #qa-wrap dl {
margin: 4%;
}
#qa dt {
margin: 4% 0 1%;
padding: 15px 0 15px 60px;
font-size: 1.2em;
font-weight: bold;
border-top: 5px dotted #78c4b4;
}
#qa dd {
margin: 0 0 0 50px;
padding: 0;
font-size: 1em;
}
#qa dl dt:nth-of-type(1) {
background-size: 50px auto;
border-top: 0;
}
#qa dl dt:nth-of-type(2) {
background-size: 50px auto;
}
#qa dl dt:nth-of-type(3) {
background-size: 50px auto;
}
#qa dl dt:nth-of-type(4) {
background-size: 50px auto;
}
#qa dl dt:nth-of-type(5) {
background-size: 50px auto;
}
#qa dl dt:nth-of-type(6) {
background-size: 50px auto;
}
#qa dl dt:nth-of-type(7) {
background-size: 50px auto;
}
#qa dl dt:nth-of-type(8) {
background-size: 50px auto;
}
#qa dl dt:nth-of-type(9) {
background-size: 50px auto;
}
#qa h2.pink {
display: none;
}
.toggleMenuButton_qa {
display: block;
}
#toggleMenu_qa {
display: none;
}
}
@media (min-width: 768px) {
#qa #qa-wrap {
padding: 0;
box-sizing: border-box;
border: 0;
border-radius: 0;
}
#qa #qa-wrap dl {
margin: 0;
}
#qa dt {
margin: 4% 0 1%;
padding: 15px 0 15px 90px;
font-size: 1.5em;
font-weight: bold;
border-top: 0;
}
#qa dd {
margin: 0 0 0 50px;
padding: 0;
font-size: 1em;
}
#qa dl dt:nth-of-type(1) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(2) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(3) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(4) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(5) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(6) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(7) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(8) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(9) {
background-size: 80px auto;
}
#qa h2.pink {
display: block;
}
.toggleMenuButton_qa {
display: none;
}
#toggleMenu_qa {
display: block;
}
}
@media (min-width: 920px) {
#qa dt {
margin: 4% 0 1%;
padding: 15px 0 15px 90px;
font-size: 2em;
font-weight: bold;
}
#qa dd {
margin: 0 0 0 50px;
padding: 0;
font-size: 1em;
}
#qa dl dt:nth-of-type(1) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(2) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(3) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(4) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(5) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(6) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(7) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(8) {
background-size: 80px auto;
}
#qa dl dt:nth-of-type(9) {
background-size: 80px auto;
}
}
@media (min-width: 1220px) {
#qa dt {
margin: 4% 0 1%;
padding: 15px 0 15px 140px;
font-size: 2.5em;
font-weight: bold;
}
#qa dd {
margin: 0 0 0 50px;
padding: 0;
font-size: 1.2em;
}
#qa dl dt:nth-of-type(1) {
background-size: 121px 81px;
}
#qa dl dt:nth-of-type(2) {
background-size: 121px 81px;
}
#qa dl dt:nth-of-type(3) {
background-size: 121px 81px;
}
#qa dl dt:nth-of-type(4) {
background-size: 121px 81px;
}
#qa dl dt:nth-of-type(5) {
background-size: 121px 81px;
}
#qa dl dt:nth-of-type(6) {
background-size: 121px 81px;
}
#qa dl dt:nth-of-type(7) {
background-size: 121px 81px;
}
#qa dl dt:nth-of-type(8) {
background-size: 121px 81px;
}
#qa dl dt:nth-of-type(9) {
background-size: 121px 81px;
}
}
/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */


/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

/* 著作権について */

#chosaku {
margin: 80px auto 50px;
padding: 0;
box-sizing: border-box;
border: 4px solid #e50277;
}
#chosaku p {
margin: 30px;
font-size: 1.5em;
}
#chosaku ul {
margin: 30px;
padding-left: 1em;
font-size: 1.5em;
font-weight: bold;
color: #e50277;
}
#chosaku ul li:before {
content: '●';
}
#chosaku ul li {
text-indent: -1em;
}
@media (max-width: 575px) {
#chosaku {
margin: 10% auto 0;
}
#chosaku h2.pink {
display: block;
}
#chosaku p {
margin: 20px;
font-size: 1em;
}
#chosaku ul {
margin: 30px;
font-size: 1em;
}
}
@media (min-width: 576px) {
#chosaku h2.pink {
display: block;
}
#chosaku p {
margin: 30px;
font-size: 1.2em;
}
#chosaku ul {
margin: 30px;
font-size: 1.2em;
}
}
@media (min-width: 768px) {
#chosaku h2.pink {
display: block;
}
#chosaku p {
margin: 30px;
font-size: 1.2em;
}
#chosaku ul {
margin: 30px;
font-size: 1.2em;
}
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

/* 東京本社 */

#tokyo {
background-color: #d6e1df;
padding: 5% 0;
}

#tokyo h2 {
margin: 0 auto 3%;
width: 80%;
}

#tokyo .catch {
color: #f68535;
}

@media (max-width: 575px) {
#tokyo .catch { font-size: 1.1em; }
}
@media (min-width: 576px) {
#tokyo .catch { font-size: 1.4em; }
}
@media (min-width: 768px) {
#tokyo .catch { font-size: 1.7em; }
}
@media (min-width: 920px) {
#tokyo .catch { font-size: 2.2em; }
}
@media (min-width: 1220px) {
#tokyo .catch { font-size: 3em; }
}



@media (max-width: 575px) {
#tokyo .col {
float: left;
margin-right: 2%;
}
#tokyo .col3 .col {
width: 32%;
}
#tokyo .col3 .col:last-child {
margin-right: 0;
}
}


/* 地図・電話番号 */

#tokyo_map {
overflow: hidden;
}
#tokyo_map:after {
content: "";
clear: both;
display: block;
}



@media (max-width: 575px) {
#tokyo_map {
margin-top: 50px;
font-size: 0.8em;
}
#tokyo_map #g_map {
width: 100%;
text-align: center;
}
#tokyo_map #g_map iframe {
width: 100%;
height: 400px; 
}
#tokyo_map #address {
width: 100%;
}
#tokyo_map #address div {
margin: 2% 0;
text-align: center;
}
#tokyo_map #address .logo {
	width: 70%;
	margin: 10% auto 0;
}
#tokyo_map #address div .tel {
	font-size: 2em;
	font-weight: bold;
	color: #e50277;
	margin: 0;
	line-height: 1.2em;
}
#tokyo_map #address .contact {
margin: 3% auto;
width: 70%;
}
}
@media (min-width: 576px) {
#tokyo_map {
margin-top: 50px;
}
#tokyo_map #g_map {
width: 100%;
text-align: center;
}
#tokyo_map #g_map iframe {
width: 100%;
height: 400px; 
}
#tokyo_map #address {
width: 100%;
}
#tokyo_map #address div {
margin: 2% 0;
text-align: center;
}
#tokyo_map #address .logo {
	width: 70%;
	margin: 10% auto 0;
}
#tokyo_map #address div .tel {
	font-size: 2em;
	font-weight: bold;
	color: #e50277;
	margin: 0;
	line-height: 1.2em;
}
#tokyo_map #address .contact {
margin: 3% auto;
width: 70%;
}
}
@media (min-width: 768px) {
#tokyo_map {
margin-top: 50px;
}
#tokyo_map #g_map {
float: left;
width: 340px;
text-align: inherit;
}
#tokyo_map #g_map iframe {
width: 100%;
height: 400px; 
}
#tokyo_map #address {
float: right;
width: 380px;
}
#tokyo_map #address div {
margin: 10px 30px 10px 30px;
text-align: inherit;
}
#tokyo_map #address .logo {
	width: 380px;
	margin: 0;
}
#tokyo_map #address div .tel {
	font-size: 1.5em;
	font-weight: bold;
	color: #e50277;
	margin: 0;
	line-height: 1.2em;
}
#tokyo_map #address .contact {
margin-top: 3%;
width: 100%;
}
}
@media (min-width: 920px) {
#tokyo_map {
margin-top: 50px;
}
#tokyo_map #g_map {
float: left;
width: 450px;
}
#tokyo_map #g_map iframe {
width: 100%;
height: 400px; 
}
#tokyo_map #address {
float: right;
width: 430px;
}
#tokyo_map #address div {
margin: 10px 30px 10px 30px;
}
#tokyo_map #address .logo {
	width: 390px;
}
#tokyo_map #address div .tel {
	font-size: 2em;
	font-weight: bold;
	color: #e50277;
	margin: 0;
	line-height: 1.2em;
}
#tokyo_map #address .contact {
margin-top: 3%;
}
}
@media (min-width: 1220px) {
#tokyo_map {
margin-top: 50px;
}
#tokyo_map #g_map {
float: left;
width: 600px;
}
#tokyo_map #g_map iframe {
width: 100%;
height: 450px; 
}
#tokyo_map #address {
float: right;
width: 580px;
}
#tokyo_map #address div {
margin: 10px 50px;
}
#tokyo_map #address .logo {
	width: 390px;
}
#tokyo_map #address div .tel {
	font-size: 2.5em;
	font-weight: bold;
	color: #e50277;
	margin: 0;
	line-height: 1.2em;
}
#tokyo_map #address .contact {
margin-top: 3%;
}
}


/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */



/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

/* フッタ */

footer {
	margin: 0;
	padding: 2% 0;
	text-align: center;
	font-size: 0.8em;
	background-color: #78c4b4;
}

footer p span {
	font-size: 2em;
	vertical-align: -0.2em;
}

#lp footer {
	background-color: #fff;
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */



/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

/* レスポンシブ 表示・非表示 */

@media (max-width: 767px) {
.display_s {
display: block !important;
}
}
@media (min-width: 768px) {
.display_l {
display: block !important;
}
}


/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */

/* ▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼▼ */

/* お知らせ */

#news {
margin: 50px auto 80px;
padding: 0;
box-sizing: border-box;
border: 2px solid #78c4b4;
color: #333333;
font-size: 0.8em;
}
#news h2.pink {
	background-color: #78c4b4;
}
#news p {
margin: 30px;
font-size: 1.5em;
}
@media (max-width: 575px) {
#news {
margin: 10% auto 0;
}
#news h2.pink {
display: block;
}
#news p {
margin: 20px;
font-size: 1em;
}
}
@media (min-width: 576px) {
#news h2.pink {
display: block;
}
#news p {
margin: 30px;
font-size: 1.2em;
}
}
@media (min-width: 768px) {
#news h2.pink {
display: block;
}
#news p {
margin: 30px;
font-size: 1.2em;
}
}

/* ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ */