@charset "utf-8";

/*初期化 共通設定*/
section {
    margin-bottom: 40px;
}

/* 各セクションの設定 */
/* ----- ヘッダ ----- */
.wrap_pc {/*+機能説明 設定画面のタイトル幅*/
    padding: 0 5%;
    /*width: 1200px;*/
    /*margin: 0 auto;*/
    /*background-color: red;*/
    /*overflow: hidden;*/
    /*box-sizing: border-box;*/
}

header {
    /*background-color: #DCDCDC;*/
    z-index: 100;
    /*padding: 0 30px;*/
}

h1 {/*+ryuロゴの配置*/
    float: left;/*左寄せ*/
    margin: 30px 0 20px 0;
    /*background: #A0D000;*/
    /*padding: 0 0 0 10%;*/

}

h1 img {/*+ryuロゴサイズ*/
    width: 100px;
    border: solid 5px #008080;
    border: none;
    border-width: 0;
}

.burger {
    display: none;/*非表示*/
}

nav {
    float: right;/*右寄せ*/
    display: block;/*最初から表示*/
    font-size: 13px;
    /*margin-right: 5%;*/
    margin-top: 35px;
    /*padding: 0 10% 0 0;*/
}
nav ul {
    display: table;/*横並び*/
    /*text-align: fixed;*//*セル幅均等*/
    width: 200px;
    /*background-color: pink;*/
}
nav li {
    display: table-cell;/*横並び*/
    /*background-color: pink;*/
}
nav ul li.current a{
color: #4A4A4A;
/*background-color: pink;*/
}
nav a {
    display: block;/*押せる領域を横幅いっぱいにする*/
    text-align: center;/*文字を左右の中央に配置*/
    background-color: #fff;
    color: #BCBCBC;
    /*background-color: pink;*/
}
nav a:hover {
    color: #BCBCBC;
}



/*メイン*/
.main {
    margin-top: 130px;/* ヘッダにかぶるので全体的に下にさげる */
    /*padding: 0;*/
}

/* ----- トップ ここから ----- */
.wrap {/*トップ*/
    padding: 0;
}

.top {/*SPトップ非表示*/
    display: none!important;
}
.wrap_pc2 {/* トップの幅 */
    /*padding: 0 100px;*/
    width: 900px;
    margin: 0 auto;
    /*overflow: hidden;*/
}

.top_pc {/*横並び*/
    display: flex;
    justify-content: center;/*アイテムを中央に寄せる*/
    /*justify-content: space-around;*/
    /* 各アイテムを均等に配置し各アイテムの両側に半分の大きさの間隔を置く */
    /*justify-content: space-evenly;*/
    /* 各アイテムを均等に配置し各アイテムの周りに同じ大きさの間隔を置く */
}

.top-imag {/*iPhone画像とメモカルロゴとの間の余白*/
    margin-right: 100px;
    /*width: 418px;*/
    /*height: 492px;*/
    margin-top: 60px;
}
/*ヘッダーiPhone画像のサイズ*/
.top_pc img {
    /*width: 50%;*/

}

.top_pcs {/* メモカルロゴと説明文のグループ */
    margin-top: 50px;
}

.top_pcs .logo2 {/*メモカルminiのロゴのサイズ*/
    width: 400px;
/*    margin-top: 14px;*/
}
.text1 {/*トップ説明文*/
    width: 400px;/*説明文の幅*/
    text-align: justify;/*均等割付*/
    /*color: #4A4A4A;*/
    /*line-height: 2;*/
}

.appstore-btn {/*Appstoreボタンの右寄配置*/
    text-align: right;
    margin-top: 100px;
}
.appstore-btn img {/*Appstoreボタンのサイズ*/
    width: 40%;
    border: none;
    border-width: 0;

}

.text2 {/*ios※iOS 8.0以上のみ寄せ配置と余白とサイズ*/
    text-align: right;
    margin-top: 50px;
    margin-bottom: 50px;
    font-size: 13px;
}

.contact_pc {/*コンタクト*/
    text-align: right;
    margin-top: 50px;
}
.contact_pc img {/*コンタクト画像*/
    width: 200px;
}


/* ----- 紹介 ここから ----- */
.introduction {/*sp紹介非表示*/
    display: none !important;
}

.introduction_pc {
    background: #F9F9F9;/* 紹介背景*/
    display: block !important;/*最初から表示*/
    padding: 70px 0;
}
.introductions_pc {
    /*background: pink;*/
	
    width: 1080px;/*横幅指定必須 余白含めた各boxの合計値*/
    margin: 0 auto;
    text-align: center;
    overflow: hidden;
    /*padding: 0 15%;*/
    /*display: flex;*/
    /*justify-content: center;*//*アイテムを中央に寄せる*/
    /*justify-content: space-evenly;*//* 各アイテムを均等に配置し各アイテムの周りに同じ大きさの間隔を置く */
}

.box1_pc {
     width: 300px;
     height: 250px;
    float: left;
    margin-top: 8px;/*2012年に高さを合わせる*/
}
.img_center1 {/*①アイコン下の余白*/
  margin-bottom: 35px;
}

.box2_pc {
     width: 300px;
     height: 250px;
    float: left;
    margin-left: 90px;
    margin-top: 8px;/*2012年に高さを合わせる*/
}
.img_center2 {/*②アイコン下の余白*/
  margin-bottom: 35px;
}

.box3_pc {
     width: 300px;
     height: 250px;
    float: left;
    margin-left: 90px;
}
.img_center3 {/*③アイコン下の余白*/
  margin-bottom: 30px;
}



/* ----- 機能説明 ここから ----- */
.wrap_function {/*複数枚画像の機能紹介*/
	width: 100%;
    padding: 0 10%;
    overflow: hidden;
}

.wrap_function_single {/*1枚画像の機能説明*/
	width: 100%;
	padding: 0 10%;
	margin-bottom: 70px;
	display: block;
	overflow: hidden;
}

h3 {/* 各セクションの大見出し */
    font-weight: normal;
    font-size: 36px;
    margin-bottom: 30px;
    padding-left: 10%;
}

h4 {/* 紹介/機能の各タイトル*/
    margin-top: 20px;
    margin-bottom: 20px;
    font-weight: normal;
    font-size: 20px;
}

.feature{/* 紹介/グレー帯のタイトル*/
    font-weight: normal;
    font-size: 20px;
    color: #4A4A4A;
    background-color: #ECECEC;
}

.feature_text1{/* 紹介/グレー帯のタイトルの下のテキスト*/
    font-weight: normal;
    font-size: 16px;
	line-height: 1.7;
    color: #4A4A4A;
    padding: 0px 20px;
    margin-bottom: 50px;
}

.feature_text2{/* 紹介/グレー帯のタイトルの下のテキスト（注釈あり）*/
    font-weight: normal;
    font-size: 16px;
	line-height: 1.7;
    color: #4A4A4A;
	padding: 0px 20px;
}

.notes{/* 注釈*/
    font-weight: normal;
    font-size: 12px;
	padding: 0px 20px;
	margin-bottom: 50px;
}

.descriptions_2rows {/* 機能説明の幅 */
    /*background: pink;*/
    width: 95%;
    margin: 0 auto 70px;
    overflow: hidden;
	display:flex;
}

.descriptions {/* 機能説明の幅 */
    /*background: pink;*/
    width: 95%;
    margin: 0 auto;
    overflow: hidden;
	display: block;
}

.clearfix::after {
    content: " ";
    display: block;
    clear: both;
}


.descriptions_wrap {/* 機能説明の幅 */
    overflow: hidden;
    justify-content: center;/*アイテムを中央に寄せる*/
}

.point_title {
    width: 170px;
    height: 32px;
    margin: 0 0 20px 0;
    font-weight: normal;
    text-align: center;
    font-size: 20px;
    color: #FFF;
	background-color: #9B9B9B;
	border-radius: 10px; 	
}

.descriptions_text1{
	font-size: 16px;
	min-height: 6em;
	margin-bottom: 10px;
}

.item-1 {
    /*background: yellow;*/
    width: 100%;
	height: 100%;
    float: left;
    /*margin-bottom: 50px;*/
}

.item-2 {
    /*background: lightblue;*/
    margin-left: 70px;
    width: 100%;
	height: 100%;
    float: left;
    /*margin-bottom: 50px;*/
}

.item-3 {
    /*background: yellow;*/
    width: 95%;
	height: 100%;
	margin: 0 auto;
	padding: 0 20px;
    /*margin-bottom: 50px;*/
}

.item-456_sp {/*spDL画面のimage非表示*/
    display: none !important;
}
.item-456_pc {/*pcDL画面のimage表示*/
    display: block !important;
}

.item-alternate_pc {
	display: flex;
	width: 95%;
	padding-bottom: 130px;
}

.item-alternate_pc .img {
	margin: 0 20px;
}

.item-alternate_pc:nth-child(even) {
	flex-direction: row-reverse;
}

.item-alternate_pc:nth-child(even) .img {
	margin: 0 0 0 20px;
}

.step_pc{
	width:calc(100% - 360px);
	margin: 0 20px;
}

.step_pc h5{
	width: 101px;
	height: 28px;
}

.card-caption{
	font-size: 16px;
}


.item-7 {
    width: 90%;
	height: 100%;
	margin: 0 5%;
}

.item-8 {
    width: 76%;
	height: 100%;
	margin: 0 12%;
}

.img_center img {/* 機能説明サイズ */
    width: 100%;
}


/* ----- 設定画面説明 ここから ----- */
.setting-container {
	width: 80%;
	height: 100%;
	margin: 60px auto 0;
	display: flex;
	flex-wrap: wrap;
}

.setting-list {
	width: 50%;
	height: 100%;
	padding: 0 30px 50px;
	font-size: 16px;
}

.setting-title {
	font-size: 20px;
	padding-bottom: 15px;
}


/* アイコン一覧 ここから */

.iconlist {
    padding-top: 50px;
}
.iconlist_img {/*pc設定画面のiPhoneimageサイズと中央配置*/
    width: 60%;
    margin: 0 auto;
}


/* ----- その他の機能 ここから ----- */

.other_title{
	font-size: 20px;
	padding-bottom: 18px;
}

.other_text{
	font-size: 16px;
}



/* 動画 ここから */
.video {
    margin: 0 auto;
    width: 1000px;
    height: 613px;
}

.move_title {
    margin-bottom: 60px;
}

/*ダウンロード画面 ここから*/
.download_img_sp {/*spDL画面のimage非表示*/
    display: none !important;
}
.download_img_pc {/*pcDL画面のimage表示*/
    display: block !important;
}
.download-btn img {/*Appstoreボタンのサイズ*/
    width: 170px;

}
.downloads a {/*DLボタンのサイズと配置*/
    width: 15%;
    position: absolute;
    top: 70%;
    left: 84%;
    -ms-transform: translate(-60%,-80%);
    -webkit-transform: translate(-60%,-80%);
    transform: translate(-60%,-80%);
    border: none;
    border-width: 0;
}

.last_area{
	position: relative;
	width: 100%;
	margin: 0 auto;
}
.last_img_sp {/*spDL画面のimage非表示*/
    display: none !important;
}
.last_img_pc {/*pcDL画面のimage表示*/
    display: block !important;
	width: 100%;
	margin: 100px auto 30px;
	text-align: center;
}
.last_img_pc img{/*pcDL画面のimage表示*/
	width: 100%;
	max-width: 500px;
}
.last_area a {/*Appstoreボタンのサイズ*/
	display: block;
    width: 180px;
	margin: 0 auto 80px;
}