/*
*
*   Version: 1.0
*   Theme Name: Beetle HTML
*   Theme URI: http://themes.mokaine.com/beetle-html
*   Author: Mokaine Lab
*   Author URI: http://mokaine.com/
*   Written by Pasquale Vitiello (pasqualevitiello@gmail.com) and Daniele Cascone
*
*/

.ipadname { line-height: 1.6!important}

/*KV 170210*/
.ipadmini img {
	margin: 0 auto!important;
	max-width: 45em!important
}
.ipadmini {
    width: 100%!important;
    margin: 0 auto!important;
    padding: 0!important;
    position: absolute!important;
		top: -5%;
}
.pl16 {
    padding-left: 24px;
    margin: 15px 0 10px;
}
.ipad_tagline.nonpl { padding-left: 0!important}
.ipad_tagline { margin-bottom: 10px!important; padding-left: 24px!important;}
/*KV END*/

/*傷・コスト訴求*/

.kizu_cost {
	width: 100%;
}
.kizu, .cost {
    width: 50%;
    float: left;
    height: 375px;
}
.kizu {
	background: #fafafa;
	position: relative;
}
.kizu_txt {
    position: absolute;
    bottom: 5%;
    left: 5%;
}
.cost {
    background: #f2f2f2;
		position: relative;
}
.cost_wrap {
    width: 100%;
    position: absolute;
    top: 50%;
    left: 50%;
    transform: translate(-50%,-50%);
    padding: 30px;
}
.cost_icon {
	width: 25%;
	float: left;
}
.cost_icon ul {
	width: 100%;
	padding: 0;
	margin: 0;
	text-align: center;
}
.cost_icon ul li {
	list-style: none;
}
.cost_txt {
	width: 75%;
	float: left;
}
.kizu h2 {
	font-size: 1.4rem!important;
	margin: 0 0 10px!important;
}

.cost h2 {
	font-size: 1.4rem!important;
	margin: 30px 0 10px!important;
}
.kizu p,
.cost p {
font-size: 1em!important;
}

/*傷・コスト訴求 END*/

/*もしものときも*/
.moshimo {
    background: url(/custom//img/padimg/new_rakka.png)no-repeat!important;
    background-size: 100%!important;
    width: 100%;
    background-position: center 99%!important;
}
h2.moshimo_title {
    font-size: 1.4rem!important;
    color: #252525!important;
    font-weight: 300!important;
}
.moshimo_p {
    color: #252525!important;
}

/*もしものときも END*/







main { overflow: hidden}
/*matomegai*/

.F_set_All {
    width: 100%;
    background: url(/custom//img/padimg/matomegai.png) no-repeat;
    background-size: 105%;
    background-position: 70% 40%;
}
.F_txt_area {
    width: 100%;
    padding: 20px;
    margin: 5px 0;
}
h2.F_min {
    font-size: 28px;
    margin-bottom: 30px;
    text-align: center;
}
p.F_goth {
    font-size: 14px;
    text-align: center;
}
.F_L3 {
    text-align: left!important;
    max-width: 600px;
    margin: 0 auto 20px;
    font-size: 12px!important;
}
.nandemo {
    font-size: 16px;
    color: #d20606;
    font-weight: bold;
    text-align: center;
}
.nandemo_OFF {
    font-size: 16px;
    color: #d20606;
    text-align: center;
}

/*new*/
#purchase,
#ipadmini,
#ipad97,
#ipad129,
#ipad105 {
	margin-top: -74px;
	padding-top: 74px;
}


.palmo_logo_ipad {
	width: 100%!important;
}
.textright {
    width: 50%;
		height: 100%;
    box-sizing: border-box;

}
.textright .box {
    /* padding: 5% 25%; */
    width: 35%;
    margin: 0 auto;
		position: absolute;
    top: 50%;
    right: 5%;
    transform: translateY(-50%);
}
.rakuraku {
    width: 100%;
    margin: 0;
    background: #fbfbfb;
    /* max-height: 450px; */
    background: url(/custom//img/padimg/rakuraku.png) no-repeat;
    padding-top: 30%;
    background-size: 50%;
    position: relative;
		border-bottom: 1px solid #f4f4f4;
}

.rakuraku h3 {
	font-size: 1.7em;
	margin: 5px 0;
}
.rakuraku .subipad {
	font-size: 1.2em!important;
	margin-bottom: 20px!important;
}
.rakuraku p {
	font-size: .9em!important
}

/*ミル企画*/

.milarea {
    width: 100%;
    margin: 0 auto!important;
    max-width: 1400px!important;
    padding: 2% 4% 1.5%!important;
}
.mil_icon {
    width: 15%;
    float: left;
    clear: inherit;
    padding: 20px 10px;
    box-sizing: border-box;
}
.mil_text {
    width: 72%;
    clear: inherit;
    float: left;
    padding: 40px 20px;
    box-sizing: border-box;
}
.mil_paper {
	width: 13%;
	float: left;
}

.mil_text h3 {
	color: #e0c063;
	font-size: 1.5em!important;
	margin: 0;
}
.mil_text h2 {
    color: #fff;
    font-size: 1em;
    margin: 10px 0 20px;
		font-weight: bold;
}
.mil_text p { font-size: .9em!important;}

.itemimgleft {
	width: 50%;
	float: left;
	clear: inherit;
	height: 450px;
  overflow: hidden;
}
.itembodyright {
    width: 50%;
    float: left;
    text-align: right;
    height: 450px;
    overflow: hidden;
    padding: 30px 40px;
		background: #fafafa;
}
.itemimgleft img {
    width: 100%;
		height: 450px;
		object-fit: cover
}

.itemimgright {
	width: 50%;
	float: right;
	clear: inherit;
	height: 450px;
  overflow: hidden;
}
.itembodyleft {
    width: 50%;
    float: left;
    text-align: left;
    height: 450px;
    overflow: hidden;
    padding: 30px 40px;
}
.itembody-129 {
    width: 50%;
    float: right;
    text-align: right;
    height: 450px;
    overflow: hidden;
    padding: 30px 40px;
}
.itemimgright img {
    width: 100%;
		height: 450px;
		object-fit: cover
}


/*item area*/
.ipad_wrapp {
    width: 100%;
    height: 450px;
    overflow: hidden;
}
.ipad_wrapp2 {
    width: 100%;
    height: 480px;
    overflow: hidden;
    background: url(/custom//img/padimg/pro97.png) no-repeat;
    background-size: 75%;
    background-position: 140% 80%;
}
.ipad_wrapp4 {
    width: 100%;
    height: 480px;
    overflow: hidden;
    background: url(/custom//img/padimg/pro129.png) no-repeat;
    background-size: 75%;
    background-position: 0 80%;
}
.ipad_wrapp4 h2,
.ipad_wrapp2 h2,
.ipad_wrapp h2 {
	margin: 0;
	font-size: 1.6em;
}

span.bk {
    background: #000;
    color: #fff;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 1.3em;
}

span.bk2 {
    background: #fff;
    color: #252525;
    padding: 0 10px;
    border-radius: 6px;
    font-size: 1.3em;
}
.subtitle_pad {
	font-weight: bold;
	margin-bottom: 10px;
	font-size: .9em!important;
	color: #252525!important
}
.ipad_wrapp4 p,
.ipad_wrapp2 p,
.ipad_wrapp p {
	font-size: .8em;
	color: #555;
}
.spec_ipad .spec_img {
	width: auto;
	float: right;
}
.spec_ipad .palmo_spec {
    float: right;
    padding-right: 30px;
    box-sizing: border-box;
    margin: 0;
}
.spec_ipad2 .spec_img {
	width: auto;
	float: left;
	padding-right: 30px;
}
.spec_ipad2 .spec_img {
	width: auto;
	float: left;
}
.spec_ipad2 .palmo_spec {
    float: left;
    box-sizing: border-box;
    margin: 0;
}
.spec_ipad .palmo_spec table,
.spec_ipad2 .palmo_spec table { margin: 0;}
.spec_ipad .palmo_spec table th,
.spec_ipad2 .palmo_spec table th {
	padding-right: 10px;
}
.spec_ipad .palmo_spec table tr,
.spec_ipad2 .palmo_spec table tr{
	border-bottom: 1px solid #eaeaea;
}
.spec_ipad .palmo_spec table th,
.spec_ipad .palmo_spec table td,
.spec_ipad2 .palmo_spec table th,
.spec_ipad2 .palmo_spec table td{
	padding-top: 10px;
	color: #555;
}

.F_itemLink {
    width: 157px;
    border: 2px solid #000;
    border-radius: 5px;
    padding: 2px 3px 0;
    margin: 15px auto;
    float: right;
}
.F_itemLink2 {
    width: 157px;
    border: 2px solid #000;
    border-radius: 5px;
    padding: 2px 3px 0;
    margin: 15px auto;
    float: left;
}
.F_itemLink3 {
    width: 157px;
    border: 2px solid #fff;
    border-radius: 5px;
    padding: 2px 3px 0;
    margin: 15px auto;
		text-align: center;
}

.F_itemLink3 a {
    width: 100%;
    display: block;
    height: 100%;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
		color: #fff;
}

.F_itemLink a,
.F_itemLink2 a {
    width: 100%;
    display: block;
    height: 100%;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}

/*12.9*/
.ipad_wrapp3 {
    width: 100%;
    height: 450px;
    overflow: hidden;
    background: url(/custom//img/padimg/prp129.png) no-repeat;
    background-size: cover;
}

.ipad_wrapp3 .itembodyleft {
    width: 50%;
    float: inherit;
    text-align: center;
    height: 450px;
    overflow: hidden;
    padding: 0;
    margin: 0 auto;
		color: #fff!important;
		position: relative;
		background: none!important;
}

.centerbox {
	height: auto;
	width: 100%;
	position: absolute;
	top: 50%;
	transform: translateY(-50%);
	-webkit-transform: translateY(-50%);
}

.ipad_wrapp3 .item_pad,
.ipad_wrapp3 .subtitle_pad {
		color: #fff!important;
}

/*フォルダブル訴求*/
.fbl_area {
    width: 100%;
}
.fbl_area ul {
    width: 100%;
    margin: 0;
    padding: 0 0 30px;
}
.fbl_area ul li {
    list-style: none;
    width: 33.333%;
    float: left;
    clear: none;
}
.fbl_img01 {
    width: 100%;
    background: url(/custom//img/padimg/f_icon.png) no-repeat;
    background-size: 100%;
    position: relative;
    padding-top: 95%;
}
.fbl_catch {
    position: absolute;
    top: 40%;
    left: 50%;
    font-weight: bold;
    -webkit-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    transform: translateX(-50%);
    line-height: 1.6;
    font-size: 12px;
}
.fbl_ttl {
    text-align: left;
    font-size: 22px;
    line-height: 1.6;
    margin-bottom: 20px;
    padding-top: 70px;
}
.fbl_txt {
    text-align: left;
    font-size: 14px;
}
.fbl_link {
    width: auto;
    border: 2px solid #000;
    border-radius: 5px;
    padding: 4px 3px 2px;
    margin: 20px 0;
    max-width: 50%;
}
.fbl_link a {
    width: 100%;
    display: block;
    height: 100%;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
    text-align: center;
}
.fbl_img02 {
    width: 100%;
    background: url(/custom//img/padimg/f_icon02.png) no-repeat;
    background-size: 100%;
    padding-top: 95%;
}


.ipad_k { height: 700px;}

.bxslider li {
	width: 100%;
	height: 700px;
	clear: none!important
}
.slider_area {
	width: 100%;
	height: 700px;
	position: relative;
}
.bx-wrapper {
height: 700px;
}
.ipad_k {
    width: 100%;
	background-size: 65%!important;
	background-repeat: no-repeat;
}
element.style {
    /* background: none; */
}
.ipad_mini_open {
    background-position: 30% 50%!important;
    background-repeat: no-repeat;
    background-size: 150% !important;
    height: 700px;
}

.slide_left {
	width: 50%;
	float: left;
	position: relative;
}



.bx-wrapper .bx-pager { display: block!important;}
.bx-controls {
	width: 100%;
	position: absolute;
	bottom: 5%;
	left: 50%;
	transform: translateX(-50%);
	-webkit-transform: translateX(-50%);

}
.bx-pager-item {
    width: 50%;
    float: left;
    padding: 10px;
    box-sizing: border-box;
    clear: inherit;
}
.bx-pager-item a { text-decoration: none;}
.bx-pager-item .Fitem_sub:hover {
	text-decoration: underline;
}
.Fitem_sub {
    border-radius: 4px;
    text-align: center;

}
.bx-controls-direction { display: none;}




/*navi*/
#contentipad {
    position: relative;
}
#box {
    position: absolute;
    top: -37px;
    background: rgba(000,000,000,.8);
    width: 100%;
    padding: 5px 0;
    text-align: center;
    color: white;
		z-index: 999999;
}
#contentipad .follow {
    position: fixed;
    top: 0;
}

#box ul {
    margin: 0!important;
    padding: 0!important;
    display: flex;
    justify-content: center;
}
#box ul li {
	width: 20%;
	float: left;
	list-style: none;
	clear: none!important;
}
#box ul li a {
	display: block;
	color: #fff;
	text-decoration: none;
	position: relative;
	border-left: 1px solid #555;
}
#box ul li a:last-child {
	border-right: 1px solid #555;
}
.size3 {
    width: auto;
    position: absolute;
    left: 10px;
    font-size: .6em;
    top: 50%;
    transform: translateY(-50%);
		-webkit-transform: translateY(-50%);
}

#box ul li a span.mini {
    width: 15px;
    height: 18px;
    background: url(/custom//img/padimg/miniicon.png) no-repeat;
    position: absolute;
    background-size: 100%;
    top: 50%;
    left: 30%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
#box ul li a span.ipad97 {
    width: 18px;
    height: 25px;
    background: url(/custom//img/padimg/97.png) no-repeat;
    position: absolute;
    background-size: 100%;
    top: 50%;
    left: 25%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}
#box ul li a span.ipad129 {
    width: 21px;
    height: 30px;
    background: url(/custom//img/padimg/129icoon.png) no-repeat;
    position: absolute;
    background-size: 100%;
    top: 50%;
    left: 20%;
    transform: translateY(-50%);
    -webkit-transform: translateY(-50%);
}


/*GD*/
.story_gd {
    color: #fff;
    font-size: 1.4em;
    font-weight: bold;
    text-align: center;
    line-height: 1.7em;
    background: #000;
    width: 100%;
    border-bottom: 1px solid #fff;
    height: auto;
    padding: 2% 5%;
    box-sizing: border-box;
		border-top: 1px solid #fff;
}
.gd_contents {
    float: left;
    font-size: 0.8rem;
    line-height: 1.6;
    display: inline-block;
    width: 61%;
    text-align: left;
    font-weight: normal;
    margin-top: 0;
}
.gd_contents h4 {
    font-size: 1.4rem;
    color: #ff0000;
    margin-top: 0;
}
.gd_award_img {
    float: left;
    padding: 15px 48px 15px 119px;
    width: 32%;
}

/*お客様の声*/
.story_new07_sp {
	display: none;
}
.story_new07_pc {
	display: block;
}
.customer_100 img {
    width: 100%;
    margin: -47px 0;
}
.story_new09 h2 {
	text-align: center;
}
.media_bold {
    font-weight: bold;
    font-size: 16px;
    margin-bottom: 15px;
		text-align: center;
}

/*navi*/


#movie_area {
	margin: 0 auto;
	padding: 0;
	height: 500px;
    max-height: 450px;
	overflow: hidden;
}


#movie {
	position: relative;
	top: 50%;
	left: 50%;
	width: 100%;
	height: auto;
	-webkit-transform: translate(-50%,-50%);
	-ms-transform: translate(-50%,-50%);
	transform: translate(-50%,-50%);
}


.mil_ipad_mark {
    width: 245px;
    display: inline;
    padding-left: 28px;
    box-sizing: border-box;
    margin-top: 20px;
}
.mil_mark {
    float: left;
    width: 50%;
    /* margin: 0; */
    padding: 10px 26px;
    box-sizing: border-box;
    margin: 0!important;
}
.g_mark {
    margin: 0!important;
    float: left;
    padding: 10px 10px 10px 0;
    box-sizing: border-box;
		width: 50%
}
.mil_ipad_mark_sp  {
	display: none;
}

/*---item---*/
.ipaditem img { width: 200px!important;}

.ipadmini_wrapper {
	max-width: 100%!important;
	padding-top: 30px;
	margin: 0 auto;
	}

.ipadmini_wrapper	.caption-left {
    margin: 0 3% 0 7%;
    clear: none;
    float: left;
    min-height: 1px;
    z-index: 999;
    width: 22%;
    position: relative;
}

.ipadmini_wrapper	.caption-left .palmo_logo { width: 90%;}


.ipadmini_wrapper .ipad_title02 { text-align: center;}
.ipadmini_caption {
    width: 20%!important;
    /* margin-left: 10%!important; */
    clear: none;
    /* float: left; */
    /* min-height: 1px; */
    z-index: 2;
    position: absolute;
    right: 0;
}

.ipadmini_caption h3 {
	font-size: 1.5rem;
	line-height: 1.5;
}

.ipad_intro {
    width: 100%!important;
    text-align: left;
}

.ipad_tagline { color: #333!important}

.ipadbtn { color: #333!important; background: #fff!important;}


.ipad_btn {
	width: 90%;
    text-align: center;
    font-weight: 900;
    margin: 5% auto!important;
    position: relative;
    display: inline-block;
    margin-right: 1em;
    margin-bottom: 1.34em;
    padding: 0.667em 2em;
	box-sizing: border-box;
    -webkit-border-radius: 0.333em;
    -moz-border-radius: 0.333em;
    border-radius: 0.333em;
    background-color: #fff;
    color: #333 !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 0.778em !important;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 1.714em !important;
    cursor: pointer;
	border: 1px solid #333;
}

.ipad_title {
	width: 100%;
	text-align: center;
	margin: 0;
}

.ipad_right {
	width: 38%;
	float: left;
	padding-left: 10px;
	box-sizing: border-box;
	margin-top: 50px
}

.ipad_iphone {
    width: 65%;
    float: right;
    padding: 10px 120px 10px 0;
    box-sizing: border-box;
}
.ipad_iphone img { width: 100%;}

.bgpink {
    color: #fff;
    min-height: 450px;
    overflow: hidden;
    background: #f9f8f8 url(/custom//img/padimg/allipad.png) no-repeat;
    background-size: 48%;
    background-position: 95% 50%;
}
.ipad_right p {font-size: .9em; line-height: 1.6; color: #252525;}
.ipad_title { font-size: 30px; color: #fff;}

.gmark_area { width: 100%; padding: 10px; box-sizing: border-box; background: #cc0037;}
.ipad_text { width: 70%; float: left; margin-right:10px}
.gmark_area h2 { font-size: .9em; margin:0; color:#fff; font-weight: bold;}
.gmark_area img { width: 25%;}
.ipad_text p { font-size: .8em; margin: 10px 0;}


/*-----3-----*/
.ipadstory_01 {
    width: 50%;
    height: 420px;
    float: left;
    clear: none;
    background: url(/custom//img/ipad_img02.png) center left;
    background-size: cover;
}

.ipadstory_02 {
    width: 50%;
    height: 420px;
    float: right;
    clear: none;
    background:  url(/custom//img/ipad_img01.png) center left;
    background-size: cover;
	background-position: center 90% !important;
}

.ipadstory_01 h3,
.ipadstory_02 h3 {
	width: auto;
	min-width: 100px;
	padding: 0 10px;
	background: #000;
	padding: 2px;
	box-sizing: border-box;
	text-align: center;
    font-size: 1.4em;
	display: inline- block;
    margin: 1em 25px 1em;
    color: #fff;
	float: left;
	font-weight: 400;
}
.ipadstory_01 p,
.ipadstory_02 p {
    text-align: left;
    font-size: 0.8em;
    margin: -60px 25px;
    width: 40%;
	float: right;
	color: #1f1f1f;
	text-shadow: 10px 0 10px #fff; font-weight: 500;

}

/*--4---*/


.ipadstory03 {
	width: 100%;
	height: auto;
	position: relative;
	padding-bottom: 7%;
}


.ipad_03 {
	width: 50%;
    background-image: url(/custom//img/ipad_img03.png);
    background-repeat: no-repeat;
    background-size: 85%;
	box-sizing: border-box;
	position: relative;
	padding-top: 25%!important;
	padding-bottom: 30px!important;
	margin: 40px 0 0!important;
	float: left;
}

.ipad_03 h3 {
	width: 60%;
	font-size: 2em;
	bottom: 0;
	padding: .3% 0 0 15%;
	margin: 0;
}
.subipad {
	font-size: 1.4em !important;
	margin: 0!important;
	line-height:1.3!important;
}
.ipad_03 p {
	padding: 0 15% 0 15%;
	font-size: 1em;
	margin: 15px 0 0;
}


.ipad_right_img {
    width: 60%;
    background-image: url(/custom//img/ipad_img04.png);
    background-repeat: no-repeat;
    background-size: 93%;
    box-sizing: border-box;
    position: relative;
    padding-top: 50%!important;
    margin: 0!important;
    float: right;
    position: absolute;
    background-position: 100% bottom;
    text-align: left;
    bottom: 0;
    right: 0;
}


/*-----5-----*/
.ipadstory_03 {
    width: 50%;
    height: 420px;
    float: left;
    clear: none;
    background: url(/custom//img/ipad_img05.png) center left;
    background-size: cover;
}

.ipadstory_04 {
    width: 50%;
    height: 420px;
    float: right;
    clear: none;
    background: url(/custom//img/ipad_img06.png) center left;
    background-size: 110%;
    background-position: 100% 20%;
}
.ipadstory_03 h3,
.ipadstory_04 h3 {
	width: auto;
	min-width: 100px;
	padding: 0 10px;
	background: #000;
	padding: 2px;
	box-sizing: border-box;
	text-align: center;
    font-size: 1.4em;
	display: inline- block;
    margin: 1em 25px 1em;
    color: #fff;
	float: left;
	font-weight: 400;
}
.ipadstory_03 p,
.ipadstory_04 p {
    text-align: left;
    font-size: 0.8em;
    margin: -60px 25px;
    width: 40%;
	float: right;
	color: #1f1f1f;
	text-shadow: 10px 0 10px #fff;
	font-weight: 500;
}


/*---6---*/
h3.ipad_title02 {
	color: #ffbfbf;
	font-size: 1.2em;
	font-weight: bold;
	margin: 5px 0!important;
}
.ipad_6_inner {
    padding: 2% 5%;
    box-sizing: border-box;
}
.ipad06_wrapp {
    width: 100%;
    text-align: left;
    position: relative;
}

.ipad_6 {
    background: url(/custom//img/padimg/lightipad.png) no-repeat;
    width: 100%;
    background-size: 35%;
    /* height: 50%; */
    padding-bottom: 10%;
    background-position-x: 105%;
}
.ipad06_wrapp h3 {
	font-size: 1.5em!important;
	margin-top: 1.34em;
	margin-bottom: 0;
}
.ipad06_wrapp h2 {
	font-size: 1em!important;
	font-weight: bold;
	margin: 10px 0 20px;
}
.p_box {
    width: 70%;
    margin: 0;
}
.p_box p {
	color: #252525;
	font-size: .9em;
	text-align: left;
}

.ipadnone { display: none;}


/*---7---*/



.ipad_mini_open_column {
	padding: 30px 20px;
	box-sizing: border-box;
	width: 45%;
	float: right;
}

.ipad_up {
    background-color: #fff;
    background-image:  url(/custom//img/ipad_img08_2.png),url(/custom//img/ipad_img08_3.png),url(/custom//img/ipad_img08.png);
    background-repeat: no-repeat,no-repeat,no-repeat;
    background-position: 0 top,0 bottom,right bottom;
    background-size: 29% auto,25% auto,28% auto;
    height: 30em;
	border-top: 1px solid #999;
}
.ipad_up .row-content {
    width: 50%;
    margin: 30px 30% 0 25%;
}


/*---8---*/

.ipad_new {
    background: #000 url(/custom//img/ipad_img09.png) center top no-repeat;
    background-position: -55% 60%;
    background-size: 80%;
    height: 480px;
    color: #eee;
    text-align: left;
}

.ipad_new h3 {
	width: 100%;
	margin: 0 auto;
	color: #fff;
	text-align: center;
	margin: 50px 0 0;
	font-size: 2em;
}

.ipad_new .row-content {
	padding: 2% 20px 0!important;
	margin-right: 20px!important;
}

.newminiarea h3,
.newminiarea p { color: #fefefe;}

.ipad_new .newminiarea {
	width: 60%;
	float: right;
	padding-left: 20%;
}

.ipadcart {
	width: 100%!important;
	padding: 5%!important;
	box-sizing: border-box;
	margin: 0!important;
	max-width: 1550px!important;
}

.ipadcart .palmo_purchase {
	margin-bottom: 0!important;
	padding: 0 !important;
}


.ipadrakka {
    background: #000 url(/custom//img/ipad_img10-1.jpg)!important;
    background-size: 100%!important;
    color: #fff;
    text-align: left;
    width: 100%;
    background-repeat: no-repeat;
}




@media handheld, only screen and (max-width:1200px) {

.kizu, .cost {
    width: 50%;
    float: left;
    height: 390px;
}

/*new*/
.textright .box {
    /* padding: 5% 25%; */
    width: 40%;
}
.rakuraku h3 { font-size: 1.4em;}
.rakuraku .subipad {
    font-size: .9em!important;
		line-height: 1.4!important;
}
.rakuraku p {
    font-size: .8em!important;
}


.ipad_6 {
    background: url(/custom//img/padimg/lightipad.png) no-repeat;
    width: 100%;
    background-size: 35%;
    /* height: 50%; */
    padding-bottom: 10%;
    background-position-x: 105%;
}

/*GD*/
.gd_contents {
    width: 69%;
}
.gd_award_img {
    float: left;
    padding: 3% 3% 0 4%;
    width: 29%;
}
.gd_contents h4 {
    font-size: 1.1rem;
    text-align: center;
		font-weight: bold;
}

/*newEND*/

.ipadmini {
    width: 100%!important;
    position: absolute;
    transform: translate(-50%,-50%);
    /* margin-top: -20px; */
    /* margin-left: -8em!important; */
    top: 50%;
    left: 50%;
		margin: 0 auto!important
}

.ipadmini img {
    margin: 0 auto!important;
    max-width: 45em!important;
    text-align: center!important;
}

.ipadmini_wrapper	.caption-left {
    margin: 0 2% 0 3%;
}

.ipad_intro {
    width: 100%!important;
    text-align: left;
}

.ipad_tagline { font-size: 1.3em!important;}

p.ipad_tagline { font-size: .9em!important;}

.ipad_03 {
	width: 100%;
	padding-top: 50%!important;
	padding-bottom:30px!important;
	 background-size: 60%;
}

.ipad_right_img {
    background-position: 300% 100%;
    background-color: none!important;
    background-size: 95%;
    width: 60%;
    padding-top: 50%!important;
}

.ipad_txt_wrap {
    width: 50%;
    margin-top: -110px;
}

.ipad_03 h3 {
    width: 100%;
}
.bgpink {
    min-height: 450px;
    overflow: hidden;
    background: #f9f8f8 url(/custom//img/padimg/allipad.png) no-repeat;
    background-size: 56%;
    background-position-y: 50%;
	background-position-x: 95%;
}
.ipad_right p { font-size: .8em!important;}

.ipad_up {
    background-position: 0 top,-5% bottom,right bottom;
    background-size: 30% auto,30% auto,28% auto;
    height: 30em;
	border-top: 1px solid #999;
}


}

@media handheld, only screen and (max-width:970px) {
.pl16 {
	font-size: 1.2em!important;
	font-weight: bold;
}
.ipadtop {
	margin-bottom: 20px!important;
}

/*傷・コスト*/
.kizu, .cost {
    width: 100%;
    float: left;
    height: auto;
}
.cost_wrap {
    width: 100%;
    position: inherit;
    top: inherit;
    left: inherit;
    transform: inherit;
    padding: 20px 30px 30px!important;
}
.kizu h2,
.cost h2
{
    font-size: 1.2rem!important;
}
.kizu p,
.cost p
{
    font-size: .9em!important;
}
.cost_wrap { padding: 20px;}
.cost_icon { width: 100%;}
.cost_icon ul li {
	width: 50%;
	float: left;
	padding: 10px;
	box-sizing: border-box;
	clear: none;
}
.cost_icon ul li:first-child { text-align: right;}
.cost_icon ul li:last-child { text-align: left;}
.cost_txt { width: 100%;}
.cost h2 { margin: 10px 0 10px!important; text-align: center;}
/*傷・コスト END*/

/*もしものときも*/
.moshimo {
    background-size: 180%!important;
    color: #fff;
    text-align: left;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 60% 100%!important;
}
h2.moshimo_title {
    font-size: 1.4rem!important;
    color: #252525!important;
    font-weight: 300!important;
}
.moshimo_p {
    color: #252525!important;
}

/*もしものときも END*/



.spec_ipad2 .spec_img img,
.spec_ipad .spec_img img {
    width: 80%;
}
.spec_ipad2 .palmo_spec,
.spec_ipad .palmo_spec {
    padding-right: 20px;
    box-sizing: border-box;
    margin: 0;
    font-size: .8em!important;
}
.itembodyright {
    width: 50%;
    float: left;
    text-align: right;
    height: 450px;
    overflow: hidden;
    padding: 30px 20px;
    background: #fafafa;
}
.itembodyleft {
    width: 50%;
    float: left;
    text-align: left;
    height: 450px;
    overflow: hidden;
    padding: 30px 20px;
}
.itembody-129 {
    width: 50%;
    float: left;
    text-align: left;
    height: 450px;
    overflow: hidden;
    padding: 30px 20px;
}
.ipad_wrapp4 p,
.ipad_wrapp3 p,
.ipad_wrapp2 p,
.ipad_wrapp p {
    font-size: .7em;
}
.ipad_wrapp2 {
	background-size: 85%;
}

.ipad_wrapp4 {
    background-size: 85%;
}


@media handheld, only screen and (max-width:800px) {

/*new*/

.rakuraku {
    width: 100%;
    margin: 0;
    background: #fbfbfb;
    /* max-height: 450px; */
    background: url(/custom//img/padimg/rakuraku.png) no-repeat;
    padding-top: 50%;
    background-size: 100%;
    position: relative;
    /* height: 400px; */
    background-position-y: 120%;
}
.textright .box {
    /* padding: 5% 25%; */
    width: 40%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 5%;
    transform: translateY(-50%);
    color: #fff;
    background: rgba(000,000,000,.7);
    padding: 0 10px;
    box-sizing: border-box;
}

.rakuraku h3 { color: #fff; font-size: 1.4em;}
.rakuraku .subipad {
    font-size: .9em!important;
		line-height: 1.4!important;
}
.rakuraku p {
    font-size: .8em!important;
}
/*newEND*/

	.ipadstory_01 p, .ipadstory_02 p { margin: -60px 15px;}
#movie_area {display: none;}
	.ipadrakka {display: block;}

.mil_ipad_mark {
    width: 125px;
}
}
@media handheld, only screen and (max-width:768px) {

/*傷・コスト*/

.kizu {
	padding-bottom: 20px;
}
.kizu_txt {
    bottom: 10%;
}
.kizu h2,
.cost h2
{
    font-size: 1.2em!important;
}
.kizu p,
.cost p
{
    font-size: .8rem!important;
		margin-bottom: 0;
}
/*傷・コスト END*/

/*もしものときも*/
.moshimo {
    background-size: 250%!important;
    color: #fff;
    text-align: left;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 60% 100%!important;
}
h2.moshimo_title {
    font-size: 1.2em!important;
    color: #252525!important;
    font-weight: 300!important;
}
.moshimo_text {
	background: rgba(255,255,255,0.6);
	padding: 4%!important;
}



/*もしものときも END*/







.ipadmini {
    width: 100%!important;
    position: inherit!important;
    transform: inherit!important;
    /* margin-top: -20px; */
    /* margin-left: -8em!important; */
    top: inherit!important;
    left: inherit!important;
    margin: 0 auto!important;
    position: inherit!important;
}
.ipadmini img {
    width: 80em!important;
    position: inherit;
    right: inherit;
}

.sp-only { display: block!important;}
.pc-only { display: none!important}

.ipadmini {
    height: 600px;
}
.ipadmini_wrapper .caption-mockup.caption-left {
    margin: 0 auto!important;
		width: 100%;
}
.palmo_logo img {
    display: block;
    width: 50%!important;
    height: auto;
    margin: 0 auto!important;
    text-align: center!important;
}

.weship img {
	width: 32%!important
}
.ipad_btn {
    width: 70%!important;
    background-color: #d70051;
    border: 2px solid #fff;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 0.778em !important;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 1.714em !important;
    margin: 10px auto 20px!important;
    display: block;
}
.ipad_intro {
    background: #d70051 !important;
}
.ipadtop { color: #333!important}


/*matomegai*/
.F_txt_area {
    width: 100%;
    padding: 20px;
    margin: 5px 0;
    background: rgba(255,255,255,0.5);
}
/*matomegai*/


.slide_left {
    width: 100%;
    float: inherit;
    position: relative;
}


.ipad_6 {
    background: url(/custom//img/padimg/lightipad.png) no-repeat;
    width: 100%;
    background-size: 55%;
    /* height: 50%; */
    padding-bottom: 10%;
    background-position-x: 105%;
}

.mil_ipad_mark_sp {
    display: block !important;
    text-align: right !important;
    position: absolute !important;
    /* width: 100% !important; */
    width: 96px;
    right: 10px;
}

.mil_ipad_mark {
	display: none !important;
}


.ipadmini_caption {
	width: 100%!important;
	margin: 0 auto!important;
	position: inherit;
}

.ipadmini_caption p { text-align: left!important;}

.bgpink {
    min-height: 200px;
    background-size: 65%;
    background-position-y: 50%;
    max-height: 520px;
    background-position-x: 95%;
}

/*ITEM*/
.ipad_wrapp {
    width: 100%;
    height: auto;
    overflow: auto;
    background: #fafafa;
}
.itemimgleft {
    width: 100%;
    float: inherit;
    clear: inherit;
    height: auto;
    overflow: auto;
}
.itemimgleft img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.itembodyright {
    width: 100%;
    float: inherit;
    text-align: center;
    height: auto;
    overflow: auto;
    padding: 20px 20px;
    background: #fafafa;
}
.ipad_wrapp2 {
    width: 100%;
    height: auto;
    overflow: auto;
    background: url(/custom//img/padimg/pro97.png) no-repeat;
    padding-top: 40%;
    background-size: 105%;
    background-position: 80% -110%;
}
.ipad_wrapp4 {
    width: 100%;
    height: auto;
    overflow: auto;
    background: url(/custom//img/padimg/pro129.png) no-repeat;
    padding-top: 40%;
    background-size: 105%;
    background-position: 0 -110%;
}
.itemimgright {
    width: 100%;
    float: inherit;
    clear: inherit;
    height: auto;
    overflow: auto;
}
.itemimgright img {
    width: 100%;
    height: 300px;
    object-fit: cover;
}
.itembodyleft {
    width: 100%;
    float: inherit;
    text-align: center;
    height: auto;
    overflow: auto;
    padding: 20px 20px;
    background: #fff;
}
.itembody-129 {
    width: 100%;
    float: inherit;
    text-align: center;
    height: auto;
    overflow: auto;
    padding: 20px 20px;
    background: #fff;
}
.ipad_wrapp4 h2,
.ipad_wrapp3 h2,
.ipad_wrapp2 h2,
.ipad_wrapp h2 {
    margin: 0;
    font-size: 1.8em;
}
.subtitle_pad {
    font-weight: bold;
    margin-bottom: 10px;
    font-size: 1.3em!important;
    color: #252525!important;
}
.ipad_wrapp p,
.ipad_wrapp2 p,
.ipad_wrapp3 p,
.ipad_wrapp4 p {
    font-size: .9em;
}
.spec_ipad2,
.spec_ipad {
    width: auto;
    margin: 0 auto;
    text-align: center;
    /* padding: 0 50px; */
    display: flex;
    justify-content: center;
}
.spec_ipad2 .spec_img,
.spec_ipad .spec_img {
    width: auto;
    float: left;
    padding-right: 10px;
}
.spec_ipad2 .palmo_spec,
.spec_ipad .palmo_spec {
    float: left;
    padding-right: 0;
    box-sizing: border-box;
    margin: 0;
    font-size: .8em!important;
}
.F_itemLink2,
.F_itemLink {
    width: 30%;
    border: 2px solid #000;
    border-radius: 5px;
    padding: 2px 3px 0;
    margin: 25px auto 0;
    float: inherit;
}

/*フォルダブル訴求*/
.fbl_area {
    margin-top: 30px;
}
.fbl_area ul li {
    list-style: none;
    width: 100%;
    float: inherit;
    clear: both;
}
.fbl_img01 {
    padding-top: 85%;
}
.fbl_catch {
    width: 100%;
    /* left: 45%; */
    top: 45%;
    text-align: center;
    font-size: 13px;
}
.fbl_ttl {
    text-align: center;
    font-size: 18px;
		padding-top: 20px;
}
.fbl_txt {
    font-size: 12px;
    padding: 0 15px;
}
.fbl_link {
    margin: 20px auto;
    max-width: 60%;
}









.ipad_iphone {
width: 70%!important;
padding: 10px 0px 10px 0;}
.ipad_right {
    width: 30%!important;
	margin-top: 0!important;
}

.ipad_right p { font-size: .8em!important;}

.ipad_text {width: 100%;}
.gmark_area h2,
.gmark_area p { font-size: .8em;}
.gmark_area p { margin-bottom: 0!important; float: left;}
.gmark_area img {width: 50%!important; margin: 5px 0!important; }


/*--3---*/
.ipadstory_02 {
	background-position: 60% -10%;
}

/*--4---*/

.ipad_03 {
	width: 100%;
	padding-top: 50%!important;
	padding-bottom:30px!important;
	 background-size: 65%;
}

.ipad_right_img {
    background-position: 300% 100%;
    background-color: none!important;
    background-size: 95%;
    width: 65%;
    height: 400px!important;
}

.ipad_txt_wrap {
	width: 45%;
	margin-top: -50px!important;
}
.ipad_03 h3 { font-size: 1.5em; padding: 0!important}
.subipad { font-size:1em!important;padding: 0!important}
.ipad_txt_wrap p { font-size:0.9em;padding: 0!important}


/*--5---*/
.ipadstory_03 {
	background-position: 60% 0;
	background-size: 200%;
}
.ipadstory_04 {
background-size: 200%;
background-position: 100% 30%;
}

/*---6--*/
.ipad_6_inner {
	padding: 3% 3%;
}
.p_box {
	width:100%;
	margin:0;
}
.ipad06_wrapp {
    width: 70%;
    text-align: left;
    position: relative;
}
.ipad_title02 {
	font-size: .9em!important;
}



/*---7---*/

.ipad_mini_open {
	background-position: 10% 40%!important; height: 400px;
	background-size: 140%!important;}
.ipad_mini_open_column {
	width: 100% !important ;
	float: right;
}

.ipad_k {
    width: 100%;
    background-size: 75%!important;
}

/*---8---*/
.ipad_up {
	background-image:  url(/custom//img/ipad_img08_2.png),none,url(/custom//img/ipad_img08.png);
    background-position: 0 top,0 bottom,right bottom;
    background-size: 55% auto,35% auto,42% auto;
    height: 45em;
	border-top: 1px solid #999;
	padding-top: 30px;
}
.ipad_up .row-content {
    width: 100%;
    margin: 170px auto 0!important;
	padding: 0 10px!important;
}


/*---9---*/

.ipad_new {
	height: 400px;
}
.ipad_new h3 {
    width: 100%;
    margin: 0 auto;
    color: #fff;
    text-align: center;
    margin: 30px 0 30px;
    font-size: 1.6em;
}

.newminiarea p {
	font-size: .8em;}

.ipad_new .newminiarea {
	width: 40%;
	float: right;
	padding-left: 10%;
}

.mini_hito {
	font-size: .9em;
	margin-top: 50px!important;
}

/*---top---*/

.ipadmini_wrapper .caption-left { margin: 15px 0!important;}
.ipad_btn {
    width: 70%!important;
    background-color: #d70051;
    border: 2px solid #fff;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 0.778em !important;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 1.714em !important;
    margin: 10px auto 20px!important;
}

.ipadmini_wrapper .sp-only {
	width: 45%!important;
}

	.ipadmini {
	height: 440px;
}

	.palmo_logo img {
		width: 100%!important;
		margin: 0 auto;
	}


	.ipadmini_wrapper .pc-only,
	.ipad_pc { display: none!important;}
	.ipadmini_wrapper .sp-only,
	.ipad_sp { display: block!important;}
	.ipadmini_wrapper .caption-left {
		width: 100%;
		margin-bottom: 0!important}


	.ipad_intro {
		width: 100%!important;
		text-align:center!important;
		background: #d70051!important;
	}

	.ipad_intro h3,
	.ipad_intro p { color: #fff!important;}


.ipad06_wrapp img {
    position: relative;
	margin: 0 auto;
	width: 15%;
}

.ipadrakka p {
	font-size: .9rem!important;
}



}

@media screen and (min-width: 414px) and (max-width: 500px){

.ipadmini img {
    width: 108%!important;
    /* overflow: hidden; */
    /* padding-right: 40%!important; */
    box-sizing: border-box;
    padding-top: 0!important;
    position: absolute;
    left: -5%;
    bottom: 480px!important;
}
}


@media handheld, only screen and (min-width:481px) and ( max-width:767px) {

.rakuraku {
    width: 100%;
    margin: 0;
    background: #fbfbfb;
    /* max-height: 450px; */
    background: url(/custom//img/padimg/rakuraku.png) no-repeat;
    padding-top: 50%;
    background-size: 100%;
    position: relative;
    /* height: 400px; */
    background-position-y: 120%;
}
.textright {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.textright .box {
    padding: 20px;
    width: 100%;
    margin: 0;
    position: absolute;
    top: 50%;
    left: 0;
    transform: translateY(-50%);
    color: #fff;
    background: rgba(000,000,000,.4);
    padding: 0 10px;
    box-sizing: border-box;
    /* bottom: 0; */
}
.rakuraku h3 {
    color: #fff;
    font-size: 1.4em;
}

/*.ipadmini img {
    max-width: 100%!important;
    width: 100%!important;
    position: inherit;
    right: inherit;
}*/
.ipadmini img {
    width: 108%!important;
    /* overflow: hidden; */
    /* padding-right: 40%!important; */
    box-sizing: border-box;
    padding-top: 0!important;
    position: absolute;
    left: -5%;
    bottom: 420px!important;
}
.mil_ipad_mark {
	display: none;
}
.mil_ipad_mark_sp {
    display: block;
    text-align: right;
    position: absolute;
    bottom: 20px;
}
}



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

.moshimo {
    background-size: 180%!important;
    color: #fff;
    text-align: left;
    width: 100%;
    background-repeat: no-repeat;
    background-position: 90% -90%!important;
    position: relative;
    height: 400px;
}
.row-content.moshimoarea { padding: 0!important}
.moshimoarea {
	position: absolute;
	bottom: 0;
}
.moshimo_text {
    padding: 4%!important;
    background: #252525!important;
    color: #fff!important;
}
.moshimo_p {
	font-size: .8em!important;
    color: #fff!important;
}
h2.moshimo_title {
    font-size: 1em!important;
    color: #fff!important;
    font-weight: 300!important;
}


div#purchase.palmo_name_02.ipadname {
font-size: 16px;
line-height: 1.6;
}
#ipad_tab #purchase .variation li {
	font-size: 12px!important;
}
#palmo5 {
	margin-top: 70px !important
}
.tabpalmo5,
.tabpalmo6,
.tabpalmo6p {
	padding-top: 12px!important
}
.ipad_purchase { font-size: 14px;}

h2.F_min { font-size: 16px;
font-weight: bold}
div.F_set_All {
border-bottom: 1px solid #eaeaea;
width: 100%;
background: url(/custom//img/padimg/matomegai.png) no-repeat;
background-size: 185%;
background-position: 100% 35%;
}
.ipadstory03 { padding-bottom: 0;}
#contentipad .follow {
    position: fixed;
    top: 0;
}
.rakuraku {
    width: 100%;
    margin: 0;
    background: #fbfbfb;
    /* max-height: 450px; */
    background: url(/custom//img/padimg/rakuraku.png) no-repeat;
    padding-top: 0;
    background-size: 100%;
    position: relative;
    height: 400px;
    background-position-y: 95%;
}
.textright {
    width: 100%;
    height: 100%;
    box-sizing: border-box;
}
.textright .box {
    padding: 20px 10px;
    width: 100%;
    margin: 0;
    top: inherit;
    position: inherit;
    left: inherit;
    transform: inherit;
    background: #252525;
    padding: 0 10px;
    box-sizing: border-box;
    right: inherit;
    padding: 20px 10px;
		border-top: 1px solid #fff;
}
.rakuraku h3 {
    color: #fff;
    font-size: 1.2em;
		text-align: center;
}
.rakuraku .subipad { text-align: center; margin-bottom: 20px!important}
#box ul li {
    width: 25%;
    float: left;
    list-style: none;
    clear: none!important;
    font-size: 12px;
}
#box {
    position: absolute;
    top: -31px;
    background: rgba(000,000,000,.8);
    width: 100%;
    padding: 5px 0;
    text-align: center;
    color: white;
    z-index: 999999;
}

.ipadrakka {
    background: #000 url(/custom//img/ipad_img10-1.jpg)!important;
    background-size: 280%!important;
    background-position: 70% 50%!important;
    color: #fff;
    text-align: left;
    width: 100%;
    background-repeat: no-repeat;
}


.milarea {
    padding: 10% 4%!important;
}

.mil_icon {
    width: 100%;
    text-align: center;
    padding: 0;
}
.mil_icon img {
    max-width: 120px;
}
.mil_text {
    width: 100%;
		padding: 0;
}
.mil_paper {
    width: 100%;
    padding: 5px 30%;
}
.mil_text h3 { font-size: 1.3em!important; text-align: center;}
.mil_text h2 {
    text-align: center;
    margin: 5px 0 15px;
    font-weight: bold;
}
.ipadrakka p { font-size: .8em!important;}

.ipad06_wrapp {
    width: 100%;
    text-align: left;
    position: relative;
}
.ipad06_wrapp h3 {
    font-size: 1.3em!important;
    text-align: center;
}
.ipad06_wrapp h2 {
	font-size: .9em!important;
	text-align: center;
	margin: 5px 0 15px;
}
.ipad_6_inner {
    padding: 2% 5%;
    background: rgba(255,255,255,.5);
}
.ipad_6 {
    background: url(/custom//img/padimg/lightipad.png) no-repeat;
    width: 100%;
    background-size: 75%;
    /* height: 50%; */
    padding-bottom: 10%;
    background-position-x: 155%;
    background-position-y: bottom;
}

.ipad_wrapp4 p,
.ipad_wrapp2 p,
.ipad_wrapp p {
    font-size: .8em;
		text-align: left;
}
.ipad_wrapp3 p {
    font-size: .8em;
		text-align: center;
}
.subtitle_pad {
    text-align: center!important;
    font-size: .9em!important;
    margin: 10px 5px;
}
.F_itemLink2,
.F_itemLink {width: 50%;}

.ipad_wrapp2 {
    width: 100%;
    height: auto;
    overflow: auto;
    background: url(/custom//img/padimg/pro97.png) no-repeat;
    padding-top: 70%;
    background-size: 105%;
    background-position: 80% 0;
}

.ipad_wrapp4 {
    width: 100%;
    height: auto;
    overflow: auto;
    background: url(/custom//img/padimg/pro129.png) no-repeat;
    padding-top: 70%;
    background-size: 105%;
    background-position: 80% 0;
}

.ipad_wrapp3 .itembodyleft {
    width: 100%;
}
.ipad_wrapp3 {
		background-position-x: 50%;
		height: 300px;
}
.ipad_wrapp3 .itembodyleft {
	height: 300px;
}

/*GD*/
.story_gd {
    padding: 4% 5%;
}
.gd_contents {
    font-size: 0.7rem;
    line-height: 1.6;
    width: 100%;
}
.gd_award_img {
    padding: 8% 24% 6%;
    width: 100%;
}
.gd_contents h4 {
    font-size: 1.0rem;
}

/*お客様の声*/
.story_new07_sp {
	display: block;
}
.story_new07_pc {
	display: none;
}
.customer_100 img {
	margin: 0;
}
.media_bold {
	font-size: 12px;
}


.mil_ipad_mark_sp {
    display: block !important;
    text-align: right !important;
    /* position: absolute !important; */
    width: 17% !important;
    /* bottom: 430px !important; */
    right: -10px;
}

.ipad_intro { width: 100%;}

	/*---cart---*/
.ipadname {
	margin: 0 0 20px!important;
	padding: 0!important;
}

.ipadmini {
	margin-top: 25px!important;
	height: 310px;
}

.ipadmini img {
    width: 108%!important;
    /* overflow: hidden; */
    /* padding-right: 40%!important; */
    box-sizing: border-box;
    padding-top: 0!important;
    position: absolute;
    left: -5%;
    bottom: 480px;
}
.sp480 img{
	 width: 108%!important;
    /* overflow: hidden; */
    /* padding-right: 40%!important; */
    box-sizing: border-box;
    padding-top: 0!important;
    position: absolute;
    left: -5%;
    bottom: 410px!important;
}

.palmo_logo.sp-only { padding-top: 40px!important;}
.palmo_logo.sp-only img {
    width: 60%!important;
    margin: 0 auto 5px!important;
}

.ipadmini_wrapper {
    max-width: 100%!important;
    padding-top: 30px;
	padding: 0!important;

}

.ipadmini_wrapper .caption-mockup.caption-left {
	width: 100%!important;
	margin: 0 auto!important;

}


.ipadmini_caption h3 { font-size: 1.3em!important;}
.ipadmini_caption h3,
.ipadmini_caption p { color: #fff!important;}

.ipad_sp {
	margin: 3px auto!important;
}
.ipad_sp img {
    width: 60%!important;
    padding: 5px 0!important;
	margin:0 auto!important;
}

.ipad_btn {
    width: 70%!important;
    background-color: #d70051;
    border: 2px solid #fff;
    color: #fff !important;
    text-decoration: none !important;
    text-transform: uppercase;
    font-size: 0.778em !important;
    font-family: 'Montserrat', sans-serif !important;
    line-height: 1.714em !important;
    margin: 10px auto 20px!important;
		display: block;
}

.ipadmini_wrapper .sp-only {
	width: 100%!important;
}


.ipad_intro {
	background: #d70051 !important;
}

.ipad_right {
    width: 100%!important;
    float: inherit;
    box-sizing: border-box;
    padding: 250px 10px 50px!important;
}

.pc-only { display: none;}

.ipad_iphone {
    width: 100%;
    padding: 10px;
    box-sizing: border-box;
}
.bgpink {
    background-size: 100%;
   background-position: center 15%;
   max-height: 650px;
   padding-top: 0!important;
   padding-left: 0!important;
   padding-right: 0!important;
}
.ipad_right p {width: 95%; margin: 0 auto;}
.ipad_right h3 {
	font-weight: bold;
	font-size: 1.2rem;
	text-align: center;
}
.ipad_title { font-size: 1.3em; color: #fff;}

.gmark_area { width: 100%; padding: 10px 10px 3px; box-sizing: border-box; background: #cc0037; margin: 10px 0}

.gmark_area img { width: 25%!important; margin: 0 auto!important}

.ipad_text { width: 70%; float: left; margin-right:10px}
.ipad_text p {font-size: .8em!important; margin:5px 0!important}
.gmark_area h2 { font-size: 0.9em; margin:0; color:#fff; font-weight: bold;}


/*---3---*/
/*---5---*/
.ipadstory_04,
.ipadstory_03,
.ipadstory_02,
.ipadstory_01 { width: 100%;}
.ipadstory_01 {
    background-position: 30% 0;
    background-size: 190%;
}
.ipadstory_04 h3,
.ipadstory_03 h3,
.ipadstory_02 h3,
.ipadstory_01 h3 {
	margin: 0;}
.ipadstory_02 {
    background-size: 200%;
    background-position: 30% 100%!important;
}

.ipadstory_03 {
    background-size: 210%;
    background-position: 51% 30%;
}

.ipadstory_04 {
 background-size: 170%;
background-position: 100% 30%;
}
.ipadstory_01 p,.ipadstory_02 p,.ipadstory_03 p,.ipadstory_04 p {
	width: 50%;
	margin: -20px 10px 0;
	font-size: .8em;
	line-height: 1.6;
}


.ipad_03 {
    width: 100%;
    background-size: 85%;
    box-sizing: border-box;
    position: relative;
    padding-top: 25%!important;
    padding-bottom: 10px!important;
    margin: 40px 0 0!important;
    float: left;
}

.ipad_txt_wrap {
	width: 100%;
	margin-top: 90px!important;
}
.ipad_txt_wrap h3 { font-weight: bold; font-size: 1.3em;}
.ipad_txt_wrap .subipad { font-size: .9em;}
.ipad_txt_wrap h3,
.ipad_txt_wrap .subipad { margin: 0 auto; text-align: center;}
.ipad_right_img {
    position: relative;
    width: 100%;
    height: 300px!important;
    background-position: 130% bottom;
}


/*---6--*/

.ipadnone { display: block;}
.ipad_6_inner {
	padding: 2% 5%;
}
.p_box {
	width: 100%;
	margin: 15px auto 0;
}
.p_box p { font-size: .8em;}

.ipad_title {

}
.ipad_title02 {
	font-size: .8em!important;
	line-height: .9;
}

.ipad06_wrapp img {
	width: 25%;
	position: relative;
	margin: 5px auto 0;
	left: 0;

}

.ipad_tagline { font-size: .8em!important;}

.bxslider li { height: 400px!important;}
.ipad_mini_open_column h3 { width: 100%; margin: 0 auto; text-align:center;}

/*---7---*/
.bxslider li { height: 300px;}
.bx-wrapper {
    height: 400px;
}
.ipad_k {
    width: 100%;
    background-size: 80%!important;
background-position: 40% top!important;
}


.ipad_mini_open {
	background-size: 170%!important;
	background-position: 28% 30%!important;
	height: 320px!important;
	margin-bottom: 0!important;
}
.ipad_mini_open_column {
	width: 100% !important ;
}
.ipad_mini_open_column h3
 {
    font-size: 1.1em!important;
    font-weight: 900!important;
}
.ipad_mini_open p { font-size: .8em;}

.ipad_new .row-content {
    padding: 2% 10px 0!important;
}

.mini_hito {
    font-size: .8em!important;
	padding: 5px;
	box-sizing: border-box;
	margin-top: 0!important;
}
/*---8---*/

/*---8---*/
.ipad_up {
	background-image:  url(/custom//img/ipad_img08_2.png),url(/custom//img/ipad_img08_3.png),url(/custom//img/ipad_img08.png);
    background-position: 0 top,-20px bottom,right bottom;
    background-size: 80% auto,50% auto,55% auto;
    height: 39em;
	border-top: 1px solid #999;
	padding-top: 30px;
}
.ipad_up .row-content {
    width: 100%;
    margin: 140px auto 0!important;
	padding: 0 10px!important;
}

.ipad_up p {
	font-size: .8em!important;}

.ipad_up h3:first-child {
    font-size: 1.1em!important;
    font-weight: 900!important;
    padding-bottom: 0px!important;
    margin-right: 0%!important;
    margin-top: 0%!important;
    padding-top: 0%!important;
}

/*---9---*/
.ipad_new {
    background-position: center 20%!important;
    background-size: 150%!important;
}

.ipad_new .row-content {
	margin-right: 0!important;
}
.ipad_new .newminiarea {
    width: 57%!important;
	padding-left: 0!important;
	margin-bottom: 0px!important;
}

.ipad_new h3 {
    margin: 30px 0 130px;
    font-size: 1.4em;
}
.mil_sp_ver {
    padding: 9px !important;
}
}


@media handheld, only screen and (max-width:380px) {

.mil_sp_ver img{
width: 50% !important;
}

.mil_ipad_mark_sp {
    width: 21 !important;
    padding-right: 15px;
}

.story_03 .mil-banner img {
    width: 179px!important;
    vertical-align: bottom;
}

.ipad_new h3 { font-size: 1.2rem;}

.ipadstory_04 {
    background-size: 180%;
    background-position: 100% 30%;
}
.ipad_right_img {
    height: 260px;
    background-position: 130% bottom;
}
}